/* Hallmark · shape: app screen · genre: modern-minimal · theme: Console monochrome by request · redesign: full
 * paper: oklch(14% 0 0) · accent: oklch(97% 0 0) · display: Segoe UI · body: Segoe UI
 * nav: existing destinations with account · signature: project timeline · states: loading empty error full
 * axes: dark/grotesk-sans/neutral · posture: restrained · contrast: pending sweep · v2.0.0 */
/* Hallmark · pre-emit critique: P4 H4 E3 S4 R5 V3 · weakest: E, tokenized legacy styles and normalized control states */
@import url("./tokens.css");
:root{--bg:var(--tone-16);--panel:var(--tone-22);--well:var(--tone-28);--hover:var(--tone-36);--line:var(--tone-48);--ink:var(--tone-248);--muted:var(--tone-176);--pink:var(--tone-248);--pink-ink:var(--tone-22);--clear:var(--color-transparent);--black:var(--tone-8);--shadow:var(--tone-8-a75);--font:Arial,Helvetica,sans-serif;--serif:Georgia,serif}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--font)}button,input,select,textarea{font:inherit}button{cursor:pointer;color:var(--ink);background:var(--well);border:1px solid var(--line);border-radius:7px;min-height:34px;padding:var(--space-xs) var(--space-sm);white-space:nowrap;transition:background-color .15s}button:hover{background:var(--hover);color:var(--color-ink)}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:var(--space-xs) var(--space-sm);min-width:0;max-width:100%;caret-color:var(--pink)}textarea{resize:vertical;line-height:1.5}input[type=range]{accent-color:var(--pink);padding:0;cursor:pointer}input[type=checkbox]{accent-color:var(--pink)}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:break-word;min-width:0}h2{font-size:14px;font-weight:400}h3{font-size:15px;font-weight:400}:focus-visible{outline:2px solid var(--pink);outline-offset:3px}::selection{background:var(--pink);color:var(--pink-ink)}[hidden]{display:none!important}.primary{background:var(--pink);border-color:var(--pink);color:var(--pink-ink);font-weight:500}.primary:hover{background:var(--ink);border-color:var(--ink);color:var(--color-ink)}.full{width:100%}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:clip;clip-path:inset(50%)}.topbar{height:72px;display:flex;align-items:center;gap:var(--space-32);border-bottom:1px solid var(--line);padding:0 var(--space-lg)}.brand{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;font-size:15px;font-weight:700;letter-spacing:-.04em;line-height:.95;flex-shrink:0}.brand img{filter:brightness(0) invert(1);object-fit:contain}.brand small{display:block;font-size:inherit}.project-heading{min-width:0;border-left:1px solid var(--line);padding-left:var(--space-lg)}.project-heading input{border:0;background:none;font-size:14px;width:230px;padding:0;color:var(--color-ink)}.project-heading>span{display:block;font-size:10px;color:var(--muted);margin-top:var(--space-2xs)}.top-actions{margin-left:auto;display:flex;gap:var(--space-xs);align-items:center}.top-actions button{font-size:12px}.top-actions #undo,.top-actions #redo{font-size:20px;padding:0;width:34px}.top-actions>.primary{margin-left:var(--space-xs);padding-inline:var(--space-20)}.mobile-panels{display:none}.app-layout{display:grid;grid-template-columns:235px minmax(0,1fr) 350px;min-height:calc(100svh - 72px);max-width:2000px;margin:auto}.panel{background:var(--panel);color:var(--color-ink)}.media-panel{padding:var(--space-20) var(--space-md);border-right:1px solid var(--line);min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-20)}.panel-heading>span{font-size:10px;color:var(--muted)}.upload-zone{position:relative;border:1px dashed var(--line);border-radius:9px;display:flex;align-items:center;flex-direction:column;padding:var(--space-20) var(--space-sm);gap:var(--space-xs);text-align:center;cursor:pointer;background:var(--bg);color:var(--color-ink)}.upload-zone.dragging{border-color:var(--pink);background:var(--well);color:var(--color-ink)}.upload-zone strong{font-size:12px;font-weight:400}.upload-zone>span{font-size:10px;color:var(--muted);line-height:1.5}.upload-zone>.upload-icon{font-size:25px;color:var(--pink)}.upload-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-zone:focus-within{outline:2px solid var(--pink);outline-offset:3px}.media-filter{display:flex;gap:var(--space-2xs);margin-top:var(--space-20)}.media-filter button{flex:1;padding:var(--space-2xs) var(--space-xs);font-size:10px;min-height:28px;border-color:var(--clear);background:none;color:var(--muted)}.media-filter button[aria-pressed=true]{background:var(--well);color:var(--ink);border-color:var(--line)}.media-list{display:grid;gap:var(--space-xs);margin-top:var(--space-sm);max-height:290px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) var(--panel)}.asset{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:var(--space-xs);min-width:0;color:var(--color-ink)}.asset-visual{width:48px;height:38px;flex-shrink:0;background:var(--well);border-radius:4px;overflow:clip;display:grid;place-items:center;font-size:20px;color:var(--muted)}.asset-visual img{width:100%;height:100%;object-fit:cover}.asset-info{min-width:0;flex:1}.asset-info strong{font-size:10px;display:block;font-weight:400;white-space:nowrap;overflow:clip;text-overflow:ellipsis}.asset-info span{font-size:9px;color:var(--muted);display:block;margin-top:var(--space-2xs)}.asset-add{padding:0;min-height:26px;width:25px;flex-shrink:0;font-size:18px;background:none;color:var(--color-ink)}.helper{font-size:10px;color:var(--muted);line-height:1.6}.local-note{margin-top:var(--space-md)}.settings-heading{border-top:1px solid var(--line);padding-top:var(--space-lg);margin-top:var(--space-lg);margin-bottom:var(--space-md)}.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.style-grid button{display:flex;flex-direction:column;align-items:start;gap:var(--space-xs);padding:var(--space-sm);font-size:11px;background:var(--bg);min-height:70px;color:var(--color-ink)}.style-grid button>span{font-size:19px;line-height:1;color:var(--pink)}.style-grid button[aria-pressed=true]{border-color:var(--pink)}.field-label{display:block;font-size:11px;color:var(--muted);margin:var(--space-md) 0 var(--space-xs)}.media-panel select{width:100%;font-size:11px}.media-panel #preset-note{margin:var(--space-sm) 0 var(--space-20);min-height:3.2em}.media-panel .full{font-size:11px}.edit-panel{min-width:0}.viewer-toolbar{height:56px;padding:0 var(--space-20);display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);font-size:11px;color:var(--muted)}.viewer-toolbar>div{display:flex;align-items:center;gap:var(--space-sm)}.local-badge{font-size:9px;background:var(--well);border:1px solid var(--line);padding:var(--space-2xs) var(--space-xs);border-radius:5px;color:var(--color-ink)}.viewer-toolbar select{font-size:11px;padding:var(--space-xs) var(--space-xs);min-height:30px}.viewer-toolbar button{padding:0;min-height:30px;width:30px;font-size:20px;background:none;color:var(--color-ink)}.viewer{height:clamp(280px,33vw,450px);background:var(--var(--tone-8));margin:0 var(--space-20);display:flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--line);border-radius:9px;overflow:clip;color:var(--color-ink)}.viewer canvas{width:100%;height:100%;object-fit:contain}.viewer-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:var(--space-32);background:var(--var(--tone-8));color:var(--color-ink)}.viewer-empty h1{font:400 36px/1.12 var(--serif);letter-spacing:0}.viewer-empty p{font-size:12px;color:var(--muted);max-width:300px;margin:var(--space-20) 0 var(--space-lg)}.playback{height:64px;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-20)}.playback>button{width:33px;height:33px;min-height:33px;padding:0}.playback .play-button{border-radius:50%;background:var(--ink);color:var(--bg)}.timecode{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:78px;color:var(--muted)}#time-current{color:var(--ink)}.playback>input{flex:1;min-width:20px;height:4px}#render-size{font-size:9px;color:var(--muted);white-space:nowrap}.timeline-panel{padding:0 var(--space-20) var(--space-20);border-bottom:1px solid var(--line)}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin:var(--space-xs) 0 var(--space-md)}.timeline-heading h2{font-size:12px}.timeline-heading>div{display:flex;gap:var(--space-2xs)}.timeline-heading button{font-size:10px;min-height:28px;padding:var(--space-2xs) var(--space-xs);background:none;color:var(--color-ink)}.timeline-clips{display:flex;gap:var(--space-xs);overflow:auto;min-height:92px;padding-bottom:var(--space-xs);scrollbar-width:thin;scrollbar-color:var(--line) var(--bg)}.timeline-clip{flex:1;min-width:100px;max-width:280px;min-height:78px;display:flex;align-items:start;flex-direction:column;text-align:left;padding:var(--space-xs) var(--space-sm);background:var(--well);position:relative;overflow:clip;color:var(--color-ink)}.timeline-clip[aria-pressed=true]{border-color:var(--pink);box-shadow:var(--shadow-none)}.timeline-clip strong{font-size:10px;font-weight:400;white-space:nowrap;overflow:clip;text-overflow:ellipsis;max-width:100%}.timeline-clip span{font-size:9px;color:var(--muted);margin-top:auto;padding-top:var(--space-20)}.timeline-clip i{position:absolute;right:8px;bottom:10px;font-style:normal;font-size:9px;color:var(--pink)}.timeline-empty{font-size:12px;color:var(--muted);padding:var(--space-20);border:1px dashed var(--line);width:100%;border-radius:7px}.audio-track{display:flex;align-items:center;gap:var(--space-xs);background:var(--panel);border:1px dashed var(--line);padding:var(--space-xs) var(--space-sm);border-radius:6px;font-size:10px;color:var(--muted);min-height:32px}.audio-track>span:first-child{color:var(--pink);font-size:16px}.audio-track button{margin-left:auto;min-height:22px;padding:0 var(--space-xs)}.inspector{padding:var(--space-md) var(--space-20) var(--space-lg)}.inspector-tabs{display:flex;gap:var(--space-2xs);border-bottom:1px solid var(--line);padding-bottom:var(--space-sm)}.inspector-tabs button{background:none;font-size:11px;border:0;color:var(--muted);padding:var(--space-xs) var(--space-sm);min-height:29px}.inspector-tabs button[aria-pressed=true]{color:var(--ink);background:var(--well)}.inspect-content{padding-top:var(--space-md)}.inspector-title{display:flex;justify-content:space-between;gap:var(--space-md);font-size:11px;margin-bottom:var(--space-md)}.inspector-title>span:last-child{color:var(--muted);font-size:10px}.inspector-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}.inspector-row label,.text-options label{font-size:10px;color:var(--muted)}.inspector-row input,.inspector-row select,.text-options select{display:block;width:100%;font-size:11px;margin-top:var(--space-xs);padding:var(--space-xs) var(--space-xs)}.inspect-content>input:not([type=range]),.inspect-content>textarea{width:100%;font-size:12px}.text-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-sm)}.check{display:flex;align-items:center;gap:var(--space-xs);font-size:12px}.check input{width:15px;height:15px}.caption-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.file-link{font-size:11px;color:var(--pink);cursor:pointer}.inspect-content .helper{margin-top:var(--space-sm)}.inspect-content>button{margin-top:var(--space-sm);font-size:11px}.inspect-content input[type=range]{width:100%}.chat-panel{border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0;height:calc(100svh - 72px);position:sticky;top:0;padding:var(--space-20) var(--space-md) var(--space-sm)}.chat-panel .panel-heading{align-items:start;margin-bottom:var(--space-md)}.panel-heading .helper{display:block;margin-top:var(--space-2xs)}.chat-panel .panel-heading button{border:0;background:none;color:var(--muted);font-size:20px}.ai-picker{padding:var(--space-sm);background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--color-ink)}.ai-picker label{display:block;font-size:10px;color:var(--muted);margin-bottom:var(--space-xs)}.ai-picker select{width:100%;font-size:12px;background:var(--well);border:0;color:var(--color-ink)}.ai-picker>span{font-size:9px;color:var(--muted);display:block;margin-top:var(--space-xs)}.chat-messages{flex:1;overflow:auto;min-height:160px;padding:var(--space-20) 0;scrollbar-width:thin;scrollbar-color:var(--line) var(--panel)}.message{margin-bottom:var(--space-20);min-width:0}.message-author{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.avatar{display:grid;place-items:center;width:21px;height:21px;background:var(--pink);color:var(--pink-ink);border-radius:5px;font-size:11px}.message.user .avatar{background:var(--well);color:var(--muted)}.message-body{font-size:12px;line-height:1.7;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.message.user .message-body{background:var(--well);padding:var(--space-sm) var(--space-sm);border-radius:8px;color:var(--color-ink)}.plan-card{border:1px solid var(--line);border-radius:8px;padding:var(--space-sm);margin-top:var(--space-sm);background:var(--bg);color:var(--color-ink)}.plan-card h3{font-size:12px;margin-bottom:var(--space-xs)}.plan-card p{font-size:10px;color:var(--muted);margin-top:var(--space-xs);white-space:pre-wrap}.plan-card ol{padding-left:var(--space-20);margin:var(--space-sm) 0;font-size:11px;color:var(--muted)}.plan-card li{padding-bottom:var(--space-2xs)}.plan-card button{width:100%;margin-top:var(--space-sm);font-size:11px}.prompt-ideas{display:flex;gap:var(--space-2xs);overflow:auto;padding-bottom:var(--space-sm);scrollbar-width:none}.prompt-ideas button{font-size:9px;background:none;padding:var(--space-xs) var(--space-xs);min-height:28px;border-radius:20px;flex-shrink:0;color:var(--color-ink)}.chat-composer{border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:var(--space-sm);color:var(--color-ink)}.chat-composer:focus-within{border-color:var(--muted)}.chat-composer textarea{width:100%;border:0;background:none;font-size:12px;padding:0;resize:none;min-height:63px;color:var(--color-ink)}.chat-composer textarea:focus-visible{outline:0}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-xs)}.attach-button{font-size:10px;color:var(--muted);cursor:pointer;min-height:32px;display:flex;align-items:center}.send-button{width:32px;height:32px;min-height:32px;background:var(--pink);color:var(--pink-ink);border:0;font-size:22px;padding:0}.chat-footnote{font-size:9px;color:var(--muted);margin-top:var(--space-xs);line-height:1.5}.chat-attachments{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-bottom:var(--space-xs)}.attachment-chip{font-size:9px;color:var(--pink);padding:var(--space-2xs) var(--space-xs);border:1px solid var(--line);border-radius:4px;max-width:100%;overflow:clip;text-overflow:ellipsis;white-space:nowrap}.render-overlay{position:absolute;inset:0;z-index:3;background:var(--shadow);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:var(--space-32);color:var(--color-ink)}.render-overlay h2{font-size:22px}.render-overlay p{font-size:12px;margin-top:var(--space-md);max-width:300px}.render-overlay progress{width:250px;max-width:100%;height:7px;accent-color:var(--pink);margin:var(--space-lg) 0}dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:var(--space-lg);width:min(560px,calc(100% - 32px));max-height:90svh;overflow:auto}dialog::backdrop{background:var(--shadow);color:var(--color-ink)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-20);margin-bottom:var(--space-20)}.dialog-heading h2{font-size:21px}.dialog-close{border:0;background:none;font-size:25px;width:32px;padding:0;min-height:32px;color:var(--color-ink)}dialog>p{font-size:12px;color:var(--muted);line-height:1.7}dialog>input{width:100%;font-size:12px}dialog .helper{margin:var(--space-md) 0}dialog>.primary{margin-top:var(--space-sm)}.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-lg)}.export-grid button{text-align:left;padding:var(--space-md) var(--space-md);white-space:normal;min-height:90px}.export-grid strong{display:block;font-size:13px;font-weight:400}.export-grid span{display:block;font-size:10px;color:var(--muted);line-height:1.5;margin-top:var(--space-xs)}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--bg);font-size:12px;max-width:min(500px,calc(100% - 30px));padding:var(--space-sm) var(--space-20);border-radius:8px;box-shadow:var(--shadow-none)}
@media(min-width:1600px){.app-layout{grid-template-columns:260px minmax(0,1fr) 380px}.viewer{height:480px}.media-list{max-height:360px}}@media(max-width:1150px){.app-layout{grid-template-columns:200px minmax(0,1fr) 300px}.media-panel{padding:var(--space-md) var(--space-sm)}.chat-panel{padding:var(--space-md) var(--space-sm)}.topbar{padding:0 var(--space-md);gap:var(--space-md)}.project-heading input{width:180px}.top-actions #new-project{display:none}.viewer{margin:0 var(--space-sm)}.viewer-toolbar,.playback,.timeline-panel,.inspector{padding-inline:var(--space-sm)}.local-badge{display:none}#render-size{display:none}.timeline-heading{align-items:start;flex-direction:column}.inspector-row{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-heading h2{font-size:13px}.timeline-clip{min-width:90px}}
@media(max-width:850px){.topbar{height:64px;gap:var(--space-sm);padding:0 var(--space-md)}.brand{font-size:12px;gap:var(--space-2xs)}.brand img{width:30px;height:30px}.project-heading{border:0;padding:0}.project-heading input{width:135px;font-size:12px}.project-heading>span{font-size:9px}.top-actions{gap:var(--space-2xs)}.top-actions #undo,.top-actions #redo{display:none}.top-actions .primary{font-size:11px;padding:var(--space-xs) var(--space-sm);margin-left:0}.top-actions #settings-open{font-size:10px;padding:var(--space-xs)}.mobile-panels{display:flex;border-bottom:1px solid var(--line);padding:var(--space-xs) var(--space-md);gap:var(--space-xs);background:var(--panel);color:var(--color-ink)}.mobile-panels button{flex:1;font-size:12px;background:none;border-color:var(--clear);color:var(--color-ink)}.mobile-panels button[aria-pressed=true]{background:var(--well);border-color:var(--line);color:var(--color-ink)}.app-layout{display:block;min-height:calc(100svh - 113px)}.media-panel,.chat-panel{display:none;border:0}.media-panel{padding:var(--space-lg);min-height:calc(100svh - 113px)}.chat-panel{height:calc(100svh - 113px);position:relative;padding:var(--space-20)}.edit-panel{padding-top:var(--space-2xs)}.viewer-toolbar{height:48px;padding-inline:var(--space-md)}.viewer{height:clamp(240px,65vw,400px);margin:0 var(--space-md)}.playback,.timeline-panel,.inspector{padding-inline:var(--space-md)}.timeline-heading{flex-direction:row;align-items:center}.timeline-heading h2{font-size:11px}.timeline-heading button{padding:var(--space-2xs) var(--space-xs);font-size:10px}.timeline-clips{min-height:85px}.inspector-row{grid-template-columns:repeat(4,minmax(0,1fr))}.media-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:350px}.media-panel .style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.media-panel #preset-note{min-height:0}.mobile-media .media-panel{display:block}.mobile-media .edit-panel,.mobile-media .chat-panel{display:none}.mobile-chat .chat-panel{display:flex}.mobile-chat .media-panel,.mobile-chat .edit-panel{display:none}.chat-messages{min-height:100px}.chat-composer textarea{font-size:14px}.message-body{font-size:13px}}
@media(max-width:430px){.brand span{display:none}.project-heading input{width:125px}.topbar{gap:var(--space-xs)}.top-actions #settings-open{max-width:72px;white-space:normal;line-height:1.15}.playback{gap:var(--space-xs)}.timecode{min-width:75px}.inspector-row{grid-template-columns:repeat(2,minmax(0,1fr))}.media-list{grid-template-columns:minmax(0,1fr)}.export-grid{grid-template-columns:minmax(0,1fr)}.viewer-empty h1{font-size:30px}.timeline-heading h2{max-width:85px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.ai-picker .model-label{margin-top:var(--space-sm);margin-bottom:var(--space-xs)}.ai-picker input{width:100%;font-size:11px;padding:var(--space-xs) var(--space-xs)}.ai-picker input:disabled{opacity:.45;cursor:not-allowed}

/* Keep desktop workbench panels independently scrollable. */
@media(min-width:851px){.app-layout{height:calc(100svh - 72px);min-height:0;overflow:clip}.media-panel,.edit-panel{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) var(--bg)}.chat-panel{height:100%;position:relative}.viewer{height:clamp(260px,31vw,440px)}}

@media(min-width:851px){.app-layout{grid-template-rows:minmax(0,1fr)}.media-panel,.edit-panel{min-height:0}.chat-panel{height:calc(100svh - 72px);min-height:0;overflow:clip}.chat-messages{min-height:0}}
/* Studio v2: project workspace, precise edits and local checkpoints. */
.topbar .top-actions{gap:var(--space-2xs)}.topbar .top-actions button{padding:var(--space-xs) var(--space-sm);font-size:10px}.viewer-toolbar>div{align-items:center;gap:var(--space-xs)}.viewer-toolbar #check-project{font-size:9px;padding:var(--space-2xs) var(--space-xs);border-color:var(--tone-48)}.timeline-heading h2{display:flex;gap:var(--space-xs);align-items:center}.track-tag{font-size:9px;background:var(--tone-48);color:var(--tone-248);padding:var(--space-2xs) var(--space-xs);border-radius:3px}.timeline-heading>div{gap:var(--space-2xs);flex-wrap:wrap;justify-content:flex-end}.timeline-heading button{font-size:9px;padding:var(--space-xs) var(--space-xs)}.timeline-ruler{display:flex;justify-content:space-between;border-top:1px solid var(--tone-48);padding-top:var(--space-xs);margin:var(--space-sm) 0 var(--space-xs);font-family:var(--font-body);font-size:8px;color:var(--tone-112)}.timeline-markers{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-xs)}.timeline-markers:empty{display:none}.marker-chip{display:flex;align-items:center;background:var(--tone-36);border:1px solid var(--tone-88);border-radius:4px;color:var(--color-ink)}.marker-chip button{font-size:9px;border:0;padding:var(--space-2xs) var(--space-xs);background:none;color:var(--tone-176)}.inspector-tabs{flex-wrap:wrap;gap:var(--space-xs)}.inspector-tabs button{font-size:10px}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20)}.visual-grid label{font-size:10px;color:var(--tone-144);display:grid;grid-template-columns:1fr auto;gap:var(--space-xs)}.visual-grid input{grid-column:span 2;width:100%;padding:0}.visual-grid output{grid-column:2;font-size:9px;color:var(--tone-176)}.visual-actions{display:flex;align-items:center;justify-content:space-between;margin:var(--space-20) 0;gap:var(--space-md)}.visual-actions .check{font-size:10px}.visual-actions button{font-size:9px}.checkpoint-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);border-bottom:1px solid var(--tone-48);padding:var(--space-md) 0}.checkpoint-row strong{font-size:12px}.checkpoint-row small{display:block;color:var(--tone-144);font-size:9px;margin-top:var(--space-xs)}.checkpoint-row button{font-size:10px}.check-ok{color:var(--tone-208)!important}#check-results p{font-size:12px;padding:var(--space-sm) 0;border-bottom:1px solid var(--tone-48);line-height:1.8}#checkpoint-save{margin-top:var(--space-md)}#checkpoint-list{margin-top:var(--space-sm);max-height:350px;overflow:auto}
@media(min-width:1200px){.app-layout{grid-template-columns:230px minmax(420px,1fr) 330px}.viewer{height:clamp(250px,29vw,390px)}.media-panel{padding:var(--space-20) var(--space-md)}.inspector{margin-top:var(--space-md)}.chat-panel{border-left:1px solid var(--tone-48)}}@media(max-width:1000px) and (min-width:851px){.topbar .brand span{display:none}.topbar .top-actions button{font-size:9px;padding:var(--space-xs)}.app-layout{grid-template-columns:190px minmax(280px,1fr) 270px}.project-heading input{max-width:140px}.viewer{height:240px}}@media(max-width:850px){.topbar #history-open{display:none}.topbar .top-actions button{font-size:9px;padding:var(--space-xs)}.timeline-heading{align-items:flex-start;gap:var(--space-sm)}.timeline-heading>div{max-width:235px}.timeline-heading h2{white-space:nowrap;font-size:11px}.visual-actions{flex-wrap:wrap}.visual-grid{gap:var(--space-md)}.timeline-ruler span{font-size:7px}}
.subscription-notice{background:var(--tone-36);border-bottom:1px solid var(--tone-88);color:var(--tone-248);padding:var(--space-sm) var(--space-md);font-size:11px;text-align:center}.subscription-notice a{text-decoration:underline}.subscription-readonly .app-layout{height:calc(100svh - 108px)}.subscription-readonly .chat-panel{height:calc(100svh - 108px)}.subscription-readonly #send-chat,.subscription-readonly #export-open{opacity:.55}#ai-model-select{width:100%;font-size:11px;padding:var(--space-sm)}.ai-picker [hidden]{display:none!important}