:root{color:#e7e8ee;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:1080px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}#app{min-height:100vh}.editor-shell{background:linear-gradient(#ffffff0a,#0000 22%),#111318;grid-template-rows:56px minmax(0,1fr) 300px;min-height:100vh;display:grid;position:relative}.topbar{background:#171a21;border-bottom:1px solid #2c3038;align-items:center;gap:14px;padding:0 18px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand img{border-radius:6px;width:28px;height:28px}.brand strong{color:#f6f7fb;letter-spacing:0;font-size:15px}.muted-copy{color:#9aa1ad;font-size:13px}.topbar-actions,.button-row,.transport,.panel-header{align-items:center;gap:8px;display:flex}.menu-bar{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.menu-item{position:relative}.menu-item>button{color:#dce2eb;cursor:pointer;background:0 0;border:0;border-radius:4px;height:32px;padding:0 12px;transition:background .12s,color .12s}.menu-item:hover>button{color:#fff;background:#202631}.menu-item:focus-within>button{background:#252b35}.menu-dropdown{z-index:12;background:#171a21;border:1px solid #39414e;border-radius:6px;min-width:180px;padding:5px;display:none;position:absolute;top:34px;left:0;box-shadow:0 14px 38px #00000057}.menu-item:focus-within .menu-dropdown{display:grid}.menu-dropdown button{color:#e7eaf0;text-align:left;background:0 0;border:0;border-radius:4px;height:32px;padding:0 10px}.menu-dropdown button:hover{background:#26313d}.menu-dropdown button:disabled{color:#687080;cursor:not-allowed;background:0 0}.menu-divider{background:#343b47;height:1px;margin:5px 4px;display:block}.workspace{grid-template-columns:280px minmax(480px,1fr) 300px;min-height:0;display:grid}.asset-panel,.inspector{background:#171a21;min-height:0;padding:16px;overflow:auto}.asset-panel{border-right:1px solid #2c3038}.inspector{border-left:1px solid #2c3038}.preview-panel{background:#101217;grid-template-rows:34px minmax(0,1fr) 64px;min-height:0;padding:18px;display:grid}.preview-tabs{gap:6px;display:flex}.preview-tabs button{color:#aeb5c1;background:#181d25;border:1px solid #343b47;border-radius:5px;min-width:74px;height:28px}.preview-tabs button.active{color:#f7f9fc;background:#1e5360;border-color:#3c7d88}.preview-stage{min-height:0;display:grid}.canvas-wrap{background-color:#12151b;background-image:linear-gradient(45deg,#191d25 25%,#0000 25%),linear-gradient(-45deg,#191d25 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#191d25 75%),linear-gradient(-45deg,#0000 75%,#191d25 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:1px solid #303541;border-radius:6px;place-self:center;width:min(100%,177.7vh - 693.03px);max-height:calc(100vh - 390px);position:relative;overflow:hidden}canvas{width:100%;height:100%;display:block}.asset-preview{place-items:center;min-height:0;display:grid}.asset-preview video,.asset-preview audio,.asset-preview img{width:min(100%,920px);max-height:calc(100vh - 430px)}.asset-preview img{object-fit:contain}.transport{min-width:0;padding-top:14px}.transport-button{flex:0 0 38px}.scrubber{flex:1;min-width:140px}.timecode{color:#c8ccd4;flex:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px}.panel-header{justify-content:space-between;min-height:30px;margin-bottom:10px}h2{color:#f0f2f6;letter-spacing:0;margin:0;font-size:13px;font-weight:650}label{color:#aeb5c1;gap:6px;margin-bottom:12px;font-size:12px;display:grid}input[type=text],input[type=number],textarea,select{color:#f3f5f8;background:#11141b;border:1px solid #373d48;border-radius:5px;width:100%;padding:0 9px}input[type=text],input[type=number],select{height:34px}textarea{resize:vertical;min-height:78px;padding-block:8px}select{appearance:none}input[type=range]{width:100%}input:disabled,textarea:disabled,select:disabled{color:#98a2b1;opacity:1;background:#181c24}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field-grid label{min-width:0}.icon-button,.text-button,.empty-action,.asset-row,.track-name,.clip-block{border:0}.icon-button{color:#e9edf5;background:#212630;border:1px solid #38404c;border-radius:6px;place-items:center;width:36px;height:36px;display:inline-grid}.icon-button:hover,.text-button:hover,.empty-action:hover,.asset-row:hover{background:#2a303b}.icon-button.compact{width:28px;height:28px}.text-button{color:#f4f6fa;background:#242a35;border:1px solid #3c4553;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-width:86px;height:34px;padding:0 12px;display:inline-flex}.topbar-button{width:auto;min-width:118px}.text-button.small{min-width:78px;height:30px;padding:0 9px;font-size:12px}.text-button.danger{color:#ffd8d2;background:#3a211e;border-color:#704139}.hidden{display:none}.asset-list{gap:8px;margin-bottom:22px;display:grid}.asset-row,.empty-action{text-align:left;color:#eef1f6;background:#20252e;border-radius:6px;width:100%;min-height:46px;padding:9px 10px}.asset-row{cursor:pointer;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;min-height:70px;display:grid}.asset-row span,.asset-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.asset-thumb{color:#aeb8c7;background:#12161d;border:1px solid #3a424f;border-radius:4px;place-items:center;width:64px;height:42px;display:grid;overflow:hidden}.asset-thumb img{object-fit:cover;width:100%;height:100%}.asset-details{min-width:0}.asset-details strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;display:block;overflow:hidden}.asset-row small{color:#9da6b4;margin-top:3px;font-size:11px}.asset-row.missing{color:#ffd8a8;border:1px solid #6f5635}.asset-row.selected{outline:2px solid #ffd16666}.inline-action{color:#111318;background:#ffd166;border:0;border-radius:4px;width:fit-content;height:24px;margin-top:7px;padding:0 8px}.inspector-section{border-bottom:1px solid #303641;margin-bottom:18px;padding-bottom:18px}.inspector-section:last-child{border-bottom:0}.inspector-section h2{margin-bottom:12px}.clip-source,.modal-meta,.modal-note{color:#9da6b4;text-overflow:ellipsis;margin:0 0 12px;font-size:12px;line-height:1.35;overflow:hidden}.modal-note{color:#ffd8a8}.timeline-panel{background:#161920;border-top:1px solid #2c3038;min-width:0;overflow:hidden}.timeline-toolbar{background:#171b22;border-bottom:1px solid #282e38;justify-content:space-between;align-items:center;height:40px;padding:5px 10px;display:flex}.zoom-control{align-items:center;gap:8px;width:190px;margin:0;display:flex}.timeline-ruler{background-image:linear-gradient(90deg,#343a46 1px,#0000 1px);background-size:72px 100%;height:30px;margin-left:236px;position:relative}.timeline-scroll{height:230px;overflow:auto}.track-row{border-top:1px solid #282e38;grid-template-columns:236px minmax(900px,1fr);min-height:54px;display:grid}.track-controls{background:#1b1f27;grid-template-columns:28px 28px 28px 28px minmax(0,1fr);align-items:center;gap:6px;padding:9px 10px;display:grid}.new-track-drop-row{border-top:1px dashed #343b47;grid-template-columns:236px minmax(900px,1fr);min-height:46px;display:grid}.new-track-label{color:#9da6b4;background:#171b22;align-items:center;padding:0 12px;font-size:12px;display:grid}.new-track-lane{background:linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/72px 100%,#74c0fc0a;min-height:46px}.new-track-lane:hover{background:linear-gradient(90deg,#ffffff0f 1px,#0000 1px) 0 0/72px 100%,#74c0fc1a}.track-name{color:#dfe4ec;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;min-width:0;height:28px;overflow:hidden}.clip-lane{background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:72px 100%;min-height:54px;position:relative}.clip-block{color:#f6fbff;text-align:left;-webkit-user-select:none;user-select:none;background:#176774;border:1px solid #3c7d88;border-radius:5px;height:38px;padding:0 13px;position:absolute;top:8px;overflow:hidden}.clip-block.selected{border-color:#ffd166;box-shadow:0 0 0 2px #ffd16638}.clip-block span{z-index:1;text-overflow:ellipsis;white-space:nowrap;background:#0d101694;border-radius:4px;padding:2px 5px;font-size:12px;display:block;position:relative;overflow:hidden}.clip-thumbnail-strip{opacity:1;position:absolute;inset:0}.clip-thumbnail-strip img{object-fit:cover;object-position:center;border-right:1px solid #ffffff29;height:100%;position:absolute;top:0}.clip-waveform-strip{opacity:.9;position:absolute;inset:5px 8px}.clip-waveform-strip i{background:linear-gradient(#cbf4fff2,#7dd5e8c2);border-radius:999px;min-height:3px;display:block;position:absolute;top:50%;transform:translateY(-50%)}.trim-handle{cursor:ew-resize;background:#ffffff24;border:0;width:9px;height:100%;padding:0;position:absolute;top:0}.trim-handle.left{border-radius:4px 0 0 4px;left:0}.trim-handle.right{border-radius:0 4px 4px 0;right:0}.clip-block.selected .trim-handle{background:#ffd1666b}.canvas-selection{cursor:move;border:1px solid #ffd166;position:absolute;box-shadow:inset 0 0 0 1px #111318a6,0 0 0 1px #ffd16647}.canvas-snap-guide{pointer-events:none;z-index:4;position:absolute}.canvas-snap-guide.x{background:#74c0fc;width:1px;top:0;bottom:0;box-shadow:0 0 0 1px #74c0fc38}.canvas-snap-guide.y{background:#74c0fc;height:1px;left:0;right:0;box-shadow:0 0 0 1px #74c0fc38}.resize-handle{background:#ffd166;border:2px solid #101217;border-radius:3px;width:12px;height:12px;padding:0;position:absolute}.resize-handle.nw{cursor:nwse-resize;top:-7px;left:-7px}.resize-handle.ne{cursor:nesw-resize;top:-7px;right:-7px}.resize-handle.sw{cursor:nesw-resize;bottom:-7px;left:-7px}.resize-handle.se{cursor:nwse-resize;bottom:-7px;right:-7px}.playhead{z-index:4;pointer-events:none;background:#ffcf5a;border:0;width:2px;padding:0;position:absolute;top:0;bottom:-230px}.timeline-snap-guide{pointer-events:none;z-index:5;background:#ffd166;width:2px;position:absolute;top:0;bottom:-230px;box-shadow:0 0 0 1px #ffd16647}.range-marker{z-index:3;cursor:ew-resize;background:#69db7c;border:0;width:3px;padding:0;position:absolute;top:0;bottom:-230px}.range-marker.end{background:#ff8787}.range-marker:before{content:"";background:inherit;border-radius:0 0 3px 3px;width:14px;height:14px;position:absolute;top:0;left:-6px}.playhead:before{content:"";clip-path:polygon(50% 100%,0 0,100% 0);background:#ffcf5a;width:12px;height:12px;position:absolute;top:0;left:-5px}.modal-backdrop{z-index:20;background:#080a0ead;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{background:#171a21;border:1px solid #3b4350;border-radius:8px;width:min(460px,100%);padding:16px;box-shadow:0 18px 60px #00000059}.modal-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.choose-file{text-align:center;min-height:42px;margin-bottom:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.about-panel{width:min(520px,100%)}.confirm-panel{width:min(420px,100%)}.about-brand{align-items:center;gap:12px;margin-bottom:14px;display:flex}.about-brand img{border-radius:12px;width:52px;height:52px}.about-brand strong,.about-brand span{display:block}.about-brand strong{color:#f7f9fc;font-size:18px}.about-brand span{color:#9da6b4;font-size:12px}.faq-list{gap:7px;margin-top:12px;display:grid}.faq-list h3{color:#f0f2f6;margin:0 0 2px;font-size:13px}.faq-list strong{color:#eef2f7;font-size:12px}.faq-list p{color:#aeb7c4;margin:0 0 8px;font-size:12px;line-height:1.45}.faq-list a{color:#9bdcf0;text-decoration:none}.faq-list a:hover{text-decoration:underline}.shortcut-list{grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:0;display:grid}.shortcut-list dt{color:#ffd166;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}.shortcut-list dd{color:#c6ceda;margin:0;font-size:12px}.segmented-control{background:#11141b;border:1px solid #343b47;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:12px;padding:4px;display:grid}.segmented-control button{color:#aeb5c1;background:0 0;border:0;border-radius:4px;height:30px}.segmented-control button.active{color:#f5f8fc;background:#1e5360}.busy-block{gap:8px;margin:12px 0;display:grid}.busy-block p{color:#cbd2dc;margin:0;font-size:12px}.progress-bar{background:#252b35;border-radius:999px;height:6px;position:relative;overflow:hidden}.progress-bar span{inset-block:0;border-radius:inherit;background:#74c0fc;width:0;transition:width .16s;position:absolute;left:0}.progress-bar.indeterminate span{width:35%;animation:1.1s ease-in-out infinite indeterminate-progress;left:-35%}@keyframes indeterminate-progress{to{left:100%}}.shortcut-help{color:#cdd3dd;place-items:center;width:34px;height:34px;display:inline-grid;position:relative}.shortcut-popover{color:#f2f4f8;z-index:15;background:#151922;border:1px solid #39414e;border-radius:6px;width:190px;padding:10px;font-size:12px;line-height:1.65;display:none;position:absolute;top:38px;right:0;box-shadow:0 12px 34px #00000052}.shortcut-help:hover .shortcut-popover{display:block}@media (width<=1220px){body{min-width:980px}.workspace{grid-template-columns:240px minmax(420px,1fr) 270px}}