:root{--osn-surface-lowest: #0a0a0c;--osn-surface-container-low: #1b1b20;--osn-surface-container-high: #2a292f;--osn-primary: #00f0ff;--osn-primary-soft: #dbfcff;--osn-primary-container: #00c8dc;--osn-on-primary-container: #0e0e13;--osn-secondary-soft: #d1bcff;--osn-synergy-magenta: #ff00ff;--osn-on-surface: #e4e1e9;--osn-on-surface-muted: #9a99a3;--osn-outline-variant: rgba(219, 252, 255, .14);--osn-crystalline-edge: linear-gradient(135deg, rgba(0, 240, 255, .4) 0%, rgba(255, 0, 255, .4) 100%);--osn-glass-blur: blur(20px) saturate(180%);--osn-synergy-gradient: linear-gradient(135deg, var(--osn-primary) 0%, var(--osn-synergy-magenta) 38%, var(--osn-primary-container) 100%);--osn-celestial-bg: radial-gradient(ellipse 120% 80% at 8% 12%, rgba(85, 48, 163, .14) 0%, transparent 55%), radial-gradient(ellipse 90% 70% at 92% 88%, rgba(0, 240, 255, .08) 0%, transparent 50%), radial-gradient(ellipse 70% 50% at 50% -5%, rgba(219, 252, 255, .04) 0%, transparent 45%), var(--osn-surface-lowest);--osn-synergy-panel-glow: 0 0 0 1px rgba(0, 240, 255, .08), 0 0 56px rgba(85, 48, 163, .12), 0 0 36px rgba(0, 240, 255, .05);--osn-font-mono: "Space Mono", "JetBrains Mono", ui-monospace, monospace;--osn-font-display: "Space Grotesk", system-ui, sans-serif;--osn-radius: 0px;--bg: var(--osn-surface-lowest);--surface: var(--osn-surface-container-low);--border: var(--osn-outline-variant);--accent: var(--osn-primary-container);--accent-dim: rgba(0, 240, 255, .12);--text: var(--osn-on-surface);--text-subtle: var(--osn-on-surface-muted);--mono: var(--osn-font-mono);--sans: var(--osn-font-display)}*{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}#osn-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:40px 40px}body{background:var(--osn-celestial-bg);color:var(--osn-primary-soft);font-family:var(--osn-font-mono);font-size:13px;min-height:100vh}body.mode-landing{display:flex;align-items:center;justify-content:center}body.mode-viewer{overflow:hidden;height:100vh}#app{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:40px;padding:40px;max-width:520px;width:100%}#logo{width:280px;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 20px rgba(0,240,255,.25)) drop-shadow(0 0 36px rgba(255,0,255,.08))}#logo .landing-logo-link{cursor:pointer}#logo .landing-logo-link:focus{outline:none}#logo .landing-logo-link:focus-visible{outline:2px solid rgba(0,240,255,.55);outline-offset:6px;border-radius:2px}#dropzone{position:relative;width:100%;min-height:200px;background:#17171b59;backdrop-filter:var(--osn-glass-blur);-webkit-backdrop-filter:var(--osn-glass-blur);border:2px dashed rgba(0,240,255,.28);box-shadow:inset 0 0 80px #ff00ff0a,var(--osn-synergy-panel-glow);border-radius:var(--osn-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden}#dropzone:hover,#dropzone.dragover{border-color:#00f0ff73;box-shadow:inset 0 0 100px #ff00ff0f,0 0 32px #00f0ff26,0 0 48px #5530a31a;background:#17171b80}#dropzone-content{text-align:center;pointer-events:none}#dropzone-content p:first-of-type{font-family:var(--osn-font-display);font-weight:600;font-size:15px;letter-spacing:.04em;color:var(--osn-primary-soft)}#drop-icon{font-size:48px;color:var(--osn-on-surface-muted);margin-bottom:12px;line-height:1}#dropzone-content p{color:var(--osn-on-surface-muted);font-size:13px;margin:4px 0}.filetypes{font-family:var(--osn-font-mono)!important;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--osn-primary)!important;margin-top:14px!important;text-shadow:0 0 12px rgba(0,240,255,.35)}#file-input{position:absolute;inset:0;opacity:0;cursor:pointer}#scan-btn{display:block;width:100%;margin-top:12px;padding:14px 24px;font-family:var(--osn-font-mono);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:#00f0ff0f;color:var(--osn-primary);border:1px solid rgba(0,240,255,.2);border-radius:var(--osn-radius);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}#scan-btn:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.15) 40%,rgba(255,255,255,.25) 50%,rgba(209,188,255,.15) 60%,transparent 100%);animation:scan-shine 2.5s ease-in-out infinite}@keyframes scan-shine{0%{left:-100%}to{left:200%}}#scan-btn:hover{background:#00f0ff1f;border-color:#00f0ff66;box-shadow:0 0 20px #00f0ff1a}#scan-btn:active{transform:scale(.98)}.scan-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:9002;font-family:var(--osn-font-mono);font-size:11px;letter-spacing:.06em;padding:8px 16px;background:#0e0e13d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,180,60,.3);color:#ffb43c;white-space:nowrap;transition:opacity .3s;text-shadow:0 0 6px rgba(255,180,60,.3)}.scan-toast.hidden{opacity:0;pointer-events:none}.scan-toast.error{border-color:#f446;color:#f44;text-shadow:0 0 6px rgba(255,68,68,.3)}#scan-overlay{position:fixed;inset:0;z-index:9000;background:#020205}#scan-overlay.hidden{display:none}#scan-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#scan-scanline{position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,transparent 50%,rgba(0,240,255,.03) 51%);background-size:100% 4px;pointer-events:none}#scan-topbar{position:fixed;top:0;left:0;right:0;z-index:9001;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%)}#scan-status{display:flex;align-items:center;gap:8px;font-family:var(--osn-font-mono)}#scan-rec-dot{width:8px;height:8px;background:#f44;border-radius:50%;animation:rec-pulse 1s ease-in-out infinite;box-shadow:0 0 8px #f449}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}#scan-rec-label{font-size:11px;font-weight:600;letter-spacing:.15em;color:#f44;text-shadow:0 0 6px rgba(255,68,68,.4)}#scan-timer{font-family:var(--osn-font-mono);font-size:12px;font-weight:500;color:#fffc;letter-spacing:.08em;text-shadow:0 0 8px rgba(0,0,0,.8)}#scan-cancel-btn{font-family:var(--osn-font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:8px 16px;background:#0e0e1380;color:#ffffff80;border:1px solid rgba(255,255,255,.1);cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .12s}#scan-cancel-btn:hover{color:#fff;border-color:#ffffff40;background:#0e0e13b3}#scan-cancel-btn:active{transform:scale(.92)}#scan-grid-wave{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:1;width:min(320px,80vw);height:100px;pointer-events:none;opacity:.6}#scan-controls{position:fixed;bottom:32px;right:20px;z-index:9001;display:flex;flex-direction:column;align-items:flex-end;gap:12px}#scan-hint{font-family:var(--osn-font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#00f0ff80;text-shadow:0 0 8px rgba(0,240,255,.3);padding:6px 12px;background:#0e0e1380;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,240,255,.12);animation:hint-fade 4s ease-in-out forwards}@keyframes hint-fade{0%,70%{opacity:1}to{opacity:0;pointer-events:none}}#scan-stop-btn{width:68px;height:68px;display:flex;align-items:center;justify-content:center;background:#0e0e1380;border:2px solid;border-image:linear-gradient(135deg,#00f0ff80,#d1bcff80) 1;color:var(--osn-primary, #00f0ff);cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .15s;box-shadow:0 0 24px #00f0ff1a,inset 0 0 20px #00f0ff0d}#scan-stop-btn:hover{background:#00f0ff1a;box-shadow:0 0 32px #00f0ff33,inset 0 0 24px #00f0ff14}#scan-stop-btn:active{transform:scale(.9)}.scan-stop-square{animation:stop-pulse 1.2s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,68,68,.6))}@keyframes stop-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}#scan-edge-streak{position:absolute;inset:0;z-index:1;pointer-events:none;animation:edge-pulse 2.5s ease-in-out infinite;border-top:3px solid rgba(100,60,220,.6);border-right:3px solid rgba(220,40,80,.5);border-bottom:3px solid rgba(220,40,80,.4);border-left:3px solid rgba(100,60,220,.5);box-shadow:inset 0 80px 80px -20px #5028c84d,inset 0 -70px 80px -20px #dc285033,inset 70px 0 80px -20px #dc285033,inset -70px 0 80px -20px #5028c833}@keyframes edge-pulse{0%,to{box-shadow:inset 0 80px 80px -20px #5028c84d,inset 0 -70px 80px -20px #dc285033,inset 70px 0 80px -20px #dc285033,inset -70px 0 80px -20px #5028c833;border-top-color:#643cdc99;border-right-color:#dc285080}50%{box-shadow:inset 0 110px 110px -25px #5028c880,inset 0 -100px 110px -25px #dc285066,inset 100px 0 110px -25px #dc285059,inset -100px 0 110px -25px #5028c859;border-top-color:#7846f0cc;border-right-color:#f0325ab3}}#upload-progress{width:100%;text-align:center}#progress-bar,#progress-bar-recon{width:100%;height:4px;background:var(--osn-surface-container-high);border-radius:var(--osn-radius);overflow:hidden;margin-bottom:12px}#progress-fill,#progress-fill-recon{height:100%;width:0%;background:linear-gradient(90deg,var(--osn-primary-container),var(--osn-synergy-magenta),var(--osn-primary-soft));box-shadow:0 0 12px #00f0ff59,0 0 20px #ff00ff1f;border-radius:var(--osn-radius);transition:width .15s}#progress-fill-recon{transition:width .3s}#progress-text,#recon-text{font-family:var(--osn-font-mono);font-size:12px;letter-spacing:.06em;color:var(--osn-on-surface-muted);text-transform:uppercase}#upload-result{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;padding:1.5rem;background:#17171b73;backdrop-filter:var(--osn-glass-blur);-webkit-backdrop-filter:var(--osn-glass-blur);border:1px solid transparent;border-image:var(--osn-crystalline-edge) 1;border-radius:var(--osn-radius);box-shadow:var(--osn-synergy-panel-glow)}#result-filename{font-family:var(--osn-font-mono);font-size:12px;color:var(--osn-on-surface-muted)}#link-row{display:flex;width:100%;gap:8px}#result-link{flex:1;background:var(--osn-surface-lowest);border:1px solid var(--osn-outline-variant);border-radius:var(--osn-radius);padding:10px 14px;color:var(--osn-on-surface);font-family:var(--osn-font-mono);font-size:12px;outline:none}#result-link:focus{border-color:#ff00ff59;box-shadow:0 0 0 1px #00f0ff33}#copy-btn{background:var(--osn-synergy-gradient);color:var(--osn-on-primary-container);border:none;border-radius:var(--osn-radius);padding:10px 20px;font-family:var(--osn-font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:filter .15s,box-shadow .15s;white-space:nowrap;box-shadow:inset 0 0 0 1px #dbfcff38,0 0 18px #ff00ff1a}#copy-btn:hover,#share-btn:hover{filter:brightness(1.08)}#copy-btn.copied{background:linear-gradient(135deg,#00c8a0,#00f0ff);box-shadow:0 0 20px #00f0ff59}#share-btn{background:var(--osn-surface-container-high);color:var(--osn-primary-soft);border:1px solid var(--osn-outline-variant);border-radius:var(--osn-radius);padding:10px 20px;font-family:var(--osn-font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s;white-space:nowrap}#share-btn:hover{border-color:#00f0ff59;color:var(--osn-on-surface)}#upload-another{background:transparent;border:1px solid var(--osn-outline-variant);border-radius:var(--osn-radius);padding:8px 20px;color:var(--osn-on-surface-muted);font-family:var(--osn-font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,color .15s}#upload-another:hover{border-color:#ff00ff59;color:var(--osn-primary-soft)}.error-msg{color:#f0a0a0;font-family:var(--osn-font-mono);font-size:12px;text-align:center;border:1px solid rgba(255,100,100,.25);padding:12px;background:#1e0e1299;border-radius:var(--osn-radius)}#reconstruct-progress{width:100%;text-align:center}.hidden{display:none!important}#viewer-stage{position:fixed;inset:0;z-index:50}#viewer-grid{position:fixed;inset:0;z-index:51;pointer-events:none;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:40px 40px}#viewer-viewport{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50}#viewer-toolbar{position:fixed;top:0;left:0;right:0;z-index:80;display:flex;align-items:center;gap:16px;padding:12px 20px;background:#0a0a0cb8;backdrop-filter:var(--osn-glass-blur);-webkit-backdrop-filter:var(--osn-glass-blur);border-bottom:1px solid rgba(0,240,255,.2);box-shadow:0 8px 40px #0a0a0c80,var(--osn-synergy-panel-glow)}#viewer-toolbar-logo{height:22px;opacity:.9}#viewer-logo-link{display:flex}#viewer-filename{flex:1;font-size:12px;letter-spacing:.04em;color:var(--osn-on-surface-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#viewer-download-btn{background:var(--osn-surface-container-high);color:var(--osn-primary-soft);border:1px solid var(--osn-outline-variant);border-radius:var(--osn-radius);padding:8px 18px;font-family:var(--osn-font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:border-color .15s,filter .15s}#viewer-download-btn:hover{border-color:#00f0ff59;filter:brightness(1.05)}#point-size-slider{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;padding:8px 16px;background:#0e0e1399;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,240,255,.12);border-radius:20px;touch-action:none}#point-size-slider.hidden{display:none}#point-size-label{font-family:var(--osn-font-mono);font-size:9px;font-weight:600;letter-spacing:.12em;color:#00f0ff80;white-space:nowrap}#point-size-range{-webkit-appearance:none;appearance:none;width:120px;height:4px;background:linear-gradient(90deg,#00f0ff33,#d1bcff4d);border-radius:2px;outline:none;cursor:pointer}#point-size-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#00f0ff 30%,#00f0ff4d);border:2px solid rgba(0,240,255,.5);box-shadow:0 0 10px #00f0ff66;cursor:pointer}#point-size-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#00f0ff 30%,#00f0ff4d);border:2px solid rgba(0,240,255,.5);box-shadow:0 0 10px #00f0ff66;cursor:pointer}#viewer-stream-btn{position:fixed;bottom:24px;right:120px;z-index:100;background:#00e5ff14;color:#00e5ff;border:1px solid rgba(0,229,255,.25);border-radius:var(--osn-radius);padding:12px 20px;font-family:var(--osn-font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 24px #0000004d,0 0 12px #00e5ff14;transition:background .15s,border-color .15s}#viewer-stream-btn:hover{background:#00e5ff29;border-color:#00e5ff66}#viewer-share-btn{position:fixed;bottom:24px;right:24px;z-index:100;background:var(--osn-synergy-gradient);color:var(--osn-on-primary-container);border:none;border-radius:var(--osn-radius);padding:12px 24px;font-family:var(--osn-font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 24px #00000073,0 0 20px #ff00ff1f,inset 0 0 0 1px #dbfcff38;transition:filter .15s}#viewer-share-btn:hover{filter:brightness(1.08)}#viewer-share-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#17171beb;backdrop-filter:var(--osn-glass-blur);-webkit-backdrop-filter:var(--osn-glass-blur);color:var(--osn-primary-soft);border:1px solid transparent;border-image:var(--osn-crystalline-edge) 1;font-family:var(--osn-font-mono);font-size:12px;letter-spacing:.06em;padding:10px 22px;border-radius:var(--osn-radius);z-index:100;opacity:0;transition:opacity .3s;pointer-events:none;box-shadow:var(--osn-synergy-panel-glow)}#viewer-share-toast.visible{opacity:1}#viewer-loading{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--osn-celestial-bg)}#viewer-loading.hidden{display:none}#viewer-logo-loading{position:relative;overflow:hidden;animation:viewer-logo-pulse 2.5s ease-in-out infinite}#viewer-logo-loading:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.15) 40%,rgba(255,255,255,.25) 50%,rgba(209,188,255,.15) 60%,transparent 100%);animation:viewer-logo-shine 2.5s ease-in-out infinite}@keyframes viewer-logo-shine{0%{left:-100%}to{left:200%}}@keyframes viewer-logo-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}#viewer-loading-text{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--osn-on-surface-muted)}#viewer-error-screen{position:fixed;inset:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--osn-celestial-bg);padding:24px}#viewer-error-screen.hidden{display:none}#viewer-error-text{color:#f0a0a0;font-size:14px;text-align:center;max-width:360px}#viewer-back-upload{background:var(--osn-surface-container-high);color:var(--osn-primary-soft);border:1px solid var(--osn-outline-variant);border-radius:var(--osn-radius);padding:10px 22px;font-family:var(--osn-font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}#viewer-back-upload:hover{border-color:#00f0ff59}