: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}#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;opacity:.95;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 0 20px rgba(0,240,255,.25)) drop-shadow(0 0 36px rgba(255,0,255,.08))}#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}#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:28px;opacity:.9;filter:drop-shadow(0 0 10px rgba(0,240,255,.35))}#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)}#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}@keyframes spin{to{transform:rotate(360deg)}}#viewer-spinner{width:36px;height:36px;border:2px solid var(--osn-surface-container-high);border-top-color:var(--osn-primary-container);border-right-color:var(--osn-synergy-magenta);border-radius:50%;animation:spin .85s linear infinite;box-shadow:0 0 24px #00f0ff40}#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}