@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}.seg-block{display:flex;width:100%}.seg-block .seg-btn{flex:1;padding-left:0;padding-right:0}.inspector-body .seg-block{flex-wrap:wrap;border-radius:14px}.inspector-body .seg-block .seg-btn{flex:1 1 auto;padding:6px 8px;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}.main-scroll.shell{max-width:none}.workspace{width:100%;max-width:1312px;margin-inline: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}.workspace:has(+.site-footer-full){flex-shrink:0}.site-footer-full{flex:none;width:100%;max-width:1312px;margin:72px auto 0;padding:44px 0 28px;border-top:1px solid var(--line);font-size:13.5px;color:var(--text-3)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:32px}.footer-brand .brand-logo{height:28px}.footer-brand p{margin:14px 0 18px;max-width:300px;line-height:1.6}.footer-social{display:flex;gap:8px}.footer-social a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;color:var(--text-2);transition:color .15s ease,border-color .15s ease,background .15s ease}.footer-social a:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface-2)}.footer-social svg{width:16px;height:16px}.footer-col h4{margin:4px 0 14px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-2)}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.footer-col a,.footer-bottom a{color:var(--text-3);text-decoration:none;transition:color .15s ease}.footer-col a:hover,.footer-bottom a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}@media(max-width:860px){.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1 / -1}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-bottom{flex-direction:column}}.header-nav{display:flex;align-items:center;gap:4px}.header-nav a{padding:7px 12px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--text-2);text-decoration:none;transition:color .15s ease,background .15s ease}.header-nav a:hover{color:var(--text);background:var(--surface-2)}.lang-picker{position:relative;margin-left:6px}.lang-trigger{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px 0 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-2);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.lang-trigger:hover{color:var(--text);border-color:var(--line-strong);background:var(--surface-2)}.lang-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.lang-trigger[aria-expanded=true]{color:var(--text);border-color:#8b7cff8c;background:var(--accent-soft)}.lang-trigger>svg:first-child{color:var(--accent)}.lang-trigger-code{display:none;letter-spacing:.04em;font-weight:600}.lang-trigger-chevron{opacity:.7;transition:transform .2s var(--ease)}.lang-trigger[aria-expanded=true] .lang-trigger-chevron{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;width:232px;padding:6px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface-solid);box-shadow:0 24px 60px #0009,0 0 0 1px #8b7cff0f;transform-origin:top right;animation:lang-menu-in .16s var(--ease)}@keyframes lang-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}}@media(prefers-reduced-motion:reduce){.lang-menu{animation:none}.lang-trigger-chevron{transition:none}}.lang-menu-title{padding:6px 10px 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.lang-option{display:flex;align-items:center;gap:11px;width:100%;padding:7px 10px 7px 7px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.lang-option:hover,.lang-option:focus-visible{background:var(--surface-2);outline:none}.lang-option[aria-selected=true]{background:var(--accent-soft)}.lang-code{flex:none;width:30px;height:24px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--line-strong);font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--text-2)}.lang-option[aria-selected=true] .lang-code{border-color:transparent;background:var(--grad);color:#fff;box-shadow:var(--shadow-glow)}.lang-names{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.lang-native{font-size:13.5px;font-weight:600}.lang-local{font-size:12px;color:var(--text-3)}.lang-check{flex:none;color:var(--accent)}.account-signin{margin-left:6px;height:34px;padding:0 16px;border:0;border-radius:999px;background:var(--grad);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-glow);transition:filter .15s ease,transform .15s ease}.account-signin:hover{filter:brightness(1.08)}.account-signin:focus-visible{outline:2px solid #fff;outline-offset:2px}.account{position:relative;margin-left:6px}.account-trigger{display:inline-flex;align-items:center;gap:8px;height:34px;max-width:200px;padding:0 12px 0 3px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-2);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.account-trigger:hover,.account-trigger[aria-expanded=true]{color:var(--text);border-color:var(--line-strong);background:var(--surface-2)}.account-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.account-avatar{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--grad);color:#fff;font-size:12px;font-weight:700}.account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;width:240px;padding:6px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface-solid);box-shadow:0 24px 60px #0009;animation:lang-menu-in .16s var(--ease)}.account-who{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}.account-who-label{font-size:11px;color:var(--text-3)}.account-who-email{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis}.account-item{display:block;width:100%;padding:9px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font:inherit;font-size:13px;text-align:left;text-decoration:none;cursor:pointer}.account-item:hover,.account-item:focus-visible{background:var(--surface-2);outline:none}.signin-hint{margin:14px 0 0;text-align:center;font-size:12.5px;color:var(--text-3)}.signin-backdrop{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:16px;background:#040408b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeUp .2s var(--ease) both}.signin-dialog{position:relative;width:min(400px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;padding:28px 28px 22px;border-radius:var(--r-xl);border:1px solid var(--line-strong);background:radial-gradient(80% 50% at 50% 0%,rgba(139,124,255,.16),transparent 70%),var(--surface-solid);box-shadow:0 40px 100px #000000b3;text-align:center}.signin-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--text-3);font-size:22px;line-height:1;cursor:pointer}.signin-close:hover{color:var(--text);background:var(--surface-2)}.signin-logo{height:30px;margin:4px auto 14px;display:block}.signin-title{font-size:21px;font-weight:650;letter-spacing:-.01em}.signin-sub{margin:6px 0 20px;font-size:13.5px;color:var(--text-2)}.signin-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:44px;border:0;border-radius:12px;background:#fff;color:#1f1f1f;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:filter .15s ease}.signin-google:hover:not(:disabled){filter:brightness(.94)}.signin-google:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.signin-or{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:12px;color:var(--text-3)}.signin-or:before,.signin-or:after{content:"";flex:1;height:1px;background:var(--line)}.signin-form{display:flex;flex-direction:column;gap:12px;text-align:left}.signin-field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:550;color:var(--text-2)}.signin-field .input{font-size:14.5px}.signin-error{margin:0;padding:9px 12px;border-radius:var(--r-sm);background:#ff6b811a;border:1px solid rgba(255,107,129,.35);color:#ffb3bf;font-size:13px}.signin-form .btn-primary{margin-top:4px;height:44px}.signin-switch{margin:16px 0 0;font-size:13px;color:var(--text-3)}.signin-switch button{border:0;padding:0;background:none;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}.signin-switch button:hover{text-decoration:underline}.signin-legal{margin:10px 0 0;font-size:11.5px;color:var(--text-3);line-height:1.5}.signin-legal a{color:var(--text-2)}.web-demos.my-projects{margin:32px 0 56px;padding-top:0;border-top:0}.web-demos.my-projects .web-demos-head{margin-bottom:28px}.web-demos.my-projects .web-demos-title{font-size:30px;letter-spacing:-.02em}.web-demos.my-projects .web-demos-sub{margin-top:8px;font-size:14.5px}.back-link+.web-demos-lg{margin-top:32px;padding-top:0;border-top:0}.back-link:has(+.web-demos-lg:not(.my-projects)){margin-left:min(0px,calc((100% - min(1640px,100vw - 96px))/2))}.my-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.my-project{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);overflow:hidden;transition:border-color .2s ease,transform .25s var(--ease),box-shadow .25s var(--ease)}.my-project:hover{border-color:#8b7cff80;transform:translateY(-2px);box-shadow:var(--shadow-glow)}@media(prefers-reduced-motion:reduce){.my-project:hover{transform:none}}.my-project-frame{position:relative;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;background:radial-gradient(70% 70% at 50% 0%,rgba(139,124,255,.08),transparent 70%),#0b0b12;border-bottom:1px solid var(--line)}.my-project-still{height:100%;max-width:100%;overflow:hidden;display:block;background:#14141d}.my-project-still-empty{display:block;width:100%;height:100%}.my-project-meta{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px;min-width:0}.my-project-title{font-size:14px;font-weight:600;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.my-project-spec{font-size:12px;color:var(--text-2)}.my-project-date{font-size:12px;color:var(--text-3)}.my-projects-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:88px 24px;background:#ffffff04;text-align:center;color:var(--text-2);border:1px dashed var(--line);border-radius:var(--r-lg)}.my-projects-empty p{margin:0;font-size:15px}.my-projects-empty-icon{width:56px;height:56px;display:grid;place-items:center;margin-bottom:4px;border-radius:16px;background:var(--accent-soft);color:var(--accent)}.my-projects-more{display:flex;justify-content:center;margin-top:20px}.header-nav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.header-nav a{white-space:nowrap}.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}.btn-danger{border-color:#ff6b8180;color:#fff;background:#ff6b81bf}.btn-danger:hover:not(:disabled){background:var(--danger)}.btn-danger-ghost{color:var(--danger);border-color:#ff6b814d}.btn-danger-ghost:hover:not(:disabled){background:#ff6b811a}.btn-pair{display:flex;gap:8px;flex-wrap:wrap}.btn-pair .btn{flex:1}.scene-delete{display:flex;flex-direction:column;gap:8px;margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}.scene-delete-ask{font-size:12.5px;color:var(--text-2)}.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%;container-type:inline-size}@container (max-width: 380px){.scene-transport .transport-label{display:none}.scene-transport .transport-btn{padding:8px 11px}.scene-transport .transport-meta{font-size:11px;padding-right:2px}}.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:64px;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-thumb{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.timeline-scene-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000008c,#0000 45%,#0000008c)}.timeline-scene:has(.timeline-scene-thumb){color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.timeline-scene:has(.timeline-scene-thumb).is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.timeline-scene-index,.timeline-scene-dur{position:relative;z-index:1}.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:64px}.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}.style-picker{position:relative}.style-trigger{display:flex;align-items:center;gap:10px;text-align:left;padding-top:6px;padding-bottom:6px;padding-left:6px}.style-trigger-thumb{width:42px;height:26px;border-radius:5px;object-fit:cover;flex:none;box-shadow:0 0 0 1px var(--line)}.style-menu{position:fixed;z-index:1000;overflow-y:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:#101019;box-shadow:0 24px 60px #0009}@media(max-width:720px){.style-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.style-menu{position:fixed;inset:auto 12px 12px;width:auto;max-height:72vh;grid-template-columns:repeat(2,minmax(0,1fr))}}.style-option{display:flex;flex-direction:column;gap:3px;padding:6px 6px 9px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:background-color .15s var(--ease),border-color .15s var(--ease)}.style-option:hover,.style-option:focus-visible{background:var(--surface-2);border-color:var(--line-strong);outline:none}.style-option[aria-selected=true]{border-color:#8b7cffb3;background:var(--accent-soft)}.style-option-thumb{width:100%;aspect-ratio:16 / 10;border-radius:7px;object-fit:cover;margin-bottom:5px;background:#14141d;transition:transform .25s var(--ease)}.style-option:hover .style-option-thumb{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){.style-option:hover .style-option-thumb{transform:none}}.style-option-name{font-size:13px;font-weight:600;padding:0 2px}.style-option-blurb{font-size:12px;color:var(--text-3);line-height:1.3;padding:0 2px}.music-picker{position:relative;display:inline-flex}.music-menu{position:fixed;z-index:1000;overflow-y:auto;padding:6px;border-radius:var(--r-md);border:1px solid var(--line-strong);background:#101019;box-shadow:0 24px 60px #0009}.music-row{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border-radius:var(--r-sm)}.music-row:hover{background:var(--surface-2)}.music-row[aria-selected=true]{background:var(--accent-soft)}.music-play{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);background:transparent;color:var(--text);cursor:pointer}.music-play:hover,.music-play:focus-visible{border-color:var(--accent);background:var(--accent-soft);outline:none}.music-choose{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 4px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.music-choose:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.music-name{font-size:13px;font-weight:600}.music-mood{font-size:12px;color:var(--text-3)}.music-check{color:var(--accent);flex:none}.soundtrack{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}.soundtrack-now{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);min-width:0}.soundtrack-now strong{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundtrack-actions{display:flex;flex-wrap:wrap;gap:6px}.soundtrack-error{font-size:12px;color:var(--danger)}.voiceover{display:flex;flex-direction:column;gap:10px}.voiceover-intro{margin:0;font-size:12.5px;line-height:1.5;color:var(--text-3)}.voiceover-add{align-self:flex-start}.voiceover-voice{display:flex;flex-direction:column;gap:8px}.voiceover-voice label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--text-2)}.voiceover-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.voiceover-line{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#0000002e}.voiceover-line-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:var(--text-2)}.voiceover-state{font-weight:500;color:var(--text-3);display:inline-flex;align-items:center}.voiceover-line textarea{width:100%;resize:vertical;min-height:52px;font:inherit;font-size:13px;line-height:1.45;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:7px 9px;box-sizing:border-box}.voiceover-line textarea:focus{outline:none;border-color:var(--accent)}.voiceover-line-actions{display:flex;gap:6px;flex-wrap:wrap}.voiceover-line-actions .icon-btn{display:inline-flex;align-items:center;gap:5px}.voiceover-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}.voiceover-notice{font-size:12px;color:var(--text-2)}.voice-chip{display:inline-flex;align-items:center;gap:6px}.select.select-compact{width:auto;padding:5px 30px 5px 10px;font-size:12.5px;border-radius:8px;background-position:right 10px center}.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;flex-wrap:wrap}.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;white-space:nowrap;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{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:border-color .2s var(--ease)}.preset-group+.preset-group{margin-top:8px}.preset-group[data-open]{border-color:#8b7cff59}.preset-group-row{appearance:none;width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;border:0;background:none;color:inherit;text-align:left;cursor:pointer;border-radius:inherit}.preset-group-row:hover{background:var(--surface-2)}.preset-group-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.preset-group-title{flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-2)}.preset-group-names{flex:1;min-width:0;font-size:12.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-group-count{flex-shrink:0;min-width:22px;padding:2px 7px;border-radius:999px;background:var(--accent-soft);color:#c3b8ff;font-size:11px;font-weight:600;text-align:center}.preset-group-chevron{flex-shrink:0;color:var(--text-3);transition:transform .2s var(--ease)}.preset-group[data-open] .preset-group-chevron{transform:rotate(180deg)}.preset-group-row[data-always-open]{cursor:default;color:inherit;opacity:1}.preset-group-row[data-always-open]:hover{background:none}.preset-group-row[data-always-open] .preset-group-chevron,.preset-group-row[data-always-open] .preset-group-names{display:none}.preset-group .preset-grid{padding:4px 14px 14px;animation:fadeUp .25s var(--ease) both}@media(max-width:560px){.preset-group-names{display:none}.preset-group-title{flex:1}}.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}@media(min-width:901px){.generator-inline+.studio{flex:none;height:calc(100dvh - 140px);min-height:520px}}.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:10px;border-bottom:1px solid var(--line);flex-shrink:0}.inspector-body{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:14px}.inspector-tabs{display:flex;gap:2px;flex:1;min-width:0;padding:3px;border-radius:11px;border:1px solid var(--line);background:#00000040}.inspector-tab{flex:1 1 auto;min-width:0;padding:7px 6px;border:0;border-radius:8px;background:transparent;color:var(--text-3);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:color .15s ease,background .15s ease}.inspector-tab:hover{color:var(--text)}.inspector-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.inspector-tab[aria-selected=true]{color:var(--text);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #8b7cff73}.inspector-body>.switch-row:first-of-type{border-top:0;padding-top:0}.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:10px}.prop-inline{display:flex;align-items:center;justify-content:space-between;gap:10px}.prop-inline .prop-head{margin-bottom:0;min-width:0}.prop-inline .color-row{flex:none;width:150px}.prop-inline .color-row .input{padding-top:7px;padding-bottom:7px;font-size:13px}.prop-inline .swatch{width:30px;height:30px}.prop-inline>.range{flex:none;width:150px}.prop-inline .prop-value{margin-left:6px}.inspector-body .input{padding:8px 11px;font-size:13px}.inspector-body .prop-head{margin-bottom:5px}.export-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.export-row .seg{flex:none}.export-btn{flex:1 1 auto;padding-left:12px;padding-right:12px;white-space:nowrap}.export-btn svg{flex:none}.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}.header-nav a{padding:7px 9px}.header-nav a[target]{display:none}.lang-picker{margin-left:2px}.lang-trigger{padding:0 9px;gap:6px}.lang-trigger-name{display:none}.lang-trigger-code{display:inline}.account-name{display:none}.back-link{margin-top:18px}.web-demos.my-projects{margin-top:22px}.web-demos.my-projects .web-demos-title{font-size:24px}.header-nav .nav-my-projects{display:none}.my-projects-empty{padding:56px 18px}.account-trigger{padding:0 3px}.account-signin{padding:0 12px}.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;margin-inline:min(0px,calc((100% - min(1640px,100vw - 96px))/2));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:flex;flex-direction:column;gap:16px}.web-demos-row{display:flex;justify-content:center;gap:16px}.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;flex:none;min-width:0;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:#8b7cff8c;transform:translateY(-3px);box-shadow:var(--shadow-md),0 14px 44px -12px #8b7cff73}.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{position:relative;display:block;width:100%;background-color:#05050a;overflow:hidden}.web-demo-frame>:not(.web-demo-badge){transition:transform .5s var(--ease)}.web-demo:hover .web-demo-frame>:not(.web-demo-badge){transform:scale(1.03)}@media(prefers-reduced-motion:reduce){.web-demo:hover .web-demo-frame>:not(.web-demo-badge){transform:none}}.web-demo-badge{position:absolute;top:10px;left:10px;z-index:1;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#0a0a128c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.01em;pointer-events:none}.back-link{align-self:flex-start;margin:28px 0 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)}.web-demo-tags{display:flex;align-items:center;gap:6px;min-height:21px;min-width:0;white-space:nowrap;overflow:hidden}.web-demo-spec{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;color:var(--text-3)}.web-demo-brief{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;min-height:2.9em;margin-top:4px;font-size:12px;line-height:1.45;color:var(--text-2)}.web-demo-use{position:relative;z-index:1;align-self:flex-start;margin:-4px 14px 14px}.web-demos-lg .web-demo-brief{-webkit-line-clamp:3;line-clamp:3;min-height:4.35em}.web-demos-lg .web-demo-use{margin:-4px 16px 16px}.web-drag-target.is-selected,.web-drag-target.is-selected:hover{outline:2px solid #8b7cff;box-shadow:0 0 0 4px #8b7cff40}.web-drag-target.is-removed{opacity:.2!important;outline-style:dashed}