:root{--bg:#060810eb;--bg-solid:#06080f;--surface:#0c101ce0;--border:#8c96b414;--gold:#c9a84c;--gold-dim:#c9a84c66;--gold-glow:#c9a84c1a;--cyan:#5cc8d7;--cyan-dim:#5cc8d759;--text:#d8d5ce;--text-dim:#d8d5ce73;--text-hi:#f0ede6;--green:#6bd77b;--red:#d76b6b;--font-display:"Bodoni Moda", serif;--font-body:"Outfit", sans-serif;--font-mono:"DM Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-solid);width:100%;height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:13px;overflow:hidden}#loading-screen{z-index:1000;background:var(--bg-solid);flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-rings{width:120px;height:120px;margin-bottom:32px;position:relative}.ring{border:1px solid var(--gold-dim);border-radius:50%;animation:2.4s ease-in-out infinite pulse-ring;position:absolute;inset:0}.ring-2{animation-delay:.4s;inset:15px}.ring-3{animation-delay:.8s;inset:30px}@keyframes pulse-ring{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.loading-overline{font-family:var(--font-mono);letter-spacing:4px;color:var(--gold);margin-bottom:8px;font-size:11px}.loading-title{font-family:var(--font-display);color:var(--text-hi);margin-bottom:24px;font-size:36px;font-weight:400}.loading-status{font-family:var(--font-mono);color:var(--text-dim);margin-bottom:16px;font-size:11px}.loading-track{background:var(--border);border-radius:1px;width:200px;height:2px;overflow:hidden}.loading-progress{background:var(--gold);width:0%;height:100%;transition:width .3s}#viewport-frame{z-index:10;pointer-events:none;border:1px solid var(--gold-dim);position:fixed;inset:0;box-shadow:inset 0 0 80px #0009,inset 0 0 200px #0000004d}#viewer-container{z-index:1;position:fixed;inset:0}#viewer-container canvas{width:100%;height:100%;display:block}#reticle{z-index:15;pointer-events:none;color:var(--text-dim);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.panel{z-index:20;background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 20px;transition:opacity .4s,transform .4s;position:fixed}.panel-overline{font-family:var(--font-mono);letter-spacing:3px;color:var(--gold);margin-bottom:4px;font-size:9px}.gold-line{background:linear-gradient(90deg, var(--gold), transparent);width:40px;height:1px;margin-bottom:12px}#info-panel{max-width:320px;top:24px;left:24px}.scan-title{font-family:var(--font-display);color:var(--text-hi);margin-bottom:8px;font-size:22px;font-weight:400}.scan-meta{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.scan-meta .sep{opacity:.3;margin:0 6px}#compass{z-index:20;opacity:.7;transition:opacity .3s;position:fixed;top:24px;right:24px}#compass:hover{opacity:1}#toolbar{z-index:20;border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#121624eb,#080a14f5);border-radius:28px;align-items:center;gap:4px;padding:6px 12px;transition:opacity .4s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0006,0 1px 4px #0003}.toolbar-group{gap:2px;display:flex}.toolbar-sep{background:var(--border);width:1px;height:24px;margin:0 6px}.tool-btn{width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.tool-btn:hover{color:var(--text);background:#ffffff0d}.tool-btn.active{color:var(--gold);background:var(--gold-glow)}.tool-btn.active[data-tool=distance]{color:var(--cyan);background:#5cc8d71a}#layer-panel{min-width:200px;bottom:80px;left:24px}.layer-row{align-items:center;gap:8px;padding:4px 0;display:flex}.layer-toggle{cursor:pointer;flex:1;align-items:center;gap:6px;display:flex}.layer-toggle input[type=checkbox]{accent-color:var(--gold);width:14px;height:14px}.layer-name{font-family:var(--font-mono);color:var(--text);font-size:11px}.layer-opacity{width:60px;height:3px;accent-color:var(--gold)}.slide-panel{z-index:25;background:var(--surface);border-left:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:280px;padding:24px 20px;transition:transform .3s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.slide-panel.open{transform:translate(0)}.stats-section,.settings-section{margin-bottom:20px}.stats-section h3,.settings-section h3{font-family:var(--font-mono);letter-spacing:2px;color:var(--gold);text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:8px;padding-bottom:4px;font-size:9px}.stat-row{font-family:var(--font-mono);justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.stat-label{color:var(--text-dim)}.stat-value{color:var(--text)}.setting-row{align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.setting-row label{color:var(--text-dim);flex:1}.setting-row input[type=range]{width:80px;accent-color:var(--gold)}.setting-row input[type=checkbox]{accent-color:var(--gold)}.setting-row select{border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);background:#ffffff0d;border-radius:4px;padding:4px 8px;font-size:11px}.setting-value{font-family:var(--font-mono);color:var(--text-dim);text-align:right;min-width:28px;font-size:11px}#toast-container{z-index:30;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:80px;right:24px}.toast{font-family:var(--font-mono);background:var(--surface);border:1px solid var(--border);border-left:2px solid var(--gold);color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 16px;font-size:11px;animation:.3s toast-in,.3s 2.7s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0}}#focal-marker{z-index:15;pointer-events:none;position:fixed;transform:translate(-50%,-50%)}#focal-marker.hidden{display:none}#focal-marker.pop{animation:.6s forwards focal-pop}@keyframes focal-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.ui-faded #info-panel,.ui-faded #toolbar,.ui-faded #layer-panel{opacity:.15}.slide-panel::-webkit-scrollbar{width:4px}.slide-panel::-webkit-scrollbar-track{background:0 0}.slide-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.fps-good{color:var(--green)}.fps-warn{color:var(--gold)}.fps-bad{color:var(--red)}