:root{--accent:#22d3ee;--gold:#f8e4ac}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#07080d;width:100%;height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif}.stage{position:fixed;inset:0}.stage canvas{display:block}.topbar{z-index:5;pointer-events:none;background:linear-gradient(#07080dbf,#0000);align-items:center;gap:12px;padding:20px 24px;display:flex;position:absolute;top:0;left:0;right:0}.topbar .dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 12px var(--accent);border-radius:50%}.topbar h1{color:#fff;letter-spacing:.3px;font-size:16px;font-weight:600}.topbar h1 span{color:var(--gold)}.hint{z-index:5;color:#ffffff8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:8px 16px;font-size:13px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.panel{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f111ab8;border:1px solid #ffffff14;border-radius:14px;width:200px;padding:14px;position:absolute;top:68px;right:20px}.switcher{gap:6px;margin-bottom:12px;display:flex}.model-btn{cursor:pointer;color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;flex:1;padding:8px 4px;font-size:12.5px;font-weight:600;transition:all .15s}.model-btn.active{color:var(--accent);background:#22d3ee29;border-color:#22d3ee66}.model-btn:hover:not(.active){color:#fff;background:#ffffff1a}.row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.row:last-child{margin-bottom:0}.row label{color:#ffffffb3;font-size:12.5px}.row input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px}.row input[type=color]{cursor:pointer;background:0 0;border:none;width:34px;height:22px;padding:0}.loader{color:#ffffffb3;flex-direction:column;align-items:center;gap:14px;display:flex}.spinner{border:3px solid #22d3ee33;border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.9s linear infinite spin}.pct{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}