.box-studio{grid-template-columns:320px minmax(0,1fr) 340px;grid-template-rows:var(--topbar) minmax(0, 1fr);grid-template-areas:"top top top""left stage right";height:100svh;min-height:0;display:grid}.box-studio--loading{color:var(--muted);grid-template:1fr/1fr;place-items:center;display:grid}.box-top{background:var(--ink);color:#fff;grid-area:top;align-items:center;gap:16px;min-width:0;padding:0 16px;display:flex}.box-top__title{font-family:var(--font-display);white-space:nowrap;font-weight:600}.box-top__name{color:#fff;background:0 0;border:1px solid #33424d;border-radius:6px;flex:200px;min-width:0;max-width:320px;height:34px;padding:0 10px}.box-top__name::placeholder{color:#93a1ab}.box-top__name:focus-visible{background:var(--ink-2);border-color:var(--magenta);outline:none}.box-top__nav{white-space:nowrap;gap:16px;margin-left:auto;display:flex}.box-top__nav a{color:#d5dde2;font-weight:500;text-decoration:none}.box-top__nav a:hover{color:#fff;text-decoration:underline}.box-panel{background:var(--surface);min-height:0;padding:18px 18px 28px;overflow-y:auto}.box-panel--left{border-right:1px solid var(--rule);grid-area:left}.box-panel--right{border-left:1px solid var(--rule);grid-area:right}.box-panel__section{flex-direction:column;gap:12px;display:flex}.box-panel__section+.box-panel__section{border-top:1px solid var(--rule);margin-top:26px;padding-top:20px}.box-panel__title{font-family:var(--font-display);font-size:17px;font-weight:600}.box-panel__title:not(:first-child){margin-top:10px}.box-facts{border-radius:var(--radius);background:var(--chalk);grid-template-columns:1fr 1fr;gap:10px 14px;margin:8px 0 0;padding:12px;display:grid}.box-facts dt{color:var(--muted);font-size:12px}.box-facts dd{margin:2px 0 0;font-weight:600}.box-stage{background:radial-gradient(120% 95% at 50% 34%,#f7f8f8 0%,#e4e7e9 56%,#cfd4d7 100%);grid-area:stage;min-width:0;min-height:0;position:relative}.box-stage__bar{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:14px}.box-stage__bar .segmented,.box-stage__bar .tool{background:#ffffffe6;box-shadow:0 1px #101a2214}.fold-bar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border-radius:12px;align-items:center;gap:14px;width:min(560px,100% - 32px);padding:8px 14px 8px 8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 1px #101a2214,0 6px 20px #101a221f}.fold-bar__play{justify-content:center;align-items:center;gap:6px;min-width:104px;display:inline-flex}.fold-bar__slider{color:var(--muted);flex:1;align-items:center;gap:10px;font-size:12.5px;display:flex}.fold-bar__slider .slider{flex:1}.dieline{padding:64px 24px 24px;display:flex;position:absolute;inset:0;overflow:auto}.dieline__svg{border-radius:var(--radius);background:#fff;width:100%;height:100%;box-shadow:0 6px 24px #101a221f}.dieline__paper{fill:#fff}.dieline__bleed{fill:none;stroke:#00a651;stroke-width:.35px;stroke-dasharray:.6 .9}.dieline__crease{fill:none;stroke:#0072ce;stroke-width:.4px;stroke-dasharray:3 2}.dieline__cut{fill:none;stroke:#e4002b;stroke-width:.45px}.dieline__face{fill:#0000;cursor:pointer}.dieline__face:hover{fill:#d0206a14}.dieline__face:focus-visible{stroke:var(--magenta);stroke-width:.8px;outline:none}.dieline__face--selected{fill:#d0206a1a;stroke:var(--magenta);stroke-width:.8px}.dieline__label{fill:#101a2273;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-weight:600}.dieline__note{fill:var(--muted);font-size:4px}.face-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.face-row{border:1px solid var(--rule);border-radius:var(--radius);align-items:center;gap:6px;padding:4px;display:flex}.face-row--selected{border-color:var(--magenta);box-shadow:0 0 0 1px var(--magenta)}.face-row__pick{text-align:left;background:0 0;border:0;flex:1;grid-template-rows:auto auto;grid-template-columns:38px minmax(0,1fr);align-items:center;column-gap:10px;min-width:0;padding:2px;display:grid}.face-row__thumb{background:var(--paper) center / cover no-repeat;border-radius:6px;grid-row:1/3;width:38px;height:38px}.face-row__name{font-weight:600}.face-row__file{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.face-row__actions{align-items:center;gap:2px;display:flex}.face-row__actions .tool{padding:0 8px}.segmented--small .segmented__item{height:28px;padding:0 8px;font-size:12px}.export-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.export-list__item{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);text-align:left;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;display:flex}.export-list__item:hover:not(:disabled){border-color:var(--rule-strong);background:var(--chalk)}.export-list__item span{flex-direction:column;gap:2px;display:flex}.export-list__item small{color:var(--muted);font-size:12px}.box-toast{z-index:10;background:var(--ink);color:#fff;border-radius:10px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px 8px 8px 14px;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #101a2240}.box-toast .tool{color:#fff}@media (max-width:1180px){.box-studio{grid-template-columns:290px minmax(0,1fr) 300px}}@media (max-width:899px){.box-studio{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--topbar) 62svh auto auto;grid-template-areas:"top""stage""left""right";height:auto;min-height:100svh}.box-panel{border:0;border-top:1px solid var(--rule);overflow:visible}.box-top__title{display:none}}@media (max-width:599px){.box-top{gap:10px;padding:0 12px}.box-top__nav a:last-child,.fold-bar__slider span{display:none}.dieline{padding:60px 8px 8px}}