@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#070b12;--bg2:#0b1220;--bg3:#0e1626;--inset:#0a1019;--line:#94a3b81f;--line2:#94a3b833;--text:#e6edf6;--muted:#93a1b5;--dim:#5b6b82;--gold:#d4b25a;--gold-soft:#c9a84c;--gold-dim:#8a7536;--purple:#7c6cf0;--purple-dim:#7c6cf029;--blue:#4a9eff;--blue-dim:#4a9eff24;--green:#34d399;--good:#4ade80;--warn:#fbbf24;--bad:#f87171;--radius:12px;--radius-sm:8px;--rail:316px;--panel:336px;--ui-font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--ui-text:#e6edf6;--ui-text2:#cbd5e1;--ui-muted:#7e8ca3;--ui-muted2:#8ea0b8;--ui-muted3:#9fb0c6;--ui-dim:#64748b;--ui-panel:#0d1422ed;--ui-btn:#0d1422b3;--ui-well:#070b12cc;--ui-line:#94a3b840;--ui-line-soft:#94a3b826;--ui-accent:#d4b25a;--ui-accent2:#8a7536;--ui-on-accent:#0a1019;--ui-accent-soft:#d4b25a1f;--ui-chrome:#080c14f7;--ui-chrome-fade:linear-gradient(180deg,#070b12eb,#070b128c 70%,transparent);--ui-bg:#070b12;--ui-shadow:0 16px 44px #0009;--paper-filter:none}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 600px at 70% -10%, #7c6cf014, transparent 60%), radial-gradient(900px 500px at 0% 110%, #d4b25a0f, transparent 55%), var(--bg);color:var(--text);font-family:var(--ui-font,"Inter",system-ui,-apple-system,Segoe UI,sans-serif);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.5;overflow:hidden}.serif{font-family:Cormorant Garamond,Georgia,serif}#plan2dCanvas{filter:var(--paper-filter,none)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#94a3b82e;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#94a3b852}button{cursor:pointer;font-family:inherit}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:10px;font-weight:600}.app{flex-direction:column;height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:linear-gradient(#0d1422e6,#070b12b3);justify-content:space-between;align-items:center;gap:16px;padding:11px 18px;display:flex}.brand{align-items:center;gap:11px;min-width:0;display:flex}.mark{border:1px solid var(--line2);background:linear-gradient(135deg,#1a2436,#0c1420);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:inset 0 0 12px #7c6cf02e}.mark svg{width:18px;height:18px}.brand h1{letter-spacing:.04em;white-space:nowrap;margin:0;font-size:15px;font-weight:700}.brand h1 .plus{color:var(--gold)}.chips{gap:6px;margin-left:6px;display:flex}.chip{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:3px 8px;font-size:9.5px;font-weight:700}.chip.purple{color:#c4bbff;background:var(--purple-dim);border-color:#7c6cf059}.chip.gold{color:#f0d89a;background:#d4b25a1f;border-color:#d4b25a59}.chip.beta{color:#bcd8ff;background:var(--blue-dim);border-color:#4a9eff59}.horizons{background:var(--bg3);border:1px solid var(--line);border-radius:11px;align-items:center;gap:4px;padding:4px;display:flex}.hz{color:var(--muted);background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:7px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.hz .dot{opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px}.hz:hover{color:var(--text);background:#94a3b812}.hz.active{color:#0a1019;background:linear-gradient(135deg,var(--gold),var(--gold-dim));box-shadow:0 2px 14px #d4b25a40}.hz.locked{opacity:.85}.topbar-right{align-items:center;gap:12px;display:flex}.online{letter-spacing:.08em;color:var(--green);background:#34d39914;border:1px solid #34d3994d;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:10.5px;font-weight:600;display:flex}.online .pulse{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse;box-shadow:0 0 #34d39999}@keyframes pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.creator{color:#dcd6ff;background:var(--purple-dim);border:1px solid #7c6cf066;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.avatar{color:#0a1019;background:linear-gradient(135deg,var(--gold),#b8923f);border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.body{grid-template-columns:var(--rail) 1fr var(--panel);flex:1;min-height:0;display:grid}.body.focus{grid-template-columns:1fr}.col{min-height:0;overflow-y:auto}.rail{border-right:1px solid var(--line);background:linear-gradient(#0b122099,#0000)}.panel{border-left:1px solid var(--line);background:linear-gradient(#0b122099,#0000)}.pad{padding:16px}.step{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg2);margin-bottom:14px;overflow:hidden}.step-head{align-items:center;gap:10px;padding:12px 13px;display:flex}.step-num{width:22px;height:22px;color:var(--gold);background:#d4b25a1f;border:1px solid #d4b25a59;border-radius:7px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.step-title{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.step-title small{letter-spacing:.04em;text-transform:none;color:var(--dim);margin-top:2px;font-size:9.5px;font-weight:500;display:block}.step-body{padding:0 13px 14px}.drop{border:1.5px dashed var(--line2);border-radius:var(--radius-sm);text-align:center;color:var(--muted);background:var(--inset);cursor:pointer;padding:18px 12px;transition:all .15s}.drop:hover{background:#7c6cf00d;border-color:#7c6cf080}.drop .ic{opacity:.6;font-size:20px}.drop b{color:var(--text);margin:6px 0 2px;font-size:12px;display:block}.drop span{font-size:10.5px}textarea,input[type=text]{background:var(--inset);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;color:var(--text);resize:vertical;outline:none;padding:9px 11px;font-family:inherit;font-size:12px;transition:all .15s}textarea:focus,input:focus{border-color:#7c6cf080;box-shadow:0 0 0 3px #7c6cf01a}textarea::placeholder,input::placeholder{color:var(--dim)}.ai-btn{border-radius:var(--radius-sm);color:#dcd6ff;background:linear-gradient(135deg,#7c6cf038,#7c6cf01a);border:1px solid #7c6cf066;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:9px;padding:9px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.ai-btn:hover{background:#7c6cf04d;box-shadow:0 4px 16px #7c6cf033}.hint{color:var(--gold-soft);cursor:pointer;align-items:center;gap:6px;margin-top:10px;font-size:10.5px;display:flex}.hint:hover{color:var(--gold)}.field{margin-top:12px}.field>.label{margin-bottom:6px;display:block}.seg{flex-wrap:wrap;gap:5px;display:flex}.seg button{min-width:60px;color:var(--muted);background:var(--inset);border:1px solid var(--line);border-radius:7px;flex:1;padding:7px 8px;font-size:11px;font-weight:600;transition:all .15s}.seg button:hover{color:var(--text);border-color:var(--line2)}.seg button.on{color:var(--text);background:var(--purple-dim);border-color:#7c6cf080}.seg.gold button.on{color:#0a1019;background:linear-gradient(135deg,var(--gold),var(--gold-dim));border-color:#0000}.stepper{background:var(--inset);border:1px solid var(--line);border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:7px;padding:8px 10px;display:flex}.stepper span{color:var(--muted);font-size:12px}.stepper .ctrl{align-items:center;gap:10px;display:flex}.stepper .ctrl button{border:1px solid var(--line2);background:var(--bg3);width:24px;height:24px;color:var(--text);border-radius:6px;place-items:center;font-size:15px;line-height:1;display:grid}.stepper .ctrl button:hover{background:#7c6cf033;border-color:#7c6cf080}.stepper .val{text-align:center;min-width:18px;font-size:13px;font-weight:700}select{background:var(--inset);border:1px solid var(--line);width:100%;color:var(--text);cursor:pointer;border-radius:7px;outline:none;padding:8px 10px;font-family:inherit;font-size:12px}.slider{appearance:none;background:var(--line2);border-radius:4px;outline:none;width:100%;height:4px;margin:8px 0}.slider::-webkit-slider-thumb{appearance:none;background:var(--gold);cursor:pointer;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 4px #d4b25a2e}.slider::-moz-range-thumb{background:var(--gold);cursor:pointer;border:none;border-radius:50%;width:15px;height:15px}.slider-row{color:var(--muted);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.engine-note{color:var(--dim);margin-top:9px;font-size:10px;line-height:1.55}.engine-note b{color:var(--gold-soft)}.center{background:repeating-linear-gradient(0deg,#0000,#0000 31px,#4a9eff09 32px),repeating-linear-gradient(90deg,#0000,#0000 31px,#4a9eff09 32px),radial-gradient(900px 500px at 50% 30%,#7c6cf00d,#0000 70%);flex-direction:column;min-height:0;display:flex;overflow:hidden}.guide{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#7c6cf01f,#0b122099);align-items:center;gap:12px;margin:14px 16px 0;padding:11px 14px;display:flex}.guide .gava{background:linear-gradient(135deg,var(--purple),#5b4ed6);border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid;box-shadow:0 0 14px #7c6cf066}.guide .gtxt{flex:1;min-width:0}.guide .gtxt b{font-size:12px}.guide .gtxt p{color:var(--muted);margin:1px 0 0;font-size:11.5px}.guide .play{color:var(--text);background:var(--bg3);border:1px solid var(--line2);border-radius:8px;flex:none;align-items:center;gap:6px;padding:7px 13px;font-size:11px;font-weight:600;display:flex}.guide .play:hover{border-color:#7c6cf080}.stage-wrap{flex-direction:column;flex:1;min-height:0;padding:14px 16px;display:flex}.stage{border:1px solid var(--line);border-radius:var(--radius);background:#070b1280;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.stage .empty{text-align:center;color:var(--dim);max-width:340px;padding:20px}.stage .empty .bp{opacity:.35;margin-bottom:10px;font-size:40px}.stage .empty h3{color:var(--muted);margin:0 0 6px;font-size:16px;font-weight:600}.stage .empty p{margin:0;font-size:12px;line-height:1.6}.stage img,.stage svg.plan{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.stage.show-plan svg.plan,.stage.show-render img.render{opacity:1}.stage .badge{z-index:3;letter-spacing:.08em;text-transform:uppercase;color:#0a1019;background:#d4b25ae6;border-radius:7px;padding:5px 10px;font-size:10px;font-weight:700;display:none;position:absolute;top:12px;left:12px}.stage.has-output .badge{display:block}.view-toggle{z-index:6;border:1px solid var(--line2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070b12cc;border-radius:9px;gap:4px;padding:4px;display:flex;position:absolute;top:12px;right:12px}.view-toggle button{color:var(--muted);background:0 0;border:none;border-radius:6px;padding:5px 11px;font-size:11px;font-weight:600}.view-toggle button.on{color:#0a1019;background:var(--gold)}.shimmer{z-index:4;background:linear-gradient(90deg,#0000,#7c6cf01f,#0000) 0 0/200% 100%;animation:1.1s linear infinite sh;display:none;position:absolute;inset:0}.stage.loading .shimmer{display:block}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}.stage.loading .empty h3{color:var(--gold-soft)}.outbar{gap:10px;margin-top:12px;display:flex}.outbar button{border-radius:var(--radius);color:var(--text);background:var(--bg2);border:1px solid var(--line2);flex:1;justify-content:center;align-items:center;gap:9px;padding:13px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex;position:relative}.outbar button:hover{background:#7c6cf014;border-color:#7c6cf08c;transform:translateY(-1px)}.outbar button .ic{font-size:17px}.outbar button small{letter-spacing:.1em;background:var(--gold);color:#0a1019;border-radius:5px;padding:2px 6px;font-size:8px;font-weight:700;position:absolute;top:-7px;right:9px}.outbar button[disabled]{opacity:.4;pointer-events:none}.cta{gap:10px;margin:0 16px 12px;display:flex}.cta .gen{border-radius:var(--radius);letter-spacing:.02em;color:#0a1019;background:linear-gradient(135deg,#5b8cff,#6c6cf0);border:none;flex:1;justify-content:center;align-items:center;gap:10px;padding:15px;font-size:14px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 6px 24px #5b8cff4d}.cta .gen:hover{filter:brightness(1.07);box-shadow:0 8px 30px #5b8cff66}.pgroup{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg2);margin-bottom:16px;overflow:hidden}.pgroup-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:11px 13px;display:flex}.pgroup-head .pic{font-size:14px}.pgroup-head b{letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}.pgroup-head .tag{letter-spacing:.08em;color:var(--gold-soft);border:1px solid #d4b25a4d;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:700}.pgroup-body{padding:13px}.prow{justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;display:flex}.prow:last-child{margin-bottom:0}.prow .k{color:var(--muted)}.prow .v{font-weight:600}.summary-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.scard{background:var(--inset);border:1px solid var(--line);border-radius:8px;padding:9px 11px}.scard .num{color:var(--text);font-family:Cormorant Garamond,serif;font-size:18px;font-weight:700}.scard .lbl{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;margin-top:1px;font-size:10px}.estimate .bar{background:var(--inset);border:1px solid var(--line);border-radius:6px;height:8px;margin:10px 0 8px;overflow:hidden}.estimate .fill{border-radius:6px;height:100%;transition:width .5s}.estimate .nums{justify-content:space-between;align-items:baseline;display:flex}.estimate .big{color:var(--text);font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700}.estimate .of{color:var(--dim);font-size:11px}.estimate .status{align-items:center;gap:6px;margin-top:6px;font-size:10.5px;font-weight:600;display:flex}.estimate small.dis{color:var(--dim);margin-top:8px;font-size:9.5px;font-style:italic;line-height:1.5;display:block}.swatches{flex-wrap:wrap;gap:7px;display:flex}.sw{cursor:pointer;border:2px solid #0000;border-radius:7px;width:30px;height:30px;transition:all .12s}.sw.on{border-color:var(--gold);box-shadow:0 0 0 2px #d4b25a33}.sw:hover{transform:scale(1.08)}.foot{border-top:1px solid var(--line);color:var(--dim);text-align:center;background:var(--bg);padding:8px 18px;font-size:10px}.foot a{color:var(--muted);text-decoration:none}.foot b{color:var(--muted)}.overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03060cc7;justify-content:center;align-items:center;padding:28px;animation:.2s fade;display:none;position:fixed;inset:0}.overlay.open{display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{border:1px solid var(--line2);background:linear-gradient(#0c1422,#080d16);border-radius:16px;flex-direction:column;width:min(1040px,96vw);max-height:92vh;animation:.25s cubic-bezier(.2,.8,.2,1) rise;display:flex;overflow:hidden;box-shadow:0 30px 90px #0009}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 18px;display:flex}.modal-head .mh-ic{border-radius:9px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.modal-head h2{letter-spacing:.03em;margin:0;font-size:15px;font-weight:700}.modal-head h2 small{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:2px;font-size:10px;font-weight:500;display:block}.modal-head .bridge{color:var(--green);background:#34d39914;border:1px solid #34d3994d;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:5px 11px;font-size:10.5px;font-weight:600;display:flex}.modal-head .x{border:1px solid var(--line2);background:var(--bg3);width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;margin-left:8px;font-size:16px;display:grid}.modal-head .x:hover{color:var(--text);background:#f8717126;border-color:#f8717166}.modal-body{padding:18px;overflow:auto}.render-grid{grid-template-columns:1fr 300px;gap:18px;display:grid}.render-stage{border:1px solid var(--line);background:#05080e;border-radius:12px;place-items:center;min-height:380px;display:grid;position:relative;overflow:hidden}.render-stage img.main{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.render-stage.done img.main{opacity:1}.render-stage .ph{text-align:center;color:var(--dim);padding:20px}.render-stage .ph .em{opacity:.4;font-size:34px}.render-stage .rshim{background:linear-gradient(90deg,#0000,#d4b25a1f,#0000) 0 0/200% 100%;animation:1.1s linear infinite sh;display:none;position:absolute;inset:0}.render-stage.loading .rshim{display:block}.render-stage .src{z-index:3;border:1px solid var(--line2);color:var(--muted);background:#070b12d1;border-radius:9px;align-items:center;gap:8px;padding:6px 10px;font-size:10.5px;display:flex;position:absolute;bottom:10px;left:10px}.render-stage .src img{object-fit:cover;opacity:1;border-radius:4px;width:34px;height:26px;position:static}.rctl .label{margin:14px 0 7px;display:block}.rctl .label:first-child{margin-top:0}.rbtn{color:#0a1019;background:linear-gradient(135deg,var(--gold),var(--gold-dim));border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:13px;font-size:13px;font-weight:700;display:flex}.rbtn:hover{filter:brightness(1.06)}.vr-stage{border:1px solid var(--line);text-align:center;background:radial-gradient(700px 400px at 50% 40%,#7c6cf040,#0000 70%),linear-gradient(#0a1020,#05070d);border-radius:12px;place-items:center;height:420px;display:grid;position:relative;overflow:hidden}.vr-stage .ring{border:1px solid #7c6cf04d;border-radius:50%;width:300px;height:300px;animation:18s linear infinite spin;position:absolute}.vr-stage .ring.r2{border-color:#d4b25a40;width:200px;height:200px;animation-duration:12s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.vr-orb{z-index:2;background:radial-gradient(circle at 35% 30%,#a99cff,#6c5ce7 60%,#2a2466);border-radius:50%;width:90px;height:90px;position:relative;box-shadow:0 0 50px #7c6cf099}.vr-cta{z-index:3;gap:10px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.vr-cta button{border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:700;display:flex}.vr-cta .enter{color:#0a1019;background:linear-gradient(135deg,var(--gold),var(--gold-dim))}.vr-cta .web{color:var(--text);background:var(--bg3);border:1px solid var(--line2)}.vr-devices{gap:10px;margin-top:16px;display:flex}.vr-dev{text-align:center;border:1px solid var(--line);background:var(--bg2);color:var(--muted);border-radius:10px;flex:1;padding:14px;font-size:11.5px}.vr-dev .em{margin-bottom:5px;font-size:22px;display:block}.share-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.acard{border:1px solid var(--line);background:var(--bg2);border-radius:12px;flex-direction:column;gap:4px;padding:15px;display:flex}.acard .ah{align-items:center;gap:10px;display:flex}.acard .ah .em{background:var(--inset);border:1px solid var(--line);border-radius:9px;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.acard .ah b{font-size:13px}.acard .ah small{color:var(--dim);font-size:10.5px;display:block}.acard .arow{gap:7px;margin-top:11px;display:flex}.acard .arow button{border:1px solid var(--line2);background:var(--bg3);color:var(--text);border-radius:7px;flex:1;padding:8px;font-size:11px;font-weight:600}.acard .arow button.dl{background:var(--purple-dim);color:#dcd6ff;border-color:#7c6cf066}.acard .arow button:hover{filter:brightness(1.1)}.share-link{border:1px solid var(--line2);background:var(--inset);border-radius:10px;align-items:center;gap:9px;margin-top:16px;padding:5px 5px 5px 14px;display:flex}.share-link input{background:0 0;border:none;padding:8px 0}.share-link button{color:#0a1019;background:linear-gradient(135deg,var(--gold),var(--gold-dim));white-space:nowrap;border:none;border-radius:8px;padding:9px 16px;font-size:12px;font-weight:700}.social{align-items:center;gap:8px;margin-top:14px;display:flex}.social span{color:var(--dim);font-size:11px}.social .s{background:var(--bg3);border:1px solid var(--line2);border-radius:9px;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.social .s:hover{border-color:var(--gold);color:var(--gold)}.toast{z-index:200;opacity:0;pointer-events:none;border:1px solid var(--line2);background:#0c1422;border-radius:10px;align-items:center;gap:9px;padding:11px 18px;font-size:12.5px;font-weight:600;transition:all .25s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 14px 40px #00000080}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast .em{color:var(--gold)}@media (width<=1180px){.panel{display:none}.body{grid-template-columns:var(--rail) 1fr}}@media (width<=760px){.rail{display:none}.body{grid-template-columns:1fr}.chips,.horizons{display:none}}