:root{color:#eeedf1;font-synthesis:none;text-rendering:optimizelegibility;--bg:#101115;--panel:#17181e;--panel-2:#1d1e25;--line:#2b2c34;--muted:#8c8d99;--purple:#9a79f8;--purple-2:#7751e8;--green:#79d9b1;background:#101115;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:900px;height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.topbar{background:#131419;border-bottom:1px solid #26272e;align-items:center;gap:30px;height:64px;padding:0 24px;display:flex}.brand{color:#f5f2fb;letter-spacing:-.7px;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:18px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:var(--purple);color:#171320;border-radius:8px;place-items:center;width:27px;height:27px;font-family:Manrope,sans-serif;font-size:20px;display:grid}.project-name{color:#b7b5c0;align-items:center;gap:8px;font-size:12px;display:flex}.status-dot,.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px}.top-actions{gap:10px;margin-left:auto;display:flex}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.button:disabled{opacity:.4;cursor:not-allowed}.button-primary{background:var(--purple);color:#171321}.button-primary:hover:not(:disabled){background:#ad94ff}.button-quiet{color:#c5c3cd;background:0 0;border-color:#34353d}.button-quiet:hover:not(:disabled),.button-outline:hover:not(:disabled){background:#282630;border-color:#625775}.button-small{padding:7px 10px;font-size:11px}.workspace{grid-template-columns:244px minmax(400px,1fr) 278px;height:calc(100vh - 64px);min-height:550px;display:grid}.sidebar,.inspector{background:#15161b;flex-direction:column;min-height:0;display:flex}.sidebar{border-right:1px solid #282931;padding:22px 16px 14px}.sidebar-heading{justify-content:space-between;align-items:center;margin:0 2px 16px;display:flex}.eyebrow{letter-spacing:1.25px;color:#81818e;font-size:9px;font-weight:700}.sidebar h1{margin:5px 0 0;font:700 17px Manrope,sans-serif}.media-count{color:#9d9ca7;text-align:center;background:#282931;border-radius:20px;min-width:22px;height:22px;font-size:10px;line-height:22px}.dropzone{cursor:pointer;background:linear-gradient(145deg,#1b1b22,#17171d);border:1px dashed #46434f;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:136px;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--purple);background:#211d2d}.upload-icon{color:#b6a1ff;background:#2b253b;border-radius:7px;place-items:center;width:29px;height:29px;margin-bottom:2px;font-size:18px;display:grid}.dropzone strong{font-size:11px}.dropzone>span:nth-of-type(2){color:#aaa8b3;font-size:10px}.dropzone u{color:#b8a5ff;text-underline-offset:2px}.dropzone small{color:#737480;font-size:9px}.section-label{color:#888895;letter-spacing:1px;justify-content:space-between;align-items:center;margin:24px 2px 9px;font-size:9px;font-weight:700;display:flex}.icon-button{color:#aaa9b5;background:0 0;border:0;border-radius:5px;place-items:center;width:26px;height:26px;font-size:15px;display:grid}.icon-button:hover:not(:disabled){color:#fff;background:#292a32}.icon-button:disabled{opacity:.38;cursor:not-allowed}.media-list{flex:1;min-height:90px;overflow-y:auto}.empty-media{color:#777783;text-align:center;padding:24px 12px;font-size:10px;line-height:1.7}.media-item{cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:8px;display:flex}.media-item:hover{background:#202127}.media-item.selected{background:#252132;border-color:#514275}.media-thumb{object-fit:cover;background:#292a32;border-radius:4px;width:49px;height:34px}.media-item-info{flex-direction:column;gap:4px;min-width:0;display:flex}.media-item-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.media-item-info span{color:#8c8d98;font-size:9px}.sidebar-footer{border-top:1px solid #2a2b32;align-items:center;gap:9px;padding-top:14px;display:flex}.footer-badge{color:#b59dff;background:#29233b;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.sidebar-footer div{flex-direction:column;gap:3px;display:flex}.sidebar-footer strong{font-size:10px;font-weight:600}.sidebar-footer span{color:#858592;font-size:9px}.editor{background:#101115;flex-direction:column;min-width:0;min-height:0;display:flex}.preview-toolbar{border-bottom:1px solid #22232a;flex:0 0 43px;justify-content:space-between;align-items:center;height:43px;padding:0 17px;display:flex}.view-label{color:#a4a3ae;letter-spacing:.85px;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.live-dot{background:#a38bff;width:5px;height:5px}.toolbar-divider{background:#373840;width:1px;height:12px;margin:0 2px}.view-label span:last-child{letter-spacing:0;color:#777884;font-size:10px;font-weight:500}.preview-tools{align-items:center;gap:8px;display:flex}.select-wrap select{color:#abaab5;background:0 0;border:0;outline:none;font-size:10px}.select-wrap option{background:#202127}.stage-wrap{flex:1;place-items:center;min-height:180px;padding:14px 22px;display:grid;overflow:hidden}.stage{aspect-ratio:16/9;background:#08090b;border:1px solid #2d2d34;border-radius:6px;place-items:center;width:min(100%,800px);height:min(100%,56.25vw - 320.625px);max-height:100%;display:grid;position:relative;overflow:hidden}.stage[data-ratio="9:16"]{aspect-ratio:9/16;width:auto;height:min(100%,500px)}.stage[data-ratio="1:1"]{aspect-ratio:1;width:auto;height:min(100%,500px)}.stage video{display:none}.stage canvas{object-fit:contain;width:100%;height:100%;display:none}.stage.has-video canvas{display:block}.stage-empty{color:#8d8d98;flex-direction:column;align-items:center;gap:8px;display:flex}.stage-empty strong{color:#c4c2cd;margin-top:5px;font:600 13px Manrope,sans-serif}.stage-empty>span{color:#858591;font-size:10px}.empty-icon{color:#9f83f8;background:#22212a;border-radius:50%;place-items:center;width:43px;height:43px;padding-left:3px;font-size:15px;display:grid}.stage-empty .button{margin-top:5px}.stage-title{text-align:center;color:#fff;text-shadow:0 2px 10px #000;pointer-events:none;max-width:90%;font:800 clamp(18px,3vw,38px) Manrope,sans-serif;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.playback-bar{border-top:1px solid #25262d;border-bottom:1px solid #25262d;flex:0 0 48px;align-items:center;height:48px;padding:0 19px;display:flex;position:relative}.playback-time{font-variant-numeric:tabular-nums;color:#d3d1da;align-items:center;gap:6px;font-size:10px;display:flex}.time-slash{color:#5f606b}.playback-controls{align-items:center;gap:11px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.playback-controls .icon-button{font-size:13px}.play-button{background:var(--purple);color:#1d1730;border:0;border-radius:50%;place-items:center;width:29px;height:29px;padding-left:3px;font-size:10px;display:grid}.play-button:hover:not(:disabled){background:#b09aff}.play-button:disabled{opacity:.45;cursor:not-allowed}.playback-spacer{flex:1}.preview-note{color:#777783;font-size:9px}.timeline-panel{background:#15161b;border-top:1px solid #25262d;flex-direction:column;flex:0 0 230px;height:230px;min-height:0;display:flex}.timeline-header{flex:0 0 45px;justify-content:space-between;align-items:center;height:45px;padding:0 16px;display:flex}.timeline-title{align-items:center;gap:9px;display:flex}.timeline-title h2{margin:0;font:700 12px Manrope,sans-serif}.clip-count{color:#82838e;font-size:9px}.timeline-actions{color:#858590;align-items:center;gap:7px;font-size:9px;display:flex}.timeline-scroll{flex:1;min-height:0;overflow:auto}.ruler,.track-row{grid-template-columns:90px minmax(420px,1fr);min-width:550px;display:grid}.ruler{height:24px}.ruler-track{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(var(--tick,40px) - 1px),#454650 calc(var(--tick,40px) - 1px),#454650 var(--tick,40px));border-bottom:1px solid #303138;height:24px;position:relative}.ruler-track span{color:#82838e;font-variant-numeric:tabular-nums;font-size:8px;position:absolute;top:3px;transform:translate(5px)}.track-row{border-bottom:1px solid #292a31;min-height:67px}.track-label{color:#9999a4;align-items:flex-start;gap:7px;padding:13px 10px 0 16px;font-size:9px;display:flex}.track-symbol{font-size:12px}.video-symbol{color:#a187f3}.audio-symbol{color:#70d1a9}.track-content{align-items:center;gap:4px;min-width:0;padding:7px 0;display:flex;position:relative;overflow:visible}.track-empty,.audio-empty{color:#777783;font-size:9px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.audio-empty{color:#696a76}.clip-block{cursor:pointer;background:linear-gradient(110deg,#34294a,#292334);border:1px solid #58477e;border-radius:5px;flex:1 1 0;align-items:center;gap:7px;min-width:65px;max-width:100%;height:49px;padding:5px 8px;display:flex;position:relative;overflow:hidden}.clip-block:hover,.clip-block.active{border-color:#b195ff;box-shadow:0 0 0 1px #886dd8}.clip-block img{object-fit:cover;opacity:.78;border-radius:3px;width:35px;height:29px}.clip-block-info{flex-direction:column;gap:4px;min-width:0;display:flex}.clip-block-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:600;overflow:hidden}.clip-block-info span{color:#b3a5d3;font-size:8px}.clip-number{color:#c3b4e9;font-size:8px;position:absolute;top:4px;right:6px}.playhead{z-index:3;pointer-events:none;background:#fb737e;width:1px;transition:left 60ms linear;position:absolute;top:-24px;bottom:-70px;left:0}.playhead span{background:#fb737e;border-radius:0 0 5px 5px;width:9px;height:9px;position:absolute;top:0;left:-4px}.audio-row{min-height:53px}.audio-row .track-label{padding-top:12px}.voice-clip{color:#9ce1bf;background:repeating-linear-gradient(135deg,#203c33,#203c33 6px,#254538 6px 12px);border:1px solid #36725f;border-radius:5px;flex:1 1 0;align-items:center;gap:7px;min-width:100px;max-width:100%;height:34px;padding:0 9px;font-size:9px;display:flex;position:relative}.voice-clip button{color:#bdd9ce;background:0 0;border:0;margin-left:auto;font-size:14px}.timeline-foot{color:#777783;flex:0 0 27px;justify-content:space-between;align-items:center;height:27px;padding:0 15px;font-size:8px;display:flex}.text-button{color:#b39df5;background:0 0;border:0;font-size:9px}.text-button:disabled{opacity:.4}.inspector{border-left:1px solid #282931}.inspector-tabs{border-bottom:1px solid #282931;flex:0 0 43px;align-items:center;gap:18px;height:43px;padding:0 18px;display:flex}.inspector-tab{color:#eceaf2;background:0 0;border:0;height:100%;font-size:11px;font-weight:600;position:relative}.inspector-tab:after{content:"";background:#9d80fa;height:2px;position:absolute;bottom:-1px;left:0;right:0}.inspector-tab-muted{color:#73747f;font-size:10px}.inspector-content{padding:19px 16px 15px;overflow:auto}.inspector-section{border-bottom:1px solid #2b2c33;margin-bottom:17px;padding-bottom:20px}.inspector-title,.section-heading{justify-content:space-between;align-items:center;display:flex}.inspector-title h2,.section-heading h2{text-overflow:ellipsis;white-space:nowrap;max-width:185px;margin:5px 0 0;font:700 13px Manrope,sans-serif;overflow:hidden}.clip-mark{color:#9c82e8;font-size:18px}.inspector-empty{color:#9898a4;background:#1c1d23;border-radius:6px;margin:16px 0 2px;padding:12px;font-size:10px;line-height:1.65}.trim-heading{color:#9999a4;letter-spacing:.5px;justify-content:space-between;margin:20px 0 10px;font-size:9px;display:flex}.trim-heading span:last-child{color:#aaa8b3;letter-spacing:0}.trim-fields{gap:9px;display:flex}.trim-fields label{color:#aaaab4;flex-direction:column;flex:1;gap:5px;font-size:9px;display:flex}.input-with-unit{background:#202127;border:1px solid #33343c;border-radius:5px;align-items:center;height:31px;padding:0 7px;display:flex}.input-with-unit input{color:#e6e4ec;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:10px}.input-with-unit span{color:#777783;font-size:8px}.trim-range{gap:8px;margin:12px 2px 16px;display:flex}.trim-range input,.volume-slider{accent-color:#a487fa;width:100%;height:3px}.field-label{color:#a6a5af;margin:13px 0 7px;font-size:9px;display:block}.wide-select,.text-input{color:#dedce6;background:#202127;border:1px solid #33343c;border-radius:5px;outline:none;width:100%;height:32px;padding:0 9px;font-size:10px}.wide-select:focus,.text-input:focus{border-color:#9074e5}.wide-select option{background:#202127}.volume-label{justify-content:space-between;margin-top:15px;display:flex}.volume-label span:last-child{color:#9695a0}.volume-slider{margin:13px 0 18px;display:block}.add-full{width:100%;height:34px}.section-heading h2{margin-top:5px}.adjust-icon,.voice-icon{color:#b39bff;font-size:18px}.appearance-section{padding-bottom:17px}.title-label{margin-top:16px}.text-input::placeholder{color:#777783}.voice-section{margin-bottom:12px;padding-bottom:15px}.section-copy{color:#92929e;margin:9px 0 12px;font-size:9px}.voice-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.button-outline{color:#c9c6d2;background:#202127;border-color:#393a43;height:31px;padding:0 7px;font-size:9px}.voice-upload{cursor:pointer}.record-dot{background:#ef7180;border-radius:50%;width:7px;height:7px}.record-button.recording .record-dot{animation:1s infinite pulse}.record-button.recording{color:#f59eaa;border-color:#a94d5b}@keyframes pulse{50%{opacity:.3}}.voice-status{color:#7e7f8a;min-height:12px;margin-top:9px;font-size:9px}.local-note{color:#80818c;align-items:center;gap:7px;font-size:8px;display:flex}.local-note span{color:#80c9a9;font-size:13px}.toast{z-index:20;opacity:0;color:#eeedf2;pointer-events:none;background:#292a32;border:1px solid #484952;border-radius:7px;padding:10px 15px;font-size:11px;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}.export-overlay{z-index:30;background:#090a0dcf;place-items:center;display:grid;position:fixed;inset:0}.export-overlay[hidden]{display:none}.export-card{text-align:center;background:#191a20;border:1px solid #393742;border-radius:12px;flex-direction:column;align-items:center;width:min(360px,90vw);padding:28px;display:flex;box-shadow:0 25px 80px #0008}.export-spinner{border:3px solid #383343;border-top-color:#ac93ff;border-radius:50%;width:31px;height:31px;margin-bottom:17px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.export-card h2{margin:9px 0 20px;font:700 16px Manrope,sans-serif}.progress-track{background:#34343d;border-radius:9px;width:100%;height:5px;overflow:hidden}.progress-track>div{background:var(--purple);width:0;height:100%;transition:width .2s}.export-note{color:#878792;margin:11px 0 17px;font-size:9px}.export-card .button{min-width:110px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1120px){.workspace{grid-template-columns:210px minmax(360px,1fr) 250px}.sidebar,.inspector-content{padding-left:12px;padding-right:12px}.timeline-panel{flex-basis:215px;height:215px}.stage-wrap{padding:12px}.workspace{height:calc(100vh - 60px)}.topbar{height:60px}}.clip-edit-actions{flex-wrap:wrap;gap:5px;margin:0 0 10px;display:flex}.clip-edit-actions .button{flex:auto;height:29px;font-size:8px}.clip-edit-actions .remove-clip{color:#e799a2;flex:1 0 100%}.stage:fullscreen{border:0;border-radius:0;width:100vw!important;height:100vh!important}[hidden]{display:none!important}.timeline-scroll{min-width:0}.ruler-track{grid-column:2}@media (width<=900px){body{min-width:0}.workspace{grid-template-columns:170px minmax(280px,1fr) 220px}.topbar{gap:14px;padding:0 14px}.sidebar,.inspector-content{padding-left:10px;padding-right:10px}.stage-wrap{padding:10px}}.export-format{color:#d0ced8;background:#1c1d23;border:1px solid #34353d;border-radius:7px;outline:none;height:34px;padding:0 9px;font-size:11px}.export-format:focus{border-color:#9074e5}.export-format option{background:#202127}