@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Avenir Next,sans-serif;color:#e9eae4;background:#141613;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;font-weight:400;--bg:#141613;--panel:#1b1e19;--panel-2:#20231e;--line:#30342d;--line-soft:#272a24;--muted:#858a7e;--text:#e9eae4;--lime:#cbf36b;--orange:#f3a66f;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;min-width:800px;min-height:100vh}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--lime);outline-offset:2px}.app-shell{height:100vh;min-height:610px;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.topbar{height:57px;flex:none;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);background:#191b17}.brand{display:flex;gap:9px;align-items:center;width:214px;color:var(--text);font-size:13px;font-weight:700;letter-spacing:1.1px;text-decoration:none}.brand-mark{width:27px;height:27px;display:grid;place-items:center;color:#171916;background:var(--lime);border-radius:6px}.brand-period{color:var(--lime)}.project-title{display:flex;align-items:center;gap:9px;color:#92968d;min-width:0}.project-title input{width:215px;padding:5px 2px;border:0;background:transparent;color:#e9eae4;font-size:13px;font-weight:600;outline:none}.project-title input:focus{border-bottom:1px solid #6e775b}.save-status{display:flex;align-items:center;gap:6px;color:#777c72;font:10px var(--mono)}.save-status i,.status-square{width:6px;height:6px;border-radius:50%;background:#e5ab63}.save-status.is-saved i{background:#9abe57}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.button{height:32px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:#20231e;color:#ced0c8;font-size:11px;font-weight:600}.button-quiet:hover{border-color:#5d6550}.button-export{background:var(--lime);border-color:var(--lime);color:#20231b}.button-export:hover{background:#d8fa83}.button:disabled{opacity:.65;cursor:wait}.icon-button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:#93978d;border-radius:4px}.icon-button:hover{background:#2b2e28;color:#e9eae4}.top-more{margin-left:1px}.work-area{min-height:0;flex:1;display:grid;grid-template-columns:244px minmax(460px,1fr) 248px}.asset-sidebar,.inspector-sidebar{min-width:0;background:#191b17}.asset-sidebar{position:relative;display:flex;flex-direction:column;border-right:1px solid var(--line)}.sidebar-heading{height:48px;padding:0 14px 0 17px;display:flex;align-items:center;justify-content:space-between;color:#82877c;font:10px var(--mono);letter-spacing:.6px}.sidebar-heading .icon-button{width:25px;height:25px}.sidebar-project{height:37px;margin:0 9px;padding:0 9px;display:flex;align-items:center;gap:9px;border:0;border-radius:4px;background:transparent;color:#a6aa9f;text-align:left;font-size:11px}.sidebar-project.active{background:#252820;color:#e5e7df}.sidebar-project span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-dot{width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--lime)}.media-heading{margin-top:18px}.import-tile{margin:0 10px;padding:11px 10px;display:flex;align-items:center;gap:11px;text-align:left;border:1px dashed #45493e;border-radius:5px;background:#1d201b}.import-tile:hover{border-color:#96b857;background:#22261e}.import-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:4px;background:#303528;color:var(--lime)}.import-tile strong,.import-tile small{display:block}.import-tile strong{font-size:11px;font-weight:600}.import-tile small{margin-top:4px;color:#82877c;font-size:9px}.media-list{padding:9px 8px;display:flex;flex-direction:column;gap:2px}.media-item{width:100%;min-width:0;height:47px;padding:5px 7px;display:flex;align-items:center;gap:9px;border:0;border-radius:4px;background:transparent;text-align:left}.media-item:hover,.media-item.selected{background:#252820}.media-icon{width:29px;height:29px;flex:none;display:grid;place-items:center;border-radius:4px;color:#e9bd8f;background:#373027}.media-icon.audio{color:#b4d886;background:#293425}.media-label{min-width:0;flex:1}.media-label strong,.media-label small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-label strong{font-size:10px;font-weight:500;color:#d8dad1}.media-label small{margin-top:4px;color:#82877c;font-size:9px}.tiny-add{width:22px;height:22px;flex:none;display:grid;place-items:center;border:0;background:transparent;color:#92978b;opacity:0}.media-item:hover .tiny-add{opacity:1}.empty-media{height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#697064;font-size:10px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line-soft);padding:12px 10px 9px}.local-note{display:flex;align-items:center;gap:9px;padding:5px 6px 12px;font-size:10px;color:#d1d4ca}.local-pulse{width:7px;height:7px;border-radius:50%;background:#9ac557;box-shadow:0 0 10px #9ac55766}.local-note small{display:block;margin-top:4px;color:#7d8278;font-size:9px}.sidebar-tool{width:100%;height:32px;padding:0 6px;display:flex;align-items:center;gap:8px;border:0;border-radius:4px;background:transparent;color:#9ba095;text-align:left;font-size:10px}.sidebar-tool svg:last-child{margin-left:auto}.sidebar-tool:hover{background:#252820}.saved-projects{padding:4px 5px;display:grid;gap:3px}.saved-projects button{padding:7px;border:0;border-radius:3px;background:#20231e;color:#c5c9bd;text-align:left;font-size:10px}.saved-projects small{padding:5px;color:#82877c;font-size:10px}.editor-main{min-width:0;display:flex;flex-direction:column;background:#141613}.preview-toolbar{height:43px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line-soft)}.view-tabs{height:100%;display:flex;gap:17px}.view-tabs button{position:relative;display:flex;align-items:center;gap:7px;padding:0 2px;border:0;background:transparent;color:#7e837a;font-size:10px}.view-tabs button.active{color:#e4e6de}.view-tabs button.active:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--lime);content:""}.preview-meta{display:flex;align-items:center;gap:9px;color:#858a80;font:9px var(--mono)}.format-pill{padding:3px 5px;border:1px solid #3c4037;border-radius:3px;color:#bdc1b4}.meta-divider{width:1px;height:12px;background:#383b34}.preview-stage{min-height:185px;flex:1;display:grid;place-items:center;padding:18px 26px;background:radial-gradient(ellipse at 50% 45%,#252820,#181a16 65%,#151713)}.preview-frame{position:relative;width:min(100%,760px);height:100%;max-height:calc(100vh - 380px);aspect-ratio:16/9;overflow:hidden;display:grid;place-items:center;border:1px solid #373b33;border-radius:3px;background:#10110f;box-shadow:0 16px 48px #090a0870}.preview-video{width:100%;height:100%;object-fit:contain}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:9px;color:#7c8176;font-size:10px}.preview-symbol{width:46px;height:46px;display:grid;place-items:center;margin-bottom:2px;border:1px solid #3a3e34;border-radius:8px;background:#1b1e19;color:#a8c96a}.preview-empty-title{color:#c9ccc2;font-size:14px;font-weight:600}.preview-empty button,.inspector-empty button{height:30px;margin-top:8px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid #44483c;border-radius:4px;background:#20231e;color:#dfe2d7;font-size:10px}.preview-empty button:hover,.inspector-empty button:hover{border-color:#a2c95b}.preview-title{position:absolute;left:7%;right:7%;bottom:13%;color:#fff;text-align:center;font-size:clamp(18px,3vw,42px);font-weight:700;text-shadow:0 2px 8px #000}.preview-timecode{position:absolute;right:10px;bottom:9px;padding:4px 6px;border-radius:3px;background:#111d;color:#fff;font:10px var(--mono)}.preview-timecode span{color:#858a80}.transport{height:49px;flex:none;display:flex;align-items:center;gap:8px;padding:0 17px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:#191b17}.transport-button,.play-button{height:29px;width:29px;display:grid;place-items:center;border:0;border-radius:4px;background:transparent;color:#a2a69c;font-size:17px}.transport-button:hover{background:#272a24}.play-button{width:31px;height:31px;border:1px solid #54594a;background:#252920;color:var(--lime)}.transport-time{margin-left:5px;color:#d4d6ce;font:10px var(--mono)}.transport-time i{padding:0 3px;color:#767b70;font-style:normal}.transport-spacer{flex:1}.resolution-button{height:27px;padding:0 7px;display:flex;align-items:center;gap:6px;border:1px solid #383c34;border-radius:4px;background:#20231e;color:#a8aca1;font-size:9px}.status-square{width:5px;height:5px;background:#b8d85e}.timeline-section{height:235px;flex:none;display:flex;flex-direction:column;border-top:1px solid #2b2e27;background:#191b17}.timeline-header{height:42px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 17px;border-bottom:1px solid var(--line-soft)}.timeline-title{display:flex;align-items:center;gap:10px;color:#b9bdb2;font:10px var(--mono);letter-spacing:.4px}.timeline-duration{color:#72786c;font-size:9px;letter-spacing:0}.timeline-actions{display:flex;align-items:center;gap:6px}.timeline-actions>button:not(.zoom-button){height:26px;padding:0 7px;display:flex;align-items:center;gap:5px;border:0;border-radius:3px;background:transparent;color:#a3a89b;font-size:10px}.timeline-actions>button:not(.zoom-button):hover{background:#2b2e27;color:#e2e5db}.tool-divider{height:17px;width:1px;margin:0 3px;background:#383b33}.zoom-button{width:23px;height:23px;display:grid;place-items:center;border:1px solid #3a3e35;border-radius:3px;background:#20231e;color:#b7baaf;font-size:14px}.zoom-label{width:34px;color:#90958a;text-align:center;font:9px var(--mono)}.timeline-scroll{position:relative;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.timeline-inner{position:relative;min-width:100%;height:100%;min-height:183px}.track-labels{position:absolute;z-index:3;top:0;left:0;bottom:0;width:192px;background:#1a1c18;border-right:1px solid #35382f}.ruler-spacer{height:30px;border-bottom:1px solid #2b2e27}.track-label{height:68px;display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border-bottom:1px solid #2b2e27;color:#a6aa9f;font:9px var(--mono);letter-spacing:.3px}.track-label svg{margin-top:-1px;color:#aeca71}.audio-label svg{color:#d6a276}.track-number{margin-left:auto;color:#6c7168;font-size:9px}.timeline-content{position:absolute;top:0;left:192px;right:0;bottom:0;min-width:calc(100% - 192px)}.ruler{position:absolute;top:0;left:0;right:0;height:30px;z-index:2;overflow:hidden;border-bottom:1px solid #30332b;background:#1b1d19}.ruler-lines{position:absolute;top:13px;left:0;right:0;height:17px;background-image:linear-gradient(90deg,#4a4e43 1px,transparent 1px);background-size:72px 100%;opacity:.35}.ruler-tick{position:absolute;top:5px;color:#82877c;font:8px var(--mono);transform:translate(4px);pointer-events:none}.track-lane{position:absolute;left:0;right:0;height:68px;border-bottom:1px solid #2b2e27;pointer-events:none}.video-lane{top:30px}.audio-lane{top:98px}.timeline-clip{position:absolute;z-index:4;height:54px;min-width:38px;overflow:hidden;display:flex;align-items:center;gap:6px;padding:0 7px;border:1px solid #6c8245;border-radius:4px;background:#414d30;color:#e5edcf;font-size:9px;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.timeline-clip:active{cursor:grabbing}.timeline-clip.selected{border-color:#d2f277;box-shadow:0 0 0 1px #d2f2775c}.timeline-clip.audio-clip{border-color:#906c4e;background:#403328;color:#f0d1b4}.timeline-clip.text-clip{border-color:#628393;background:#293b3f;color:#d1e6e9}.clip-grip{flex:none;color:#bccb96;font-size:12px}.clip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-waveform{height:28px;flex:none;display:flex;align-items:center;gap:2px}.clip-waveform i{display:block;width:2px;min-height:3px;border-radius:2px;background:#a9c66a;opacity:.8}.audio-clip .clip-waveform i{background:#dfa978}.transition-chip{position:absolute;right:4px;bottom:3px;height:13px;display:flex;align-items:center;gap:3px;padding:0 4px;border-radius:2px;background:#20271bd9;color:#d2eda0;font:7px var(--mono)}.playhead{position:absolute;z-index:5;top:0;bottom:0;width:1px;background:var(--lime);pointer-events:none}.playhead-cap{position:absolute;top:0;left:-4px;width:9px;height:9px;border-radius:2px 2px 5px 5px;background:var(--lime)}.playhead-line{position:absolute;top:8px;bottom:0;width:1px;background:#c7ed64a1}.timeline-hint{position:absolute;top:63px;left:230px;z-index:2;color:#777d70;font-size:10px;pointer-events:none}.timeline-hint span{display:inline-grid;width:17px;height:17px;margin-right:6px;place-items:center;border:1px solid #474c3d;border-radius:3px;color:var(--lime)}.inspector-sidebar{position:relative;display:flex;flex-direction:column;border-left:1px solid var(--line)}.inspector-header{height:48px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line-soft);color:#858a7e;font:10px var(--mono);letter-spacing:.6px}.inspector-header svg{color:#8d9287}.inspector-content,.settings-panel{padding:16px 14px}.inspector-kicker{margin-bottom:13px;color:#858a7e;font:9px var(--mono);letter-spacing:.5px}.inspector-item-title{min-width:0;display:flex;align-items:center;gap:9px;margin-bottom:21px}.inspector-item-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:4px;background:#343d29;color:#c1e17a}.inspector-item-icon.audio{background:#393027;color:#e1b186}.inspector-item-icon.text{background:#29383d;color:#a6ccd2}.inspector-item-title strong{overflow:hidden;flex:1;color:#e0e2d9;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.danger-icon{color:#8b7064}.danger-icon:hover{background:#392a25;color:#f09b75}.field-label,.inspector-grid label,.settings-panel label{display:flex;flex-direction:column;gap:7px;color:#a8ada1;font-size:10px}.field-label input,.field-label select,.inspector-grid input,.settings-panel select{height:31px;width:100%;padding:0 8px;border:1px solid #3a3e35;border-radius:4px;background:#20231e;color:#e0e3d9;font-size:10px}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.inspector-divider{height:1px;margin:17px 0;border-top:1px solid #30332c}.field-hint{margin:8px 0 0;color:#787e73;font-size:9px;line-height:1.5}.volume-value{align-self:flex-end;margin-top:-20px;color:#e2e5d9;font:9px var(--mono)}.field-label input.volume-slider{height:3px;margin:8px 0 0;padding:0;border:0;background:#42463d;accent-color:var(--lime)}.clip-detail{display:flex;align-items:center;justify-content:space-between;margin:12px 0}.clip-detail span{color:#858a7e;font:8px var(--mono)}.clip-detail strong{color:#c5c9bd;font:9px var(--mono)}.inspector-empty{padding:26px 19px;display:flex;flex-direction:column;align-items:center;text-align:center}.inspector-empty-icon{width:42px;height:42px;display:grid;place-items:center;margin:0 0 13px;border:1px solid #393d34;border-radius:7px;color:#a0a68f;background:#20231e}.inspector-empty strong{color:#d8dbd2;font-size:11px}.inspector-empty span{margin:8px 0 3px;color:#80867a;font-size:10px;line-height:1.65}.inspector-empty button{margin-top:12px}.settings-panel h2{margin:0 0 21px;color:#e5e8de;font-size:16px}.setting-note{display:flex;align-items:center;gap:8px;margin-top:19px;padding:10px;border:1px solid #33372e;border-radius:4px;color:#aab39a;font-size:9px}.inspector-footer{display:flex;align-items:center;gap:7px;margin-top:auto;padding:12px 13px;border-top:1px solid var(--line-soft);color:#777d71;font-size:9px}.footer-mark{font-weight:700;color:var(--lime)}.version{margin-left:auto;color:#5e6459;font:8px var(--mono)}.export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#10120fcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.export-dialog{width:min(390px,calc(100vw - 40px));padding:27px;display:flex;flex-direction:column;align-items:center;gap:14px;border:1px solid #42483a;border-radius:8px;background:#1d201a;box-shadow:0 24px 80px #0008}.spinner{color:var(--lime);animation:spin 1s linear infinite}.export-dialog strong{color:#e5e9dc;font-size:13px}.export-dialog>span{color:#8c9283;font-size:10px}.progress-track{width:100%;height:5px;overflow:hidden;border-radius:4px;background:#363a30}.progress-track i{height:100%;display:block;border-radius:4px;background:var(--lime);transition:width .2s}.toast{position:fixed;z-index:30;right:22px;bottom:20px;max-width:min(440px,calc(100vw - 40px));padding:11px 13px;display:flex;align-items:center;gap:8px;border:1px solid #444a3c;border-radius:5px;background:#242820;color:#e4e9db;box-shadow:0 12px 35px #0008;font-size:11px}.toast svg{flex:none;color:var(--lime)}.toast button{width:20px;height:20px;margin-left:5px;display:grid;place-items:center;border:0;background:transparent;color:#a9ae9f}.toast button svg{color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.work-area{grid-template-columns:210px minmax(420px,1fr) 220px}.brand{width:180px}.timeline-section{height:220px}.preview-stage{padding:14px}.project-title input{width:175px}}@media(max-width:850px){body{min-width:360px}.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{height:54px;padding:0 11px}.brand{width:auto;margin-right:14px}.project-title{flex:1}.project-title input{width:min(27vw,180px)}.save-status,.button-quiet{display:none}.top-actions{gap:5px}.work-area{flex:1;grid-template-columns:minmax(0,1fr)}.asset-sidebar,.inspector-sidebar{display:none}.editor-main{min-height:calc(100vh - 54px)}.preview-toolbar{padding:0 11px}.preview-stage{min-height:270px;padding:12px}.preview-frame{max-height:none;width:100%;height:auto;aspect-ratio:16/9}.transport{padding:0 11px}.timeline-section{height:255px}.timeline-header{padding:0 10px}.timeline-actions{gap:2px}.timeline-actions>button:not(.zoom-button){padding:0 5px}.track-labels{width:115px}.timeline-content{left:115px}.timeline-hint{left:136px}.timeline-inner{min-width:calc(100vw + 350px)}.preview-empty-title{font-size:12px}.preview-empty{font-size:9px;gap:6px}.preview-symbol{width:38px;height:38px}.preview-empty button{height:27px}.preview-meta{gap:5px;font-size:8px}.format-pill{display:none}}.timeline-section{height:292px}.timeline-inner{min-height:240px}.track-label{height:68px}.text-lane{top:98px}.audio-lane{top:166px}.timeline-clip{height:54px}.preview-video{position:absolute;top:0;right:0;bottom:0;left:0}.trim-handle{position:absolute;top:0;bottom:0;width:7px;z-index:6;cursor:ew-resize;background:#ffffff18}.trim-start{left:0}.trim-end{right:0}.trim-handle:hover{background:#cbf36b88}.playhead-cap{pointer-events:auto;cursor:ew-resize;touch-action:none}.extract-button{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0;padding:9px 5px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2);font-size:10px}.extract-button:hover{border-color:var(--lime)}.inspector-content{overflow:auto}.source-start{margin-top:12px}.timeline-actions button:disabled{opacity:.4;cursor:default}.media-list{overflow:auto;min-height:60px}.preview-frame{height:auto;max-height:100%;width:min(100%,760px)}@media(max-width:850px){.asset-sidebar{display:flex;border-bottom:1px solid var(--line);max-height:210px}.asset-sidebar .sidebar-heading,.sidebar-project,.local-note,.empty-media{display:none}.asset-sidebar .import-tile{margin:8px 10px}.asset-sidebar .media-list{max-height:85px}.sidebar-bottom{padding:0 10px;margin:0}.saved-projects{max-height:80px;overflow:auto}.inspector-sidebar{display:flex;border-top:1px solid var(--line)}.inspector-footer{display:none}.timeline-section{height:295px}.timeline-header{height:auto;min-height:42px;flex-wrap:wrap;gap:6px;padding:8px}.editor-main{min-height:560px}.preview-stage{min-height:250px}.preview-frame{max-height:300px}.topbar .button-quiet{display:flex;font-size:0;width:32px;padding:8px}.topbar .button-quiet svg{flex:none}.work-area{display:flex;flex-direction:column}.timeline-actions{flex-wrap:wrap}}.editor-main{min-height:0}.preview-stage{overflow:hidden}.preview-frame{height:100%;max-height:calc(100vh - 450px)}@media(max-width:850px){.editor-main{min-height:560px}.preview-frame{height:auto;max-height:300px}}.timeline-header{height:auto;min-height:42px;flex-wrap:wrap;gap:6px;padding-top:7px;padding-bottom:7px}.timeline-actions{flex-wrap:wrap}.extract-button:disabled{opacity:.5;cursor:wait}:root{--muted:#a0a698}.topbar{height:62px}.button{height:35px;font-size:12px}.icon-button:disabled{opacity:.3;cursor:default}.work-area{grid-template-columns:228px minmax(430px,1fr) 270px}.brand{width:198px}.project-title input{font-size:14px}.media-label strong{font-size:11px}.media-label small{font-size:10px}.sidebar-heading{font-size:11px}.inspector-content{padding:18px 16px}.field-label,.inspector-grid label,.settings-panel label{font-size:11px}.field-label input,.field-label select,.inspector-grid input,.settings-panel select{height:34px;font-size:12px}.field-hint{font-size:10px;color:#979f8e;line-height:1.65}.preview-stage{min-height:140px}.preview-frame{max-height:calc(100vh - 510px)}.transport{height:52px}.transport-time{font-size:12px}.transport-time small{color:#8c9581;font-size:10px}.play-button{height:34px;width:34px}.timeline-section{height:332px}.timeline-inner{min-height:254px}.timeline-header{padding:9px 12px;gap:8px}.timeline-title{font-size:11px}.timeline-actions>button:not(.zoom-button){height:29px;font-size:11px;padding:0 7px}.snap-button.active{color:var(--lime)!important;background:#303a23!important}.track-labels{position:sticky;left:0;height:100%;width:150px}.timeline-content{left:150px;min-width:calc(100% - 150px)}.timeline-hint{left:170px}.track-label{font-size:10px;padding:12px}.track-label.audio-label,.audio-lane{height:86px}.timeline-clip{font-size:10px;border-radius:5px;min-width:12px}.timeline-clip.audio-clip{height:72px;background:#352e28;overflow:visible}.timeline-clip.audio-clip.selected{border-color:#efb686;box-shadow:0 0 0 1px #efb68655}.audio-clip>.clip-grip{position:absolute;top:5px;left:8px;pointer-events:none}.audio-clip-name{position:absolute;top:5px;left:24px;right:8px;display:flex;align-items:center;gap:5px;font-size:10px;height:15px;pointer-events:none}.audio-clip .trim-handle{border-radius:3px;z-index:8}.audio-waveform{position:absolute;left:0;right:0;top:25px;width:100%;height:40px;pointer-events:none;opacity:.35;fill:#edbb8e}.volume-envelope{position:absolute;top:24px;left:5px;right:5px;height:38px;cursor:crosshair;touch-action:none}.volume-envelope>svg{position:absolute;width:100%;height:100%;overflow:visible;pointer-events:none}.volume-area{fill:#edb17b18}.volume-line{fill:none;stroke:#f0bb8a;stroke-width:1.5;vector-effect:non-scaling-stroke}.volume-point{position:absolute;width:10px;height:10px;margin:0;transform:translate(-50%,-50%);border:2px solid #ffe1c2;border-radius:50%;background:#9d6034;cursor:move;padding:0;touch-action:none;z-index:9;box-shadow:0 0 0 2px #32251c}.volume-point:hover,.volume-point:focus-visible{background:#fff1e0;border-color:#fff;box-shadow:0 0 0 3px #f5b77b55}.envelope-heading{display:flex;justify-content:space-between;gap:5px;margin-top:22px;font:9px var(--mono);color:#adb5a2}.envelope-heading span:last-child{color:#f0bb8a}.subtle-button{width:100%;padding:6px;border:0;border-radius:4px;background:transparent;color:#b5bda9;font-size:11px}.subtle-button:hover{background:#293024}.subtle-button:disabled{opacity:.4;cursor:default}.timeline-footer{height:25px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-top:1px solid var(--line);font-size:9px;color:#99a08f;background:#191d16}.timeline-footer span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-footer span:last-child{flex:none}.timeline-scroll{scrollbar-color:#505945 #1b2018;scrollbar-width:thin}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#0d110dd9;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.help-dialog{width:min(520px,100%);max-height:90vh;overflow:auto;background:#1c2219;border:1px solid #4c5940;border-radius:12px;padding:24px;box-shadow:0 24px 80px #0008}.help-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.help-heading h2{margin:0;font-size:20px}.help-dialog p{font-size:12px;line-height:1.7;color:#b7c0ac}.help-dialog dl{display:grid;grid-template-columns:145px 1fr;gap:14px 12px;margin:22px 0;font-size:12px}.help-dialog dt{font-family:var(--mono);color:var(--lime)}.help-dialog dd{margin:0;color:#c5cdbb}.timeline-clip:focus-visible{outline:2px solid #d1f879;outline-offset:3px}@media(max-width:1150px){.work-area{grid-template-columns:190px minmax(0,1fr) 240px}.brand{width:162px}.project-title input{width:170px}.timeline-footer span:last-child{display:none}}@media(max-width:850px){.work-area{display:flex;flex-direction:column}.topbar{height:58px;gap:3px}.brand{width:auto;font-size:11px;margin-right:4px}.brand-mark{width:24px;height:24px}.project-title input{font-size:12px;width:24vw}.top-actions{gap:1px}.top-actions>.icon-button{width:24px}.button-export{padding:0 7px;font-size:10px}.topbar .button-quiet{width:27px;padding:5px}.top-actions .top-more{display:none}.preview-stage{min-height:220px}.preview-frame{height:auto;max-height:300px}.timeline-section{height:360px}.track-labels{width:100px}.timeline-content{left:100px;min-width:calc(100% - 100px)}.timeline-hint{left:118px}.track-label{padding:12px 6px;gap:5px;font-size:9px}.editor-main{min-height:610px}.inspector-content{padding:18px}.help-dialog dl{grid-template-columns:110px 1fr;font-size:11px}.timeline-footer{font-size:9px}.timeline-header{padding:8px}.timeline-actions{gap:3px}}.work-area{grid-template-rows:minmax(0,1fr)}.asset-sidebar,.inspector-sidebar{min-height:0;overflow:hidden}.settings-panel{overflow:auto}.inspector-content{min-height:0}.inspector-footer{flex:none}@media(max-width:850px){.inspector-sidebar{overflow:visible;min-height:auto}.asset-sidebar{min-height:105px}}.point-inspector{margin-top:12px;padding:12px 9px;border:1px solid #654932;border-radius:6px;background:#2c261e}.point-inspector>span{display:block;margin-bottom:10px;color:#ebba8b;font:9px var(--mono)}.point-inspector .subtle-button{margin-top:8px;color:#e0a786}@media(max-width:850px){.timeline-section{height:390px}.editor-main{min-height:640px}}.instagram-link{height:32px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid #615046;border-radius:5px;color:#e3c3ad;text-decoration:none;font-size:10px;white-space:nowrap}.instagram-link:hover{background:#3b2928;border-color:#cd8b77}.toast a{margin-left:6px;color:var(--lime);white-space:nowrap}.toast a:hover{text-decoration:none}@media(max-width:1050px){.instagram-link{width:32px;justify-content:center;padding:0}.instagram-link span{display:none}}