:root{color-scheme:dark;--bg:#101318;--panel:#191e25;--line:#2c343f;--text:#e4eaf0;--muted:#91a0af;--accent:#72dfcb;--gold:#f2c772;--label:116px;font:13px/1.45 'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-width:1000px;height:100vh;display:grid;grid-template-rows:64px minmax(0,1fr) 28px;overflow:hidden}button,input,select{font:inherit}button{background:#252d37;border:1px solid #37424e;color:var(--text);border-radius:5px;padding:6px 10px;cursor:pointer;white-space:nowrap}button:hover{background:#35424e;border-color:#637685}button:disabled{opacity:.35;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#102722;font-weight:650}button.active{color:var(--accent);border-color:#559c91;background:#213d39}input,select{background:#11161c;border:1px solid #35404c;border-radius:4px;padding:7px 8px;color:var(--text);min-width:0}input:focus,select:focus{outline:1px solid var(--accent)}input[type=checkbox]{accent-color:var(--accent)}h1,h2,p{margin:0}h2{font-size:13px;font-weight:600}header{display:flex;align-items:center;padding:10px 18px;border-bottom:1px solid var(--line);gap:20px;background:#171c23}nav{display:flex;gap:6px;margin-left:auto}.brand{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:1.4px;white-space:nowrap}.brand b{display:block;font-size:13px;letter-spacing:2px}.brand-icon{font-size:38px;color:var(--accent);line-height:1}#project-name{border-color:transparent;background:transparent;width:230px;font-size:13px;color:#aebcca}main{min-height:0;display:grid;grid-template-columns:250px minmax(360px,1fr) 282px;grid-template-rows:minmax(225px,1fr) 54px minmax(240px,36vh);gap:0}.panel{background:var(--panel);padding:14px;min-height:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.panel-title button{font-size:11px;padding:4px 7px}.library{grid-row:1/3;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.library input,.library select{width:100%}.small,.subtle{font-size:11px;color:var(--muted)}#library-list{flex:1;min-height:0;overflow-y:auto;margin:0 -6px;padding:0 6px}.music-item{padding:10px 0;border-bottom:1px solid var(--line);cursor:grab}.music-item:hover{background:#222a34}.music-name{font-size:12px;overflow-wrap:anywhere;line-height:1.5}.music-detail{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:10px;color:var(--muted)}.music-detail button{font-size:10px;padding:2px 6px;margin-left:3px}.provenance{color:#d8b770}.library-footer{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:10px;color:var(--muted)}.library-footer button{font-size:10px}.preview{min-height:0;display:flex;flex-direction:column;padding:10px 18px;background:#0d1015}.preview-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.3px;color:var(--muted);margin-bottom:8px}.preview-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.preview-title button{font-size:11px;letter-spacing:0;padding:4px 8px}.video-stage{flex:1;position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080a0d;border:1px solid #222a33;border-radius:6px}video{height:100%;width:100%;object-fit:contain;aspect-ratio:16/9}video:fullscreen{background:#000}#video-empty{position:absolute;text-align:center;padding:20px}#video-empty h1{font-weight:500;font-size:19px}#video-empty p{color:var(--muted);margin:10px 0 18px;font-size:12px}#video-empty small{display:block;margin-top:12px;color:#6f8292;font-size:10px}.empty-symbol{font-size:30px;color:var(--accent);margin-bottom:12px}.inspector{grid-column:3;grid-row:1/3;border-left:1px solid var(--line);overflow:auto}#inspector .clip-heading{font-size:12px;color:var(--accent);overflow-wrap:anywhere;margin-bottom:12px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field{display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--muted)}.field input,.field select{width:100%;font-size:12px;padding:5px 6px}.field.full{grid-column:1/-1}.field-hint{font-size:10px;color:var(--muted);margin:9px 0}.clip-actions{display:flex;gap:6px;margin:10px 0}.clip-actions button{font-size:11px;flex:1}.automation-title{display:flex;align-items:center;justify-content:space-between;margin-top:14px;font-size:11px}.automation-title button{padding:3px 5px;font-size:10px}.keyframe-row{display:grid;grid-template-columns:1fr 1fr 24px;gap:4px;margin-top:5px}.keyframe-row input{width:100%;padding:4px;font-size:11px}.keyframe-row button{padding:0}.markers-section{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.marker-row{display:flex;gap:5px;align-items:center;margin-bottom:4px;font-size:11px}.marker-row button{font-size:10px;padding:3px 5px}.marker-row .marker-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:var(--gold);cursor:pointer}.transport{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;gap:10px;border-top:1px solid var(--line);background:#171c23}.transport button{padding:5px 9px}.transport .play{background:var(--accent);color:#123029;border-color:var(--accent);min-width:38px}.timecode{display:flex;gap:8px;align-items:center;font-variant-numeric:tabular-nums;white-space:nowrap}#seek-time{width:70px;padding:4px 6px;font-size:11px}#timecode{font-size:16px;letter-spacing:1px}.transport-right{display:flex;align-items:center;gap:10px}#meter{width:48px;height:5px;background:#2c343e;border-radius:4px;overflow:hidden}#meter i{display:block;height:100%;width:0;background:var(--accent)}.timeline-section{grid-row:3;grid-column:1/-1;min-height:0;border-top:1px solid var(--line);display:flex;flex-direction:column}.timeline-toolbar{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 14px;background:#1a2028;border-bottom:1px solid var(--line)}.timeline-toolbar>div{display:flex;align-items:center;gap:5px}.timeline-toolbar strong{font-size:10px;letter-spacing:1.3px;color:#adbac7;margin-right:9px}.timeline-toolbar button{font-size:11px;padding:4px 7px}.inline{display:inline-flex;align-items:center;font-size:11px;margin:0 5px}#zoom-label{font-size:10px;color:var(--muted);width:50px;text-align:center}#timeline-scroll{overflow:auto;position:relative;flex:1;min-height:0;scrollbar-color:#465565 #151b23}#timeline{position:relative;min-height:100%;user-select:none}#ruler{height:33px;position:sticky;top:0;background:#151a21;z-index:5;border-bottom:1px solid var(--line)}.ruler-label{position:absolute;top:0;height:100%;border-left:1px solid #3b4857;padding:5px 5px;font-size:10px;color:#a2afbc;font-variant-numeric:tabular-nums}.ruler-title{position:sticky;left:0;background:#1b222c;z-index:1;width:var(--label);height:33px;display:flex;align-items:center;padding-left:12px;font-size:10px;color:var(--muted);border-right:1px solid #374351}.lane{position:relative;min-height:87px;border-bottom:1px solid #2c3642;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--grid) - 1px),#1e2731 calc(var(--grid) - 1px),#1e2731 var(--grid));background-position:var(--label) 0}.lane:nth-child(even){background-color:#141a22}.track-label{position:sticky;left:0;top:0;width:var(--label);height:100%;min-height:87px;background:#1d2530;border-right:1px solid #3b4654;z-index:4;padding:13px 10px}.track-name{display:block;font-size:12px;margin-bottom:7px;cursor:text}.track-label button{font-size:10px;padding:3px 7px;margin-right:3px}.clip{position:absolute;height:60px;border:1px solid #488f86;border-radius:5px;background:#234e4c;overflow:hidden;cursor:grab;touch-action:none;color:#c6f4e9;min-width:3px}.clip.color-1{background:#283f5c;border-color:#547ca8;color:#c5e0fc}.clip.color-2{background:#4c3f30;border-color:#b28a57;color:#f8d7a8}.clip.selected{outline:2px solid var(--accent);outline-offset:1px;z-index:3}.clip.muted{opacity:.35}.clip-title{position:absolute;top:3px;left:8px;right:8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2;pointer-events:none}.clip svg{position:absolute;left:0;top:18px;width:100%;height:40px;pointer-events:none}.clip .wave{stroke:currentColor;stroke-width:.9;opacity:.6}.clip .envelope{stroke:#f1d487;stroke-width:1.5;fill:none}.trim-handle{position:absolute;top:0;bottom:0;width:7px;background:#a1dace22;cursor:ew-resize;z-index:4}.trim-handle.left{left:0}.trim-handle.right{right:0}.fade-shade{position:absolute;top:0;bottom:0;pointer-events:none;background:linear-gradient(90deg,#111b2999,transparent)}.fade-shade.out{right:0;transform:scaleX(-1)}#playhead{position:absolute;top:0;bottom:0;width:1px;background:#f3d17a;z-index:7;pointer-events:none;will-change:transform}.playhead-handle{position:sticky;top:0;width:12px;height:15px;background:#f3d17a;transform:translateX(-5px);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);pointer-events:auto;cursor:ew-resize;touch-action:none}#timeline-markers{position:absolute;top:17px;left:0;right:0;z-index:6;pointer-events:none}.timeline-marker{position:absolute;transform:translateX(-4px);background:var(--gold);color:#2c2314;border-radius:2px;font-size:9px;padding:0 4px;max-width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;pointer-events:auto}footer{display:flex;align-items:center;justify-content:space-between;padding:4px 14px;color:#8d9dac;font-size:10px;border-top:1px solid var(--line);background:#171c23}#status{max-width:75%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#status.error{color:#ffab9d}dialog{width:650px;max-width:90vw;max-height:85vh;background:#1b232d;color:var(--text);border:1px solid #4c5d6b;border-radius:10px;padding:22px;box-shadow:0 24px 90px #0009}dialog::backdrop{background:#000a}dialog h2{font-size:18px;margin-bottom:14px}dialog p{color:var(--muted);margin-bottom:12px}dialog input{width:100%}.dialog-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:16px}.browser-path{display:flex;gap:5px;margin-bottom:10px}.browser-path input{flex:1}.browser-entries{max-height:45vh;overflow:auto;border:1px solid var(--line);border-radius:5px}.file-row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px;background:#151c24;overflow-wrap:anywhere}.file-row.directory{color:var(--accent)}.dialog-error{color:#ffab9d;font-size:12px;margin-top:10px}.progress{height:8px;background:#303c47;border-radius:4px;overflow:hidden;margin:16px 0}.progress i{display:block;background:var(--accent);height:100%;width:0}#export-path{overflow-wrap:anywhere;font-size:11px;color:var(--accent)}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px}.shortcut-grid kbd{color:var(--accent)}@media(max-width:1250px){main{grid-template-columns:220px minmax(350px,1fr) 250px}.timeline-toolbar strong{display:none}#project-name{width:160px}.transport-right #sync-status{display:none}.brand{font-size:9px}.brand b{font-size:11px}header{gap:12px;padding:10px}.timeline-toolbar{padding:7px}.timeline-toolbar button{padding:4px 5px}}@media(max-height:760px){body{grid-template-rows:55px minmax(0,1fr) 24px}main{grid-template-rows:minmax(170px,1fr) 48px minmax(230px,37vh)}.panel{padding:10px}.empty-symbol{display:none}#video-empty h1{font-size:16px}#video-empty p{font-size:11px}.preview{padding:6px 12px}}

.brand{text-decoration:none;color:var(--text)}.brand em{font-style:normal;color:#102722;background:var(--accent);border-radius:4px;padding:2px 5px;letter-spacing:.5px;font-size:12px;margin-left:5px}.brand-dot{color:var(--accent)}.ecosystem-links{display:flex;flex-wrap:wrap;gap:6px 12px;padding:10px 0;font-size:10px}.ecosystem-links a{color:var(--accent);text-decoration:none}header nav{gap:4px}header nav button{padding:6px 7px;font-size:11px}#project-name{width:180px}#video-empty small{max-width:360px;line-height:1.8;margin-left:auto;margin-right:auto}@media(max-width:1150px){body{min-width:760px}main{grid-template-columns:180px minmax(300px,1fr) 220px}header{flex-wrap:wrap;gap:5px;height:auto}header nav{margin-left:auto}#project-name{width:130px}body{grid-template-rows:auto minmax(0,1fr) 28px}.timeline-toolbar{height:auto;min-height:44px;flex-wrap:wrap}.timeline-toolbar>div{flex-wrap:wrap}.timecode #seek-time{width:55px}.transport-right{display:none}}@media(max-width:760px){body{min-width:360px;height:auto;min-height:100vh;overflow:auto;display:block}header{padding:10px;position:relative}header nav{width:100%;flex-wrap:wrap;margin-top:8px}main{display:grid;grid-template-columns:1fr;grid-template-rows:280px 50px auto 330px auto;min-height:900px}.preview{grid-row:1;grid-column:1}.transport{grid-row:2;grid-column:1}.library{grid-row:3;grid-column:1;max-height:230px;border-right:0}.library .small{display:none}#library-list{max-height:130px;min-height:45px}.library-footer{display:none}.ecosystem-links{padding:3px 0}.timeline-section{grid-row:4;grid-column:1}.inspector{grid-row:5;grid-column:1;min-height:250px}.inspector .field-grid{grid-template-columns:repeat(4,1fr)}.inspector .markers-section{margin-top:10px}footer{min-height:28px}.brand b{font-size:13px}.timeline-toolbar button{font-size:10px}#project-name{flex:1;max-width:190px}.preview-title span{max-width:75%}#video-empty h1{font-size:17px}#video-empty p{font-size:11px}}

@media(max-width:760px){main{grid-template-columns:minmax(0,1fr)}.timeline-section,.preview,.transport,.library,.inspector,#timeline-scroll{min-width:0;max-width:100%}}