.topbar-actions{display:flex;align-items:center;gap:10px}.theme-toggle{min-width:82px;padding:5px 9px;border:1px solid #41464c;border-radius:999px;background:#24282c;color:#dfe3e6;font-size:10px;line-height:1.2}.guide-controls{display:grid;grid-template-columns:minmax(150px,1.2fr) repeat(6,minmax(88px,1fr)) auto;gap:8px;align-items:end;padding:10px 16px;border-bottom:1px solid #34383d;background:#1a1e21}.guide-controls-title{align-self:center;display:grid;gap:2px}.guide-controls-title strong{color:#72d7df;font:9px ui-monospace,monospace;letter-spacing:.12em}.guide-controls-title span,.ccf-set-options p{color:#858d95;font-size:9px;line-height:1.45}.guide-controls label{display:grid;gap:4px;margin:0;color:#949ca3;font-size:9px}.guide-controls select,.guide-controls input[type=number]{padding:5px 6px;font-size:10px}.guide-controls input[type=color]{height:27px}.guide-controls .number-with-unit span{padding:0 6px;font-size:9px}.guide-checks{display:flex;gap:5px;align-items:stretch}.guide-checks .check-control{min-width:max-content;margin:0!important;padding:6px 7px;font-size:9px}.guide-controls>button{min-width:max-content;padding:6px 9px;font-size:10px}.guide-overlay{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.guide-overlay.is-active{display:block}.stage.guide-mode .stage-backdrop{display:none!important}.ccf-set-options{display:grid;gap:8px;margin:0 0 15px;padding:11px 12px;border:1px solid #3f4d51;background:#1d272a}.ccf-set-options>strong{color:#72d7df;font:9px ui-monospace,monospace;letter-spacing:.11em}.ccf-set-options label{margin:0}.ccf-set-options p{margin:0}:root[data-theme=light]{color:#20262b;background:#eef1f3}:root[data-theme=light] body{background:#eef1f3;color:#20262b}:root[data-theme=light] .topbar{border-color:#cbd1d5;background:#f8fafb}:root[data-theme=light] .topbar p,:root[data-theme=light] .badge,:root[data-theme=light] .eyebrow,:root[data-theme=light] .guide-controls-title span,:root[data-theme=light] .ccf-set-options p{color:#52606a}:root[data-theme=light] .tabs{border-color:#ccd2d6;background:#f1f4f6}:root[data-theme=light] .tab{color:#53616b}:root[data-theme=light] .tab:hover,:root[data-theme=light] .tab.active{color:#172127}:root[data-theme=light] .layout{border-color:#c8ced2;background:#c8ced2}:root[data-theme=light] .panel,:root[data-theme=light] .stage-toolbar,:root[data-theme=light] .guide-controls{background:#f8fafb}:root[data-theme=light] .stage-panel{background:#e5e9ec}:root[data-theme=light] .controls label,:root[data-theme=light] .export-grid label,:root[data-theme=light] .integrated-export-dock label,:root[data-theme=light] .guide-controls label,:root[data-theme=light] .preview-toolbar-actions label{color:#45535d}:root[data-theme=light] select,:root[data-theme=light] input[type=number],:root[data-theme=light] input:not([type]),:root[data-theme=light] .number-with-unit,:root[data-theme=light] input[type=color]{border-color:#aeb8bf;background:#fff;color:#172127}:root[data-theme=light] button,:root[data-theme=light] .theme-toggle{border-color:#aeb8bf;background:#f5f7f8;color:#172127}:root[data-theme=light] button:hover:not(:disabled){border-color:#168a96;background:#fff}:root[data-theme=light] .check-control,:root[data-theme=light] .check-row,:root[data-theme=light] .note,:root[data-theme=light] .warning{border-color:#b7c0c6;background:#e8edf0;color:#3f4e58!important}:root[data-theme=light] .warning{border-left-color:#9b6900;color:#654900!important}:root[data-theme=light] .obs-controls,:root[data-theme=light] .ccf-set-options,:root[data-theme=light] .timeline-opacity-controls,:root[data-theme=light] .exit-easing-control{border-color:#adbdc2;background:#e7f0f2}:root[data-theme=light] .easing-editor,:root[data-theme=light] .preview-timeline svg{border-color:#b8c3c9;background:#f4f7f8}:root[data-theme=light] .easing-grid{stroke:#c3cdd2}:root[data-theme=light] .easing-point,:root[data-theme=light] .timeline-point{fill:#fff}:root[data-theme=light] .stage-toolbar,:root[data-theme=light] .guide-controls{border-bottom-color:#cbd1d5}:root[data-theme=light] .preset-summary,:root[data-theme=light] .mode-hint,:root[data-theme=light] .derived-easing,:root[data-theme=light] .timing-total,:root[data-theme=light] .preview-transport output{color:#4e5d67}:root[data-theme=light] .control-title,:root[data-theme=light] .check-list,:root[data-theme=light] .prose{color:#2f3c45}:root[data-theme=light] .prose strong{color:#111a20}:root[data-theme=light] .file-info,:root[data-theme=light] .timeline{background:#e5eaed;color:#35444e}:root[data-theme=light] .inspector-grid{background:#bec7cc}:root[data-theme=light] .inspector-grid>div:last-child{background:#f8fafb;color:#24323a;padding:12px}:root[data-theme=light] .set-preview{border-color:#b4c0c5;background:#edf2f4}:root[data-theme=light] .set-preview-grid figure{color:#176f78}:root[data-theme=light] .frame-timeline button[data-state=transparent]{border-color:#7d8b94;color:#3e4d57}:root[data-theme=light] .frame-timeline button[data-state=covered]{border-color:#168a96;color:#12636b}:root[data-theme=light] .frame-timeline button.active{outline-color:#172127}:root[data-theme=light] .timeline-label{fill:#34525a}@media(max-width:1180px){.guide-controls{grid-template-columns:repeat(4,minmax(110px,1fr))}.guide-controls-title,.guide-checks,.guide-controls>button{grid-column:span 2}}@media(max-width:720px){.topbar-actions{gap:6px}.theme-toggle{min-width:70px;padding-inline:7px}.guide-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-controls-title,.guide-checks,.guide-controls>button{grid-column:1/-1}.guide-checks{flex-wrap:wrap}}