/* Design generation only: 64px icon rail + 18px gap + 190px date list.
   The task feed and composer share the remaining canvas; original media URLs stay untouched. */
body[data-studio="design"] #dailyWorkspaces,
body[data-studio="design"] .daily-workspace-mobile{display:none}

body[data-studio="design"].page-generate #dailyWorkspaces{
  position:fixed;z-index:10;inset:54px auto 0 82px;width:190px;
  display:flex;flex-direction:column;gap:12px;padding:28px 12px 20px 0;
  color:var(--ink);font-size:13px;line-height:1.5;
}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-heading{
  flex:none;margin:0;padding:0 12px 4px;font-size:13px;font-weight:600;color:var(--ink);
}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-list{
  display:flex;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:4px;
  min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
  scrollbar-color:var(--control) transparent;padding:0 2px;
}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-day{
  display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;
  width:100%;min-height:44px;padding:10px;border:1px solid transparent;border-radius:8px;
  background:transparent;color:var(--muted);font:inherit;text-align:left;
  font-variant-numeric:tabular-nums;transition:background .16s,color .16s;
}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-date{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-count{
  flex:none;color:var(--muted);font-size:11px;white-space:nowrap;
}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-day:hover{
  background:var(--surface);color:var(--ink);
}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-day[aria-current="true"]{
  background:var(--raised);color:var(--ink);border-color:var(--border);
}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-day[aria-current="true"] .daily-workspace-date{font-weight:600}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-more{
  flex:none;min-height:40px;padding:8px 12px;border:0;border-radius:8px;
  background:transparent;color:var(--muted);font:inherit;text-align:left;
}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-more:hover{background:var(--surface);color:var(--ink)}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-more:disabled{opacity:.55;cursor:default}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-more[hidden]{display:none}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-status{
  flex:none;margin:0;padding:0 12px;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere;
}
body[data-studio="design"].page-generate #dailyWorkspaces .daily-workspace-status:empty{display:none}
body[data-studio="design"].page-generate #dailyWorkspaces button:focus-visible,
body[data-studio="design"].page-generate #workspaceDaySelect:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;
}
body[data-studio="design"].page-generate #main{
  margin-left:272px;padding-left:24px;padding-right:24px;
}
body[data-studio="design"].page-generate #main #generateView{
  max-width:1120px;padding-top:24px;
}
body[data-studio="design"].page-generate #main .composer-wrap{max-width:1120px}
body[data-studio="design"].page-generate #main #generateView>.section-heading{margin-bottom:12px;gap:12px}
body[data-studio="design"].page-generate #generateView #workspaceDayHeading{margin:0;font-size:20px;font-weight:550;line-height:1.5;letter-spacing:-.02em}
body[data-studio="design"].page-generate #generateView #workspaceDaySummary{max-width:none;margin-top:4px;font-size:12px;line-height:1.6;color:var(--muted)}
body[data-studio="design"].page-generate #main #generateView>.view-tabs{margin:0 0 10px;padding-bottom:8px}

body[data-studio="design"].page-generate #historyContent .generation-record{padding:12px 0 22px}
body[data-studio="design"].page-generate #historyContent .record-summary{margin:7px 0 10px}
body[data-studio="design"].page-generate #historyContent .record-description summary{min-height:24px}
body[data-studio="design"].page-generate #historyContent .generation-record-progress{margin-bottom:10px;font-size:12px}
body[data-studio="design"].page-generate #historyContent .generation-batch-status{margin:8px 0 0}

/* Each record carries its requested ratio and bounded natural card width.
   9:16 is 202.5 × 360; 16:9 is 260 × 146.25. The same slot becomes its result. */
