:root{--bg0:#08090b;--bg1:#0e1013;--bg2:#14171b;--bg3:#1b1f25;--bg4:#252a31;--line:#262b33;--line2:#333a44;--tx0:#f2f3f5;--tx1:#aeb4bd;--tx2:#6b7280;--acc:#ff3b30;--acc2:#ff9f0a;--ok:#30d158;--blue:#0a84ff;--sel:#ffd60a;--radius:8px;--font:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--mono:"SF Mono", ui-monospace, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg0);color:var(--tx0);font:13px/1.45 var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none}input,textarea,select,button{font:inherit;color:inherit}input,textarea{-webkit-user-select:text;user-select:text}button{cursor:pointer}a{color:var(--blue)}.app{background:var(--bg0);grid-template-rows:48px 1fr 172px;grid-template-columns:56px 1fr 300px;height:100dvh;display:grid}.app.presenting{grid-template-rows:1fr;grid-template-columns:1fr}.app.presenting .topbar,.app.presenting .rail,.app.presenting .inspector,.app.presenting .timeline{display:none}.app.presenting .stage{grid-area:1/1}.topbar{background:var(--bg1);border-bottom:1px solid var(--line);grid-column:1/-1;align-items:center;gap:8px;padding:0 12px;display:flex}.rail{background:var(--bg1);border-right:1px solid var(--line);flex-direction:column;grid-row:2;align-items:center;gap:4px;padding:8px 0;display:flex;overflow-y:auto}.stage{touch-action:none;background:#000;grid-row:2;position:relative;overflow:hidden}.inspector{background:var(--bg1);border-left:1px solid var(--line);grid-row:2;overflow-y:auto}.timeline{background:var(--bg1);border-top:1px solid var(--line);flex-direction:column;grid-area:3/1/auto/-1;min-height:0;display:flex}@media (max-width:1100px){.app{grid-template-columns:56px 1fr}.inspector{z-index:30;width:300px;transition:transform .15s;position:absolute;top:48px;bottom:172px;right:0;transform:translate(100%);box-shadow:-8px 0 24px #0006}.inspector.open{transform:none}}@media (max-width:700px){.app{grid-template-rows:48px 1fr 140px}.inspector{width:86vw;bottom:140px}}.btn{border:1px solid var(--line2);background:var(--bg3);height:32px;color:var(--tx0);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg4)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--acc);border-color:var(--acc);color:#fff}.btn.primary:hover{background:#ff544a}.btn.ghost{color:var(--tx1);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg3);color:var(--tx0)}.btn.sm{height:26px;padding:0 8px;font-size:12px}.btn.icon{width:32px;padding:0}.btn.danger{color:var(--acc)}.btn.active{background:var(--bg4);border-color:var(--sel);color:var(--tx0)}.input,.select,.textarea{border:1px solid var(--line2);background:var(--bg2);height:30px;color:var(--tx0);border-radius:6px;width:100%;min-width:0;padding:0 8px}.textarea{resize:vertical;height:auto;min-height:56px;padding:6px 8px;line-height:1.4}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);outline:none}.input.mono{font-family:var(--mono);font-size:12px}.range{width:100%;accent-color:var(--acc)}.checkbox{accent-color:var(--acc);width:14px;height:14px}.chip{border:1px solid var(--line2);background:var(--bg2);height:26px;color:var(--tx1);letter-spacing:.02em;border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.chip:hover{color:var(--tx0);background:var(--bg3)}.chip.active{border-color:var(--sel);color:var(--tx0);background:var(--bg4)}.chip .dot{border-radius:50%;width:10px;height:10px}.kbd{font:11px var(--mono);border:1px solid var(--line2);background:var(--bg2);color:var(--tx1);border-bottom-width:2px;border-radius:4px;padding:1px 5px}.logo{letter-spacing:.04em;border-right:1px solid var(--line);align-items:center;gap:8px;margin-right:4px;padding-right:8px;font-size:14px;font-weight:700;display:flex}.logo .mark{background:linear-gradient(160deg,#ff6a3d,#ff3b30 55%,#a3110a);border-radius:6px;width:22px;height:22px;box-shadow:0 0 12px #ff502880}.title-input{background:0 0;border:1px solid #0000;border-radius:6px;min-width:120px;max-width:360px;height:32px;padding:0 8px;font-size:14px;font-weight:600}.title-input:hover{border-color:var(--line2)}.title-input:focus{border-color:var(--blue);background:var(--bg2);outline:none}.savestatus{color:var(--tx2);min-width:70px;font-size:12px}.savestatus.error{color:var(--acc)}.spacer{flex:1}.rail-btn{width:40px;height:40px;color:var(--tx1);letter-spacing:.04em;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:9px;font-weight:600;display:flex}.rail-btn svg{width:20px;height:20px}.rail-btn:hover{background:var(--bg3);color:var(--tx0)}.rail-btn.active{background:var(--bg4);color:var(--tx0);border-color:var(--line2);box-shadow:inset 0 0 0 1px var(--sel)}.rail-sep{background:var(--line);width:28px;height:1px;margin:4px 0}.stage canvas.engine{width:100%;height:100%;display:block;position:absolute;inset:0}.stage svg.overlay{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.stage.tool-select svg.overlay{cursor:default}.stage.tool-pan svg.overlay,.stage.panning svg.overlay{cursor:grab}.stage.tool-place svg.overlay{cursor:crosshair}.stage.tool-eraser svg.overlay{cursor:cell}.tool-options{z-index:5;border:1px solid var(--line2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1013db;border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px 8px;display:flex;position:absolute;top:12px;left:12px}.tool-options .label{color:var(--tx2);letter-spacing:.06em;margin-right:2px;font-size:11px;font-weight:600}.swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:22px;height:22px}.swatch.active{border-color:#fff}.zoom-ctl{z-index:5;border:1px solid var(--line2);background:#0e1013db;border-radius:8px;gap:4px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px}.zoom-ctl .btn{min-width:28px;height:28px;padding:0 6px;font-size:12px}.hint{z-index:6;color:#1c1200;pointer-events:none;white-space:nowrap;background:#ffd60af2;border-radius:999px;padding:8px 14px;font-weight:600;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0006}.toast{z-index:100;background:var(--bg3);border:1px solid var(--line2);border-radius:8px;padding:10px 16px;font-weight:500;position:fixed;bottom:190px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.toast.error{border-color:var(--acc)}.toast.success{border-color:var(--ok)}.app.presenting .toast{bottom:40px}.empty{z-index:4;background:radial-gradient(1200px 600px at 50% 30%,#1a1d24 0%,#0b0c0f 70%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty .card{border:1px solid var(--line2);text-align:center;background:#14171be6;border-radius:16px;width:min(760px,92%);padding:32px;box-shadow:0 30px 80px #00000080}.empty h1{letter-spacing:-.01em;margin:0 0 6px;font-size:24px}.empty p{color:var(--tx1);margin:0 0 22px;font-size:14px}.empty .actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.empty .action{border:1px solid var(--line2);background:var(--bg2);color:var(--tx0);border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;display:flex}.empty .action:hover{background:var(--bg3);border-color:var(--tx2)}.empty .action svg{width:28px;height:28px;color:var(--acc2)}.empty .action b{font-size:14px}.empty .action span{color:var(--tx2);font-size:12px}.empty .drop{color:var(--tx2);margin-top:18px;font-size:12px}.empty.dragover .card{border-color:var(--sel)}@media (max-width:700px){.empty .actions{grid-template-columns:1fr}}.panel{border-bottom:1px solid var(--line);padding:12px 14px}.panel h3{letter-spacing:.08em;color:var(--tx2);text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:700}.row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.row label{color:var(--tx1);min-width:64px;font-size:12px}.row .grow,.row.two>*{flex:1}.grid2{grid-template-columns:1fr 1fr;gap:6px;display:grid}.grid4,.stagegrid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.stagebtn{border:1px solid var(--line2);background:var(--bg2);color:var(--tx1);letter-spacing:.04em;text-align:center;border-radius:6px;padding:6px 4px;font-size:10px;font-weight:700}.stagebtn .n{color:var(--tx0);font-size:14px;display:block}.stagebtn.active{border-color:var(--sel);background:var(--bg4);color:var(--tx0)}.muted{color:var(--tx2);font-size:12px}.prompt-row{grid-template-columns:58px 1fr 26px;align-items:start;gap:6px;margin-bottom:6px;display:grid}.wind-rose{touch-action:none;width:120px;height:120px;margin:0 auto 8px;display:block}.tl-transport{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 10px;display:flex}.tl-time{font:600 13px var(--mono);min-width:96px}.tl-body{flex:1;grid-template-columns:170px 1fr;min-height:0;display:grid;overflow:hidden}.tl-names{border-right:1px solid var(--line);overflow-y:auto}.tl-names .tl-row{height:26px;color:var(--tx1);border-bottom:1px solid var(--line);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:flex;overflow:hidden}.tl-names .tl-row.selected{background:var(--bg3);color:var(--tx0)}.tl-names .tl-row .k{border-radius:2px;flex:none;width:8px;height:8px}.tl-tracks{position:relative;overflow:auto}.tl-ruler{background:var(--bg2);border-bottom:1px solid var(--line);z-index:2;cursor:pointer;height:22px;position:sticky;top:0}.tl-track{border-bottom:1px solid var(--line);height:26px;position:relative}.tl-range{background:var(--bg4);border-radius:4px;height:8px;position:absolute;top:9px}.tl-range.fire{background:#ff3b3073}.tl-range.smoke{background:#aeb4bd59}.tl-key{background:var(--sel);cursor:pointer;border:1px solid #000;border-radius:2px;width:12px;height:12px;position:absolute;top:7px;transform:translate(-6px)rotate(45deg)}.tl-key.selected{box-shadow:0 0 0 2px var(--sel);background:#fff}.tl-playhead{background:var(--acc);z-index:3;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.tl-playhead:before{content:"";border:7px solid #0000;border-top:10px solid var(--acc);position:absolute;top:0;left:-6px}.tl-prompt{background:var(--blue);cursor:pointer;z-index:2;border-radius:2px;width:10px;height:14px;position:absolute;top:3px;transform:translate(-5px)}.tl-tick{border-left:1px solid var(--line2);height:100%;color:var(--tx2);font:10px var(--mono);pointer-events:none;padding-left:3px;position:absolute;top:0}.rec{background:var(--tx2);border-radius:50%;width:10px;height:10px}.rec.on{background:var(--acc);box-shadow:0 0 8px var(--acc)}.modal-bg{z-index:200;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg1);border:1px solid var(--line2);border-radius:14px;width:min(920px,100%);max-height:90dvh;overflow:auto;box-shadow:0 40px 100px #0009}.modal.sm{width:min(520px,100%)}.modal-head{border-bottom:1px solid var(--line);background:var(--bg1);z-index:1;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}.modal-head h2{margin:0;font-size:16px}.modal-body{padding:18px}.tabs{gap:4px;display:flex}.tab{height:30px;color:var(--tx1);background:0 0;border:1px solid #0000;border-radius:6px;padding:0 12px;font-weight:600}.tab.active{background:var(--bg3);color:var(--tx0);border-color:var(--line2)}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.lib-card{border:1px solid var(--line2);background:var(--bg2);text-align:left;color:var(--tx0);border-radius:10px;padding:0;overflow:hidden}.lib-card:hover{border-color:var(--tx2)}.lib-card canvas,.lib-card img{aspect-ratio:16/10;object-fit:cover;background:#111;width:100%;display:block}.lib-card .meta{padding:8px 10px}.lib-card .meta b{font-size:13px;display:block}.lib-card .meta span{color:var(--tx2);font-size:11px}.lib-card .meta .actions{gap:6px;margin-top:6px;display:flex}.pricing{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.price-card{border:1px solid var(--line2);background:var(--bg2);border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.price-card.hl{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}.price-card .price{font-size:26px;font-weight:700}.price-card .price small{color:var(--tx1);font-size:13px;font-weight:500}.price-card p{color:var(--tx1);flex:1;margin:0;font-size:12px}.progress{background:var(--bg3);border-radius:4px;height:8px;overflow:hidden}.progress>div{background:var(--acc);height:100%;transition:width .1s linear}.shortcuts{grid-template-columns:1fr 1fr;gap:4px 24px;display:grid}.shortcuts div{border-bottom:1px solid var(--line);color:var(--tx1);justify-content:space-between;padding:4px 0;display:flex}.linkbox{gap:6px;display:flex}.hud{pointer-events:none;z-index:10;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-top{border:1px solid var(--line2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08090bc7;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;top:16px;left:16px}.hud-clock{font:700 28px var(--mono);letter-spacing:.02em;min-width:92px}.hud-clock.over{color:var(--acc);animation:1s infinite pulse}.hud-sub{color:var(--tx1);font-size:12px}.hud-prompt{border:1px solid var(--line2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08090bd1;border-radius:12px;max-width:min(640px,100% - 32px);padding:14px 18px;position:absolute;bottom:16px;left:16px}.hud-prompt .tag{letter-spacing:.08em;color:var(--blue);text-transform:uppercase;font-size:11px;font-weight:700}.hud-prompt .text{margin-top:4px;font-size:20px;font-weight:600;line-height:1.3}.hud-prompt .next{color:var(--tx2);margin-top:8px;font-size:12px}.hud-right{gap:6px;display:flex;position:absolute;top:16px;right:16px}.hud-bottom{border:1px solid var(--line2);background:#08090bc7;border-radius:10px;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;bottom:16px;right:16px}.hud-scrub{width:240px;accent-color:var(--acc)}@keyframes pulse{50%{opacity:.5}}.watermark{z-index:8;color:#ffffffd9;pointer-events:none;background:#00000080;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:14px;right:14px}.watermark .d{background:var(--acc);border-radius:50%;width:8px;height:8px}.app{overflow:hidden}.stage{min-width:0;min-height:0}.title-input{width:190px}.hud-bottom{bottom:60px}.inspector-toggle{display:none}@media (max-width:1100px){.inspector-toggle{display:inline-flex}.topbar{gap:3px;padding:0 6px}.topbar .logo{font-size:11px}.title-input{width:130px;min-width:80px}.savestatus{display:none}}@media (max-width:700px){.topbar{overflow-x:auto}.topbar>*{flex-shrink:0}.hud-top{max-width:calc(100% - 16px);top:8px;left:8px}.hud-right{top:92px;right:8px}.hud-bottom{bottom:60px;left:8px;right:8px}.hud-scrub{width:100%;min-width:0}.hud-prompt{bottom:120px}.hud-prompt .text{font-size:16px}.hint{white-space:normal;text-align:center;width:85%}}.scene-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;padding-bottom:16px;display:flex}.new-badge{background:var(--acc);color:#fff;border-radius:3px;margin-left:5px;padding:2px 4px;font-size:9px}.collection-intro{margin:20px 0}.collection-intro h3{letter-spacing:-.02em;margin:0 0 6px;font-size:21px}.collection-intro p{color:var(--tx1);max-width:650px;margin:0}.realistic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.realistic-grid .lib-card img{aspect-ratio:16/9;height:auto}.realistic-grid .meta{padding:16px}.realistic-grid .meta b{margin:4px 0;font-size:18px}.realistic-grid .meta p{color:var(--tx1);margin:6px 0 16px}.scene-category{text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700;color:var(--acc2)!important}.reference-callout{border:1px solid var(--line2);background:var(--bg2);border-radius:8px;margin-bottom:16px;padding:14px 16px}.reference-callout p{color:var(--tx1);margin:5px 0 0}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.reference-card{border:1px solid var(--line2);background:var(--bg2);border-radius:10px;padding:16px}.reference-card h4{margin:6px 0;font-size:16px}.reference-card p{color:var(--tx1)}.reference-card .reference-location{color:var(--tx2);margin:0;font-size:12px}.reference-card a{text-decoration:none}@media (max-width:600px){.realistic-grid,.reference-grid{grid-template-columns:1fr}}.city-form{gap:8px;margin-bottom:10px;display:flex}.archetype-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.city-error{color:var(--acc)}.site-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.site-card{border:1px solid var(--line2);background:var(--bg2);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.site-card b{font-size:14px}.site-actions{gap:6px;margin-top:6px;display:flex}.site-actions a{text-decoration:none}.attribution{color:var(--tx2);margin-top:16px;font-size:11px}.site-steps{counter-reset:s;text-align:left;flex-direction:column;gap:10px;max-width:520px;margin:0 auto 8px;padding:0;list-style:none;display:flex}.site-steps li{counter-increment:s;border:1px solid var(--line2);background:var(--bg2);color:var(--tx1);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.site-steps li:before{content:counter(s);background:var(--acc);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.site-steps a{text-decoration:none}.linkish{color:var(--blue);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:700px){.city-form{flex-wrap:wrap}}.dev-badge{color:#fff;letter-spacing:.08em;background:#0a84ff;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px}