:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#171717;color:#eee;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}html,body{position:fixed;inset:0;touch-action:none}body{height:100dvh}input,textarea{-webkit-user-select:text;user-select:text;touch-action:auto}.sceneLayer canvas{touch-action:none}#splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;gap:12px;background:radial-gradient(circle at 50% 35%,#1a1a1a,#0a0a0a 70%),#050505;color:#f4f4f4;transition:opacity .32s ease;grid-auto-rows:min-content}#splash.hide{opacity:0;pointer-events:none}#splash .splash-mark{width:56px;height:56px;border-radius:14px;background:conic-gradient(from 90deg,#1ed9a6,#ff4d5d,#f8d25c,#1ed9a6);box-shadow:0 0 36px #1ed9a666;animation:splashPulse 1.4s ease-in-out infinite}#splash .splash-label{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#d6d6d6}#splash .splash-bar{width:160px;height:3px;border-radius:99px;background:#ffffff1a;overflow:hidden}#splash .splash-bar span{display:block;width:30%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1ed9a6,#f8d25c);animation:splashSlide 1.2s ease-in-out infinite}@keyframes splashPulse{0%,to{transform:scale(1)}50%{transform:scale(.92)}}@keyframes splashSlide{0%{transform:translate(-110%)}to{transform:translate(360%)}}button,textarea,input{font:inherit}button{cursor:pointer;transition:transform 80ms ease,border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease,opacity .12s ease}button:active:not(:disabled){transform:scale(.96)}button:focus-visible{outline:2px solid color-mix(in srgb,var(--primary),transparent 35%);outline-offset:1px}.app{position:relative;height:100%;overflow:hidden;background:linear-gradient(180deg,#202020,#151515 42%,#111),#151515}.sceneLayer{position:fixed;inset:42px 336px 34px 54px;z-index:0;overflow:hidden;background:radial-gradient(circle at 18% 24%,color-mix(in srgb,var(--secondary),transparent 78%),transparent 28rem),radial-gradient(circle at 82% 62%,color-mix(in srgb,var(--primary),transparent 80%),transparent 30rem),#050609}.sceneLayer canvas{display:block;width:100%;height:100%;outline:none}.grain{position:fixed;inset:42px 336px 34px 54px;z-index:1;pointer-events:none;opacity:.15;mix-blend-mode:screen;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,black 0%,transparent 78%)}.appHeader{position:fixed;top:0;left:0;right:0;z-index:6;display:grid;grid-template-columns:224px minmax(260px,1fr) auto auto;align-items:center;height:42px;border-bottom:1px solid #2d2d2d;background:#242424;box-shadow:0 1px #ffffff0a inset}.appIdentity{display:flex;min-width:0;align-items:center;gap:10px;height:100%;padding:0 12px;border-right:1px solid #303030}.brandMark{display:grid;width:26px;height:26px;place-items:center;flex:0 0 auto;border-radius:6px;color:#0b0b0b;background:linear-gradient(135deg,var(--primary),var(--accent))}h1{max-width:134px;margin:0;overflow:hidden;color:#f4f4f4;font-size:13px;font-weight:760;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.appIdentity span:not(.brandMark){display:block;max-width:134px;margin-top:2px;overflow:hidden;color:#a9a9a9;font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.menuStrip,.workspaceTabs,.topActions{display:flex;align-items:center;min-width:0}.menuStrip{gap:2px;padding:0 8px}.menuStrip button,.workspaceTabs button,.panelTabs button{border:0;color:#d0d0d0;background:transparent}.menuStrip button{min-height:28px;padding:0 10px;border-radius:4px;font-size:12px}.menuStrip button:hover,.workspaceTabs button:hover,.panelTabs button:hover{background:#343434}.menuStrip .menuTrigger{position:relative;display:flex;align-items:center}.menuStrip .menuTrigger>button.active{color:#f6f6f6;background:#3b3b3b}.menuPopover{position:absolute;top:calc(100% + 4px);left:0;z-index:30;display:flex;min-width:220px;flex-direction:column;padding:4px;border:1px solid #3a3a3a;border-radius:7px;background:#1d1d1d;box-shadow:0 12px 28px #0000008c,0 2px 6px #0006}.menuPopover .menuItem{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:8px;min-height:28px;padding:0 10px 0 6px;border:0;border-radius:4px;color:#e0e0e0;background:transparent;font-size:12px;text-align:left}.menuPopover .menuItem:hover:not(:disabled){background:color-mix(in srgb,var(--primary),transparent 80%);color:#fff}.menuPopover .menuItem:disabled{color:#666;cursor:not-allowed}.menuItemCheck{display:grid;width:14px;place-items:center;color:var(--accent)}.menuItemLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menuItemShortcut{color:#888;font-size:10.5px;font-weight:600;letter-spacing:.04em}.menuDivider{height:1px;margin:4px;background:#2e2e2e}.workspaceTabs{gap:1px;padding:4px;border-left:1px solid #303030;border-right:1px solid #303030}.workspaceTabs button,.panelTabs button{min-height:28px;padding:0 11px;border-radius:3px;font-size:12px;font-weight:650}.workspaceTabs button.active,.panelTabs button.active{color:#f6f6f6;background:#3b3b3b}.topActions{justify-content:flex-end;gap:4px;padding:0 8px}.toolRail{position:fixed;top:42px;left:0;bottom:34px;z-index:4;display:flex;width:54px;flex-direction:column;align-items:center;gap:5px;padding:8px 6px;border-right:1px solid #2c2c2c;background:#202020}.toolButton,.iconButton,.cameraPad button{display:grid;place-items:center;border:1px solid transparent;border-radius:5px;color:#cfcfcf;background:transparent;transition:border-color .12s ease,background .12s ease,color .12s ease}.toolButton{width:36px;height:34px}.toolButton:hover,.iconButton:hover,.cameraPad button:hover{border-color:#4b4b4b;background:#303030;color:#fff}.toolButton.active,.iconButton.active,.cameraPad button:active{border-color:color-mix(in srgb,var(--primary),#ffffff 10%);color:#f8f8f8;background:color-mix(in srgb,var(--primary),transparent 82%)}.iconButton{width:30px;height:30px;min-width:30px;padding:0}.iconButton:disabled{color:#555;cursor:not-allowed}.iconButton:disabled:hover{border-color:transparent;background:transparent;color:#555}.viewportHeader{position:fixed;top:42px;left:54px;right:336px;z-index:3;display:flex;align-items:center;justify-content:space-between;min-width:0;height:32px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.08);color:#c9c9c9;background:#181818d1;backdrop-filter:blur(12px)}.viewportHeader div{display:flex;min-width:0;align-items:center;gap:9px}.viewportHeader strong,.viewportHeader span{min-width:0;overflow:hidden;font-size:11px;font-weight:680;line-height:1;text-overflow:ellipsis;white-space:nowrap}.viewportHeader span{color:#9e9e9e}.dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--primary);box-shadow:0 0 14px var(--primary)}.inspector{position:fixed;top:42px;right:0;bottom:34px;z-index:5;width:336px;overflow:auto;border-left:1px solid #2c2c2c;background:#202020;scrollbar-width:thin}.panelTabs{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:6px;border-bottom:1px solid #303030;background:#202020}.panelSection{display:grid;gap:11px;padding:14px;border-bottom:1px solid #303030}.sectionTitle{display:flex;align-items:center;gap:8px;color:#d6d6d6;font-size:11px;font-weight:760;line-height:1;text-transform:uppercase}.sectionHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.sectionResetButton{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border:1px solid #3a3a3a;border-radius:99px;color:#b8b8b8;background:#232323;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sectionResetButton:hover{border-color:color-mix(in srgb,var(--secondary),transparent 40%);color:#f4f4f4;background:color-mix(in srgb,var(--secondary),transparent 78%)}.colorRow{display:grid;grid-template-columns:1fr 86px 38px;gap:8px}.hexInput{height:26px;padding:0 8px;border:1px solid #3c3c3c;border-radius:5px;outline:none;color:#f3f3f3;background:#151515;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.04em;text-transform:lowercase}.hexInput:focus{border-color:color-mix(in srgb,var(--primary),#ffffff 16%)}.audioFileRow{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid #2c2c2c;border-radius:5px;background:#1a1a1a}.audioFileName{flex:1;min-width:0;overflow:hidden;color:#d4d4d4;font-size:11.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.audioBeatDot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);transition:transform 60ms linear,opacity 60ms linear}.spectrumOverlay{position:fixed;bottom:50px;left:168px;z-index:7;display:flex;align-items:flex-end;gap:5px;width:78px;height:56px;padding:4px 6px;border:1px solid color-mix(in srgb,var(--primary),transparent 60%);border-radius:8px;background:#0a0a0ac7;backdrop-filter:blur(6px);pointer-events:none}.spectrumBar{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center}.spectrumBar>div{width:100%;min-height:2px;border-radius:2px;background:linear-gradient(to top,var(--primary),var(--accent));transition:height 60ms linear}.spectrumBar>span{position:absolute;bottom:-16px;left:0;right:0;font-size:8px;font-weight:700;color:#888;text-align:center}.notifWrap{position:relative}.notifBadge{position:absolute;top:-2px;right:-2px;min-width:14px;height:14px;padding:0 3px;display:grid;place-items:center;border-radius:99px;background:var(--secondary);color:#0a0a0a;font-size:9px;font-weight:800;line-height:1}.notifPopover{position:absolute;top:calc(100% + 6px);right:0;z-index:30;width:280px;max-height:360px;overflow-y:auto;border:1px solid #3a3a3a;border-radius:8px;background:#1d1d1d;box-shadow:0 14px 30px #0009}.notifHead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #2c2c2c;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.notifList{display:grid;gap:0;margin:0;padding:4px;list-style:none}.notifList li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:4px;font-size:12px;color:#d4d4d4}.notifList li:hover{background:#232323}.notifList time{color:#888;font-size:10px;font-weight:600;white-space:nowrap}.exportProgress{position:fixed;bottom:70px;left:50%;z-index:80;display:grid;gap:6px;min-width:280px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--primary),transparent 50%);border-radius:10px;background:#0f0f0ff2;color:#f3f3f3;box-shadow:0 12px 30px #0000008c;transform:translate(-50%);font-size:12px;font-weight:700;letter-spacing:.04em}.exportProgressBar{height:4px;border-radius:99px;background:#ffffff1a;overflow:hidden}.exportProgressBar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .2s ease}.theme-light{background:linear-gradient(180deg,#f4f4f4,#e5e5e5 42%,#dadada)}.theme-light .appHeader,.theme-light .toolRail,.theme-light .inspector,.theme-light .timelineBar{border-color:#ccc;background:#f0f0f0;color:#1a1a1a}.theme-light .menuStrip button,.theme-light .workspaceTabs button,.theme-light .panelTabs button{color:#2a2a2a}.theme-light .menuStrip button:hover,.theme-light .workspaceTabs button:hover,.theme-light .panelTabs button:hover{background:#d8d8d8}.theme-light .workspaceTabs button.active,.theme-light .panelTabs button.active{color:#0a0a0a;background:#cfcfcf}.theme-light h1{color:#1a1a1a}.theme-light .appIdentity span:not(.brandMark){color:#555}.theme-light .iconButton,.theme-light .toolButton{color:#2a2a2a}.theme-light .iconButton:hover,.theme-light .toolButton:hover{border-color:#999;background:#e8e8e8;color:#0a0a0a}.theme-light .viewportHeader{background:#f0f0f0d9;border-bottom-color:#ccc;color:#333}.theme-light .viewportHeader span{color:#666}.theme-light .panelSection{border-color:#d8d8d8}.theme-light .sectionTitle{color:#333}.theme-light .sliderRow span,.theme-light .colorRow span,.theme-light .layerRow,.theme-light .toggleRow>span{color:#2a2a2a}.theme-light .sliderRow strong{color:#0a0a0a}.theme-light .menuPopover{background:#f5f5f5;border-color:#ccc;color:#1a1a1a}.theme-light .menuPopover .menuItem{color:#1a1a1a}.theme-light .menuPopover .menuItem:hover:not(:disabled){background:color-mix(in srgb,var(--primary),white 70%);color:#0a0a0a}.theme-light textarea,.theme-light .seedRow input[type=number],.theme-light .hexInput{color:#1a1a1a;background:#fff;border-color:#ccc}.theme-light .presetButton,.theme-light .primaryButton.ghost,.theme-light .ghostButton,.theme-light .paletteSwatch,.theme-light .savedRow,.theme-light .layerRow,.theme-light .audioFileRow,.theme-light .colorRow,.theme-light .seedRow{background:#f9f9f9;border-color:#ccc;color:#1a1a1a}textarea{width:100%;min-height:92px;resize:vertical;padding:11px 12px;border:1px solid #3e3e3e;border-radius:5px;outline:none;color:#f3f3f3;background:#151515;caret-color:var(--accent);line-height:1.35;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}textarea:focus{border-color:color-mix(in srgb,var(--primary),#ffffff 16%);background:#101010;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 78%)}.promptActions{display:flex;gap:8px;align-items:center}.primaryButton,.presetButton,.segmentedControl button{min-height:32px;border:1px solid #3d3d3d;border-radius:5px;color:#e6e6e6;background:#2a2a2a;transition:border-color .12s ease,background .12s ease,color .12s ease}.primaryButton:hover,.presetButton:hover,.segmentedControl button:hover{border-color:#575757;background:#333}.primaryButton{display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;padding:0 14px;border-color:color-mix(in srgb,var(--primary),#111111 20%);color:#080808;font-size:13px;font-weight:780;background:linear-gradient(135deg,var(--primary),var(--accent))}.presetGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.presetButton{display:flex;min-width:0;align-items:center;gap:8px;padding:0 9px;color:#bdbdbd;text-align:left}.presetButton svg{flex:0 0 auto;color:var(--accent)}.presetButton span{min-width:0;overflow:hidden;font-size:12px;font-weight:700;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.presetButton.active{border-color:color-mix(in srgb,var(--primary),#ffffff 14%);color:#f8f8f8;background:color-mix(in srgb,var(--primary),transparent 83%)}.sliderRow{display:grid;gap:7px}.sliderRow span{display:flex;align-items:center;justify-content:space-between;color:#b8b8b8;font-size:12px;font-weight:650}.sliderRow strong{color:#eee;font-size:11px;font-weight:760}input[type=range]{width:100%;height:22px;margin:0;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--accent)) 0 / calc(var(--value, 1) * 100%) 100% no-repeat,#424242}input[type=range]::-webkit-slider-thumb{width:14px;height:14px;margin-top:-5px;appearance:none;border:2px solid #202020;border-radius:50%;background:#eee;box-shadow:0 0 14px var(--panel-glow)}input[type=range]::-moz-range-track{height:4px;border-radius:99px;background:#424242}input[type=range]::-moz-range-progress{height:4px;border-radius:99px;background:linear-gradient(90deg,var(--primary),var(--accent))}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid #202020;border-radius:50%;background:#eee}.segmentedControl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.segmentedControl button{font-size:12px;font-weight:720}.segmentedControl button.active{border-color:color-mix(in srgb,var(--primary),#ffffff 10%);color:#fff;background:color-mix(in srgb,var(--primary),transparent 82%)}.cameraPad{display:grid;grid-template-columns:repeat(3,38px);grid-auto-rows:34px;justify-content:center;gap:6px;padding-top:2px}.cameraPad span{display:block}.tokenChips{display:flex;flex-wrap:wrap;gap:5px}.chip{padding:3px 8px;border:1px solid color-mix(in srgb,var(--primary),transparent 60%);border-radius:99px;color:color-mix(in srgb,var(--accent),#ffffff 8%);background:color-mix(in srgb,var(--primary),transparent 86%);font-size:10px;font-weight:700;letter-spacing:.02em}.hintText{margin:0;color:#898989;font-size:11px;line-height:1.45}.primaryButton.small{flex:0 0 auto;min-height:28px;padding:0 12px;font-size:12px}.primaryButton.ghost{border-color:#3d3d3d;background:#2a2a2a;color:#e0e0e0}.primaryButton.ghost:hover{border-color:#565656;background:#333}.primaryButton:disabled{cursor:not-allowed;opacity:.5}.paletteGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.paletteSwatch{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-height:36px;padding:4px 9px 4px 4px;border:1px solid #3d3d3d;border-radius:5px;color:#d2d2d2;background:#2a2a2a;text-align:left;font-size:12px;font-weight:700;transition:border-color .12s ease,background .12s ease}.paletteSwatch:hover{border-color:#5a5a5a;background:#303030}.paletteSwatch.active{border-color:color-mix(in srgb,var(--primary),#ffffff 14%);color:#fff;background:color-mix(in srgb,var(--primary),transparent 82%)}.swatchBar{display:block;width:100%;height:22px;border-radius:4px;box-shadow:inset 0 0 0 1px #0006}.seedRow{display:grid;grid-template-columns:minmax(80px,1fr) auto;gap:8px;align-items:center}.seedRow input[type=number]{min-height:30px;padding:0 10px;border:1px solid #3e3e3e;border-radius:5px;outline:none;color:#f3f3f3;background:#151515;font-size:13px;font-weight:600;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.seedRow input[type=number]:focus{border-color:color-mix(in srgb,var(--primary),#ffffff 16%);background:#101010;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 78%)}.layerList{display:grid;gap:6px}.layerRow{display:flex;align-items:center;gap:9px;padding:6px 8px;border:1px solid #2f2f2f;border-radius:5px;color:#d8d8d8;background:#1c1c1c;font-size:12px;font-weight:600;cursor:pointer}.layerRow:hover{border-color:#444;background:#232323}.layerRow input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--primary)}.savedList{display:grid;gap:4px;margin:0;padding:0;list-style:none}.savedList li{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.savedRow{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;min-height:30px;padding:4px 8px 4px 4px;border:1px solid #2f2f2f;border-radius:5px;color:#dcdcdc;background:#1c1c1c;text-align:left;font-size:12px}.savedRow:hover{border-color:#555;background:#232323}.savedSwatch{display:block;width:18px;height:18px;border-radius:4px;box-shadow:inset 0 0 0 1px #0006}.savedTitle{min-width:0;overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.savedMeta{color:#828282;font-size:10.5px;font-weight:600;text-transform:uppercase}.captureRow{display:flex;flex-wrap:wrap;gap:8px}.captureGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.captureCard{position:relative;display:grid;gap:4px;padding:4px;border:1px solid #2f2f2f;border-radius:6px;background:#1a1a1a}.captureCard img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:4px;background:#050505}.captureInfo{display:flex;align-items:baseline;justify-content:space-between;gap:6px;padding:0 4px;color:#d2d2d2;font-size:10.5px}.captureInfo strong{min-width:0;overflow:hidden;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.captureInfo span{color:#828282;font-size:10px;font-weight:600}.captureActions{position:absolute;top:6px;right:6px;display:flex;gap:4px;padding:2px;border-radius:5px;background:#0a0a0ac7;backdrop-filter:blur(6px)}.captureActions .iconButton{width:24px;height:24px;min-width:24px}.fpsOverlay{position:fixed;top:80px;right:348px;z-index:7;display:flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--primary),transparent 60%);border-radius:99px;color:var(--primary);background:#0a0a0ac7;backdrop-filter:blur(8px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;letter-spacing:.04em;pointer-events:none}.toast{position:fixed;bottom:56px;left:50%;z-index:40;padding:9px 16px;border:1px solid color-mix(in srgb,var(--primary),transparent 60%);border-radius:99px;color:#fff;background:#141414eb;box-shadow:0 10px 24px #00000080;font-size:12px;font-weight:700;letter-spacing:.02em;transform:translate(-50%);animation:toastIn .24s ease;pointer-events:none}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.app.hideUi .appHeader,.app.hideUi .toolRail,.app.hideUi .viewportHeader,.app.hideUi .inspector,.app.hideUi .timelineBar{display:none!important}.app.hideUi .sceneLayer,.app.hideUi .grain{inset:0!important}.restoreUiButton{position:fixed;top:12px;right:12px;z-index:50;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid color-mix(in srgb,var(--primary),transparent 60%);border-radius:99px;color:#fff;background:#141414d9;backdrop-filter:blur(8px);font-size:11px;font-weight:700;letter-spacing:.04em}.restoreUiButton:hover{border-color:var(--primary)}.toggleRow{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:6px 0}.toggleRow>span{color:#b8b8b8;font-size:12px;font-weight:650}.toggleSwitch{position:relative;display:inline-block;width:36px;height:20px;flex:0 0 auto;border:1px solid #3a3a3a;border-radius:99px;background:#1a1a1a;transition:background .14s ease,border-color .14s ease}.toggleSwitch span{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#888;transition:transform .16s ease,background .16s ease}.toggleSwitch.on{border-color:color-mix(in srgb,var(--primary),#ffffff 12%);background:color-mix(in srgb,var(--primary),transparent 60%)}.toggleSwitch.on span{transform:translate(16px);background:#f4f4f4}.cameraViewGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.ghostButton{min-height:28px;padding:0 9px;border:1px solid #3a3a3a;border-radius:5px;color:#d6d6d6;background:#232323;font-size:11.5px;font-weight:650;text-align:left;transition:border-color .12s ease,background .12s ease}.ghostButton:hover{border-color:#565656;background:#2c2c2c}.promptLibrary{margin-top:4px;padding:6px 8px;border:1px solid #2c2c2c;border-radius:5px;background:#1a1a1a;color:silver;font-size:11px}.promptLibrary summary{cursor:pointer;font-weight:700;color:#d8d8d8}.promptLibrary summary:hover{color:var(--primary)}.promptLibrary ul{display:grid;gap:3px;margin:8px 0 0;padding:0;list-style:none}.promptLibrary li button{display:block;width:100%;padding:6px 8px;border:1px solid transparent;border-radius:4px;color:#c8c8c8;background:transparent;font-size:11px;text-align:left;line-height:1.35;cursor:pointer}.promptLibrary li button:hover{border-color:color-mix(in srgb,var(--primary),transparent 60%);color:#fff;background:color-mix(in srgb,var(--primary),transparent 86%)}.letterbox{position:absolute;inset:0;pointer-events:none;z-index:2}.letterbox:before,.letterbox:after{content:"";position:absolute;background:#000;box-shadow:inset 0 0 0 1px #ffffff0a}.letterbox:before{top:0;left:0;right:0}.letterbox:after{bottom:0;left:0;right:0}.letterbox:before,.letterbox:after{height:max(0px,calc((100% - (100cqw / var(--target-aspect, 1))) / 2))}@container (min-aspect-ratio: 1/1){.letterbox:before,.letterbox:after{height:max(0px,calc((100% - (100% / var(--target-aspect, 1))) / 2))}}.sceneLayer{container-type:size}.gridOverlay{position:absolute;inset:0;pointer-events:none;z-index:2}.gridOverlay:before,.gridOverlay:after{content:"";position:absolute;inset:0}.gridOverlay.grid-thirds:before{background-image:linear-gradient(to right,rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.22) 1px,transparent 1px);background-size:calc(100% / 3) calc(100% / 3);background-position:-1px -1px}.gridOverlay.grid-safe:before{inset:5%;border:1px dashed rgba(255,255,255,.3)}.gridOverlay.grid-safe:after{inset:10%;border:1px dashed rgba(255,255,255,.18)}.gridOverlay.grid-cross:before{background-image:linear-gradient(to right,transparent calc(50% - .5px),rgba(255,255,255,.35) calc(50% - .5px),rgba(255,255,255,.35) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),rgba(255,255,255,.35) calc(50% - .5px),rgba(255,255,255,.35) calc(50% + .5px),transparent calc(50% + .5px))}.statsOverlay{position:fixed;top:80px;right:348px;z-index:7;display:grid;gap:2px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--accent),transparent 60%);border-radius:7px;color:var(--accent);background:#0a0a0ac7;backdrop-filter:blur(8px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;font-weight:700;letter-spacing:.04em;pointer-events:none}.statsOverlay div{display:flex;align-items:center;gap:6px}.fpsOverlay+.statsOverlay{top:116px}.recordIndicator{position:fixed;top:80px;right:348px;z-index:8;display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #ff4d5d;border-radius:99px;color:#fff;background:#140505eb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800;letter-spacing:.06em}.recordDot{width:9px;height:9px;border-radius:50%;background:#ff4d5d;box-shadow:0 0 12px #ff4d5de6;animation:recordPulse 1.1s ease-in-out infinite}@keyframes recordPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}.audioMeter{position:fixed;bottom:50px;left:70px;z-index:7;display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid color-mix(in srgb,var(--primary),transparent 60%);border-radius:99px;background:#0a0a0ac7;backdrop-filter:blur(6px);color:var(--primary);font-size:10.5px;font-weight:700;pointer-events:none}.audioMeterTrack{position:relative;width:88px;height:5px;border-radius:99px;background:#2a2a2a;overflow:hidden}.audioMeterTrack>div{position:absolute;inset:0;background:linear-gradient(90deg,var(--primary),var(--accent));transform-origin:left center;transform:scaleX(.05);transition:transform 60ms linear}.iconButton.record{border-color:#ff4d5d;color:#ff4d5d;background:#ff4d5d1f}.iconButton.record:hover{background:#ff4d5d33}.autoCycleBadge{padding:1px 6px;border:1px solid color-mix(in srgb,var(--accent),transparent 50%);border-radius:99px;color:var(--accent)!important;font-size:9.5px!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.colorRow{display:grid;grid-template-columns:1fr 38px;align-items:center;gap:8px;padding:5px 8px;border:1px solid #2c2c2c;border-radius:5px;background:#1a1a1a}.colorRow span{color:#c8c8c8;font-size:11.5px;font-weight:650}.colorRow input[type=color]{width:38px;height:26px;padding:0;border:1px solid #3c3c3c;border-radius:5px;background:transparent;cursor:pointer}.colorRow input[type=color]::-webkit-color-swatch-wrapper{padding:0}.colorRow input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}.sceneLayer.hasBg{background-size:cover;background-position:center;background-repeat:no-repeat}.sceneLayer.mirrorX canvas{transform:scaleX(-1)}.sceneLayer.mirrorY canvas{transform:scaleY(-1)}.sceneLayer.mirrorX.mirrorY canvas{transform:scale(-1)}.styleGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.styleButton{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:6px 9px 6px 4px;border:1px solid #3a3a3a;border-radius:6px;background:#1c1c1c;color:#d4d4d4;font-size:11.5px;font-weight:700;text-align:left}.styleButton:hover{border-color:color-mix(in srgb,var(--primary),transparent 50%);background:color-mix(in srgb,var(--primary),transparent 88%);color:#fff}.styleSwatch{display:block;width:100%;height:22px;border-radius:4px;box-shadow:inset 0 0 0 1px #0006}.dragOverlay{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#0000008c;backdrop-filter:blur(4px);pointer-events:none;animation:fadeIn .14s ease}.dragOverlayInner{padding:22px 36px;border:2px dashed color-mix(in srgb,var(--primary),transparent 30%);border-radius:14px;color:#fff;background:#141414d9;font-size:16px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.midiList{display:grid;gap:5px}.midiRow{display:grid;grid-template-columns:1fr 70px auto auto;align-items:center;gap:6px;padding:5px 8px;border:1px solid #2c2c2c;border-radius:5px;background:#1a1a1a;color:#d4d4d4;font-size:11.5px;font-weight:600}.midiBindLabel{color:#888;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;text-align:right}.midiRow .iconButton{width:22px;height:22px;min-width:22px}.iconButton.primary{border-color:color-mix(in srgb,var(--primary),transparent 30%);color:color-mix(in srgb,var(--accent),#ffffff 5%);background:color-mix(in srgb,var(--primary),transparent 78%)}.iconButton.primary:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary),transparent 60%)}.modalShade{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0000009e;backdrop-filter:blur(10px);animation:fadeIn .2s ease}.modal{width:100%;max-width:460px;max-height:80vh;overflow-y:auto;padding:22px;border:1px solid #3a3a3a;border-radius:14px;background:#1a1a1a;color:#e6e6e6;box-shadow:0 24px 60px #000000a6;animation:scaleIn .2s ease}.modalHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #2c2c2c}.modalHeader strong{font-size:14px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.shortcutList{display:grid;gap:5px;margin:0;padding:0;list-style:none}.shortcutList li{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:12px;padding:7px 4px;border-radius:5px}.shortcutList li:hover{background:#232323}.shortcutList kbd{padding:4px 8px;border:1px solid #3d3d3d;border-bottom-width:2px;border-radius:4px;color:var(--primary);background:#111;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;text-align:center}.shortcutList span{color:#cdcdcd;font-size:12.5px}.welcomeModal{text-align:center;max-width:420px}.welcomeMark{display:grid;width:56px;height:56px;margin:4px auto 14px;place-items:center;border-radius:14px;color:#0a0a0a;background:linear-gradient(135deg,var(--primary),var(--accent));box-shadow:0 0 30px color-mix(in srgb,var(--primary),transparent 60%)}.welcomeModal h2{margin:0 0 8px;font-size:20px;font-weight:800}.welcomeModal p{margin:0 0 14px;color:#cdcdcd;font-size:13px;line-height:1.5}.welcomeTips{display:grid;gap:8px;margin:0 0 18px;padding:14px;border:1px solid #2c2c2c;border-radius:10px;background:#131313;list-style:none;text-align:left;font-size:12.5px;color:#d2d2d2}.welcomeTips strong{color:var(--primary);font-weight:800}.welcomeActions{display:flex;gap:8px;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.timelineBar{position:fixed;left:0;right:0;bottom:0;z-index:6;display:grid;grid-template-columns:180px minmax(120px,1fr) 292px;align-items:center;height:34px;border-top:1px solid #2d2d2d;background:#242424}.transport,.statusReadout{display:flex;align-items:center;min-width:0;gap:8px;padding:0 8px}.transport{border-right:1px solid #303030}.transport span,.statusReadout span{overflow:hidden;color:#bbb;font-size:11px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.timelineTrack{height:5px;margin:0 12px;overflow:hidden;border-radius:99px;background:#3b3b3b}.timelineTrack span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--accent))}.statusReadout{justify-content:flex-end;border-left:1px solid #303030}@media(max-width:980px){.appHeader{grid-template-columns:196px minmax(120px,1fr) auto}.workspaceTabs{display:none}.sceneLayer,.grain{right:0;bottom:286px}.viewportHeader{right:0}.inspector{inset:auto 0 34px 54px;width:auto;height:252px;border-top:1px solid #2c2c2c;border-left:0}.inspector{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,320px);overflow-x:auto;overflow-y:hidden}.panelTabs{position:sticky;left:0;top:0;grid-template-columns:1fr;width:78px;border-right:1px solid #303030;border-bottom:0}.panelSection{min-width:290px;border-right:1px solid #303030;border-bottom:0}.timelineBar{grid-template-columns:144px minmax(80px,1fr) 202px}}@media(max-width:620px){.appHeader{grid-template-columns:minmax(154px,1fr) auto}.menuStrip{display:none}.appIdentity{width:auto}.sceneLayer,.grain{left:0;right:0;bottom:372px}.toolRail{top:auto;right:0;bottom:286px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:36px;flex-direction:row;width:auto;height:auto;padding:6px 8px;gap:6px;overflow:hidden;border-top:1px solid #2c2c2c;border-right:0;touch-action:none}.toolButton{width:100%;height:36px;flex:0 0 auto}.iconButton{width:36px;height:36px;min-width:36px}.viewportHeader{left:0;right:0}.viewportHeader div:last-child{display:none}.inspector{left:0;display:block;overflow-x:hidden;overflow-y:auto;height:252px}.panelTabs{position:sticky;top:0;left:auto;grid-template-columns:repeat(3,minmax(0,1fr));width:auto;border-right:0;border-bottom:1px solid #303030}.panelSection{min-width:0;padding:11px 12px;border-right:0;border-bottom:1px solid #303030}textarea{min-height:78px;font-size:16px}.seedRow input[type=number]{font-size:16px}.presetGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.timelineBar{grid-template-columns:96px minmax(80px,1fr)}.statusReadout{display:none}.menuPopover{position:fixed;inset:auto 12px 12px;min-width:0;max-height:60vh;overflow-y:auto;border-radius:12px}.menuPopover .menuItem{min-height:40px;padding:0 12px 0 8px;font-size:13px}.audioMeter{bottom:290px}.recordIndicator,.statsOverlay,.fpsOverlay{right:12px}.toast{bottom:320px}.topActions .iconButton:nth-child(n+7){display:none}}@media(max-width:420px){.topActions .iconButton:nth-child(n+5){display:none}h1{font-size:12px}.appIdentity span:not(.brandMark){font-size:9px}}