:root{color:#edf2f6;--line:#26303a;--panel:#080c10f0;--gold:#d8a45f;--muted:#80909e;background:#07090c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#05080b;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.app-shell{background:radial-gradient(circle at 58% 40%,#192027 0,#090c10 45%,#05070a 100%);grid-template-rows:64px minmax(0,1fr);grid-template-columns:330px minmax(0,1fr) 310px;height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#05080bf2;grid-column:1/-1;align-items:center;padding:0 24px;display:flex}.brand{letter-spacing:.22em;white-space:nowrap;align-items:baseline;gap:16px;display:flex}.brand strong{letter-spacing:.16em;font-size:24px}.brand span{font-size:16px}.brand em{color:#aeb9c2;font-size:10px;font-style:normal}.engine{letter-spacing:.28em;color:#818f9a;margin-left:auto;font-size:9px}.engine b{color:#dbe5ed;font-size:11px}.top-actions{gap:7px;margin-left:24px;display:flex}.top-actions button,.secondary{color:#dce5eb;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;background:#10161c;border:1px solid #34414c;border-radius:5px;padding:9px 12px;font-size:10px}.panel{z-index:10;background:var(--panel);scrollbar-width:thin;position:relative;overflow:auto}.left-panel{border-right:1px solid var(--line);grid-area:2/1;padding:15px}.right-panel{border-left:1px solid var(--line);grid-area:2/3;padding:24px 20px}.tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:-4px -4px 16px;display:grid}.tabs button{color:#8f9daa;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 4px;font-size:10px}.tabs .active{color:#fff;border-color:var(--gold)}section{border-bottom:1px solid #49596759;padding:10px 0 17px}.eyebrow{letter-spacing:.24em;color:#c3ccd3;text-transform:uppercase;margin:0 0 12px;font-size:10px}.finish-row{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.finish{color:#8c99a5;text-transform:uppercase;cursor:pointer;background:#10161b;border:1px solid #26323c;border-radius:4px;padding:8px;font-size:9px}.finish.active{border-color:var(--gold);color:#fff;background:#2b2218}.swatches{grid-template-columns:repeat(5,1fr);gap:10px;margin:15px 0;display:grid}.swatches button{background:linear-gradient(145deg,#ffffff3d,transparent 42%),var(--sw);cursor:pointer;border:1px solid #3a444d;border-radius:8px;height:38px;box-shadow:inset 0 0 0 1px #00000073}.swatches button.active{outline:2px solid var(--gold);outline-offset:2px}.selected-color{align-items:center;gap:10px;display:flex}.selected-color span{background:#4b4b47;border:1px solid #9a9f9c;border-radius:50%;width:32px;height:32px;box-shadow:inset -8px -8px 14px #0006}.selected-color strong,.selected-color small{display:block}.selected-color strong{font-size:12px}.selected-color small{color:var(--muted);letter-spacing:.12em;margin-top:3px;font-size:9px}.section-list{gap:6px;display:grid}.section-list button{color:#b8c2ca;text-align:left;cursor:pointer;background:#0e1419;border:1px solid #252f38;border-radius:5px;padding:10px 12px;font-size:11px}.section-list button.active{border-color:var(--gold);color:#fff;background:linear-gradient(90deg,#2b2118,#11171c)}.presets{grid-template-columns:1fr 1fr;gap:7px;display:grid}.presets button{text-align:left;color:#b9c4cc;cursor:pointer;background:#10161b;border:1px solid #29333d;border-radius:5px;align-items:center;gap:8px;padding:8px;font-size:9px;display:flex}.presets i{background:var(--c);border-radius:5px;width:22px;height:22px;display:block}.viewport-wrap{background:radial-gradient(circle at 50% 42%,#2f3b45b8,#0a0d1099 42%,#080a0d 78%);grid-area:2/2;min-width:0;position:relative;overflow:hidden}#stage,#application{touch-action:none;width:100%;height:100%;display:block}.scene-copy{color:#a9b3bb;letter-spacing:.31em;pointer-events:none;flex-direction:column;font-size:10px;display:flex;position:absolute;top:40px;left:42px}.scene-copy strong{color:#e6b46d;margin-top:7px;font-size:20px}.loading{letter-spacing:.2em;text-transform:uppercase;z-index:3;background:#04060894;place-items:center;font-size:11px;transition:all .35s;display:grid;position:absolute;inset:0}.loading.hidden{opacity:0;visibility:hidden}.interaction-hint{letter-spacing:.2em;color:#a9b5be;white-space:nowrap;pointer-events:none;font-size:9px;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.view-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05080bb8;border:1px solid #263039;border-radius:8px;gap:7px;padding:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.view{color:#9eabb5;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#12181e;border:1px solid #2d3842;border-radius:5px;padding:9px 12px;font-size:9px}.view.active{border-color:var(--gold);color:#fff;box-shadow:0 0 18px #d8a45f21}.right-panel h2{text-transform:uppercase;letter-spacing:.22em;margin:0 0 22px;font-size:16px}.summary-row{border-bottom:1px solid #26313a;padding:14px 0}.summary-row span,.summary-row strong{display:block}.summary-row span{letter-spacing:.15em;text-transform:uppercase;color:#778794;font-size:9px}.summary-row strong{margin-top:5px;font-size:12px;font-weight:500}.right-panel hr{border:0;border-top:1px solid var(--line);margin:18px 0}.slider{margin:14px 0}.slider label{text-transform:uppercase;letter-spacing:.14em;color:#aeb8c0;justify-content:space-between;margin-bottom:7px;font-size:9px;display:flex}.slider input{width:100%;accent-color:var(--gold)}.cta{color:#191107;letter-spacing:.12em;cursor:pointer;background:linear-gradient(135deg,#f0bd76,#b97938);border:0;border-radius:5px;width:100%;padding:14px 10px;font-size:10px;font-weight:800}.secondary{width:100%;margin-top:8px}.footer-mantra{letter-spacing:.21em;color:#657580;text-align:center;margin-top:24px;font-size:8px}@media (width<=1050px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.right-panel,.engine{display:none}}@media (width<=760px){.app-shell{display:block}.topbar{height:58px;position:absolute;inset:0 0 auto}.brand em,.top-actions{display:none}.left-panel{z-index:30;width:230px;position:absolute;top:58px;bottom:0;left:0;transform:translate(-100%)}.viewport-wrap{height:100vh}.interaction-hint{display:none}}