*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#0a0a0f;color:#fff;min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--text-primary: #ffffff;--text-secondary: #a0a0b0;--accent: #6366f1;--accent-hover: #818cf8;--border: #2a2a3a;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--gradient-start: #6366f1;--gradient-end: #a855f7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.header-content h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.25rem}.github-link{color:var(--text-secondary);transition:color .2s}.github-link:hover{color:var(--text-primary)}.main{flex:1;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.error-banner{background:#ef44441a;border:1px solid var(--error);border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;color:var(--error);font-size:.9rem}.panels{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}@media(max-width:1200px){.panels{grid-template-columns:1fr 1fr}.viewer-panel{grid-column:span 2}}@media(max-width:768px){.panels{grid-template-columns:1fr}.viewer-panel{grid-column:span 1}}.panel{background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border);overflow:hidden}.panel h3{padding:1rem 1.25rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border)}.uploader-section{height:100%;display:flex;flex-direction:column}.upload-zone{flex:1;min-height:300px;display:flex;align-items:center;justify-content:center;margin:1rem;border:2px dashed var(--border);border-radius:8px;transition:all .2s;cursor:pointer}.upload-zone.dragging{border-color:var(--accent);background:#6366f10d}.upload-zone.has-image{border-style:solid;padding:0}.upload-prompt{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-secondary);padding:2rem;text-align:center}.upload-prompt svg{opacity:.5}.upload-prompt p{font-size:1rem}.upload-prompt span{font-size:.85rem;opacity:.6}.file-input-label{padding:.5rem 1.25rem;background:var(--accent);color:#fff;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.file-input-label:hover{background:var(--accent-hover)}.file-input-label input{display:none}.preview-container{position:relative;width:100%;height:100%;min-height:300px}.preview-image{width:100%;height:100%;object-fit:contain;background:var(--bg-tertiary)}.processing-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.change-image-btn{display:block;text-align:center;padding:.75rem;color:var(--accent);font-size:.9rem;cursor:pointer;border-top:1px solid var(--border);transition:background .2s}.change-image-btn:hover{background:var(--bg-tertiary)}.change-image-btn input{display:none}.depth-section{height:100%;display:flex;flex-direction:column}.depth-container{flex:1;min-height:300px;display:flex;flex-direction:column;padding:1rem}.depth-image{flex:1;width:100%;object-fit:contain;border-radius:8px;background:var(--bg-tertiary)}.depth-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-secondary);opacity:.5}.depth-legend{margin-top:.75rem}.legend-bar{height:8px;border-radius:4px;background:linear-gradient(90deg,#0d0887,#7e03a8,#cc4778,#f89540,#f0f921)}.legend-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.viewer-panel{display:flex;flex-direction:column}.point-cloud-container{flex:1;min-height:350px;position:relative}.point-cloud-container canvas{border-radius:0 0 12px 12px}.point-cloud-placeholder{height:350px;display:flex;align-items:center;justify-content:center}.placeholder-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-secondary);opacity:.5}.point-cloud-info{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:.5rem 1rem;background:#00000080;font-size:.75rem;color:var(--text-secondary)}.info-section{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:768px){.info-section{grid-template-columns:1fr}}.info-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.info-card h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.info-card ol,.info-card ul{padding-left:1.25rem;color:var(--text-secondary);font-size:.9rem}.info-card li{margin-bottom:.5rem}.info-card strong{color:var(--text-primary)}.footer{padding:1.5rem 2rem;text-align:center;color:var(--text-secondary);font-size:.85rem;border-top:1px solid var(--border)}.footer a{color:var(--accent);text-decoration:none;margin-left:.5rem}.footer a:hover{text-decoration:underline}