@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #07070b;--bg-2: #0b0b12;--surface: rgba(255, 255, 255, .035);--surface-2: rgba(255, 255, 255, .06);--surface-solid: #101019;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--text: #f4f4f7;--text-2: #b6b8c6;--text-3: #7a7d8f;--accent: #8b7cff;--accent-2: #46d9ff;--accent-soft: rgba(139, 124, 255, .16);--grad: linear-gradient(115deg, #8b7cff 0%, #6f8cff 45%, #46d9ff 100%);--grad-text: linear-gradient(100deg, #ffffff 10%, #cfc6ff 55%, #8fe6ff 100%);--ok: #43e0a8;--danger: #ff6b81;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .3);--shadow-md: 0 18px 40px -18px rgba(0, 0, 0, .8);--shadow-glow: 0 10px 40px -12px rgba(139, 124, 255, .55);--ease: cubic-bezier(.22, .7, .28, 1);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-size:15px;line-height:1.55;overflow:hidden}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.15}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:#8b7cff59}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scroll-y{overflow-y:auto;overscroll-behavior:contain}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1a;border:3px solid transparent;background-clip:content-box;border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:content-box}.app{position:relative;display:flex;flex-direction:column;height:100dvh;isolation:isolate}.aurora{position:fixed;inset:0;z-index:-2;background:radial-gradient(60% 55% at 15% -5%,rgba(139,124,255,.22),transparent 60%),radial-gradient(50% 45% at 88% 8%,rgba(70,217,255,.16),transparent 62%),radial-gradient(45% 40% at 60% 105%,rgba(160,90,255,.14),transparent 65%),linear-gradient(180deg,var(--bg-2),var(--bg) 60%);animation:auroraDrift 24s var(--ease) infinite alternate}.grain{position:fixed;inset:-50%;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{width:100%;max-width:1360px;margin:0 auto;padding:0 24px}.site-header{position:relative;z-index:10;flex-shrink:0;border-bottom:1px solid var(--line);background:#09090e8c;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.header-inner{display:flex;align-items:center;gap:20px;height:68px}.brand{display:flex;align-items:center;gap:14px;min-width:0;border:none;background:none;padding:0;cursor:pointer;opacity:1;transition:opacity .15s ease}.brand:hover{opacity:.8}.brand-logo{height:30px;width:auto;display:block}.brand-divider{width:1px;height:22px;background:var(--line-strong)}.brand-word{font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--text-3);white-space:nowrap}.header-spacer{flex:1}.seg{display:inline-flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.seg-btn{appearance:none;border:0;background:transparent;color:var(--text-3);padding:7px 16px;border-radius:999px;font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .2s var(--ease),background .2s var(--ease)}.seg-btn:not([aria-pressed=true]):hover:not(:disabled){color:var(--text)}.seg-btn[aria-pressed=true]{color:#0a0a10;background:#fff;font-weight:600;box-shadow:0 2px 10px #00000059}.seg-btn:disabled{opacity:.35;cursor:not-allowed}.seg-sm .seg-btn{padding:6px 12px;font-size:12.5px}.nav-links{display:flex;align-items:center;gap:10px}.nav-link{appearance:none;padding:8px 17px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),transform .18s var(--ease)}.nav-link:hover:not(.active){color:var(--text);border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-1px)}.nav-link.active{background:#fff;border-color:transparent;color:#0a0a10;font-weight:600;box-shadow:0 2px 12px #0006}.main{flex:1;min-height:0;display:flex;flex-direction:column}.main-scroll{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.site-footer{flex-shrink:0;border-top:1px solid var(--line);background:#09090e8c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:12px;color:var(--text-3)}.footer-inner{display:flex;align-items:center;justify-content:center;gap:12px;height:44px;flex-wrap:wrap;text-align:center}.card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-md)}.btn{--btn-bg: var(--surface-2);--btn-fg: var(--text);appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);font-size:14px;font-weight:550;cursor:pointer;white-space:nowrap;transition:transform .18s var(--ease),background .2s var(--ease),border-color .2s var(--ease),box-shadow .25s var(--ease),opacity .2s}.btn:hover:not(:disabled){border-color:var(--line-strong);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{border-color:transparent;background:var(--grad);color:#08080d;font-weight:650;box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){box-shadow:0 14px 46px -10px #8b7cffb3}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);transform:translate(-120%);transition:transform .7s var(--ease)}.btn-primary:hover:not(:disabled):after{transform:translate(120%)}.btn-ghost{background:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-lg{padding:13px 26px;font-size:15px}.btn-sm{padding:7px 14px;font-size:13px}.btn-block{width:100%}.btn-ok{border-color:#43e0a866;color:var(--ok);background:#43e0a81a}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{appearance:none;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:13px;cursor:pointer;transition:all .2s var(--ease)}.chip:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-1px)}.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:12px;color:var(--text-2);white-space:nowrap}.pill b{color:var(--text);font-weight:600}.pill-accent{border-color:#8b7cff73;background:var(--accent-soft);color:var(--text);font-weight:600;letter-spacing:.03em}.player-column{display:flex;flex-direction:column;gap:10px;max-width:100%}.scene-transport{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--r-md);border:1px solid var(--line);background:#00000059}.transport-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.transport-btn:hover{color:var(--text);border-color:#8b7cff80;background:var(--accent-soft)}.transport-primary{background:var(--accent-soft);border-color:#8b7cff73;color:var(--text)}.transport-meta{margin-left:auto;padding-right:6px;font-size:12px;color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}.timeline{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:var(--r-md);border:1px solid var(--line);background:#00000059}.timeline-head{display:flex;align-items:baseline;justify-content:space-between;font-size:11.5px;color:var(--text-3)}.timeline-label{text-transform:uppercase;letter-spacing:.08em}.timeline-total{font-variant-numeric:tabular-nums}.timeline-track{position:relative;display:flex;gap:3px;height:46px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.timeline-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-sm)}.timeline-scene{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-width:34px;padding:6px 8px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text-3);font-size:11px;cursor:pointer;overflow:hidden;transition:border-color .15s var(--ease),background .15s var(--ease),color .15s var(--ease)}.timeline-scene:hover{color:var(--text-2);border-color:var(--line-strong)}.timeline-scene.is-selected{background:var(--accent-soft);border-color:#8b7cff8c;color:var(--text)}.timeline-scene.is-broken{border-color:#ff6b818c;background:#ff6b811a;color:var(--danger)}.timeline-scene-index{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:12px}.timeline-scene-dur{font-variant-numeric:tabular-nums;opacity:.75;white-space:nowrap}.timeline-playhead{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--accent-2);box-shadow:0 0 8px #46d9ffcc;transform:translate(-1px);pointer-events:none;border-radius:2px}@media(max-width:900px){.timeline-track{height:40px}.timeline-scene-dur{display:none}}.error-details{margin-top:10px;max-width:420px;font-size:12px;color:var(--text-3);text-align:left}.error-details summary{cursor:pointer;color:var(--text-2);font-size:12px;text-align:center;list-style:none}.error-details summary::marker,.error-details summary::-webkit-details-marker{display:none}.error-details summary:after{content:" ▾";opacity:.7}.error-details[open] summary:after{content:" ▴"}.error-details>span{display:block;margin-top:8px;padding:8px 10px;border-radius:var(--r-sm);background:#00000059;border:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;word-break:break-word;max-height:140px;overflow-y:auto}.render-progress{height:4px;margin:8px 0 2px;border-radius:999px;background:#ffffff17;overflow:hidden}.render-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#6ea8ff);transition:width .4s var(--ease)}.quality-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.quality-row .label{margin:0}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 #46d9ff99;animation:pulse 2.2s infinite}.label{display:block;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}.input,.select{width:100%;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:#00000047;color:var(--text);font-size:14px;outline:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.input:focus,.select:focus{border-color:#8b7cff99;box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--text-3)}.select{cursor:pointer;appearance:none;padding-right:34px;color-scheme:dark;background-color:#14141d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23b6b8c6' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.select:hover{border-color:var(--line-strong);background-color:#191924}.select option{background-color:#14141d;color:var(--text);padding:8px}.select option:checked,.select option:hover{background-color:#2a2440;color:#fff}.range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:99px;background:#ffffff1f;outline:none;cursor:pointer}.range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 4px #8b7cff40;transition:box-shadow .2s var(--ease)}.range::-webkit-slider-thumb:hover{box-shadow:0 0 0 7px #8b7cff4d}.range::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #8b7cff40}.generator{width:100%;max-width:940px;margin:0 auto;padding:48px 0 56px;animation:fadeUp .6s var(--ease) both;flex:none;display:flex;flex-direction:column}.hero{text-align:center;margin-bottom:30px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 8px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:12px;color:var(--text-2);margin-bottom:20px}.eyebrow .tag{padding:2px 8px;border-radius:999px;background:var(--grad);color:#08080d;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero-title{font-size:clamp(32px,5.2vw,54px);font-weight:700;letter-spacing:-.035em;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}.hero-sub{font-size:16px;color:var(--text-2);max-width:560px;margin:0 auto}.composer{border-radius:var(--r-xl);padding:6px;background:linear-gradient(140deg,#8b7cff59,#46d9ff1f 45%,#ffffff0d);box-shadow:var(--shadow-md);transition:box-shadow .3s var(--ease)}.composer.dragging{box-shadow:0 0 0 2px var(--accent),var(--shadow-glow)}.composer-inner{border-radius:23px;background:#0a0a10db;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:20px;display:flex;flex-direction:column;gap:16px}.composer-textarea{width:100%;min-height:132px;border:0;background:transparent;color:var(--text);font-size:17px;line-height:1.6;resize:none;outline:none;padding:6px 4px;font-family:inherit}.composer-textarea::placeholder{color:var(--text-3)}.composer-rule{height:1px;background:var(--line);margin:0 -20px}.composer-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tool-group{display:flex;align-items:center;gap:8px}.icon-btn{appearance:none;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;border:1px dashed var(--line-strong);background:transparent;color:var(--text-2);font-size:13px;cursor:pointer;transition:all .2s var(--ease)}.icon-btn:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.icon-btn.attached{border-style:solid;border-color:#43e0a873;background:#43e0a81a;color:var(--ok)}.icon-btn svg{flex-shrink:0}.thumb{width:20px;height:20px;border-radius:5px;object-fit:cover;border:1px solid var(--line-strong)}.x-btn{appearance:none;border:0;background:transparent;color:inherit;opacity:.6;cursor:pointer;padding:0 0 0 2px;font-size:15px;line-height:1}.x-btn:hover{opacity:1}.settings-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.setting{display:flex;flex-direction:column;gap:7px}.setting .seg{display:flex;width:100%}.setting .seg .seg-btn{flex:1;text-align:center;padding-left:8px;padding-right:8px}.suggestions{margin-top:26px;display:flex;flex-direction:column;flex:none}.preset-scroll{padding:2px 10px 10px 2px;margin-right:-8px}.suggestions-title{font-size:12px;color:var(--text-3);margin-bottom:12px;text-align:center;letter-spacing:.06em;text-transform:uppercase}.suggestions .chip-row{justify-content:center}.preset-group+.preset-group{margin-top:22px}.preset-group-title{display:block;margin-bottom:10px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-2)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.preset{appearance:none;display:flex;flex-direction:column;gap:8px;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--text-2);cursor:pointer;transition:transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease),box-shadow .25s var(--ease)}.preset:hover{transform:translateY(-2px);border-color:#8b7cff73;background:var(--surface-2);box-shadow:0 14px 30px -18px #8b7cffb3}.preset-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.preset-label{font-size:13.5px;font-weight:600;color:var(--text);letter-spacing:-.01em}.preset-cta{flex-shrink:0;padding:3px 9px;border-radius:999px;border:1px solid rgba(139,124,255,.35);background:var(--accent-soft);color:#c3b8ff;font-size:10.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.preset-text{font-size:12.5px;line-height:1.55;color:var(--text-3);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.error-banner{margin-top:18px;padding:12px 16px;border-radius:var(--r-md);border:1px solid rgba(255,107,129,.3);background:#ff6b811a;color:#ffa8b4;font-size:14px;display:flex;gap:10px;align-items:flex-start;animation:fadeUp .3s var(--ease) both}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid rgba(0,0,0,.25);border-top-color:currentColor;animation:spin .7s linear infinite}.spinner.light{border-color:#fff3;border-top-color:#fff}.status-line{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;font-size:13.5px;color:var(--text-2);animation:fadeUp .3s var(--ease) both}.workspace{display:flex;flex-direction:column;min-height:100%}.generator-inline{flex:none;max-width:none;padding:18px 0 0}.generator-inline .suggestions{display:none}.brief-bar{flex-shrink:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 0;padding:8px 8px 8px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.brief-open{flex:1;min-width:200px;display:flex;align-items:center;gap:10px;padding:6px 10px;border:0;border-radius:999px;background:transparent;color:var(--text-2);font-size:13.5px;text-align:left;cursor:text;transition:color .2s var(--ease),background .2s var(--ease)}.brief-open:hover{color:var(--text);background:var(--surface-2)}.brief-open svg{flex-shrink:0;color:var(--accent)}.brief-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brief-hint{flex-shrink:0;font-size:11px;color:var(--text-3);border:1px solid var(--line);border-radius:999px;padding:3px 9px}.brief-tags{display:flex;gap:6px;flex-shrink:0}.brief-error{flex-basis:100%;margin:4px 0 0;border-radius:var(--r-md)}@media(max-width:640px){.brief-bar{border-radius:var(--r-lg)}.brief-tags{display:none}}.demos{width:100%;max-width:1180px;margin:0 auto;padding:44px 0 56px;animation:fadeUp .6s var(--ease) both}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;align-items:start}.demo-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;transition:transform .25s var(--ease),border-color .25s var(--ease),box-shadow .3s var(--ease)}.demo-card:hover{transform:translateY(-3px);border-color:#8b7cff73;box-shadow:0 22px 44px -24px #8b7cffbf}.demo-stage{position:relative;display:block;width:100%;padding:0;border:0;background:#000;cursor:pointer;line-height:0}.demo-frame{width:100%;max-height:460px;overflow:hidden;background:#000}.demo-mute-toggle{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#0a0a10d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line-strong);color:var(--text);cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}.demo-mute-toggle:hover{background:var(--accent-soft);border-color:var(--accent)}.demo-open{position:absolute;left:50%;bottom:12px;transform:translate(-50%) translateY(6px);display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#0a0a10d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line-strong);color:var(--text);font-size:12.5px;line-height:1;opacity:0;transition:opacity .2s var(--ease),transform .2s var(--ease);pointer-events:none}.demo-card:hover .demo-open,.demo-stage:focus-visible .demo-open{opacity:1;transform:translate(-50%) translateY(0)}.demo-error{display:flex;align-items:center;justify-content:center;gap:8px;height:100%;min-height:160px;padding:16px;text-align:center;color:var(--text-3);font-size:12.5px;line-height:1.5}.demo-meta{padding:14px 16px 16px}.demo-title{font-size:15px;font-weight:600;margin-bottom:4px}.demo-subtitle{font-size:13px;color:var(--text-2);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.demo-tags{display:flex;flex-wrap:wrap;gap:6px}.demos-foot{display:flex;justify-content:center;margin-top:32px}.empty-state code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;padding:2px 6px;border-radius:5px;background:var(--surface-2);color:var(--text)}.studio{display:flex;flex-direction:column;gap:14px;padding:18px 0 22px;flex:1;min-height:0;animation:fadeUp .5s var(--ease) both}.meta-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.meta-bar .spacer{flex:1}.studio-body{display:flex;gap:14px;flex:1;min-height:0}.stage{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:18px;border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(70% 70% at 50% 0%,rgba(139,124,255,.09),transparent 70%),#0000008c;overflow:hidden}.player-frame{position:relative;max-width:100%;max-height:100%;border-radius:var(--r-md);overflow:hidden;background:#000;box-shadow:0 30px 70px -30px #000000f2,0 0 0 1px var(--line)}.web-drag-target{cursor:move;outline:1px dashed rgba(139,124,255,.4);outline-offset:2px}.web-drag-target:hover{outline:2px dashed rgba(139,124,255,.95);background-color:#8b7cff0f}.web-drag-target.is-moved{outline:1px solid rgba(70,217,255,.65)}.web-drag-target.is-moved:hover{outline:2px solid rgba(70,217,255,.95)}.drag-grid-overlay{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.35;mix-blend-mode:difference;background-image:radial-gradient(circle,#fff 1px,transparent 1.2px),radial-gradient(circle,#fff 1px,transparent 1.2px),radial-gradient(circle,#fff 1.6px,transparent 1.9px),radial-gradient(circle,#fff 1.6px,transparent 1.9px);background-size:8px 12.5%,12.5% 8px,8px 100%,100% 8px;background-position:50% 50%}.player-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;background:#0b0b12;color:var(--text-2);font-size:13px;line-height:1.5}.player-error strong{color:var(--danger);font-weight:600;font-size:14px}.player-error .hint{color:var(--text-3);font-size:12px}.stage-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-3);font-size:14px}.inspector{width:320px;flex-shrink:0;display:flex;flex-direction:column;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);overflow:hidden}.inspector-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);flex-shrink:0}.inspector-body{flex:1;min-height:0;overflow-y:auto;padding:16px 14px}.inspector-foot{flex-shrink:0;padding:14px;border-top:1px solid var(--line);background:#00000040;display:flex;flex-direction:column;gap:10px}.prop{margin-bottom:16px}.prop-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}.prop-name{font-size:12px;font-weight:550;color:var(--text-2);text-transform:capitalize}.prop-value{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}.color-row{display:flex;align-items:center;gap:8px}.swatch{width:34px;height:34px;flex-shrink:0;padding:0;border:1px solid var(--line-strong);border-radius:9px;background:transparent;cursor:pointer;overflow:hidden}.swatch::-webkit-color-swatch-wrapper{padding:2px}.swatch::-webkit-color-swatch{border:0;border-radius:7px}.swatch::-moz-color-swatch{border:0;border-radius:7px}.section-note{font-size:12px;color:var(--text-3);padding:10px 12px;border:1px dashed var(--line);border-radius:var(--r-sm)}.inspector-title{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-2);flex:1}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:12.5px;color:var(--text-2)}.switch{appearance:none;width:36px;height:20px;border-radius:99px;background:#ffffff24;border:0;position:relative;cursor:pointer;flex-shrink:0;transition:background .22s var(--ease)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .22s var(--ease)}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(16px)}.render-note{font-size:11.5px;color:var(--text-3);text-align:center}.empty-state{max-width:460px;margin:80px auto;text-align:center;padding:40px 32px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}.empty-state h3{font-size:20px;margin-bottom:8px}.empty-state p{color:var(--text-2);font-size:14px;margin-bottom:22px}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #46d9ff8c}70%{box-shadow:0 0 0 7px #46d9ff00}to{box-shadow:0 0 #46d9ff00}}@keyframes auroraDrift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-2%,0) scale(1.06)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:900px){.studio{padding-bottom:16px;flex:none}.studio-body{flex-direction:column;flex:none}.stage{flex:none;height:auto;min-height:0;padding:8px}.inspector{width:100%;max-height:none;flex:none}.inspector-body{overflow-y:visible}}@media(max-width:640px){.shell{padding:0 14px}.header-inner{height:60px;gap:10px}.brand-divider,.brand-word{display:none}.brand-logo{height:26px}.generator{padding:28px 0 40px}.composer-inner{padding:14px}.composer-rule{margin:0 -14px}.composer-textarea{min-height:110px;font-size:16px}.hero-sub{font-size:14.5px}.footer-inner{height:auto;padding:10px 0;justify-content:center}.seg-btn{padding:6px 12px;font-size:13px}.stage{padding:6px}.scene-transport{flex-wrap:wrap;gap:6px}.transport-btn{flex:1;justify-content:center;padding:9px 12px}.transport-meta{width:100%;margin-left:0;text-align:center;padding:2px 0 0}.quality-row{flex-direction:column;align-items:stretch;gap:6px}}.web-demos{flex:none;margin:64px 0 8px;padding-top:40px;border-top:1px solid var(--line)}.web-demos-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.web-demos-title{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}.web-demos-sub{margin:6px 0 0;font-size:13.5px;color:var(--text-3)}.text-style-panel{display:flex;flex-direction:column;gap:12px;padding:12px;margin-bottom:4px;border:1px solid rgba(139,124,255,.35);border-radius:10px;background:#8b7cff0f}.text-style-panel>.label{color:var(--text);text-transform:none;letter-spacing:0;font-size:13px}.brief-images{display:flex;flex-direction:column;gap:8px;margin:14px 0 0}.brief-image{display:flex;align-items:center;gap:10px}.brief-image-thumb{flex:none;width:40px;height:40px;border-radius:8px;border:1px solid var(--line);object-fit:cover;background-color:#f4f4f6}.brief-image-desc{flex:1 1 auto;min-width:0;font-size:13px}.brief-image-remove{flex:none;padding:0 10px;font-size:16px;line-height:1}.web-demos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.web-demos-lg .web-demos-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.web-demos-lg .web-demos-title{font-size:24px}.web-demos-lg .web-demo-title{font-size:15px}.web-demos-lg .web-demo-sub{font-size:12.5px}.web-demos-lg .web-demo-meta{padding:0 16px 16px}.web-demo{position:relative;display:flex;flex-direction:column;gap:10px;padding:0;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden;cursor:pointer;text-align:left;transition:border-color .15s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease)}.web-demo:hover{border-color:#8b7cff80;transform:translateY(-2px);box-shadow:var(--shadow-md)}.web-demo:focus-within{outline:2px solid var(--accent);outline-offset:2px}.web-demo-hit{position:absolute;inset:0;padding:0;border:0;background:none;cursor:pointer}.web-demo-frame{display:block;width:100%;aspect-ratio:16 / 9;background-color:#05050a;overflow:hidden}.back-link{align-self:flex-start;margin-bottom:4px}.web-demo-loading{display:block;width:100%;height:100%;background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:220% 100%;animation:demo-shimmer 1.4s linear infinite}@keyframes demo-shimmer{to{background-position:-120% 0}}.web-demo-meta{display:flex;flex-direction:column;gap:3px;padding:0 14px 14px}.web-demo-title{font-size:14px;font-weight:550;color:var(--text)}.web-demo-sub{font-size:12px;color:var(--text-3)}