:root {--selection-color:var(--accent)}
#timeline-inner>.playhead::before,#timeline-inner>.playhead::after {top:var(--timeline-scroll-y,0px)!important}
#timeline-inner>#playhead {pointer-events:none!important}#timeline-inner>#playhead::before {pointer-events:auto!important}
#timeline-mouse-label {top:calc(var(--timeline-scroll-y,0px) + 5px)!important}
.timeline-tool-btn.active,.timeline-tool-btn[aria-pressed=true],.btn-outline.active {border-color:transparent!important;background:color-mix(in srgb,var(--accent) 22%,#172334)!important;color:var(--accent)!important;box-shadow:none!important}
.timeline-tool-btn,.btn-outline {border-color:#344052!important}
.timeline-track-rail {padding:0 6px!important;gap:5px!important;border-bottom:1px solid #344052!important}
.timeline-track-rail>span {border-radius:3px;padding:5px 3px;user-select:none}
.timeline-track-rail>span {box-sizing:border-box;width:34px;min-width:34px!important}.timeline-track-rail .track-btn {width:24px!important;min-width:24px!important;box-sizing:border-box;padding:2px!important}
.timeline-track-rail.track-selected>span {background:#1879d8;color:#fff!important}
.track-selection-shade {position:absolute;left:0;right:0;background:#379cf010;box-shadow:inset 0 1px #48a6ef20,inset 0 -1px #48a6ef20;pointer-events:none;z-index:1}
.track-height-grip {position:absolute;bottom:-1px;height:7px;left:0;right:0;cursor:ns-resize;z-index:10;touch-action:none}
.track-height-grip:hover {background:#5d9aca55}
.tl-block {border:1px solid #478b9f!important;border-radius:3px!important;box-sizing:border-box!important;background:#164b60!important;overflow:hidden!important;box-shadow:inset 1px 0 #78b7c8!important}
.tl-block {margin-top:0!important}
.tl-block.type-audio {background:#205f70!important;border-color:#5695a7!important}.tl-block.type-text {background:#604473!important;border-color:#9b76b1!important}
.tl-block.multi-selected {border-color:var(--accent)!important;box-shadow:inset 0 0 0 1px var(--accent)!important}
.tl-block .content {position:absolute!important;left:6px!important;right:5px!important;top:3px!important;height:16px!important;line-height:16px!important;font:500 11px/16px Inter,sans-serif!important;text-align:left!important;align-self:flex-start;color:#e8f2f6!important;text-shadow:none!important;padding:0!important;z-index:5;pointer-events:none}
.tl-video-strip,.tl-wave-canvas {top:22px!important;height:calc(100% - 22px)!important;opacity:.7!important}
.tl-video-shade {display:none!important}.tl-edge {width:5px!important;z-index:12!important}
#timeline-rail-overlay {border-right:0!important;box-shadow:-1px 0 #465468 inset}
.clip-envelope {position:absolute;left:0;top:22px;width:100%;height:calc(100% - 24px);overflow:visible;z-index:9;pointer-events:none;touch-action:none}
.envelope-line {fill:none;stroke:#e5e9dd;stroke-width:1.5;pointer-events:stroke;cursor:ns-resize;filter:drop-shadow(0 1px #122a37)}
.envelope-line:hover {stroke:var(--accent);stroke-width:4}
.envelope-node {fill:#e8edf2;stroke:#14324b;stroke-width:1;pointer-events:all;cursor:move}.envelope-node.selected {fill:var(--accent);stroke:#fff}
#automation-tooltip {position:fixed;z-index:35000;pointer-events:none;background:#192535;border:1px solid #4c657e;color:#eff6ff;padding:6px 9px;border-radius:4px;font:11px ui-monospace,monospace;box-shadow:0 4px 12px #0005}
.render-range-shade {position:absolute;top:0;bottom:0;background:#c1d7ee25;border-left:1px solid #56afff;border-right:1px solid #56afff;pointer-events:none}
.studio-icon {width:16px;height:16px;fill:none!important;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex-shrink:0;pointer-events:none}
button:has(.studio-icon) {gap:5px}.track-btn .studio-icon {width:14px;height:14px}
#media-frame-controls {margin-top:18px;border-top:1px solid #334155;padding-top:12px}#media-frame-controls[hidden] {display:none}
#media-frame-controls h4 {margin:0 0 12px}#media-frame-controls input {width:70px;background:#182333;color:#e2e8f0;border:1px solid #46566a;padding:6px;border-radius:4px}
#media-frame-controls button,#open-media-controls {background:#223449;color:#d4e8f4;border:1px solid #476075;border-radius:4px;padding:6px;cursor:pointer}
#media-frame-controls small {display:block;margin:10px 0;color:#91a5ba;line-height:1.5}

#main-canvas-area {padding:36px 244px 20px 20px!important}
#viewport-status {position:absolute;top:0;left:0;right:0;height:28px;padding:0 12px;box-sizing:border-box;background:#080e18;border-bottom:1px solid #253044;color:#aabed0;font:10px/28px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:11002}
#corner-radius-panel.viewport-panel {top:40px;left:auto;right:10px;width:212px;max-width:212px;max-height:calc(100% - 54px);overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px;border-radius:5px;font-size:10px}
.viewport-panel>strong {font-size:11px;color:#e6eff7}.viewport-panel>label {justify-content:space-between}.viewport-panel input {font-size:10px!important}.viewport-panel button {font-size:10px!important;padding:5px!important}
.layer-geometry-fields {display:grid;grid-template-columns:1fr 1fr;gap:6px}.layer-geometry-fields label {display:flex;flex-direction:column;gap:4px}.layer-geometry-fields input {width:100%!important}
.video-commands {display:grid;grid-template-columns:1fr;gap:5px}.video-commands button {background:#1b2b3e;color:#c6d7e8;border:1px solid #3a5068;border-radius:3px;cursor:pointer}
#media-frame-controls {margin:4px 0 0;padding:8px 0 0}#media-frame-controls h4 {font-size:10px;margin-bottom:7px}#media-frame-controls input {width:65px}#media-frame-controls small {display:none}
#track-text-container,#track-video-container,#track-audio-container {background-image:none!important}
.track-row-line {position:absolute;left:0;right:0;height:1px;background:#344253;pointer-events:none;z-index:2}
.timeline-track-rail .track-btn.active,.timeline-track-rail .track-btn.locked {background:#602733!important;color:#ff8f99!important;border-color:#b14c58!important}
.render-range-shade {pointer-events:auto!important;cursor:grab;z-index:1}.range-handle {position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize}.range-handle[data-edge=in] {left:0}.range-handle[data-edge=out] {right:0}.range-handle:hover {background:#56afff66}
.envelope-hit {fill:none;stroke:transparent;stroke-width:10;pointer-events:stroke;cursor:ns-resize}
#clip-hover-tip {position:fixed;z-index:35000;background:#05080def;color:#d8e5ef;border:1px solid #354357;padding:8px 10px;border-radius:4px;font:11px/1.6 Inter,sans-serif;white-space:pre;pointer-events:none;box-shadow:0 4px 12px #0006}
#timeline-editor[data-tool=ripple] .tl-edge {cursor:ew-resize;background:#1ddcb466}
#ticker-controls {padding:12px;border:1px solid #334155;border-radius:6px;margin-bottom:12px}#ticker-controls h4 {margin:0 0 10px}#ticker-controls button {background:#20364d;border:1px solid #476075;color:#d8ecf8;padding:6px;border-radius:4px;font-size:11px;cursor:pointer}
#ticker-fields:not([hidden]) {display:grid;gap:8px;margin-top:10px}#ticker-fields label {display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:6px}#ticker-fields input:not([type=checkbox]),#ticker-fields select {max-width:180px;width:60%;background:#142132;border:1px solid #40536c;color:#d4e1ee;padding:5px}#ticker-fields small {font-size:10px;line-height:1.5;color:#8fa9c0}
.news-ticker {overflow:hidden!important;padding:0!important}.news-ticker .text-layer-content {position:absolute;top:0;left:0;width:max-content;min-width:0;white-space:nowrap;will-change:transform;z-index:2;pointer-events:none}
.ticker-background {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:0}

*{scrollbar-width:thin;scrollbar-color:#425063 #121925}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:#121925}*::-webkit-scrollbar-thumb{background:#425063;border-radius:6px}*::-webkit-scrollbar-thumb:hover{background:#65758a}
#corner-radius-panel.inspector-v8{top:36px!important;bottom:12px!important;height:auto!important;max-height:none!important;display:block!important;padding:0!important;overflow:auto;width:268px;box-sizing:border-box;background:#141b26;border:1px solid #303b4a;border-radius:8px}
#corner-radius-panel.inspector-v8[hidden]{display:none!important}.inspector-v8>strong{display:block;padding:14px}.inspector-section{border-top:1px solid #303947}.inspector-section[hidden]{display:none}.inspector-section>summary{padding:13px 12px;cursor:pointer;font-size:12px;font-weight:600;user-select:none;list-style-position:inside;color:#cbd5e1}.inspector-section[open]>summary{color:#63b3ff;background:#1b2533}.inspector-body{padding:10px 12px;display:flex;flex-direction:column;gap:10px}.inspector-body .control-box{margin:0;border:0;padding:0}.inspector-body label{font-size:11px!important;flex-wrap:wrap}.inspector-body button,.asset-upload-bar button{font-size:11px;padding:8px;border:1px solid #3a4658;border-radius:4px;background:#263449;color:#d8e4f4;cursor:pointer}.inspector-body select{max-width:100%;min-width:0;background:#111925;color:#ccd8e8;border:1px solid #37465b;padding:6px}.inspector-body input.value-slider{width:100%!important;padding:0!important;accent-color:#469ff5}.inspector-body small{font-size:10px;color:#91a3b9;line-height:1.5}.inspector-body .video-commands{display:grid;grid-template-columns:1fr 1fr}.clip-label-menu{position:fixed;z-index:99999;display:flex;flex-direction:column;max-height:calc(100vh - 16px);overflow:auto;width:190px;background:#202a37;border:1px solid #45536a;padding:5px;border-radius:6px;box-shadow:0 10px 35px #0008}.clip-label-menu button{border:0;background:none;color:#d9e4f3;text-align:left;display:flex;gap:10px;align-items:center;padding:6px;cursor:pointer}.clip-label-menu button:hover{background:#354967}.clip-label-menu i{width:13px;height:13px;border:1px solid #ffffff30}.asset-upload-bar{display:grid;gap:8px;margin-bottom:16px}.gallery-v8-card{height:auto!important;min-height:128px}.gallery-v8-card>img,.gallery-v8-card>video{height:78px;object-fit:contain;width:100%;background:#0c111a}.gallery-v8-card .card-label{position:static!important;padding:5px;overflow:hidden;text-overflow:ellipsis}.gallery-actions{display:flex;flex-wrap:wrap;gap:3px;padding:4px}.gallery-actions button{font-size:9px;background:#263449;color:#cedcf0;border:1px solid #425069;border-radius:3px;padding:4px;cursor:pointer}#gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.color-curve{width:100%;height:140px;background:#0c1119;border:1px solid #344359;touch-action:none}.color-wheel{width:100%;accent-color:#469ff5}
.grading-wheel{width:112px;height:112px;border-radius:50%;position:relative;margin:10px auto;background:radial-gradient(circle,#888 0,transparent 70%),conic-gradient(from 90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00);touch-action:none;cursor:crosshair}.grading-wheel i{position:absolute;left:50%;top:50%;width:9px;height:9px;border:2px solid white;box-shadow:0 0 2px #000;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.smart-create{width:100%;margin-bottom:16px;padding:10px;background:#153c46;color:#4ee8cc;border:1px solid #327b7c;border-radius:5px;cursor:grab}.smart-member{display:grid;gap:7px;padding:10px;margin-top:8px;border:1px solid #364657;border-radius:5px;background:#192533}.smart-member span{font-size:11px;overflow:hidden;text-overflow:ellipsis}.smart-submenu{padding:7px;border-bottom:1px solid #435165}.smart-submenu summary{cursor:pointer;font-size:12px;color:#60d5c2}.smart-submenu small{display:block;padding:8px;color:#9fb1c5}#timeline-track-snap-guide{box-sizing:border-box!important;margin:0!important}

.smart-submenu button:disabled{opacity:.4;cursor:default}.custom-pen{position:absolute;inset:0;z-index:20000;touch-action:none;cursor:crosshair;overflow:visible}.pen-hint{position:absolute;top:40px;left:12px;z-index:20001;background:#152b35;color:#a9fff0;padding:9px;border-radius:5px;pointer-events:none;font:12px sans-serif}.effect-dialog{background:#17212f;color:#dce7f5;border:1px solid #425269;border-radius:9px;max-height:80vh;min-width:310px}.effect-dialog::backdrop{background:#0009}.effect-dialog form{display:grid;gap:12px}.effect-dialog label{font-size:12px}.effect-dialog button,.audio-effects-panel button{background:#263e55;color:#e5effa;border:1px solid #425d76;padding:8px;border-radius:4px;cursor:pointer}.audio-effects-panel{margin-top:20px;padding:12px;border:1px solid #354359;border-radius:7px}.audio-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:12px 0}.audio-tabs .active{background:#176b68}.audio-effects-panel label{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0;font-size:11px}.audio-effects-panel input[type=number]{width:65px}.audio-effects-panel input.value-slider{width:100%;accent-color:#26dac3}.eq-bank{display:flex;overflow-x:auto;gap:10px;padding:10px 0}.eq-bank label{display:flex;flex-direction:column;align-items:center;min-width:36px}.eq-bank input{writing-mode:vertical-lr;direction:rtl;width:20px;height:160px;accent-color:#26dac3}.eq-bank output{font-size:9px}.clip-label-menu button:disabled{opacity:.4;cursor:default}#inspector-ultra details summary{padding:10px 0;cursor:pointer;color:#a9c9e3}#inspector-ultra label{margin-bottom:8px}#inspector-ultra label button{padding:2px 5px}