/* Semantic presentation tokens; the video/canvas keeps its own colour pipeline. */
:root{color-scheme:light;--bg:#f5f5f7;--panel:#fff;--panel2:#eeeef2;--field:#fff;--line:#d1d1d8;--text:#202024;--muted:#5c5c66;--red:#b92236;--accent-text:#a01c30;--accent-soft:#fce9ed;--green:#256a50;--focus:#086bc1;--danger:#aa2033;--warning-bg:#fff5d9;--warning:#694e0d;--shadow:0 4px 20px #19192308;--radius:16px;--sidebar-width:248px}
:root[data-appearance=dark]{color-scheme:dark;--bg:#101013;--panel:#1c1c20;--panel2:#28282e;--field:#24242a;--line:#484850;--text:#f4f4f7;--muted:#b6b6c0;--red:#ba293d;--accent-text:#ffabb7;--accent-soft:#3d242d;--green:#a1d9bd;--focus:#80bcff;--danger:#ffabb7;--warning-bg:#382e18;--warning:#f4d590;--shadow:none}
html{font-size:16px;scroll-padding-block:24px;scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1rem;line-height:1.5;background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,select,textarea{font:inherit;letter-spacing:normal}button,a,input,select,textarea,summary{touch-action:manipulation}button,input:not([type=checkbox]):not([type=radio]),select{min-height:44px}button{min-width:44px}button:disabled{opacity:.55;cursor:not-allowed}button:active:not(:disabled),a.download:active{filter:brightness(.88)}
:focus-visible{outline:3px solid var(--focus)!important;outline-offset:3px!important}h2[tabindex]:focus,main:focus{outline:none}button:focus:not(:focus-visible){outline:none}
input,select,textarea{color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:1rem;line-height:1.45;min-width:0;max-width:100%;box-shadow:none}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical;min-height:88px}input[type=range]{padding-inline:0;accent-color:var(--red)}input[type=color]{min-width:48px;padding:5px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-width:20px;accent-color:var(--red);flex-shrink:0;margin:0}
label,.check,.hint,.section-intro,.privacy-box p,.readiness p,.asset-name,.asset-meta,dialog p,dialog .error,.download,.secondary,.quiet,.danger,.primary{font-size:1rem;line-height:1.5;letter-spacing:normal}
label{color:var(--text);font-weight:500}label>input:not([type=checkbox]),label>select,label>textarea{display:block;margin-top:6px;width:100%}.check,label.check,.guided-panel label.check{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 0;font-weight:400;color:var(--text)}
.hint,.section-intro,.privacy-box p,.hero p,small,.asset-meta,.side-bottom,.side-bottom p,.connection-card,#job-summary,dialog p{color:var(--muted)}.hint:empty,[role=status]:empty{display:none}.error,.notice:not(.success),#canvas-message[data-error=true]{color:var(--danger)}
.primary,.secondary,.quiet,.danger,.download,.example-button{border-radius:10px;padding:10px 16px;font-weight:600;white-space:normal;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.4}
.primary{background:var(--red);color:#fff;border:1px solid var(--red);box-shadow:none}.primary:hover:not(:disabled){background:var(--red);filter:brightness(1.08)}.secondary,.download,.example-button{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.quiet{color:var(--accent-text);border:1px solid transparent;background:transparent;text-decoration:none}.quiet:hover:not(:disabled){background:var(--accent-soft)}.danger{color:var(--danger);background:transparent;border:1px solid var(--danger)}.wide{width:100%}
h1{font-size:clamp(1.75rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.035em;font-weight:700;margin:0}h2{font-size:1.3rem;line-height:1.3;letter-spacing:-.02em;font-weight:650}h3{font-size:1.1rem;line-height:1.4;letter-spacing:-.01em}h4{font-size:1rem}.eyebrow,.side-label{font-size:.75rem;letter-spacing:.06em}.pill,.tag{font-size:.75rem;letter-spacing:.02em;border-color:var(--line);color:var(--muted);padding:5px 9px}.hint{font-weight:400}.section-intro{margin:0 0 24px}.mono,code,pre{font-family:ui-monospace,SFMono-Regular,monospace}
.sidebar{width:var(--sidebar-width);background:var(--panel);border-color:var(--line);padding:24px 16px;gap:0}.brand{font-size:1.45rem;letter-spacing:-.04em;min-height:44px}.brand b{color:var(--text)}.brand small{font-size:.65rem;letter-spacing:.08em;color:var(--muted)}.brand-mark{background:var(--red);color:#fff;width:38px;height:38px;font-size:16px;border-radius:11px}.side-label{margin:30px 0 12px}.new-project{background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--line);border-radius:10px;font-weight:600;padding:10px 12px}.project-search{margin:20px 0 8px;font-size:.85rem}.sidebar>.check{font-size:.85rem}.sidebar nav{gap:4px;margin-top:10px;min-height:48px}.project-item{font-size:.9375rem;min-height:48px;white-space:normal;line-height:1.4;padding:10px 12px;border:1px solid transparent;border-radius:10px;color:var(--muted);overflow-wrap:anywhere}.project-item.active{background:var(--accent-soft);color:var(--text);border-color:var(--line);box-shadow:inset 3px 0 var(--red);font-weight:600}.project-item:hover{background:var(--panel2)}.side-bottom{padding-top:20px;margin-top:auto;font-size:.85rem}.side-bottom p{font-size:.8rem;margin-block:10px}.side-bottom .appearance-label{display:block;margin-top:12px}.side-bottom #logout{width:100%;margin-top:8px}.status-dot{background:var(--green)}
main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:1700px;padding:0 clamp(20px,3vw,44px) 24px}.topbar{min-height:76px;height:auto;gap:16px;padding:12px 0;flex-wrap:wrap;border-color:var(--line)}.breadcrumb{font-size:.95rem;letter-spacing:0;flex:1;min-width:0;overflow-wrap:anywhere}.breadcrumb b{font-size:1rem;color:var(--text)}.breadcrumb span{color:var(--muted);padding-inline:8px}.top-actions{gap:12px;flex-wrap:wrap}.mode-label,.appearance-label{font-size:.8rem;display:flex;align-items:center;gap:8px;color:var(--muted)}.mode-label select{margin:0;min-width:110px;padding:8px 10px}.hero{margin:28px 0 22px;gap:24px;align-items:center}.hero .eyebrow{display:none}.hero p{font-size:1rem;line-height:1.5;margin:10px 0 0}.connection-card{border:0;background:transparent;padding:0;gap:4px;max-width:235px;font-size:.85rem;flex-shrink:0}.connection-card .quiet{font-size:.85rem;justify-content:flex-start;padding:8px 0;min-height:44px}
.workflow-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 24px;padding:6px;background:var(--panel2);border-radius:14px}.workflow-nav a{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid transparent;border-radius:10px;padding:12px;color:var(--muted);min-width:0;min-height:72px;background:transparent}.workflow-nav a>span{width:28px;height:28px;flex-shrink:0;background:var(--panel);color:var(--muted);font-size:.85rem}.workflow-nav b{font-size:.95rem;line-height:1.3;flex:1;font-weight:600}.workflow-nav small{font-size:.8rem;color:var(--muted);padding-left:38px}.workflow-nav a[aria-current=step]{background:var(--panel);color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}.workflow-nav a[aria-current=step]>span{background:var(--red);color:#fff}
.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:24px;box-shadow:var(--shadow);min-width:0}.panel-head{margin-bottom:22px;gap:16px;align-items:center;flex-wrap:wrap}.panel-head h2{margin:0}.panel-head h2>span{font-size:.85rem;color:var(--accent-text);margin-right:8px}.output{margin-top:0}.workspace-grid{gap:24px}.workspace-stats{margin:0 0 20px}.metrics{margin-top:12px;background:var(--panel);border-color:var(--line);border-radius:12px}.metrics>div{border-color:var(--line)}.metrics span{font-size:.75rem;letter-spacing:.04em;color:var(--muted)}.metrics strong{font-size:1.65rem}.metrics .small-metric{font-size:1rem}
summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--text);font-size:1rem;line-height:1.5;font-weight:500}summary::marker{color:var(--muted)}details[open]>summary{font-weight:600}details>p{line-height:1.6}.advanced,.studio-section,.guided-panel>details{border-color:var(--line)}.advanced summary,.studio-section summary{font-size:1rem;color:var(--text)}.taste-controls,.cinema-controls{background:var(--bg);border-color:var(--line);border-radius:12px}.taste-controls legend,.cinema-controls legend{font-size:.8rem;color:var(--muted);letter-spacing:.04em}.taste-controls small,.cinema-controls .hint{font-size:.875rem;color:var(--muted)}.direction-summary,.readiness,.privacy-box{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px;color:var(--text)}.direction-summary p,.direction-summary small{color:var(--muted);font-size:.9375rem}.privacy-box .check{margin-bottom:0}.readiness[data-ready=true]{background:var(--accent-soft);border-color:var(--line)}.readiness-actions{gap:8px;flex-wrap:wrap}.notice{border:1px solid var(--line);background:var(--accent-soft);border-radius:12px;padding:16px;margin:16px 0;font-size:1rem}.notice.success{color:var(--green);background:var(--panel)}
.source-methods{gap:20px}.device-source,.drive-import-panel{border-color:var(--line);background:var(--bg);padding:20px;border-radius:12px}.source-methods h3{margin:0 0 14px}.dropzone{border:1px dashed var(--muted);border-radius:12px;min-height:180px;background:var(--panel);gap:8px;padding:20px}.dropzone b{font-size:1rem;color:var(--text)}.dropzone>span,.dropzone small{font-size:.875rem;color:var(--muted)}.upload-symbol{background:var(--accent-soft);color:var(--accent-text);border-color:var(--line);width:42px;height:42px}.dropzone:hover,.dropzone.dragover{border-color:var(--red);background:var(--accent-soft)}.upload-controls{gap:12px}.upload-progress{font-size:.95rem;color:var(--text)}.asset{border-color:var(--line);padding:14px 0;gap:12px}.asset-icon{background:var(--panel2);color:var(--muted);font-size:.75rem}.asset-name{color:var(--text);font-weight:600}.asset-meta{font-size:.85rem}.selection-heading{gap:12px;flex-wrap:wrap;margin-top:18px}.selection-summary{font-size:.95rem}.step-footer{border-color:var(--line);gap:16px;padding-top:20px}.local-draft-choice{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 0;border-block:1px solid var(--line);margin:20px 0}.local-draft-choice p{margin:0}.local-draft-choice .hint{flex-basis:100%;font-size:.9rem}.brief-examples{gap:8px;margin-bottom:20px}.example-button{font-size:.9375rem}.form-grid{gap:16px}.review-check{margin:16px 0}
.guided-action{display:flex;gap:12px;align-items:center;margin:0 0 20px;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.guided-action label{flex:1;min-width:160px;margin:0}.guided-action[data-has-draft=true]>label{display:none}.guided-action button{min-height:48px}.guided-action #guided-action-help{flex-basis:100%;margin:0;font-size:.9rem}body[data-editor-mode=advanced] .guided-action #guided-primary{display:none}.output-grid{gap:24px;align-items:start}.player-wrap{background:#09090b;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:280px}.player-wrap video{max-height:620px}.player-empty{color:#c5c5cf}.player-empty b{font-size:1.1rem;color:#f4f4f7}.player-empty p{font-size:.95rem;color:#b6b6c0}.player-empty>span{border-color:#707079;color:#dedee7}.job-info h3{font-size:1.25rem;margin:18px 0 10px;color:var(--text)}.downloads{gap:8px}.downloads .download{font-size:.9375rem}.job-progress{gap:8px}.job-progress li{color:var(--muted);background:var(--panel2);font-size:.8rem}.job-progress li.current{color:var(--accent-text);background:var(--accent-soft)}#agent-status,#agent-context,#job-log{font-size:.875rem;color:var(--muted)}pre{padding:14px;background:var(--bg);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:340px;overflow:auto}#agent-activity{border-top:1px solid var(--line);margin-top:20px}.agent-frame p,.agent-event{color:var(--muted);font-size:.875rem}.preview-mode{color:var(--green);font-size:.9rem}
.guided-panel{border:0;padding:0;margin:24px 0;gap:16px;background:transparent}.guided-panel>details{padding-top:6px}.guided-panel .shot-card,.guided-panel .reference-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px}.shot-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.shot-card strong{font-size:1.05rem}.shot-card p{margin:10px 0}.shot-card small{font-size:.85rem}.shot-card img{max-height:180px;object-fit:contain;background:#09090b}.shot-card .hint{font-size:.9rem}.shot-card select{margin-bottom:8px}.reference-card .check{gap:10px}.reference-card .hint{font-size:.875rem}.reference-card .download{font-size:.9rem}.reference-card p{margin:12px 0}.guided-panel>details>p{max-width:75ch}.uncertain-cue{border-color:var(--warning)}.uncertain-cue input:last-child{background:var(--warning-bg);color:var(--warning)}
.workflow-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.workflow-hub>.tool-library-heading,.workflow-hub>p,.workflow-hub>.canvas-controls{grid-column:1/-1}.tool-library-heading h3{margin:0}.tool-library-heading p{margin:6px 0}.workflow-hub>details{align-self:start;background:var(--bg);border:1px solid var(--line);padding:8px 16px;border-radius:12px;margin:0}.workflow-hub>details[open]{grid-column:1/-1;padding:8px 20px 20px}.workflow-hub button{margin:4px 4px 4px 0}.workflow-hub label{margin:12px 0}.studio-section{background:var(--bg);border-color:var(--line);padding:10px 16px}.studio-fields{gap:14px}.studio-section .hint{font-size:.9375rem}.canvas-controls{gap:8px;flex-wrap:wrap}.canvas-controls button,.canvas-controls select{font-size:.9rem;min-height:44px}.canvas-status,.canvas-toolbar,.canvas-help,.canvas-switches{font-size:.9rem;color:var(--muted)}.timeline-workspace{border-color:var(--line);background:var(--panel);padding:20px;border-radius:12px}.canvas-ruler,.canvas-track,.canvas-track-label,#canvas-inspector{border-color:var(--line);background:var(--panel)}.canvas-track-label{font-size:.8rem;color:var(--muted)}#canvas-inspector label{font-size:.9rem}#canvas-inspector input,#canvas-inspector select{font-size:1rem}#canvas-save-state,#draft-save-state{color:var(--muted);font-size:.875rem}.canvas-ruler{color:var(--muted)}.canvas-item{color:#fff}.canvas-item:focus-visible{outline-offset:-4px!important}.canvas-item.selected{box-shadow:inset 0 0 0 3px #fff}.keyframe-row{flex-wrap:wrap}.keyframe-row label{font-size:.875rem}.position-resize{min-width:44px;min-height:44px}.editing-switches .check{font-size:.9375rem}.operation-row>.hint{font-size:.9375rem}.empty-state{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:48px 24px}.empty-state p{font-size:1rem;color:var(--muted)}.empty-icon{color:var(--accent-text)}footer{font-size:.8rem;color:var(--muted);line-height:1.6;margin-top:28px}
dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;max-width:500px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:28px;overflow:auto;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}dialog h2{font-size:1.6rem;letter-spacing:-.03em;color:var(--text)}dialog label{margin-top:16px}dialog input{margin-bottom:12px}dialog .eyebrow{display:none}.dialog-actions{gap:12px;flex-wrap:wrap}.help-steps{padding-left:24px;display:grid;gap:12px}.help-steps p{margin:4px 0}.help-steps strong{color:var(--text)}
.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-200%);z-index:100;background:var(--panel);border:2px solid var(--focus);padding:12px 20px;border-radius:10px}.skip-link:focus{transform:none}.mobile-only{display:none}#projects-drawer{padding:0;margin:0;max-height:none;max-width:none;width:min(340px,calc(100% - 32px));height:100dvh;border-radius:0 20px 20px 0;border-block:0;border-left:0}#projects-drawer .sidebar{position:static;display:flex;width:100%;height:100%;padding:16px;overflow:auto}#projects-drawer #close-projects-drawer{align-self:flex-end}#projects-drawer .side-label,#projects-drawer .side-bottom{display:block}#projects-drawer .sidebar nav{display:flex;flex-direction:column;flex:1;overflow:auto;max-width:100%}#projects-drawer .project-item{max-width:none;overflow:visible;text-overflow:initial;white-space:normal;border-bottom:1px solid transparent}#projects-drawer .new-project{width:100%;font-size:1rem}.appearance-label span{font-size:.85rem}
@media(max-width:1100px){:root{--sidebar-width:220px}.output-grid{grid-template-columns:1fr}.source-methods{grid-template-columns:1fr}.hero{align-items:flex-start}.connection-card{max-width:200px}.workflow-nav small{padding-left:0}}
@media(max-width:820px){.mobile-only{display:inline-flex}main{margin:0;width:100%;padding:0 max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.app-shell{display:block}.sidebar{display:none}.topbar{gap:10px;padding-top:max(12px,env(safe-area-inset-top));min-height:64px}.breadcrumb{font-size:.85rem}.breadcrumb>span{padding-inline:4px}.top-actions{gap:8px;margin-left:auto}.mode-label{font-size:.8rem}.hero{margin:22px 0 18px;display:block}.hero p{font-size:.95rem}.connection-card{margin-top:14px;display:flex;align-items:center;gap:12px;max-width:none}.connection-card .quiet{padding:8px;font-size:.85rem}.workflow-nav{gap:4px;padding:4px;margin-bottom:18px}.workflow-nav a{padding:10px 6px;gap:6px;min-height:68px;justify-content:center;text-align:center}.workflow-nav a>span{width:24px;height:24px}.workflow-nav b{font-size:.875rem;flex-basis:100%}.workflow-nav small{display:none}.panel{padding:20px;border-radius:14px}.panel-head{gap:12px;margin-bottom:20px}.panel-head h2{font-size:1.25rem}.output-grid{grid-template-columns:1fr;gap:20px}.workflow-hub{grid-template-columns:1fr}.workflow-hub>details[open]{padding-inline:16px}.source-methods{grid-template-columns:1fr;gap:16px}.device-source,.drive-import-panel{padding:16px}.form-grid{gap:12px}.guided-action{padding:14px;gap:10px}.guided-action #guided-primary{flex:1 1 180px}.guided-action #open-timeline-editor{flex:1 1 130px}.guided-action label{flex-basis:100%}.player-wrap{min-height:200px}.shot-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.step-footer{align-items:stretch;flex-direction:column}.step-footer .primary{width:100%}.metrics{grid-template-columns:1fr 1fr}.metrics>div{padding:14px}.smart-cue{gap:10px}dialog{padding:24px}#workspace-help{max-height:calc(100dvh - 24px)}.canvas-workspace{padding:12px}.export-formats{grid-template-columns:1fr}.position-resize{width:44px;height:44px}.check{align-items:flex-start;padding-block:10px}}
@media(max-width:450px){.topbar .breadcrumb{font-size:0}.topbar .breadcrumb>span{display:none}.topbar .breadcrumb b{font-size:.9375rem}.top-actions{width:100%;justify-content:space-between}.mode-label{display:flex;gap:8px}.top-actions .quiet{margin-left:auto}.form-grid{grid-template-columns:1fr}.panel{padding:16px}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.connection-card{font-size:.8rem;gap:4px}.connection-card .quiet{font-size:.8rem}.workflow-nav a{padding:8px 4px}.workflow-nav b{font-size:.8rem}.guided-action button{width:auto}.local-draft-choice{display:grid;gap:10px}.source-methods .dropzone{padding:16px;min-height:170px}.dialog-actions{gap:10px}.dialog-actions button{flex:1}.smart-cue{grid-template-columns:1fr 1fr}.smart-cue input:last-child{grid-column:1/-1}.brief-examples{display:grid;grid-template-columns:1fr 1fr}.example-button{font-size:.9rem;padding-inline:10px}.studio-section{padding:10px}.keyframe-row{display:grid;grid-template-columns:1fr 1fr}.keyframe-row label{min-width:0}.keyframe-row input{width:100%}.side-bottom{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:root{--line:#72727c;--muted:#393943;--focus:#0056ad}:root[data-appearance=dark]{--line:#aaaab4;--muted:#dedee7;--focus:#afd7ff}button,input,select,textarea{border-width:2px}.project-item.active{outline:2px solid var(--accent-text)}}
@media(forced-colors:active){button,.download,input,select,textarea,.workflow-nav a,.project-item{border:1px solid ButtonText}.workflow-nav a[aria-current=step],.project-item.active{outline:2px solid Highlight}.brand-mark{forced-color-adjust:auto}.position-box{border:2px solid Highlight}}
body[data-editor-mode=simple] .workflow-hub>.canvas-controls{display:none}
/* Existing component-specific colours must follow the same semantic theme. */
.connection-card span[data-ready=true]{color:var(--green)}.connection-card span[data-ready=false]{color:var(--danger)}.privacy-box>b,.privacy-box .check{color:var(--text);font-size:1rem}.privacy-box:has(input:not(:checked)){border-color:var(--line)}.readiness strong,.readiness[data-ready=true] strong{color:var(--text);font-size:1rem}.readiness p,.readiness[data-ready=true] p{color:var(--muted);font-size:1rem}.readiness-actions button{font-size:.9375rem}.settings-summary,#quality-summary{color:var(--muted);font-size:.875rem}.settings-summary #customize-settings{color:var(--accent-text);font-size:.875rem}.source-notes{color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:44px;font-size:.9375rem}.asset-pick-target{display:flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;flex-shrink:0;margin:0;padding:0}.asset-pick-target .asset-pick{width:20px;height:20px;margin:0}
#select-all-files{color:var(--accent-text);font-size:.9375rem}.asset-details summary{font-size:.875rem;color:var(--muted)}.output-note,footer span{color:var(--muted);font-size:.85rem}.canvas-item{padding:0}.canvas-item-select{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:44px;background:transparent;color:inherit;border:0;border-radius:inherit;font-size:.8rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:5px 15px;z-index:3}.canvas-item-select:focus-visible{outline-offset:-4px!important}.trim-handle:focus-visible{background:var(--focus);outline-offset:-2px!important}
.reference-note a{color:var(--accent-text);font-size:.9375rem;min-height:44px;padding-block:10px}.reference-note b{font-size:.9375rem}#agent-events li,#agent-plan,.canvas-ruler span{color:var(--muted);font-size:.875rem}
.side-bottom .mode-label,.side-bottom .appearance-label{display:block;margin:12px 0 0}.side-bottom .mode-label select{width:100%;margin-top:6px}.topbar .top-actions{width:auto;margin-left:auto}.topbar .top-actions .quiet{margin:0}
@media(max-width:820px){.hero{margin:18px 0 14px}.hero h1{font-size:1.6rem}.hero p{display:none}.connection-card{margin-top:6px}.workflow-nav a{display:grid;grid-template-columns:1fr;justify-items:center;align-content:center;gap:6px}.workflow-nav a>span{grid-row:1}.workflow-nav b{grid-row:2;flex-basis:auto}.workflow-nav a{min-height:76px}.workspace-stats{margin-bottom:14px}}
#reference-analysis-panel{margin:18px 0;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}#reference-analysis-panel label{margin-block:12px}#reference-player,#reference-sheet{display:block;width:100%;max-height:420px;object-fit:contain;margin:16px 0;background:#09090b;border-radius:10px}#reference-result{min-width:0}#reference-result .hint{font-size:.9375rem}.top-actions #copy-project-link{font-size:.9rem}@media(max-width:820px){.top-actions #copy-project-link{display:none}}
.video-style-panel{margin:18px 0 24px;border:1px solid var(--line);border-radius:14px;padding:10px 16px;background:var(--bg)}.video-style-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:16px 0}.video-style-card{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);cursor:pointer;min-width:0}.video-style-card:has(input:checked){border-color:var(--accent-text);box-shadow:inset 0 0 0 1px var(--accent-text)}.video-style-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px}.video-style-card small{font-size:.85rem}.style-card-title{display:flex;align-items:center;gap:10px;min-height:44px}.type-controls{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0}.type-controls legend{font-size:1rem}.type-controls .check,.type-controls .hint{grid-column:1/-1}.type-controls label{min-width:0}@media(max-width:500px){.video-style-cards{grid-template-columns:1fr 1fr;gap:8px}.video-style-card{padding:10px}.video-style-card small{font-size:.8rem}.type-controls{grid-template-columns:1fr}.video-style-panel{padding:8px 12px}}@media(max-width:350px){.video-style-cards{grid-template-columns:1fr}}

.project-client{display:block;margin-top:.35rem;font-size:.8em;font-weight:400;opacity:.75}.editing-resource-panel{padding:1rem;border:1px solid var(--border,#343b46);border-radius:14px;margin-block:1rem}.editing-resource-panel>summary{font-weight:700;cursor:pointer}.editing-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.65rem}.editing-preview-card{display:grid;gap:.4rem;padding:.45rem;text-align:left;min-width:0}.editing-preview-card img,.editing-preview-card video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;pointer-events:none}.editing-resource-panel input[type=range]{width:100%}.editing-resource-panel .studio-fields{min-width:0}.editing-resource-panel select{max-width:100%}@media(max-width:480px){.editing-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions{flex-wrap:wrap}.editing-resource-panel{padding:.7rem}}