@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;700&family=Anton&family=Righteous&family=Boogaloo&family=Fredoka+One&family=Alfa+Slab+One&family=Lobster&family=Passion+One:wght@400;700&family=Black+Han+Sans&family=Playfair+Display:wght@400;700&family=Merriweather:wght@400;700&family=Lora:wght@400;700&family=Libre+Baskerville:wght@400;700&family=Abril+Fatface&family=Cormorant+Garamond:wght@400;700&family=EB+Garamond:wght@400;700&family=Vollkorn:wght@400;700&family=Open+Sans:wght@400;700&family=Lato:wght@400;700&family=Montserrat:wght@400;700&family=Poppins:wght@400;700&family=Nunito:wght@400;700&family=Source+Sans+3:wght@400;700&family=Raleway:wght@400;700&family=Ubuntu:wght@400;700&family=Inter:wght@400;700&family=Outfit:wght@400;700&family=DM+Sans:wght@400;700&family=Exo+2:wght@400;700&family=Dosis:wght@400;700&family=Dancing+Script:wght@400;700&family=Pacifico&family=Caveat:wght@400;700&family=Sacramento&family=Satisfy&family=Kalam:wght@400;700&family=Courgette&family=Great+Vibes&family=Amatic+SC:wght@400;700&family=Shadows+Into+Light&family=Space+Mono:wght@400;700&family=Share+Tech+Mono&family=Fira+Code:wght@400;700&family=IBM+Plex+Mono:wght@400;700&family=Courier+Prime:wght@400;700&display=swap";:root,[data-theme=onyx]{--onyx-bg-2: #0b0f17;--onyx-text: #f1f5fb;--onyx-text-dim: rgba(241,245,251,.62);--onyx-text-faint: rgba(241,245,251,.4);--onyx-text-mute: rgba(241,245,251,.28);--onyx-cyan: #4dd0ff;--onyx-surface: rgba(20,26,38,.85);--onyx-hairline: rgba(255,255,255,.07);--onyx-hairline-strong: rgba(255,255,255,.14);--toolbar-bg: rgba(6,9,15,.85);--panel-bg: rgba(6,9,15,.5);--input-bg: rgba(0,0,0,.35);--chip-bg: rgba(255,255,255,.06);--chip-bg-low: rgba(255,255,255,.04);--chip-bg-strong: rgba(255,255,255,.08);--onyx-font: -apple-system, system-ui, sans-serif}[data-theme=opal]{--onyx-bg-2: #f0ebe4;--onyx-text: #1a1410;--onyx-text-dim: rgba(26,20,16,.65);--onyx-text-faint: rgba(26,20,16,.42);--onyx-text-mute: rgba(26,20,16,.28);--onyx-cyan: #0076a8;--onyx-surface: rgba(245,240,235,.92);--onyx-hairline: rgba(0,0,0,.07);--onyx-hairline-strong: rgba(0,0,0,.13);--toolbar-bg: rgba(245,240,235,.92);--panel-bg: rgba(235,229,222,.75);--input-bg: rgba(255,255,255,.65);--chip-bg: rgba(0,0,0,.06);--chip-bg-low: rgba(0,0,0,.04);--chip-bg-strong: rgba(0,0,0,.09)}.no-scroll::-webkit-scrollbar{display:none}.no-scroll{scrollbar-width:none}.onyx-bg-streaks{background:repeating-linear-gradient(118deg,transparent,transparent 340px,rgba(77,208,255,.018) 341px,rgba(77,208,255,.018) 342px)}[data-theme=opal] .onyx-bg-streaks{background:repeating-linear-gradient(118deg,transparent,transparent 340px,rgba(0,118,168,.04) 341px,rgba(0,118,168,.04) 342px)}body{margin:0;background:var(--bg-page);color:var(--onyx-text);font-family:sans-serif}.editorShell{display:flex;flex-direction:column;height:100vh;overflow:visible}.topNav{height:52px;background:var(--nav-bg);display:flex;justify-content:space-between;align-items:center;padding:0 10px;gap:8px;border-bottom:.5px solid var(--onyx-hairline);flex-shrink:0;min-width:0;width:100%;box-sizing:border-box}.topLeft{display:flex;align-items:center;gap:8px;flex-shrink:1;min-width:0;overflow:hidden}.backBtn,.saveBtn,.addSceneTopBtn{height:30px;padding:0 10px;background:var(--chip-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);cursor:pointer;border-radius:6px}.addSceneTopBtn{background:#16a34a;border-color:#12813a}.titleInput{height:30px;width:120px;background:var(--panel-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);padding:0 10px;border-radius:6px}.topControls{display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap}.topControls select,.topControls button{height:30px;background:var(--chip-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);padding:0 10px;border-radius:6px}.topControls button:disabled{opacity:.4;cursor:not-allowed}.editorBody{display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.iconMenu{position:fixed;left:0;top:104px;width:72px;min-width:72px;height:calc(100vh - 172px);z-index:200;display:flex;flex-direction:column;align-items:center;padding-top:12px;background:var(--onyx-surface-2);border-right:.5px solid var(--onyx-hairline)}.iconMenu div{cursor:pointer;opacity:.9;width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.iconMenu div.active{background:var(--chip-bg);border:.5px solid var(--onyx-hairline-strong)}.sidePanel{width:320px;min-width:0;flex-shrink:0;height:100%;overflow-y:auto;background:var(--panel-bg);border-right:.5px solid var(--onyx-hairline);display:flex;flex-direction:column;position:relative!important;left:auto!important;margin-left:48px;margin-top:0;z-index:1}.panelHeader{display:flex;justify-content:space-between;margin-bottom:10px;font-weight:700}.panelTabs{display:flex;gap:8px;margin-bottom:10px}.panelTabs button{height:30px;padding:0 10px;background:var(--chip-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);border-radius:8px;cursor:pointer}.panelTabs button.active{background:var(--btn-primary-grad);border:none;color:var(--btn-primary-text)}.tabBtn{height:34px;padding:0 12px;background:var(--chip-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);border-radius:10px;cursor:pointer;font-weight:700;transition:background .16s ease,border-color .16s ease,transform .16s ease}.tabBtn:hover{background:#243142;border-color:#38506b}.tabBtn.active{background:var(--btn-primary-grad);border:none;color:var(--btn-primary-text);color:var(--onyx-text)}.panelTabsSpacer{flex:1}.smallBtn{height:30px;padding:0 10px;background:var(--chip-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);border-radius:8px;cursor:pointer}.smallBtn.primary{background:var(--btn-primary-grad);border:none;color:var(--btn-primary-text)}.panelBlock{background:var(--onyx-surface-2);border:.5px solid var(--onyx-hairline-strong);border-radius:10px;padding:10px;margin-bottom:10px}.panelTitle{font-weight:700;margin-bottom:6px}.panelMuted{opacity:.75;font-size:13px;margin-bottom:10px}.emptyState{opacity:.75;padding:10px 0}.uploadDrop{height:120px;border:1px dashed var(--onyx-hairline-strong);border-radius:10px;display:grid;place-items:center;background:var(--panel-bg)}.stockGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stockTile{height:76px;border:.5px solid var(--onyx-hairline-strong);border-radius:10px;background:var(--panel-bg);display:grid;place-items:center;opacity:.85}.aiStudioList{display:flex;flex-direction:column;gap:10px}.aiItem{display:flex;gap:10px;align-items:center;border:.5px solid var(--onyx-hairline-strong);border-radius:10px;padding:8px;background:var(--panel-bg)}.aiThumb{width:64px;height:42px;border-radius:8px;overflow:hidden;border:.5px solid var(--onyx-hairline-strong);background:var(--onyx-surface-2);display:grid;place-items:center}.aiThumb img{width:100%;height:100%;object-fit:cover}.aiThumbPlaceholder{opacity:.8;font-weight:700}.aiInfo{flex:1;min-width:0}.aiName{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aiMeta{opacity:.7;font-size:12px}.aiActions{display:flex;gap:8px}.canvasArea{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;height:calc(100vh - 272px);max-height:calc(100vh - 272px);padding-bottom:0}.canvas{background:transparent;display:flex;justify-content:center;align-items:center;border-radius:14px;border:.5px solid var(--onyx-hairline-strong);width:min(100%,960px);max-width:100%;max-height:calc(100vh - 280px);overflow:hidden}.ratio-16-9{aspect-ratio:16 / 9}.ratio-9-16{height:calc(100vh - 280px);width:auto;max-width:100%;aspect-ratio:9 / 16}.ratio-1-1{height:calc(100vh - 288px);width:auto;max-width:min(100%,640px);aspect-ratio:1 / 1}.canvas img,.canvas video{width:100%;height:100%;display:block}.canvasAudioDock{width:min(100%,960px);display:grid;gap:10px}.canvasAudioBlock{border:.5px solid var(--onyx-hairline-strong);background:var(--panel-bg);border-radius:12px;padding:10px}.canvasAudioLabel{font-size:12px;opacity:.8;margin-bottom:8px}.sceneStrip{position:fixed;bottom:0;left:392px;right:0;height:120px;z-index:100;background:var(--timeline-bg);border-top:1px solid var(--onyx-hairline-strong);overflow-x:auto;overflow-y:hidden;display:flex;align-items:center}.sceneThumb{width:180px;min-width:180px;height:100px;border:.5px solid var(--onyx-hairline-strong);border-radius:12px;background:var(--panel-bg);cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.sceneThumb.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb40 inset}.sceneThumbTop{display:flex;gap:8px;padding:6px 8px;align-items:center;background:#ffffff08;border-bottom:.5px solid var(--onyx-hairline)}.sceneThumbTitle{font-weight:700;font-size:13px;flex:1;min-width:0}.sceneThumbBtns{display:flex;gap:6px}.thumbBtn{height:22px;padding:0 8px;font-size:12px;background:var(--chip-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);border-radius:8px;cursor:pointer}.thumbBtn.danger{background:#7f1d1d;border-color:#991b1b}.sceneThumbMedia{flex:1;position:relative;background:var(--onyx-surface-2)}.sceneThumbMedia img,.sceneThumbMedia video{width:100%;height:100%;object-fit:cover;display:block}.thumbPlaceholder{position:absolute;inset:0;display:grid;place-items:center;padding:8px;background:radial-gradient(60% 60% at 50% 50%,#2563eb2e,#0000)}.thumbPlaceholderText{opacity:.85;font-size:12px;text-align:center;line-height:1.2}.sceneThumbMeta{display:flex;justify-content:space-between;padding:6px 8px;font-size:12px;opacity:.8;border-top:.5px solid var(--onyx-hairline)}.transitionChip{width:auto;min-width:24px;height:44px;border:.5px solid var(--onyx-hairline-strong);border-radius:12px;background:var(--panel-bg);display:flex;flex-direction:column;justify-content:center;padding:0 4px;gap:6px;box-sizing:border-box}.transitionLabel{font-size:12px;opacity:.8}.transitionChip select{height:30px;background:var(--chip-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);border-radius:10px;padding:0 10px}.sceneCard{margin-bottom:12px;padding:10px;background:var(--onyx-surface-2);border:.5px solid var(--onyx-hairline-strong);border-radius:10px;min-width:0;overflow:hidden}.sceneCard.active{border-color:var(--onyx-cyan)}.sceneHeaderRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.sceneTitle{font-weight:700;flex-shrink:0;white-space:nowrap}.sceneSmallBtn{height:26px;padding:0 10px;background:var(--chip-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);cursor:pointer;border-radius:8px}.sceneSmallBtn.primary{background:var(--btn-primary-grad);border:none;color:var(--btn-primary-text)}.sceneMetaRow{display:flex;justify-content:space-between;margin-top:6px;opacity:.75;font-size:12px}textarea{width:100%;min-height:64px;margin-bottom:6px;background:var(--panel-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);border-radius:8px;padding:8px;resize:vertical;box-sizing:border-box}.volumeRow{display:flex;gap:10px;align-items:center;margin:10px 0}.volLabel{width:140px;opacity:.9}.volValue{width:50px;text-align:right;opacity:.85}.listBox{border:.5px solid var(--onyx-hairline-strong);border-radius:10px;overflow:hidden}.listItem{padding:10px;background:var(--panel-bg);border-bottom:.5px solid var(--onyx-hairline)}.listItem:last-child{border-bottom:none}.disclaimer{margin-top:10px;opacity:.75;font-size:12px}.modalBackdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.modalCard{width:420px;background:var(--panel-bg);border:.5px solid var(--onyx-hairline-strong);border-radius:14px;padding:14px}.modalTitle{font-weight:700;margin-bottom:10px}.modalLabel{opacity:.8;font-size:13px;margin-bottom:6px}.modalInput{width:100%;height:36px;border-radius:10px;border:.5px solid var(--onyx-hairline-strong);background:var(--onyx-surface-2);color:var(--onyx-text);padding:0 10px;margin-bottom:12px;box-sizing:border-box}.modalActions{display:flex;justify-content:flex-end;gap:10px}.mediaGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mediaTile{border:.5px solid var(--onyx-hairline-strong);border-radius:12px;background:var(--panel-bg);overflow:hidden;cursor:grab}.mediaTile:active{cursor:grabbing}.mediaThumb{width:100%;height:76px;background:var(--onyx-surface-2)}.mediaThumb img{width:100%;height:100%;object-fit:cover;display:block}.canvasDropHint{outline:2px solid rgba(37,99,235,.8);box-shadow:0 0 0 6px #2563eb26}@media(max-width:1180px){.titleInput{width:200px}}.panelStickyShell{display:flex;flex-direction:column;min-height:0;height:100%}.panelStickyTop{flex-shrink:0;z-index:20;background:var(--panel-bg);padding-top:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.panelStickyContent{flex:1;min-height:0;overflow-y:auto;padding-top:2px;padding-bottom:20px}.panelStickyTop .panelTabs{margin-bottom:0}.audioTimeline{display:none;flex-shrink:0;height:140px;background:var(--timeline-bg);border-top:.5px solid var(--onyx-hairline);padding:10px;gap:10px;flex-direction:column;overflow:hidden;box-sizing:border-box}.audioTimelineRow{display:flex;align-items:center;gap:12px;font-size:12px;color:#cbd5e1}.audioTimelineTrack{height:14px;border-radius:999px;background:linear-gradient(90deg,#2563eb38,#2563eb14);border:1px solid rgba(255,255,255,.08);flex:1}.audioMode .audioTimeline{display:flex!important}.ed-panel{background:var(--panel-bg)}.ed-toolbar{background:var(--toolbar-bg)}.ed-surface{background:var(--onyx-surface)}.ed-inset{background:var(--onyx-inset)}.ed-timeline{background:var(--timeline-bg);border-top:1px solid var(--onyx-hairline-strong)}.ed-border{border:.5px solid var(--onyx-hairline-strong)}.ed-border-faint{border:.5px solid var(--onyx-hairline)}.ed-border-bottom{border-bottom:.5px solid var(--onyx-hairline)}.ed-border-right{border-right:.5px solid var(--onyx-hairline-strong)}.ed-text{color:var(--onyx-text)}.ed-text-dim{color:var(--onyx-text-dim)}.ed-text-faint{color:var(--onyx-text-faint)}.ed-text-mute{color:var(--onyx-text-mute)}.ed-chip{background:var(--chip-bg)}.ed-chip-low{background:var(--chip-bg-low)}.ed-chip-strong{background:var(--chip-bg-strong)}.ed-row{background:var(--row-bg)}.ed-input{background:var(--input-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);border-radius:8px}.ed-input:focus{outline:none;border-color:var(--onyx-cyan)}.ed-input-strong{background:var(--input-bg-strong);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);border-radius:8px}.ed-icon-btn{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;background:transparent;color:var(--onyx-text-faint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:14px;transition:background .15s ease,color .15s ease}.ed-icon-btn.active{background:var(--chip-bg-strong);color:var(--onyx-cyan)}.ed-icon-btn:hover:not(.active){background:var(--chip-bg);color:var(--onyx-text-dim)}.ed-tab-btn{height:30px;padding:0 10px;background:var(--chip-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);border-radius:8px;cursor:pointer;font-family:inherit;transition:background .15s ease}.ed-tab-btn.active{background:var(--btn-primary-grad);color:var(--btn-primary-text);border:none}.ed-tab-btn:hover:not(.active){background:var(--chip-bg-strong)}.ed-btn{height:30px;padding:0 10px;background:var(--chip-bg);color:var(--onyx-text);border:.5px solid var(--onyx-hairline-strong);border-radius:8px;cursor:pointer;font-family:inherit;font-size:12px;transition:background .15s ease}.ed-btn:hover{background:var(--chip-bg-strong)}.ed-btn-primary{background:var(--btn-primary-grad);color:var(--btn-primary-text);border:.5px solid rgba(255,255,255,.35);border-radius:8px;padding:6px 14px;font-weight:600;font-size:12.5px;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;box-shadow:0 1px #fff6 inset,0 4px 14px #4dd0ff40;transition:opacity .15s ease}.ed-btn-primary:hover{opacity:.9}.ed-btn-ai{width:100%;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;font-family:inherit;border:.5px solid rgba(255,200,120,.6);background:linear-gradient(180deg,#ffb547f2,#ff8c28f2);color:#1f1100;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s ease}[data-theme=opal] .ed-btn-ai{background:linear-gradient(180deg,var(--onyx-amber),rgba(201,138,62,.9));border-color:#c98a3e80;color:#2d1a00}.ed-btn-ai:disabled{opacity:.5;cursor:wait}.ed-glass-dock{background:var(--onyx-surface);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);border:.5px solid var(--onyx-hairline-strong);box-shadow:0 8px 32px #00000059;border-radius:14px;padding:4px 6px;display:flex;align-items:center;gap:2px}.ed-card{background:var(--onyx-surface-2);border:.5px solid var(--onyx-hairline-strong);border-radius:10px;padding:10px;margin-bottom:10px}.ed-scene-thumb{background:var(--onyx-surface);border:1px solid var(--onyx-hairline-strong);border-radius:12px}.ed-scene-thumb.active{border-color:var(--onyx-cyan);box-shadow:0 0 0 2px color-mix(in srgb,var(--onyx-cyan) 25%,transparent)}.ed-panel-sticky-top{background:var(--panel-bg);border-bottom:1px solid var(--onyx-hairline)}.ed-modal-card{background:var(--onyx-bg-2);border:1px solid var(--onyx-hairline-strong);border-radius:14px;padding:14px}.ed-modal-input{width:100%;height:36px;border-radius:10px;border:.5px solid var(--onyx-hairline-strong);background:var(--input-bg);color:var(--onyx-text);padding:0 10px;margin-bottom:12px;box-sizing:border-box;font-family:inherit}.ed-upload-drop{height:120px;border:1px dashed var(--onyx-hairline-strong);border-radius:10px;display:grid;place-items:center;background:var(--onyx-inset);color:var(--onyx-text-faint);font-size:13px}.ed-list-item{padding:10px;background:var(--onyx-surface);border-bottom:.5px solid var(--onyx-hairline);color:var(--onyx-text)}.ed-list-item:last-child{border-bottom:none}.ed-underline-tab{flex:1;padding:8px 2px;font-size:10px;font-weight:700;cursor:pointer;border:none;background:transparent;color:var(--onyx-text-mute);border-bottom:2px solid transparent;font-family:inherit;transition:color .15s ease,border-color .15s ease}.ed-underline-tab.active{color:var(--onyx-cyan);border-bottom-color:var(--onyx-cyan)}.ed-underline-tab:hover:not(.active){color:var(--onyx-text-dim)}.ed-mobile-gate{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--onyx-bg-2);color:var(--onyx-text);font-family:-apple-system,system-ui,sans-serif;text-align:center;padding:32px;box-sizing:border-box}.ed-panel,.ed-toolbar,.ed-surface,.ed-card,.ed-modal-card,.ed-icon-btn,.ed-tab-btn,.ed-btn,.ed-input,.ed-list-item,.ed-glass-dock,.ed-upload-drop,.ed-scene-thumb,.ed-underline-tab{transition:background .35s ease,color .35s ease,border-color .35s ease}@media(prefers-reduced-motion:reduce){.ed-panel,.ed-toolbar,.ed-surface,.ed-card,.ed-modal-card,.ed-icon-btn,.ed-tab-btn,.ed-btn,.ed-input,.ed-list-item,.ed-glass-dock,.ed-upload-drop,.ed-scene-thumb,.ed-underline-tab{transition:none}}#editor-v2 ::-webkit-scrollbar{width:6px;height:6px}#editor-v2 ::-webkit-scrollbar-track{background:transparent}#editor-v2 ::-webkit-scrollbar-thumb{background:var(--onyx-cyan-deep);border-radius:999px;opacity:.7}#editor-v2 ::-webkit-scrollbar-thumb:hover{background:var(--onyx-cyan)}#editor-v2{scrollbar-color:var(--onyx-cyan-deep) transparent;scrollbar-width:thin}.panelStickyContent{overflow-x:hidden}#editor-v2 input[type=range],#editor-v2 input[type=checkbox]{accent-color:var(--onyx-cyan)}.ed-btn-action{background:var(--btn-primary-grad);color:var(--btn-primary-text);border:none;border-radius:8px;padding:6px 14px;font-weight:600;font-size:12.5px;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 1px #fff6 inset,0 3px 10px #4dd0ff40;transition:opacity .15s ease}.ed-btn-action:hover:not(:disabled){opacity:.88}.ed-btn-action:disabled{background:var(--chip-bg-strong);color:var(--onyx-text-faint);box-shadow:none;cursor:not-allowed}