: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:#fff;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:1px solid #1f2937;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:#1f2937;color:#fff;border:1px solid #2b3442;cursor:pointer;border-radius:6px}.addSceneTopBtn{background:#16a34a;border-color:#12813a}.titleInput{height:30px;width:120px;background:#0f141b;color:#fff;border:1px solid #2b3442;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:#1f2937;color:#fff;border:1px solid #2b3442;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:#111827;border-right:1px solid #1f2937}.iconMenu div{cursor:pointer;opacity:.9;width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.iconMenu div.active{background:#1f2937;border:1px solid #2b3442}.sidePanel{width:320px;min-width:0;flex-shrink:0;height:100%;overflow-y:auto;background:#0f141b;border-right:1px solid #1f2937;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:#1f2937;color:#fff;border:1px solid #2b3442;border-radius:8px;cursor:pointer}.panelTabs button.active{background:#2563eb;border-color:#1d4ed8}.tabBtn{height:34px;padding:0 12px;background:#1f2937;color:#fff;border:1px solid #2b3442;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:#2563eb;border-color:#1d4ed8;color:var(--onyx-text)}.panelTabsSpacer{flex:1}.smallBtn{height:30px;padding:0 10px;background:#1f2937;color:#fff;border:1px solid #2b3442;border-radius:8px;cursor:pointer}.smallBtn.primary{background:#2563eb;border-color:#1d4ed8}.panelBlock{background:#111827;border:1px solid #2b3442;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 #2b3442;border-radius:10px;display:grid;place-items:center;background:#0f141b}.stockGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stockTile{height:76px;border:1px solid #2b3442;border-radius:10px;background:#0f141b;display:grid;place-items:center;opacity:.85}.aiStudioList{display:flex;flex-direction:column;gap:10px}.aiItem{display:flex;gap:10px;align-items:center;border:1px solid #2b3442;border-radius:10px;padding:8px;background:#0f141b}.aiThumb{width:64px;height:42px;border-radius:8px;overflow:hidden;border:1px solid #2b3442;background:#111827;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:#1f2937;display:flex;justify-content:center;align-items:center;border-radius:14px;border:1px solid #2b3442;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:1px solid #2b3442;background:#0f141b;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:#1a1a1a;border-top:1px solid #333;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center}.sceneThumb{width:180px;min-width:180px;height:100px;border:1px solid #2b3442;border-radius:12px;background:#0f141b;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:1px solid #1f2937}.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:#1f2937;color:#fff;border:1px solid #2b3442;border-radius:8px;cursor:pointer}.thumbBtn.danger{background:#7f1d1d;border-color:#991b1b}.sceneThumbMedia{flex:1;position:relative;background:#111827}.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:1px solid #1f2937}.transitionChip{width:auto;min-width:24px;height:44px;border:1px solid #2b3442;border-radius:12px;background:#0f141b;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:#1f2937;color:#fff;border:1px solid #2b3442;border-radius:10px;padding:0 10px}.sceneCard{margin-bottom:12px;padding:10px;background:#111827;border:1px solid #2b3442;border-radius:10px;min-width:0;overflow:hidden}.sceneCard.active{border-color:#2563eb}.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:#1f2937;color:#fff;border:1px solid #2b3442;cursor:pointer;border-radius:8px}.sceneSmallBtn.primary{background:#2563eb;border-color:#1d4ed8}.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:#0f141b;color:#fff;border:1px solid #2b3442;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:1px solid #2b3442;border-radius:10px;overflow:hidden}.listItem{padding:10px;background:#0f141b;border-bottom:1px solid #1f2937}.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:#0f141b;border:1px solid #2b3442;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:1px solid #2b3442;background:#111827;color:#fff;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:1px solid #2b3442;border-radius:12px;background:#0f141b;overflow:hidden;cursor:grab}.mediaTile:active{cursor:grabbing}.mediaThumb{width:100%;height:76px;background:#111827}.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:#0f141b;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:#0b1220;border-top:1px solid #1f2937;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}