body[data-studio="design"].page-generate #historyContent .record-results{
  --generation-card-gap:12px;
  display:flex;flex-wrap:wrap;gap:16px var(--generation-card-gap);
  align-items:flex-start;justify-content:flex-start;width:100%;max-width:1120px;
}
body[data-studio="design"].page-generate #historyContent .record-results>.record-image,
body[data-studio="design"].page-generate #historyContent .record-results>.record-image:only-child{
  flex:0 1 var(--generation-card-width,260px);width:min(var(--generation-card-width,260px),100%);
  max-width:var(--generation-card-width,260px);min-width:0;margin:0;background:transparent;border-radius:0;
}
body[data-studio="design"].page-generate #historyContent .record-results .result-preview{
  display:block;width:100%;min-width:0;padding:0;overflow:hidden;border-radius:10px;
  border:0;background:transparent;
}
body[data-studio="design"].page-generate #historyContent .record-results .generation-result-surface,
body[data-studio="design"].page-generate #historyContent .record-results .generation-slot-surface{
  display:block;position:relative;isolation:isolate;width:100%;min-height:0;max-height:none;
  aspect-ratio:var(--generation-ratio,1.333333);border-radius:10px;overflow:hidden;background:var(--surface);
}
body[data-studio="design"].page-generate #historyContent .record-results .generation-result-surface>img{
  display:block;width:100%;height:100%;max-height:none;object-fit:contain;
  border-radius:0;animation:none;transition:none;
}
body[data-studio="design"].page-generate #historyContent .record-results .generation-slot{min-height:0;padding-bottom:40px}
body[data-studio="design"].page-generate #historyContent .result-image-tools{
  display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:4px;
}
body[data-studio="design"].page-generate #historyContent .result-image-tools button{
  min-width:32px;min-height:36px;height:auto;padding:4px 6px;
}
body[data-studio="design"].page-generate #historyContent .result-image-tools button:last-child{margin-left:auto;white-space:nowrap}

/* Keep desktop completion from collapsing the short task-action row. */
@media(min-width:601px){
  body[data-studio="design"].page-generate #historyContent .record-actions{min-height:45px}
}

/* Collapse the secondary rail when the shared header becomes two rows. */
@media(max-width:1050px){
  body[data-studio="design"].page-generate #dailyWorkspaces{display:none}
  body[data-studio="design"].page-generate #main{margin-left:64px;padding-left:20px;padding-right:20px}
  body[data-studio="design"].page-generate #main #generateView{padding-top:20px}
  body[data-studio="design"].page-generate .daily-workspace-mobile{
    display:flex;align-items:center;gap:12px;margin:0 0 16px;min-width:0;font-size:12px;color:var(--muted);
  }
  body[data-studio="design"].page-generate #workspaceDaySelect{
    min-width:0;max-width:100%;min-height:44px;padding:8px 32px 8px 12px;border:1px solid var(--control);
    border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;
    font-variant-numeric:tabular-nums;color-scheme:dark;
  }
}
@media(max-width:800px){
  body[data-studio="design"].page-generate #historyContent .record-results{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:min(100%,calc(var(--generation-card-width,260px) * 2 + var(--generation-card-gap)));gap:14px var(--generation-card-gap);
  }
  body[data-studio="design"].page-generate #historyContent .record-results>.record-image{
    width:100%;
  }
  body[data-studio="design"].page-generate #historyContent .record-results>.record-image:only-child{
    grid-column:1/-1;width:min(var(--generation-card-width,260px),100%);
  }
}
@media(max-width:600px){
  body[data-studio="design"].page-generate #main{margin-left:0;padding-left:12px;padding-right:12px}
  body[data-studio="design"].page-generate #main #generateView{padding-top:16px;padding-left:0;padding-right:0}
  body[data-studio="design"].page-generate #main #generateView>.section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px 8px;margin-bottom:12px}
  body[data-studio="design"].page-generate #main #generateView>.section-heading>div{display:contents}
  body[data-studio="design"].page-generate #main #generateView>.section-heading>.quiet-button{grid-row:1;min-height:36px;gap:4px;font-size:11px}
  body[data-studio="design"].page-generate #main #generateView>.section-heading>.new-design-button{margin-left:0}
  body[data-studio="design"].page-generate #generateView #workspaceDayHeading{font-size:16px;line-height:1.5;grid-row:1;white-space:nowrap}
  body[data-studio="design"].page-generate #generateView #workspaceDaySummary{grid-column:1/-1;grid-row:2;margin:0;font-size:11px}
  body[data-studio="design"].page-generate .daily-workspace-mobile{justify-content:space-between;gap:8px;margin-bottom:12px}
  body[data-studio="design"].page-generate #workspaceDaySelect{flex:1;max-width:230px}
  body[data-studio="design"].page-generate #historyContent .record-results{--generation-card-gap:10px;gap:12px var(--generation-card-gap)}
  body[data-studio="design"].page-generate #historyContent .record-results .generation-slot{padding-bottom:42px}
  body[data-studio="design"].page-generate #historyContent .result-image-tools{gap:2px}
  body[data-studio="design"].page-generate #historyContent .result-image-tools button{min-width:30px;min-height:38px;padding:4px;font-size:11px;gap:3px}
}