:root{--bg:#080d19;--panel:#101827;--raised:#1a2539;--line:#26344e;--muted:#9aaecb;--text:#edf3ff;--accent:#6adfff;--purple:#ae83ff;--teal:#61e5da}
body{background:#080d19}
.desktop-titlebar{height:32px;display:flex;align-items:center;gap:9px;padding:0 14px;background:#0a1020;color:#acbfdc;font-size:11px;letter-spacing:1px;-webkit-app-region:drag;user-select:none}
.desktop-titlebar img{width:19px;height:19px;border-radius:5px}
body:has(.desktop-titlebar) #workspace{height:calc(100vh - 92px)}
.topbar{background:linear-gradient(110deg,#0c1d32,#12172b 55%,#251536);border-bottom:1px solid #41446b;box-shadow:0 3px 18px #0004}
.panel{background:linear-gradient(150deg,#121c2c,#101623);border-color:#26334b;border-radius:12px}
button,select{background:#1b263a;border-color:#29364e;border-radius:8px;transition:background .12s,border-color .12s}
button:hover,select:hover{background:#293653;border-color:#62799c}
button.active,button[aria-pressed=true],.library-tabs button.active,.inspector-tabs button.active{background:linear-gradient(110deg,#173e55,#342449);color:#8eeaff;border-color:#49627f}
button.primary,#export{background:linear-gradient(115deg,#65def5,#a897ff);color:#0c1426;font-weight:700;border-color:#8dc9ff;box-shadow:0 3px 14px #5b7bff22}
button.primary:hover,#export:hover{background:linear-gradient(115deg,#8beaff,#c1afff)}
input,textarea{background:#0b1322;border-color:#2c3a54;border-radius:7px}
.library-tabs,.inspector-tabs,.preview-top,.transport,.timeline-tools,.timeline-footer{border-color:#29354e;background:#101a2b}
.track{background:#0d1523;border-color:#27334b}.track:nth-child(even){background:#111b2b}
.clip.selected{outline-color:#a798ff}.timeline,.timeline-body,#trackLabels{background:#101827}
.subhead{color:#b7a3f7;letter-spacing:1.2px}.info-box{background:#18243a;border-color:#354360}
.brand img{max-height:42px}.brand>span{border-color:#554675;color:#a6cfff}
dialog{background:#111a2b;border-color:#65558b;box-shadow:0 24px 100px #000b}
::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#0b1321}::-webkit-scrollbar-thumb{background:#384866;border:2px solid #0b1321;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:#637299}

.transport{flex-wrap:wrap;min-height:44px;height:auto;gap:5px}
#orientationToolbar{display:flex;align-items:center;gap:3px;margin-left:auto;padding-left:9px;border-left:1px solid #36435e}
#orientationToolbar button{width:27px;height:27px;min-width:0;padding:0;font-size:17px;line-height:25px;border-radius:6px;color:#c8d8f1}
#orientationToolbar button[aria-pressed=true]{color:#95edff;border-color:#7e8bea;background:#2f3056}
.transport .preview-note{display:none}

/* Compact library controls and clear timeline overlays. */
.library-card .add-media{width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:15px!important;line-height:1!important;border-radius:5px!important}
.brand-credit{font-size:9px!important;letter-spacing:.3px!important;line-height:1.4!important;border:0!important;color:#9eacc9!important;padding:0!important}.brand-credit strong{font-size:11px;color:#d3c1ff;font-weight:600}
.artsycut-wordmark{background:transparent!important;object-fit:contain}
.new-track-zone{color:transparent!important}.new-track-zone:not(:hover){border-color:transparent!important;background:transparent!important}
.transition-demo{width:100%;height:100%;object-fit:cover;border-radius:7px}.transition-thumb{padding:0!important;overflow:hidden}
.transition-marker{background:linear-gradient(115deg,#6552b5ee,#224d7fee)!important;border:1px solid #c4adff!important;height:29px!important;min-width:24px;box-shadow:0 0 0 1px #111c30,0 2px 7px #0008;border-radius:5px;color:#fff;cursor:grab;font-size:10px}
.transition-marker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 7px}.transition-marker.active{outline:2px solid #96edff}
.transition-marker.replacement-target,.library-drop-preview.replacing{outline:3px solid #ffcc86!important;background:#70562e!important;box-shadow:0 0 18px #f2ae5c88}
.library-drop-preview{min-width:80px;font-weight:600;padding:3px 6px}#dropGuide{pointer-events:none;font-size:11px;font-weight:600;white-space:nowrap}
.auto-steps{font-size:12px;line-height:1.8;list-style:none;padding:8px 0;color:#b5c8e3}.engine-status progress{width:100%;height:12px;accent-color:#a78bfa}

/* Workflow tools: compact controls and linked audio lanes. */
.analysis-range{display:flex;align-items:center;gap:8px;padding:5px 12px;background:#101a2c;border-block:1px solid #2a3853;flex-wrap:wrap;font-size:11px}.analysis-range label{display:flex;align-items:center;gap:4px}.analysis-range input{width:76px;padding:4px}.analysis-range select{max-width:150px;padding:4px}#analysisSelection{position:absolute;top:0;bottom:0;background:#35cfeb18;border-inline:2px solid #67dbef;pointer-events:none;z-index:3}.timeline-toolbar{flex-wrap:wrap}.timeline-toolbar>div{flex-wrap:wrap}.track-label>[data-delete-track]{font-size:10px;padding:2px 5px}.clip.with-audio .clip-thumbs{bottom:30px}.clip.with-audio svg.linked-wave{position:absolute;bottom:0;height:29px!important;top:auto!important;width:100%;background:#0e3939;border-top:1px solid #61c6c6}.audio-subtrack{position:absolute;bottom:0;left:0;font-size:9px;padding:1px 3px;background:#092e30bb;border-radius:0;z-index:2}.audio-meter{display:flex;gap:12px;padding:2px 12px;font-size:11px;color:#a9bfd5}.audio-meter meter{width:100px}.field button{padding:2px 5px}#inspectorContent details{margin:10px 0}#inspectorContent details>button{margin:3px}#shortcutList kbd{display:inline-block;min-width:150px;color:#93e2ff}button:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #a9a3ff;outline-offset:2px}#saveStatus{max-width:130px}.project-file-controls{flex-wrap:wrap}.topbar{height:auto;min-height:60px}.placement-preview{position:absolute;pointer-events:none;border:2px dashed #76d9ff;background:#254a6b88;color:white;padding:4px;z-index:8;font-size:11px} .detect-primary-actions{position:sticky;top:0;background:#101c30;z-index:3;padding:8px;border-radius:8px}.detect-primary-actions progress{width:100%}

/* Keep the workspace within the window when the header wraps. */
body{height:100vh;display:flex;flex-direction:column}.desktop-titlebar,.topbar{flex-shrink:0}.topbar{flex-wrap:wrap;padding-block:7px}body:has(.desktop-titlebar) #workspace{height:auto;flex:1;min-height:0}.clip.audio .clip-thumbs{display:none}

#moveFeedback{padding:6px 12px;background:#20324c;color:#bcecff;font-size:12px}.track.move-destination{box-shadow:inset 0 0 0 2px #b7a5ff}.clip.moving-preview{outline:2px dashed #fff;outline-offset:-3px}#snapIndicator{position:absolute;top:0;bottom:0;border-left:2px solid #ffd17e;z-index:9;pointer-events:none;color:#ffe1a6;font-size:10px;white-space:nowrap;text-shadow:0 1px 3px #000}

#trackLabels.compact .track-label{position:relative;padding:3px 7px}#trackLabels.compact .track-label strong{font-size:10px;line-height:13px}#trackLabels.compact .track-label>div:first-child{min-height:17px}#trackLabels.compact .track-actions{margin:0;gap:3px}#trackLabels.compact .track-actions button{padding:1px 4px;font-size:10px}#trackLabels.compact [data-delete-track]{position:absolute;right:5px;bottom:3px;font-size:0;padding:0;width:19px;height:19px}#trackLabels.compact [data-delete-track]::after{content:"×";font-size:14px}
.workspace-marquee{position:fixed;z-index:1000;background:#59ccff25;border:1px solid #8ce1ff;pointer-events:none}.library-card.media-selected .thumb{outline:3px solid #bca8ff;outline-offset:1px}.library-foot{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.library-foot button{font-size:10px;padding:3px 7px}.timeline-scroll-rail{width:25px;flex-shrink:0;display:flex;flex-direction:column;background:#17243b;border-left:1px solid #42516b}.timeline-scroll-rail button{padding:3px 0;font-size:11px;border-radius:3px}.timeline-scroll-rail input{writing-mode:vertical-lr;direction:ltr;flex:1;min-height:30px;width:23px;padding:0;accent-color:#8cbbff}#timelineScroll{overflow-y:hidden;overflow-x:auto}#trackHeightGrip{cursor:ns-resize;font-size:20px;min-height:28px;color:#9ddfff}.gap-selection{position:absolute;border:2px solid #b6a2ff;background:#ac94ff22;z-index:4;pointer-events:none}.gap-close{position:absolute;right:2px;top:2px;pointer-events:auto;background:#665299;font-size:16px;padding:0 5px}.full-track-preview{border:2px dashed #a7d9ff!important;background:#183450ed!important;z-index:12!important;left:0!important;width:100%!important;pointer-events:none}.link-mark{color:#caf5ff;font-weight:bold}#trimStatus{display:none!important}
.new-track-clip{height:calc(100% - 26px);min-height:25px;max-width:95%;background-color:#275a78;background-size:auto 100%;background-repeat:repeat-x;border:2px solid #ceadff;color:white;text-shadow:0 1px 4px #000;border-radius:5px;overflow:hidden}

/* Leave room to see the video receiving lane, base footage and Audio 1 together. */
#workspace{grid-template-rows:minmax(230px,min(var(--upper),calc(100vh - 490px))) 7px minmax(300px,1fr)}
.track.empty-receiving-track{background:linear-gradient(90deg,#17283a88,#111c2c);box-shadow:inset 0 0 0 1px #67b6d329;border-bottom:1px dashed #42647e}
.track.empty-receiving-track:hover{background:#1c334966;box-shadow:inset 0 0 0 1px #72cce680}

.track .clip.with-audio .clip-thumbs{bottom:18px}.track .clip.with-audio svg.linked-wave{height:17px!important}

/* Drag feedback is an overlay: it must never move the ruler or resize the viewport. */
.timeline-panel,.timeline{position:relative}
#moveFeedback{position:fixed;left:170px;bottom:30px;max-width:calc(100vw - 210px);z-index:30;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #4c6f91;border-radius:5px;box-shadow:0 3px 12px #0006}
#timelineScroll,#timeline,#tracks,#trackLabels{overflow-anchor:none}

.track.import-destination{box-shadow:inset 0 0 0 2px #77dbd5;background:#163b4244}
.placement-preview.media-placement{background-color:#174550b3;background-repeat:repeat-x;background-size:auto 100%;border:2px solid #b5f8ed;border-radius:4px;color:white;text-shadow:0 1px 3px black;white-space:nowrap;overflow:hidden}
.placement-preview.has-source-audio{border-bottom:8px solid #42b7a8}

/* Quiet timeline: preserve selection and the clip preview without status overlays. */
#moveFeedback{display:none!important}
#snapIndicator{border-left:3px solid #bc88ff;box-shadow:0 0 7px #bc88ff99;z-index:25;transform:translateX(-1px)}
#snapIndicator[hidden]{display:none!important}
.track.empty-receiving-track,.track.empty-receiving-track:hover,.track.move-destination,.track.import-destination{box-shadow:none;border-bottom:1px solid #2b3a4d;background:#111d2c}
.clip.moving-preview{outline:none}.clip.selected{outline:1px solid #d6c4ff;outline-offset:0}
#dropGuide.full-track-preview{border:0!important;background:transparent!important;color:transparent}
#dropGuide .new-track-clip{color:#ecf4ff;border:1px solid #91b9c5;background-color:#254956}
.placement-preview,.placement-preview.media-placement{border:1px solid #91b9c5;border-bottom-width:1px;border-radius:4px;box-shadow:none}
.trim-handle{width:12px;cursor:col-resize;background:transparent!important}
.trim-handle:after{content:'';position:absolute;top:25%;bottom:25%;width:3px;background:#f0f6ff;border:1px solid #142231;border-radius:2px;opacity:0;transition:opacity .08s}
.trim-handle.left:after{left:2px}.trim-handle.right:after{right:2px}.trim-handle:hover:after{opacity:1}
body.trimming-clip,body.trimming-clip *{cursor:col-resize!important}
body.moving-clip,body.moving-clip *{cursor:grabbing!important}
body.moving-clip .clip,body.trimming-clip .clip{transition:none;will-change:transform,left,width}

.new-track-zone{border-bottom:1px solid #29384b;background:#111b2b}.new-track-zone:hover{background:#111b2b}

/* Quiet timeline interactions: visible only when relevant. */
.analysis-range[hidden]{display:none!important}
#tracks>.new-track-zone:first-child,.track-gap-label{height:var(--track-lead,22px)!important;min-height:var(--track-lead,22px)!important}
.clip.selected .trim-handle{background:transparent}
.clip .trim-handle:hover,.clip .trim-handle.active-trim{background:#bc88ffbb!important;box-shadow:0 0 8px #bc88ff80}
.clip .trim-handle:hover:after,.clip .trim-handle.active-trim:after{background:#fff!important;width:3px}
.clip.moving-landing{opacity:.7;outline:2px solid #bc88ff;outline-offset:-2px}
.clip.linked-companion{box-shadow:inset 0 0 0 2px #74d9e9}
.timeline-context{position:fixed;z-index:1100;background:#172238;border:1px solid #546180;border-radius:9px;padding:5px;box-shadow:0 10px 32px #0009;min-width:230px}
.timeline-context button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:8px 12px;font-size:12px}
.timeline-context button:hover,.timeline-context button:focus-visible{background:#343251}
.audio-fade-handle{position:absolute;z-index:6;bottom:2px;width:12px;height:12px;padding:0;border:2px solid #d2b6ff;background:#7350a9;border-radius:50%;opacity:0;cursor:ew-resize}
.clip:hover .audio-fade-handle,.audio-fade-handle:focus-visible,.audio-fade-handle.active{opacity:1}
.audio-fade-shape{position:absolute;bottom:0;height:17px;background:#bc88ff45;pointer-events:none;border-top:1px solid #bc88ff}
#insertMarker{position:absolute;top:30px;bottom:0;border-left:3px solid #75ddf4;z-index:26;pointer-events:none}
#insertMarker:before{content:'Insert';position:absolute;top:0;left:4px;background:#163f53;color:#b6f5ff;padding:2px 6px;border-radius:4px;font-size:11px}

#recordMedia{margin-right:6px;color:#d6bbff}#recordingStatus{position:fixed;bottom:34px;right:24px;z-index:1200;max-width:440px;padding:12px 16px;background:#18243c;border:1px solid #bc88ff;border-radius:10px;box-shadow:0 8px 24px #0009}#recordingStatus[hidden]{display:none}#recordingStatus small{display:block;overflow-wrap:anywhere;color:#b4c7df;margin-top:6px}#recordingStatus button{margin-left:12px}.recording-dot{color:#ff78b2}#screenRecordingOptions>label{display:block;margin:10px 0}#recordFolder{overflow-wrap:anywhere}#recordingError{color:#ffadc4}

.selection-menu-heading{padding:6px 10px;color:#b9a3e8;font-size:11px;border-bottom:1px solid #35415b}

.placement-preview.text-placement{background:#59467caa;border:1px solid #bb96ee;border-radius:5px;color:#fff}

.library-drop-preview.transition-placement{min-width:2px;padding:0;border:2px solid #c199ff;box-shadow:0 0 12px #b980ff66;background:linear-gradient(90deg,#21c8df66 0 50%,#bc68e977 50%)}.transition-placement[data-placement=transition]:after{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:2px solid #fff}.transition-placement[data-placement=edgeIn]{background:linear-gradient(90deg,#b980ffbb,transparent)}.transition-placement[data-placement=edgeOut]{background:linear-gradient(90deg,transparent,#b980ffbb)}

.transition-move-label{position:absolute;bottom:100%;left:0;padding:3px 6px;background:#302242;color:#f3eaff;border:1px solid #c199ff;border-radius:4px;font-size:10px;white-space:nowrap;pointer-events:none}

/* Full-height outer-edge trim brackets. */
.clip .trim-handle,.clip .trim-handle:hover,.clip .trim-handle.active-trim{background:transparent!important;box-shadow:none;cursor:none;top:-1px;bottom:-1px;width:12px;z-index:6}
.clip .trim-handle:after,.clip .trim-handle:hover:after,.clip .trim-handle.active-trim:after{top:0;bottom:0;width:11px;background:transparent!important;border:0;border-top:3px solid #38deef;border-bottom:3px solid #38deef;border-radius:0;box-sizing:border-box;pointer-events:none}
.clip .trim-handle.left{left:-1px}.clip .trim-handle.right{right:-1px}
.clip .trim-handle.left:after{left:-1px;border-left:3px solid #38deef}.clip .trim-handle.right:after{right:-1px;border-right:3px solid #38deef}
.clip .trim-handle:hover:after,.clip .trim-handle.active-trim:after{opacity:1}
body.trimming-clip,body.trimming-clip *{cursor:none!important}
.clip.locked .trim-handle{cursor:not-allowed}.clip.locked .trim-handle:after{opacity:0!important}
.track-icon{width:16px;height:16px;display:block;pointer-events:none;flex-shrink:0}
#trackLabels .track-actions{gap:3px;align-items:center;flex-wrap:nowrap}
#trackLabels .track-label button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:3px;flex-shrink:0}
#trackLabels .track-label button.active{color:#38deef;background:#153b4d;border-color:#3e8396}
#trackLabels.compact .track-label [data-delete-track]{position:static;width:24px;height:24px;padding:3px;font-size:inherit}
#trackLabels.compact [data-delete-track]::after{content:none}
#trackLabels [data-delete-track]:hover{color:#ff8eb9}
.timeline-toolbar .zoom-step{width:26px;height:26px;padding:0;font-size:20px;line-height:1;display:inline-grid;place-items:center;border:1px solid #35455e}

#trackLabels.compact .track-label>div:first-child button{height:18px;width:20px;padding:2px}#trackLabels.compact .track-actions button,#trackLabels.compact .track-label [data-delete-track]{height:20px;width:22px;padding:2px}#trackLabels.compact .track-icon{width:14px;height:14px}

/* File menu and compact project header. */
.topbar{gap:20px;padding:8px 16px;min-height:66px}.project-file-controls{gap:12px;flex-wrap:nowrap;flex:1}.project-name-label{min-width:180px;max-width:280px;flex:1}.topbar #projectName{max-width:none;width:100%;font-size:13px}.top-actions{margin-left:auto;gap:8px}.brand-credit{line-height:1.35}
.header-dropdown{position:relative;flex-shrink:0}.header-menu{position:absolute;top:calc(100% + 7px);left:0;min-width:220px;padding:6px;z-index:1500;background:#142039;border:1px solid #465575;border-radius:9px;box-shadow:0 12px 35px #0009}.header-menu button{display:block;width:100%;text-align:left;background:transparent;padding:9px 12px!important;font-size:12px!important;border-radius:5px}.header-menu button:hover,.header-menu button:focus-visible{background:#263654}.header-menu #recover,.header-menu #help,.header-menu #subscriptionManager{border-top:1px solid #34435f;margin-top:4px;padding-top:12px!important}.project-save-actions.save-split{flex-direction:row;gap:0;align-items:stretch}.save-split #saveFile{border-radius:6px 0 0 6px}.save-split #saveOptions{border-radius:0 6px 6px 0;border-left:1px solid #3b5870;height:100%;padding-inline:7px}.save-split .header-menu{left:auto;right:0}.save-split .header-menu #saveProjectAs{text-align:left;color:var(--text);font-size:12px;padding:9px 12px;background:transparent}#projectSaveSummary{font-size:10px;color:#a9bfd5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding-top:3px}.project-name-label #retrySave{font-size:10px;padding:1px 4px;align-self:flex-start}#fileMenu{min-width:64px}.topbar #saveStatus[hidden],#namedFileStatus[hidden]{display:none!important}
@media(max-width:1150px){.topbar{gap:12px}.project-file-controls{gap:8px}.project-name-label{min-width:150px}.topbar #projectName{max-width:none}}

.topbar .header-menu button{background:transparent;border-color:transparent;box-shadow:none;border-radius:6px}.topbar .header-menu button:hover,.topbar .header-menu button:focus-visible{background:#263450;border-color:#526582}

/* Compact precision controls and contextual preview guides. */
.field .property-value{display:flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:210px}.field .property-value input[type=number]{width:66px;min-width:55px;padding:5px 6px;flex:none}.field .property-slider{width:72px;min-width:42px;flex:1;height:18px;padding:0;accent-color:#56d5ec;cursor:pointer}.field:has(.property-value){gap:8px}.field:has(.property-value)>span:first-child{min-width:72px}.property-slider:focus-visible{outline:1px solid #b4a2ff;outline-offset:2px}
.preview-snap-guides{position:absolute;inset:0;pointer-events:none;z-index:8}.preview-snap-line{position:absolute;display:block;background:#63e4f4;box-shadow:0 0 3px #6d84ff}.preview-snap-line.x{width:1px}.preview-snap-line.y{height:1px}
#analysisSelection{background:none;border:0;z-index:6}.analysis-range-block{position:absolute;background:#6f67ff35;border:2px solid #88cfff;box-sizing:border-box;pointer-events:none}.placement-preview.audio-placement{background-color:#153d49;border-color:#58d8de;background-image:none!important}.placement-preview.audio-placement:before{content:'♫ ';color:#75eced}
.analysis-range label[hidden]{display:none!important}
.field .property-slider{-webkit-appearance:none;appearance:none;background:transparent;border:0;box-shadow:none}.property-slider::-webkit-slider-runnable-track{height:3px;background:#405169;border-radius:4px}.property-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border:0;border-radius:50%;background:#63d6ed;margin-top:-3.5px}.property-slider:disabled::-webkit-slider-thumb{background:#758295}.property-slider::-moz-range-track{height:3px;background:#405169;border-radius:4px}.property-slider::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#63d6ed}
.auto-progress-details{margin:12px 0}.auto-progress-details .engine-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.auto-progress-details strong{display:block}.auto-activity{list-style:none;padding:0;margin:8px 0;max-height:160px;overflow:auto}.auto-activity li{display:flex;gap:12px;margin:6px 0;font-size:12px}.auto-activity time{color:#72dced;min-width:65px}.auto-progress-details p{margin:7px 0}
#modal:has(.auto-progress-details){width:min(620px,calc(100vw - 40px))}.engine-status.scanning>strong,.engine-status.scanning>span{display:block;margin:5px 0}.engine-status.scanning>progress{width:100%}.auto-progress-details p strong{display:inline}.auto-progress-details .engine-metrics span{min-width:0}.auto-progress-details .engine-metrics strong{margin-top:5px}