/* Application surfaces keep the illustration unchanged and expose real outputs. */
.studio-intro{margin:0 0 30px}.studio-intro h2{font-size:31px;line-height:1.5;margin:14px 0 10px}.studio-intro>p:not(.eyebrow){font-size:14px;line-height:1.9}.studio-form{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:22px 26px;padding:29px;background:var(--soft);align-items:start}.studio-form label{display:flex;flex-direction:column;font-size:12px;gap:9px}.studio-form label>span{font-size:10px;opacity:.65;position:absolute;right:0;top:2px}.studio-form .studio-title-field{grid-row:span 2;position:relative}.studio-form input,.studio-form select,.studio-form textarea{color:var(--text);background:var(--canvas);border:1px solid var(--line);border-radius:0;padding:10px 12px;width:100%;font-size:15px;line-height:1.7;min-height:46px}.studio-form textarea{resize:vertical;min-height:145px;font-size:22px;line-height:1.6}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0 25px}.studio-toolbar>p{font-size:11px;line-height:1.8}.studio-toolbar>div{display:flex;align-items:center;gap:22px;flex-shrink:0}.studio-toolbar button{font-size:11px;border-bottom:1px solid currentColor;padding:0 0 3px}.studio-error{color:#9F3B57}.editable-spread{align-items:start}.export-board{min-width:0}.artboard-frame{aspect-ratio:3/4;background:var(--paper);position:relative;overflow:hidden;color:var(--ink)}.artboard-frame>img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.artboard-frame>img:not([src]){visibility:hidden}.artboard-frame>span{position:absolute;left:18px;top:18px;font-size:8px;letter-spacing:.1em}.export-board>figcaption{display:flex;align-items:center;justify-content:space-between;padding:15px 0 0;font-size:11px;gap:12px;opacity:1}.export-board>figcaption>div{display:flex;gap:17px}.export-board>figcaption button{font-size:10px;padding:0 0 3px;border-bottom:1px solid currentColor}.export-board>figcaption button:disabled{border-color:transparent}.application-scene>.caption{line-height:1.9}.task-handoff{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;padding:20px 0 85px}.task-handoff h2{font-size:35px;line-height:1.55;margin:23px 0}.task-handoff>div>p:not(.eyebrow){font-size:14px;line-height:2}.task-handoff>div>.caption{font-size:12px!important;margin-top:25px;opacity:.75}.brief-builder>label{display:block;font-size:12px;margin-bottom:9px}.brief-builder>select,.brief-builder>textarea{width:100%;font-size:15px;padding:12px 14px;border:1px solid var(--line);background:var(--canvas);color:var(--text);line-height:1.8;border-radius:0;margin:0 0 22px}.brief-builder>textarea{resize:vertical;min-height:136px}.brief-generate{padding:13px 22px;border-radius:7px;background:var(--ink);color:var(--paper);font-size:13px}.brief-builder>#brief-status{font-size:11px;line-height:1.9;margin-top:17px}.brief-actions{display:flex;flex-wrap:wrap;gap:17px;margin-top:24px}.brief-actions>button{font-size:11px;border-bottom:1px solid currentColor;padding:0 0 4px}.brief-builder details{border-top:1px solid var(--line);padding-top:20px;margin-top:27px}.brief-builder summary{font-size:12px;cursor:pointer}.brief-builder pre{font:12px/1.85 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0;max-height:420px;overflow:auto}.studio-error{font-weight:500}html[data-theme=dark] .studio-error{color:#EDA8BC}html[data-theme=dark] .brief-generate{background:var(--night-text);color:var(--night)}
/* Rules are essential reading, not image captions. */
#spec-content>p,#spec-content li,#spec-content details p{font-size:16px;line-height:1.85}#spec-content li{margin-bottom:15px}#spec-content summary{font-size:15px;line-height:1.8}#spec-content>p:first-child{font-size:10px}#spec-content h2{font-size:28px}.spec-file-link{font-size:13px}
@media(max-width:1000px){.studio-form{grid-template-columns:1fr 1fr}.studio-form .studio-title-field{grid-row:span 2}.task-handoff{gap:40px}.studio-toolbar{align-items:start}.studio-toolbar>div{gap:15px}.export-board>figcaption{flex-direction:column;align-items:start;gap:12px}}
@media(max-width:760px){.studio-intro{margin-top:12px}.studio-intro h2{font-size:25px}.studio-intro>p:not(.eyebrow){font-size:14px}.studio-form{grid-template-columns:1fr;padding:20px;gap:18px;margin:0 -5px}.studio-form .studio-title-field{grid-row:auto}.studio-form label{font-size:12px}.studio-form textarea{min-height:104px;font-size:21px}.studio-form input,.studio-form select{font-size:16px}.studio-toolbar{flex-direction:column;align-items:start;gap:15px;padding:20px 0 27px}.studio-toolbar>p{font-size:12px}.studio-toolbar button{font-size:12px}.editable-spread{padding:22px 18px 25px}.export-board{width:clamp(290px,calc(100vw - 70px),340px);min-width:clamp(290px,calc(100vw - 70px),340px);flex-shrink:0;scroll-snap-align:start}.export-board>figcaption{flex-direction:row;align-items:center;font-size:12px}.export-board>figcaption button{font-size:12px}.task-handoff{grid-template-columns:1fr;gap:32px;padding:5px 0 60px}.task-handoff h2{font-size:29px}.task-handoff>div>p:not(.eyebrow){font-size:14px}.brief-builder>select,.brief-builder>textarea{font-size:16px}.brief-generate{font-size:14px;min-height:46px}.brief-actions button{font-size:12px}.brief-builder pre{font-size:14px}#spec-content>p,#spec-content li,#spec-content details p{font-size:16px;line-height:1.85}#spec-content h2{font-size:25px}.caption{overflow-wrap:anywhere}}