:root{--accent:#64ceff;--purple:#168cca;--upper:min(49vh,calc(19.7vw + 98px));--track-height:106px}
#workspace{grid-template-columns:minmax(230px,var(--library-width,40%)) minmax(280px,1fr) minmax(250px,var(--inspector-width,24%))}
button.active,.library-tabs button.active,.inspector-tabs button.active,.timeline-toolbar button.active{background:#17384d;color:#79d9ff}
button.primary{background:#64ceff;color:#082136}button.primary:hover{background:#9be6ff}button.accent,.badge{color:#89dcff;background:#16384e}.brand>span{border-color:#32667f}
.library-grid{grid-template-columns:repeat(auto-fill,113px);justify-content:start}.library-card .thumb{color:#9ce9ff;background:linear-gradient(135deg,#234f70,#17303c)}
.add-media{position:absolute;right:5px;top:47px;width:26px;height:26px;padding:0;border-radius:50%;font-size:20px;background:#25ccff;color:#06243a;opacity:0;z-index:3}.library-card:hover .add-media,.library-card:focus-within .add-media{opacity:1}
.thumb img,.clip-thumbs img{pointer-events:none;user-select:none;-webkit-user-drag:none}
#stage{background:var(--panel)}#preview{width:auto;height:auto;aspect-ratio:auto}#previewEmpty{background:radial-gradient(ellipse at center,#15384c99,#141b24)}#selectionBox{border-color:#61d9ff}
.clip.text{background:#23527e;border-color:#529ad2}.clip.selected{outline-color:#65dfff}.clip.selected .trim-handle{background:#7adfff66}.transition-marker{background:#59c7f48c;pointer-events:none}.transition-marker.edgeOut{left:auto;right:0}.transition-marker.edgeIn{left:0}
#ruler .minor{height:7px;bottom:0;padding:0;border-color:#535e6a}#ruler .major{border-color:#7d8b99}#marquee{position:absolute;border:1px solid #6ce3ff;background:#31b9ff25;z-index:8;pointer-events:none}#dropGuide{position:absolute;left:0;right:0;height:3px;background:#2bd8ff;color:#8fe9ff;font-size:10px;z-index:10;pointer-events:none;box-shadow:0 0 8px #2bd8ff}
.new-track-zone{height:22px;font-size:10px;color:#748da2;background:#15212b;text-align:center;line-height:22px;border-bottom:1px dashed #354b5b}.track-gap-label{height:22px}.new-track-zone:hover{background:#183e54;color:#96e5ff}
#tracks[data-tool=cut] .clip{cursor:crosshair}#tracks[data-tool=forward] .clip{cursor:e-resize}#tracks[data-tool=backward] .clip{cursor:w-resize}#tracks[data-tool=zoom]{cursor:zoom-in}#editTool{font-size:11px;max-width:170px;padding:7px 5px}.timeline-toolbar>div{gap:3px}
#toast{background:#183245;border-color:#397896}#auth{background:radial-gradient(ellipse at 35% 20%,#1d4561,#11151c 65%)}.column-resize:hover{background:#64ceff55}
.auto-button{background:#19dcff!important;color:#052936!important;font-weight:750;font-size:16px;padding:13px;box-shadow:0 0 18px #00d9ff26}.auto-button:hover{background:#7aefff!important}.calibration-progress{display:flex;gap:5px;margin:16px 0}.calibration-progress button{min-width:36px}.calibration-progress .complete{border:1px solid #2bcfa7}.calibration-file{border:1px solid var(--line);border-radius:7px;padding:12px;margin:10px 0}.calibration-file label{display:block}.calibration-file input{margin-top:8px}.calibration-file small{display:block;color:#8fdac5;word-break:break-word}.wizard-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.wizard-actions .primary{margin-left:auto}
.detection-proposal{border-left:3px solid #ef9b44;padding:7px 8px;margin:6px 0;background:#28251f;font-size:11px}.detection-proposal.cleanup{border-color:#b993ef;background:#292338}.detection-proposal button{padding:3px 5px;font-size:10px}.detection-mark{position:absolute;bottom:3px;height:12px;background:#f9a04eaa;border:1px solid #ffc18a;pointer-events:none}.detection-mark.cleanup{background:#b67af2aa;border-color:#d4abff}.detection-mark.delete{background:#e45d5daa}.detection-mark.protected{height:4px;background:#4ee1bd;border-color:#7affd5}.detection-status{font-size:11px;color:#9cdfff;line-height:1.6}.detect-actions{display:flex;gap:5px;flex-wrap:wrap}.detect-actions button{font-size:11px}.inspector details{margin:10px 0;border-top:1px solid var(--line);padding-top:10px}.inspector summary{cursor:pointer;color:#c3d6e9;font-size:12px}.inspector progress{width:100%;accent-color:#33c8ff}
#zoneOverlay{position:absolute;z-index:4;overflow:visible;pointer-events:none}#zoneOverlay.drawing{pointer-events:auto;cursor:crosshair;touch-action:none}#zoneOverlay rect{fill:#2bd7ff20;stroke:#3edbff;stroke-width:2;vector-effect:non-scaling-stroke}#zoneOverlay text{fill:#fff;font-size:4px;text-shadow:0 1px 3px #000}.inspector input[type=checkbox]{max-width:none}.subtle{color:var(--muted);font-size:11px}.scan-scope{display:flex;gap:6px}.scan-scope label{flex:1;min-width:0}.scan-scope input{max-width:100%}
@media(max-width:1300px){#workspace{grid-template-columns:minmax(230px,var(--library-width,35%)) minmax(280px,1fr) minmax(270px,var(--inspector-width,27%))}.preview-note{display:none}.timeline-toolbar input{width:60px}.timeline-toolbar button{padding:7px}.timeline-toolbar #selectAll{font-size:10px}}
@media(max-width:1000px){#workspace{grid-template-columns:245px minmax(275px,1fr) 270px;--upper:350px}.timeline-toolbar{padding:5px}.timeline-toolbar label{margin-left:3px;gap:3px}.timeline-toolbar input{width:42px}#editTool{max-width:120px}.topbar #saveStatus{display:none}}