/* finesse · existing visual system · horizontal preparation, full-width design content */
@media(min-width:801px){
  .studio-shell{grid-template-columns:174px minmax(0,1fr);gap:30px}
  .studio-shell .process-rail{padding-left:8px;padding-right:18px}
  .studio-shell .rail-item{font-size:13px;min-height:42px}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .studio-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-pane{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:28px;row-gap:12px;padding:20px 24px;border:1px solid var(--line);background:var(--panel);align-items:start}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-pane .studio-section-title{grid-column:1/-1;margin:0 0 2px}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-pane .studio-section-title small{display:block}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-stage{grid-column:1;grid-row:2/5;min-height:150px;background:var(--page)}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-stage .empty{min-height:150px;padding:16px}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-stage img{height:150px;object-fit:contain}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-tools{grid-column:1;grid-row:5;margin:0}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-meta{grid-column:2;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;max-width:780px}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-pane>.inline-check{grid-column:2;grid-row:3;margin:0;max-width:780px;font-size:12px}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-pane>.privacy-hint{grid-column:2;grid-row:4;margin:0;max-width:780px;font-size:11px}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .studio-body:has(.mode-tab[data-mode=reference][aria-pressed=true]) .reference-slot{max-width:900px;display:flex;flex-wrap:wrap;align-items:center;gap:16px}
  .studio-body:has(.mode-tab[data-mode=reference][aria-pressed=true]) .reference-slot p{flex-basis:100%;margin:0}
  .studio-body:has(.mode-tab[data-mode=reference][aria-pressed=true]) .reference-slot img{width:340px;height:210px;margin:0}
}
@media(min-width:1700px){.studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:801px) and (max-width:1100px){
  .studio-shell{grid-template-columns:150px minmax(0,1fr);gap:22px}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-pane{grid-template-columns:220px minmax(0,1fr);column-gap:20px;padding:18px}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .car-meta{grid-template-columns:minmax(0,1fr);gap:10px}
  .studio-body:has(.mode-tab:not([data-mode=local])[aria-pressed=true]) .style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Home labels and workflow hierarchy: keep the existing palette and content. */
.studio-shell .process-rail .rail-car,.desktop-shell .process-rail .rail-car{margin-bottom:8px;padding-bottom:8px}
.process-rail .rail-group{margin:16px 0 6px}
.desktop-shell .process-rail .rail-title{font-size:17px}
.desktop-shell .process-rail .rail-item{min-height:44px;padding:10px 12px}
.desktop-shell .process-rail .rail-group{font-size:12px;font-weight:600;border-top:1px solid var(--line);padding-top:12px}
.desktop-shell .process-rail{min-height:0}
.prep-preference{grid-column:2;grid-row:5;margin:0;max-width:780px}
.prep-preference textarea{min-height:78px}
.studio-grid>.studio-submit{margin:0;padding:0 0 4px;border-top:0;grid-column:1/-1}
.expanded-proposals{display:grid;gap:28px;margin-top:20px}
.expanded-proposal{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;padding:24px;border:1px solid var(--line);background:var(--panel)}
.expanded-proposal.selected{border-color:var(--accent)}
.expanded-proposal img{width:100%;height:auto}
.proposal-palette{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}
.proposal-palette svg{width:32px;height:16px;border:1px solid var(--line)}
.proposal-details h2{font-size:23px;margin:10px 0 16px}
.proposal-details>p,.proposal-details li,.proposal-details dd{font-size:13px;line-height:1.8}
.proposal-details dl{margin:22px 0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px 16px}
.proposal-details dt{font-size:12px;color:var(--muted)}
.proposal-details dd{margin:0;color:var(--secondary)}
.proposal-details h3{font-size:14px}.proposal-details ul{padding-left:18px}
.proposal-details .button{margin-top:18px}
@media(max-width:1100px){.expanded-proposal{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){.prep-preference{margin-top:16px}.expanded-proposal{padding:16px}.proposal-details dl{grid-template-columns:minmax(0,1fr);gap:6px}.proposal-details dd{margin-bottom:10px}}
.studio-body .mode-tab strong{color:var(--ink)}
.hero .start-band .button[data-action=start]{position:relative;isolation:isolate;overflow:hidden;min-height:62px;min-width:240px;padding:18px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;border:1px solid var(--silver-high);background:linear-gradient(115deg,var(--silver-mid),var(--silver-high) 58%,var(--silver-mid));color:var(--page);font-weight:600;font-size:16px;box-shadow:0 6px 22px var(--metal-shadow);transition:transform .22s ease}
.hero .start-band .button[data-action=start]::before{content:"";position:absolute;inset:-30% auto -30% -55%;width:35%;background:linear-gradient(90deg,transparent,var(--silver-high),transparent);transform:translateX(0) skewX(-18deg);opacity:0;pointer-events:none;z-index:-1;animation:entry-sheen 2.2s ease 1s 2}
.hero .start-band .button[data-action=start] span{display:inline-block;font-size:24px;transition:transform .22s ease}
.hero .start-band .button[data-action=start]:active{transform:translateY(1px)}
@keyframes entry-sheen{0%,15%{transform:translateX(0) skewX(-18deg);opacity:0}25%{opacity:.8}80%,100%{transform:translateX(490%) skewX(-18deg);opacity:0}}
@media(hover:hover) and (pointer:fine){.hero .start-band .button[data-action=start]:hover{transform:translateY(-2px)}.hero .start-band .button[data-action=start]:hover span{transform:translate(4px,-3px)}}
@media(prefers-reduced-motion:reduce){.hero .start-band .button[data-action=start]::before{animation:none;opacity:0}.hero .start-band .button[data-action=start],.hero .start-band .button[data-action=start] span{transition:none;transform:none!important}}
@media(max-width:440px){.hero .start-band .button[data-action=start]{min-width:0;width:100%}}
.hero-cars figcaption{top:0;bottom:auto;left:0;padding:22px 20px 36px;font-size:18px;font-weight:600;letter-spacing:.02em;color:var(--ink);background:linear-gradient(var(--shade),transparent);pointer-events:none}
.studio-body>.studio-heading{display:none}
.studio-body>.mode-bar{margin-top:22px}
.studio-shell .rail-title{font-size:17px;font-weight:600;line-height:1.4;margin-bottom:10px}
.studio-shell .rail-car{font-size:12px;line-height:1.6;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.studio-shell .rail-group{display:flex;align-items:center;gap:10px;margin:22px 0 8px;color:var(--secondary);font-size:12px;font-weight:600;letter-spacing:.03em}
.studio-shell .rail-group::after{content:"";height:1px;background:var(--line);flex:1}
.studio-shell .rail-item{padding:10px 12px;font-size:13px;min-height:44px}
.studio-shell .rail-item span{width:26px}
.studio-shell .rail-tip{font-size:11px;line-height:1.7}
@media(min-width:801px){.studio-shell{grid-template-columns:220px minmax(0,1fr);gap:28px}.studio-shell .process-rail{padding:24px 20px 20px 10px}}
@media(min-width:801px) and (max-width:1100px){.studio-shell{grid-template-columns:195px minmax(0,1fr);gap:22px}}
@media(max-width:800px){.studio-shell .rail-group{display:none}.studio-shell .rail-title{font-size:15px}.hero-cars figcaption{font-size:15px;padding:16px 14px 28px}.studio-body>.mode-bar{margin-top:16px}}

/* Compact style preparation: fields, preferences, then two supporting lines. */
@media(min-width:801px){
  .studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .car-pane{row-gap:8px;padding:16px 20px;column-gap:24px}
  .studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .prep-preference{grid-column:2;grid-row:3;max-width:780px;margin:0}
  .studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .prep-preference textarea{height:64px;min-height:64px;padding:10px 12px}
  .studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .car-pane>.inline-check{grid-row:4;font-size:11px;line-height:1.5;gap:8px;align-items:center;min-height:28px}
  .studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .car-pane>.privacy-hint{grid-row:5;font-size:11px;line-height:1.5}
  .studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .car-stage{grid-row:2/4;align-self:start}
  .studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .car-tools{grid-row:4/6;align-self:start}
  .studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .car-pane>.inline-check input{width:16px;height:16px;min-width:16px;padding:0}
  .studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .field-title{margin-bottom:6px}
}

/* Independent columns prevent consent text from creating full-width grid rows. */
body:has(.studio-shell) .topbar{height:64px}
.studio-body>.mode-bar{margin-top:8px;margin-bottom:14px}
.studio-body>.mode-bar .mode-tab{padding-top:10px;padding-bottom:10px}
.upload-column,.input-column{min-width:0}
.studio-body .car-pane .upload-column .car-stage{min-height:110px}
.studio-body .car-pane .upload-column .car-stage .empty{min-height:110px;padding:12px;gap:8px}
.studio-body .car-pane .upload-column .car-stage .empty strong{font-size:13px}
.studio-body .car-pane .upload-column .car-stage .empty .button{min-height:36px;padding:8px 12px}
.studio-body .car-pane .upload-column .car-stage img{height:110px}
.upload-column .car-tools:has(button[data-action=upload-car]:only-child){margin:0}
.upload-column:has(.empty) .car-tools{display:none}
.studio-body .upload-column>.inline-check{font-size:10px;line-height:1.5;gap:7px;margin-top:9px;align-items:start}
.studio-body .upload-column>.inline-check input{width:15px;height:15px;min-width:15px;padding:0;margin-top:1px}
.studio-body .upload-column>.privacy-hint{font-size:10px;line-height:1.5;margin-top:5px}
.studio-body .upload-column>.privacy-hint button{font-size:inherit;min-height:24px;padding:0}
.studio-body .input-column .car-meta{margin:0;max-width:none}
.studio-body .input-column .prep-preference{max-width:none;margin-top:10px}
.studio-body .input-column .prep-preference textarea{height:64px;min-height:64px}
.studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .studio-grid{gap:16px}
.studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .car-pane{padding:12px 18px;row-gap:10px}
.studio-grid>.studio-submit .button{min-height:42px;padding:10px 18px}
@media(min-width:801px){.studio-body:has(.mode-tab[data-mode=style][aria-pressed=true]) .car-pane{grid-template-columns:280px minmax(0,1fr)}.upload-column{grid-column:1;grid-row:2}.input-column{grid-column:2;grid-row:2}}
@media(max-width:800px){.input-column{margin-top:16px}.studio-body .upload-column>.inline-check,.studio-body .upload-column>.privacy-hint{font-size:11px}}