.upload-container{width:100%;max-width:600px;padding:2rem}.upload-dropzone{border:2px dashed rgba(255,255,255,.3);border-radius:12px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:#ffffff0d}.upload-dropzone:hover{border-color:#ffffff80;background:#ffffff14}.upload-dropzone.dragging{border-color:#6496ffcc;background:#6496ff1a}.upload-content svg{margin-bottom:1rem;opacity:.7}.upload-content h2{margin:.5rem 0;font-size:1.5rem}.upload-content p{margin:.5rem 0;opacity:.7}.upload-hint{font-size:.875rem;opacity:.5}.example-portraits-section{margin-top:2rem}.example-portraits-callout{text-align:center;margin:0 0 1rem;font-size:.95rem;opacity:.8;color:#fff}.example-portraits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.example-portrait-card{position:relative;aspect-ratio:1;border:2px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;cursor:pointer;background:#ffffff0d;padding:0;transition:all .3s ease}.example-portrait-card:hover{border-color:#ffffff80;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.example-portrait-card:active{transform:translateY(-2px)}.example-portrait-image{width:100%;height:100%;object-fit:cover;display:block}.example-portrait-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:.75rem .5rem .5rem;opacity:0;transition:opacity .3s ease}.example-portrait-card:hover .example-portrait-overlay{opacity:1}.example-portrait-name{font-size:.75rem;color:#fff;font-weight:500;display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{position:absolute;top:20px;left:20px;z-index:100}.controls-panel{background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:1rem;min-width:200px}.control-group{margin-bottom:1rem}.control-group:last-child{margin-bottom:0}.control-group label{display:block;margin-bottom:.5rem;font-size:.875rem;color:#ffffffe6}.control-group input[type=checkbox]{margin-right:8px;cursor:pointer;accent-color:#4CAF50}.control-group label input[type=checkbox]{margin-right:8px}.depth-toggle label,.cursor-toggle label{display:flex;align-items:center;margin-bottom:0;cursor:pointer}.control-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#fff3;outline:none;-webkit-appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer}.control-group input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none}.control-group button{margin-right:.5rem;margin-bottom:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;transition:all .2s ease}.control-group button:hover{background:#fff3}.control-group button.active{background:#6496ff4d;border-color:#6496ff80}.debug-panel{margin-top:1rem;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:.75rem;font-family:Courier New,monospace;font-size:.75rem}.debug-item{display:flex;justify-content:space-between;margin-bottom:.25rem}.debug-item:last-child{margin-bottom:0}.debug-label{color:#ffffffb3}.debug-value{color:#fff;font-weight:700}.control-group.atlas-controls{border-top:1px solid rgba(255,255,255,.1);padding-top:.75rem;margin-top:.75rem}.atlas-generate-btn{display:block;width:100%;padding:.75rem!important;margin-right:0!important;background:linear-gradient(135deg,#64c8ff4d,#6496ff4d)!important;border:1.5px solid rgba(100,200,255,.5)!important;color:#64c8ff!important;font-weight:600;transition:all .3s ease}.atlas-generate-btn:hover{background:linear-gradient(135deg,#64c8ff80,#6496ff80)!important;border-color:#64c8ffcc!important;box-shadow:0 0 10px #64c8ff4d}.atlas-status{background:#64c8ff1a;border:1px solid rgba(100,200,255,.3);border-radius:4px;padding:.75rem;margin-bottom:.5rem}.atlas-status-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.atlas-status-label{color:#64c8ff;font-weight:600;font-size:.875rem}.atlas-grid-coords{color:#ffffffb3;font-size:.75rem;font-family:Courier New,monospace}.atlas-reset-btn{display:block;width:100%;padding:.5rem!important;margin-right:0!important;background:#ff646426!important;border:1px solid rgba(255,100,100,.3)!important;color:#ff9696e6!important;font-size:.8rem}.atlas-reset-btn:hover{background:#ff646440!important;border-color:#ff646480!important}.atlas-error{background:#ff646426;border:1px solid rgba(255,100,100,.3);border-radius:4px;padding:.75rem;color:#ff9696e6;font-size:.8rem;word-break:break-word}.control-group.model-status{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.model-status-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:4px;font-size:.8rem;font-weight:500}.model-status-icon{font-size:1rem;line-height:1}.model-status-text{color:#ffffffe6}.model-status-loading{background:#ffc86426;border:1px solid rgba(255,200,100,.3)}.model-status-loaded{background:#64ff6426;border:1px solid rgba(100,255,100,.3)}.model-status-fallback{background:#ff966426;border:1px solid rgba(255,150,100,.3)}.atlas-preview-toggle{position:fixed;bottom:20px;right:20px;padding:10px 15px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;z-index:999;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px #0003}.atlas-preview-toggle:hover{background:#66bb6a;transform:scale(1.05);box-shadow:0 4px 12px #4caf504d}.atlas-preview-drawer{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background:#141414f2;border-left:2px solid #4CAF50;display:flex;flex-direction:column;animation:slideInRight .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:-4px 0 20px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.atlas-preview{display:none}.atlas-preview-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #4CAF50;margin-bottom:0}.atlas-preview-header h3{margin:0;font-size:16px;font-weight:600;color:#4caf50}.atlas-preview-close{background:none;border:none;color:#4caf50;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.atlas-preview-close:hover{color:#66bb6a;transform:scale(1.2)}.atlas-preview-subtitle{margin:0;padding:0 20px 10px;font-size:11px;color:#aaa}.atlas-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;padding:20px;overflow-y:auto;flex:1}.atlas-preview-item{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;background:#f0f0f0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.atlas-preview-item:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026;z-index:10}.atlas-preview-item img{width:100%;height:100%;object-fit:cover;display:block}.atlas-preview-label{position:absolute;bottom:0;left:0;right:0;background:#000000e6;color:#4caf50;padding:3px;font-size:9px;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.atlas-preview-item:hover .atlas-preview-label{background:#4caf504d;color:#fff}.atlas-preview-grid::-webkit-scrollbar{width:8px}.atlas-preview-grid::-webkit-scrollbar-track{background:#32323280;border-radius:4px}.atlas-preview-grid::-webkit-scrollbar-thumb{background:#4caf50;border-radius:4px}.atlas-preview-grid::-webkit-scrollbar-thumb:hover{background:#66bb6a}.viewer-container{width:100%;height:100vh;position:relative;overflow:hidden}.viewer-canvas{width:100%;height:100%;cursor:auto}.viewer-canvas.cursor-hidden{cursor:none}.processing-overlay,.error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:150}.error-banner{position:absolute;top:20px;right:20px;background:#ff6464e6;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;z-index:100;max-width:300px;box-shadow:0 4px 12px #0000004d}.error-banner p{margin:0}.processing-overlay p,.error-overlay p{margin:.5rem 0;color:#fff}.processing-hint,.error-hint{font-size:.875rem;opacity:.7}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.atlas-generator{padding:2rem;max-width:600px;margin:0 auto}.atlas-generator-header{text-align:center;margin-bottom:2rem}.atlas-generator-header h2{margin:0 0 .5rem;font-size:1.5rem}.atlas-generator-header p{color:#666;margin:0}.atlas-error{background:#fee;border:1px solid #fcc;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.atlas-error p{margin:.5rem 0}.atlas-error-hint{font-size:.9rem;color:#666}.atlas-progress{text-align:center;margin:2rem 0}.atlas-progress-bar{width:100%;height:24px;background:#e0e0e0;border-radius:12px;overflow:hidden;margin-bottom:1rem}.atlas-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease;border-radius:12px}.atlas-progress p{margin:.5rem 0}.atlas-progress-hint{font-size:.9rem;color:#666}.atlas-actions{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.atlas-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.atlas-button-primary{background:#4caf50;color:#fff}.atlas-button-primary:hover{background:#45a049}.atlas-button-secondary{background:#2196f3;color:#fff}.atlas-button-secondary:hover{background:#0b7dda}.atlas-button-cancel{background:#f5f5f5;color:#333}.atlas-button-cancel:hover{background:#e0e0e0}.atlas-info{background:#f9f9f9;border-radius:8px;padding:1.5rem;margin-top:2rem}.atlas-info h3{margin:0 0 1rem;font-size:1.1rem}.atlas-info ul{margin:0;padding-left:1.5rem}.atlas-info li{margin:.5rem 0;color:#666}.atlas-success{text-align:center;padding:2rem;background:#e8f5e9;border-radius:8px}.atlas-success h2{margin:0 0 1rem;color:#2e7d32}.atlas-success p{margin:.5rem 0}.atlas-hint{font-size:.9rem;color:#666;margin-top:1rem}.atlas-cache-status{background:#f5f9ff;border:1px solid #d0e4ff;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.cache-status-header{font-weight:600;margin:0 0 .5rem;color:#333}.cache-hash-display{font-size:.85rem;color:#666;margin:.5rem 0;font-family:monospace;background:#f5f5f5;padding:.25rem .5rem;border-radius:4px}.cache-hash-display code{color:#06c;font-weight:600}.cache-status-list{list-style:none;padding:0;margin:0}.cache-status-list li{padding:.5rem;margin:.25rem 0;border-radius:4px;font-family:monospace;font-size:.95rem}.cache-status-list li.cache-hit{background:#e8f5e9;color:#2e7d32}.cache-status-list li.cache-miss{background:#fff3e0;color:#e65100}.atlas-cache-check{text-align:center;padding:1rem;color:#666;font-style:italic}.button-badge{background:#ffffff4d;padding:.2rem .5rem;border-radius:12px;font-size:.85rem;margin-left:.5rem}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.upload-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:100;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.atlas-generator-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.atlas-generator-container{background:#fff;border-radius:12px;padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}