:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;color:#f3f3f3;background:#080808;--panel: #111;--raised: #191919;--control: #222;--border: #282828;--secondary: #bdbdbd;--muted: #858585}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}body{margin:0}button,textarea,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #f4f4f4;outline-offset:1px}.app{display:flex;height:100dvh;min-height:420px;overflow:hidden}.rail{width:48px;flex:none;background:#0c0c0c;border-right:1px solid var(--border);display:flex;align-items:center;flex-direction:column;gap:8px;padding:10px 0}.brand{font-size:23px;font-weight:800;letter-spacing:-2px;margin-bottom:16px}.brand span{color:#aaa}.timelineTop button,.transport button{min-width:28px;min-height:28px;display:inline-grid;place-items:center;background:none;border:0;color:var(--secondary);padding:5px;border-radius:4px}.timelineTop button:hover,.transport button:hover{background:#222;color:#fff}main{flex:1;min-width:0;display:flex;flex-direction:column}header{min-height:50px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 16px;border-bottom:1px solid var(--border);background:#111}.crumb{font-size:11px;color:var(--muted);margin-bottom:2px}.crumb span{margin:0 5px;color:#555}header strong{font-size:13px;font-weight:600}.headerRight{display:flex;gap:12px;align-items:center;min-width:0}.save{color:var(--muted);font-size:11px;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export,.upload{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;font-weight:600}.export{background:#eee;color:#111;border:0;min-height:28px;padding:6px 12px;white-space:nowrap}.export:hover{background:#fff}.workspace{display:flex;flex:1;min-height:180px;overflow:hidden}.left{width:300px;flex:none;border-right:1px solid var(--border);background:var(--panel);overflow-y:auto}.tabs{display:flex;border-bottom:1px solid var(--border);padding:0 12px;gap:18px;height:40px}.tabs button{display:flex;align-items:center;gap:7px;color:var(--muted);border:0;border-bottom:2px solid transparent;background:none;padding:0 4px}.tabs button:hover{color:#eee}.tabs button.active{color:#f3f3f3;border-color:#eee}.panel{padding:16px}.panel h2{font-size:15px;margin:0 0 6px;font-weight:600}.panel p{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 16px}.upload{width:100%;min-height:36px;padding:8px;background:#222;border:1px solid #424242}.upload:hover{background:#2d2d2d}.empty{min-height:200px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;text-align:center;color:var(--muted);padding:20px}.empty b{color:var(--secondary);font-weight:600}.empty span{line-height:1.5;font-size:12px}.backup-tools{margin:10px 0;color:#ddd}.backup-tools summary{cursor:pointer}.track-manager{margin:12px 0;color:#ddd}.track-manager summary{cursor:pointer}.track-manager label{display:block;margin:8px 0 4px}.track-manager input,.track-manager select{width:100%;min-width:0;color:#eee;background:#202020;border:1px solid #424242;border-radius:4px;padding:6px}.track-manager button{margin:6px 4px 0 0;color:#eee;background:#222;border:1px solid #424242;border-radius:4px;padding:6px}.track-manager p{margin:6px 0}.media-library-list label{display:block;margin:10px 0 4px;color:#bdbdbd;font-size:11px}.media-search{display:flex;gap:4px}.media-search input{width:100%;min-width:0;color:#eee;background:#202020;border:1px solid #424242;border-radius:4px;padding:6px}.media-search button{flex:none;color:#eee;background:#222;border:1px solid #424242;border-radius:4px;padding:6px}.panel .media-search-count{margin:4px 0;font-size:11px}.assets{margin-top:12px}.asset[hidden]{display:none}.asset{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.asseticon{background:#222;border-radius:4px;padding:10px}.assetmeta{min-width:0}.assetmeta b,.assetmeta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assetmeta b{font-size:12px;font-weight:600}.assetmeta small{color:var(--muted);margin-top:4px}.asset-removal{margin-top:6px;font-size:11px;color:#bdbdbd}.asset-removal summary{cursor:pointer}.asset-removal p{margin:6px 0}.asset button{border:1px solid #424242;background:#222;border-radius:4px;padding:6px 9px}.asset button:hover{background:#2d2d2d}.asset-destination{grid-column:1 / -1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.asset-destination select{flex:1 1 80px;width:80px;min-width:0;color:#eee;background:#202020;border:1px solid #424242;border-radius:4px;padding:6px 2px}.asset-destination-empty{grid-column:1 / -1;color:#bdbdbd;font-size:10px;line-height:1.3}.panel textarea{width:100%;min-height:160px;height:250px;resize:vertical;background:#191919;border:1px solid #424242;border-radius:4px;padding:12px;color:#eee;line-height:1.5}.notice{display:flex;gap:8px;color:var(--muted);font-size:12px;line-height:1.5;margin-top:12px}.viewer{flex:1;min-width:0;display:flex;flex-direction:column;background:#111;padding:0 16px}.viewerHead{height:40px;flex:none;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.stage{flex:1;min-height:0;background:#080808;display:flex;align-items:center;justify-content:center;overflow:hidden}.stage video{max-width:100%;max-height:100%;object-fit:contain}.stageEmpty{display:flex;align-items:center;flex-direction:column;gap:10px;color:#858585;text-align:center;padding:16px}.stageEmpty b{font-weight:600;color:#bdbdbd}.stageEmpty span{font-size:12px}.transport{height:42px;flex:none;display:flex;align-items:center;gap:12px;color:var(--secondary);font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums}.transport i{font-style:normal;color:#555;margin:0 5px}.muted{margin-left:auto;color:var(--muted);font:11px Inter,sans-serif}.previewNote{color:var(--muted);font-size:11px;padding-bottom:8px}.timeline{height:min(290px,38vh);min-height:160px;flex:none;background:#111;border-top:1px solid #424242;overflow:hidden}.timelineTop{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.timelineTop b{font-size:13px}.timelineTop span{color:var(--muted);margin-left:12px;font-size:11px}.timelineTop button{margin-left:4px}.timeline-clip-selector{display:flex;align-items:center;gap:8px;padding:4px 16px;color:var(--secondary);font-size:12px}.timeline-clip-selector select{min-width:0;max-width:100%;color:inherit;background:#202020;border:1px solid #555;padding:4px}.ruler{height:23px;margin-left:78px;display:flex;gap:100px;color:var(--muted);font:11px ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums}.tracks{height:calc(100% - 102px);overflow:auto}.track{display:flex;height:38px;border-top:1px solid var(--border)}.trackName{width:78px;flex:none;padding:3px;color:var(--muted);font-size:11px;border-right:1px solid var(--border);display:flex;align-items:center;gap:2px}.trackName span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trackName button{flex:none;padding:3px;color:var(--secondary);background:#222;border:1px solid #424242;border-radius:3px;font-size:10px}.lane{position:relative;min-width:1000px;background:#0c0c0c}.clip{position:absolute;top:3px;height:31px;background:#202020;border:1px solid #454545;border-radius:4px;text-align:left;padding:0 8px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip[data-label-color]:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--clip-label);pointer-events:none}.clip[data-label-color=red]{--clip-label: #e46a6a}.clip[data-label-color=orange]{--clip-label: #e89a57}.clip[data-label-color=yellow]{--clip-label: #d8c55e}.clip[data-label-color=green]{--clip-label: #76c27a}.clip[data-label-color=teal]{--clip-label: #68c3bc}.clip[data-label-color=blue]{--clip-label: #79a8e8}.clip[data-label-color=purple]{--clip-label: #ae89e1}.clip[data-label-color=pink]{--clip-label: #e28ab8}.clip.excluded{opacity:.55;border-style:dashed}.clip.selected{border-color:#f3f3f3;background:#2a2a2a;box-shadow:0 0 6px #fff3}.timelineFoot{display:flex;align-items:center;gap:16px;padding:8px 16px;color:var(--muted);font-size:11px;overflow-x:auto}.timelineFoot button{flex:none;white-space:nowrap;color:#ddd;background:#222;border:1px solid #424242;border-radius:4px;padding:4px 7px}.timelineFoot input{width:200px;max-width:35%;accent-color:#ccc}@media(max-width:750px){.left{width:235px}.viewer{padding:0 8px}.save{max-width:150px}}@media(max-width:540px){.rail{width:36px}.left{width:40%;min-width:145px}.panel{padding:10px}.tabs{gap:8px;padding:0 8px}.crumb{display:none}.save{max-width:90px}.timelineTop span{display:none}}.ruler{gap:0}.ruler span{flex:0 0 140px}.preview-switch{display:flex;gap:4px}.preview-switch button{border:0;border-radius:4px;padding:5px 9px;background:transparent;color:#888;font-size:11px}.preview-switch button[aria-pressed=true]{background:#303030;color:#eee}.viewer .sequence-preview{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center}.viewer .sequence-preview-canvas{flex:1;min-height:0;display:grid;place-items:center;background:#080808}.viewer .sequence-preview-frame{height:100%;width:auto;max-width:100%;max-height:100%}.project-backup{margin-top:10px;width:100%;padding:8px;border:1px solid #3a3a3a;border-radius:4px;background:transparent;color:#bbb;text-align:center;font-size:11px}.project-backup:hover{color:#fff;background:#222}.backup-note{margin:6px 0 0!important;color:#777!important;font-size:10px!important}.project-name{padding:0;border:0;background:transparent;font-weight:600;font-size:13px;text-align:left}.project-name:hover{color:#fff;text-decoration:underline}.format-select{margin-left:14px;padding:4px 6px;border:1px solid #383838;border-radius:4px;color:#aaa;background:#1b1b1b;font:inherit;font-size:11px}.restore-confirm{margin-top:12px;padding:12px;border:1px solid #555;background:#202020;border-radius:5px}.restore-confirm p{margin:8px 0!important;font-size:11px!important}.restore-confirm button{border:1px solid #555;border-radius:4px;background:#333;padding:6px 9px;margin-right:6px;font-size:11px}.timelineScroll{height:calc(100% - 79px);overflow:auto}.ruler{margin-left:0;position:sticky;top:0;z-index:3;display:flex;background:#111}.rulerSpacer{width:78px;flex:none;position:sticky;left:0;z-index:2;background:#111}.rulerLane{position:relative;flex:none;height:23px}.rulerLane span{position:absolute;top:2px;flex:none}.tracks{height:auto;overflow:visible}.trackName{position:sticky;left:0;z-index:2;background:#111}.lane{flex:none}.timelineZoom{display:flex;align-items:center;gap:6px;white-space:nowrap}.timelineZoom select{color:#ddd;background:#222;border:1px solid #444;border-radius:4px;padding:3px}.rulerLane{cursor:crosshair;outline-offset:-2px}.rulerLane[aria-disabled=true]{cursor:default}.rulerLane:focus-visible{outline:1px solid #eee}.rulerPlayhead{position:absolute;top:12px;width:9px;height:9px;background:#fff;transform:translate(-50%) rotate(45deg);pointer-events:none}.trackPlayhead{position:absolute;top:0;bottom:0;width:1px;background:#fff;z-index:1;pointer-events:none}.clip.draggable{touch-action:pan-y;cursor:grab}.clip.draggable:active{cursor:grabbing}