.studio-head { display:flex; justify-content:space-between; gap:24px; align-items:end; padding:34px 0 24px; border-bottom:1px solid var(--ink); }.studio-head h1 { margin:2px 0 4px; font-size:clamp(2.2rem,6vw,4rem); letter-spacing:-.04em; }.studio-head p:not(.label) { margin:0; color:var(--muted); font-size:15px; max-width:46ch; }.studio-head__actions { display:flex; gap:8px; flex:0 0 auto }.studio-shell { display:grid; grid-template-columns:190px minmax(0,1fr); gap:26px; margin:24px 0 48px; }.studio-sidebar { display:flex; flex-direction:column; min-height:570px; border-right:1px solid var(--line); padding-right:18px; }.studio-sidebar__project { display:flex; align-items:center; gap:8px; padding-bottom:18px; border-bottom:1px solid var(--line) }.studio-sidebar__project > div { min-width:0; display:grid; gap:1px; flex:1 }.studio-sidebar__project strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px }.studio-sidebar__project small,.studio-sidebar__footer small { color:var(--muted); font-size:11px }.icon-button,.text-button { border:0; background:none; color:var(--muted); cursor:pointer; font:12px "Geist Mono",monospace }.icon-button { padding:4px 0 }.studio-nav { display:grid; gap:4px; padding:18px 0 }.studio-nav a { display:flex; justify-content:space-between; padding:8px 9px; border-radius:5px; text-decoration:none; color:var(--muted); font-size:13px }.studio-nav a:hover,.studio-nav a.is-active { background:var(--chip); color:var(--ink) }.studio-nav a.is-active { box-shadow:inset 2px 0 var(--signal) }.studio-nav a span { color:var(--muted); font:10px "Geist Mono",monospace }.studio-sidebar__footer { margin-top:auto }.studio-sidebar__footer .label { font-size:10px }.health-meter { height:5px; margin:8px 0 5px; background:var(--line) }.health-meter span { display:block; width:25%; height:100%; background:var(--signal) }.studio-main { min-width:0; display:grid; gap:18px }.studio-chat,.studio-panel { border:1px solid var(--line); background:var(--surface) }.studio-chat { min-height:420px; display:flex; flex-direction:column }.studio-section-head { display:flex; justify-content:space-between; gap:14px; align-items:start; padding:18px 18px 14px; border-bottom:1px solid var(--line) }.studio-section-head h2 { margin:2px 0 0; font-size:21px }.studio-section-head .label { margin:0 }.chat-log { flex:1; padding:18px; overflow:auto }.chat-message { display:grid; grid-template-columns:28px 1fr; gap:10px; max-width:65ch }.chat-message p { margin:0; font-size:15px; line-height:1.5 }.chat-avatar { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--ink); color:var(--paper); font:10px "Geist Mono",monospace }.chat-suggestion-row { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px }.chat-suggestion-row button { border:1px solid var(--line); border-radius:999px; padding:7px 10px; background:var(--paper); color:var(--ink); cursor:pointer; text-align:left; font-size:12px }.chat-suggestion-row button:hover { border-color:var(--signal); color:var(--signal) }.chat-composer { display:flex; gap:8px; padding:12px; border-top:1px solid var(--line) }.chat-composer textarea { flex:1; min-width:0; resize:none; padding:10px; border:1px solid var(--line); background:var(--paper); color:var(--ink); font:inherit; font-size:14px }.chat-composer textarea:focus { outline:2px solid var(--signal-soft); border-color:var(--signal) }.studio-chat > .prototype-note { margin:0 14px 13px }.studio-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px }.studio-panel { min-width:0 }.brief-list { margin:0; padding:0 18px 14px }.brief-list div { display:grid; grid-template-columns:110px 1fr; gap:8px; padding:10px 0; border-bottom:1px solid var(--line) }.brief-list dt { color:var(--muted); font:10px "Geist Mono",monospace; text-transform:uppercase; letter-spacing:.06em }.brief-list dd { margin:0; font-size:13px }.build-status { color:var(--muted); font:10px "Geist Mono",monospace; text-transform:uppercase }.build-status i { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--muted) }.build-preview { display:grid; place-items:center; gap:8px; min-height:150px; margin:0 14px 12px; border:1px dashed var(--line); background:var(--paper); text-align:center }.build-preview p { margin:0; color:var(--muted); font-size:13px }.build-preview__crosshair { color:var(--signal); font-size:28px }.build-meta { display:flex; justify-content:space-between; padding:0 18px 14px; color:var(--muted); font:10px "Geist Mono",monospace; text-transform:uppercase }.build-meta b { color:var(--ink) }.release-panel { padding-bottom:8px }.release-list { list-style:none; margin:0; padding:0 18px }.release-list li { display:flex; gap:11px; align-items:flex-start; padding:12px 0; border-bottom:1px solid var(--line) }.release-list li:last-child { border-bottom:0 }.check-box { flex:0 0 14px; width:14px; height:14px; margin-top:3px; border:1px solid var(--muted) }.release-list span:last-child { display:grid; gap:2px }.release-list b { font-size:13px }.release-list small { color:var(--muted); font-size:12px }.studio-toast { position:fixed; right:18px; bottom:85px; z-index:250; max-width:280px; padding:12px 14px; border:1px solid var(--ink); background:var(--ink); color:var(--paper); font-size:13px; box-shadow:0 8px 24px #0002 }.studio-toast[hidden] { display:none }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0 }
@media (max-width:700px) { .studio-head { align-items:flex-start; flex-direction:column }.studio-head__actions { width:100% }.studio-head__actions .btn { flex:1; text-align:center }.studio-shell { display:block }.studio-sidebar { min-height:0; margin-bottom:18px; padding:0 0 14px; border-right:0; border-bottom:1px solid var(--line) }.studio-nav { display:flex; overflow:auto; padding:12px 0 0 }.studio-nav a { flex:0 0 auto }.studio-nav a span { display:none }.studio-sidebar__footer { display:none }.studio-grid { grid-template-columns:1fr }.studio-section-head { padding:15px 14px 12px }.chat-log { padding:14px }.brief-list { padding:0 14px 12px } }

/* Dashboard interactions */
.release-item { display:flex; gap:11px; align-items:flex-start; width:100%; padding:0; border:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer }
.release-item .check-box { display:grid; place-items:center; color:var(--paper); font-size:10px; line-height:1 }
.release-item.is-done .check-box { background:var(--ok); border-color:var(--ok) }
.release-item.is-done b { color:var(--muted); text-decoration:line-through }
.release-item:focus-visible { outline:2px solid var(--signal); outline-offset:2px }
.build-status.is-ok i { background:var(--ok) }
.revision-log { list-style:none; margin:0 18px 14px; padding:0; max-height:160px; overflow:auto }
.revision-log li { display:flex; gap:9px; padding:8px 0; border-bottom:1px solid var(--line); font-size:12px; line-height:1.4 }
.revision-log li:last-child { border-bottom:0 }
.revision-log b { flex:0 0 auto; padding-top:1px; font:600 10px "Geist Mono",monospace; text-transform:uppercase; letter-spacing:.05em; color:var(--signal) }
.revision-log span { color:var(--muted) }
.revision-log__empty { color:var(--muted); font-size:12px }
.brief-edit { display:grid; gap:2px; padding:4px 18px 16px }
.brief-edit[hidden] { display:none }
.brief-edit__actions { display:flex; gap:8px; margin-top:12px }
.release-panel .prototype-note { margin:0 18px 14px }
.build-template-link { display:block; margin:0 18px 14px }
@media (max-width:700px) { .brief-edit { padding:4px 14px 14px } .revision-log { margin:0 14px 12px } }