:root{--bg-primary:#ffffff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--border-color:#dee2e6;--accent-color:#0066cc;--accent-hover:#0052a3;--accent-alert:#dc3545;--shadow:rgba(0 0 0 / .1);--shadow-lg:rgba(0 0 0 / .15);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}[data-theme="dark"]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#404040;--text-primary:#ffffff;--text-secondary:#cccccc;--border-color:#404040;--accent-color:#4a9eff;--accent-hover:#357abd;--shadow:rgba(0 0 0 / .3);--shadow-lg:rgba(0 0 0 / .5)}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'kern';font-variant-ligatures:common-ligatures;font-kerning:normal;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{display:flex;flex-direction:column;min-height:100vh;line-height:1.5;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}.hidden{display:none!important}*:focus{outline:2px solid var(--accent-color);outline-offset:2px}button:focus,select:focus{box-shadow:0 0 0 2px var(--accent-color);outline:none}.header{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow);z-index:999}.header-content{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:1400px}.app-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.5rem;font-weight:600;color:var(--text-primary)}.app-title i{color:var(--accent-color)}.theme-btn{padding:var(--spacing-sm);font-size:1.1rem;color:var(--text-secondary);background:none;border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer}.theme-btn:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.app{flex:1;display:flex;margin:0 auto;width:100%;max-width:1400px}.viewer{position:relative;flex:1;background-color:var(--bg-primary)}#canvas{display:block;width:100%!important;height:100%!important;cursor:grab}.control-buttons{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.overlay-btn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;padding:var(--spacing-sm);font-size:1rem;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer}.overlay-btn:hover,.overlay-btn.active{color:white;background-color:var(--accent-color)}.overlay-btn i.rotating{animation:rotate 2s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}.viewer-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--spacing-xl);text-align:center;background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);box-shadow:0 4px 4px var(--shadow);z-index:998}.welcome-message i{color:var(--accent-color)}.welcome-message h2{margin:var(--spacing-sm) 0 var(--spacing-md);color:var(--text-primary)}.welcome-message p{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}.welcome-message p.welcome-hint{font-size:.9rem;color:var(--accent-alert)}.spinner{margin:0 auto var(--spacing-md);width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.loading-indicator p{color:var(--text-secondary);font-size:.9rem}.sidebar{width:300px;padding:var(--spacing-lg);background-color:var(--bg-secondary);border-right:1px solid var(--border-color);overflow-y:auto}.sidebar-section{margin-bottom:var(--spacing-xl)}.sidebar-section h3{margin-bottom:var(--spacing-md);font-size:1.1rem;font-weight:600;color:var(--text-primary)}.file-upload{display:flex;flex-direction:column;gap:var(--spacing-md)}.file-upload input[type="file"]{display:none}.file-upload-btn{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-weight:500;color:white;background-color:var(--accent-color);border:none;border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer}.file-upload-btn:hover{background-color:var(--accent-hover);box-shadow:0 4px 8px var(--shadow)}.file-list{display:flex;flex-direction:column;gap:3px}.file-item{display:flex;align-items:stretch;gap:3px}.file-item .file-name,.file-item .remove-file{display:flex;align-items:center;padding:var(--spacing-sm);font-size:.9rem;color:var(--text-primary);background-color:var(--bg-tertiary);border:none;overflow:hidden;cursor:pointer}.file-item .file-name{flex:1;white-space:nowrap;text-align:left;text-overflow:ellipsis;font-family:inherit;border-top-left-radius:var(--border-radius-sm);border-bottom-left-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.file-item.active .file-name{font-weight:600;color:var(--accent-color)}.file-item .remove-file{flex:0 0 auto;justify-content:center;aspect-ratio:1 / 1;color:var(--text-secondary);border-top-right-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm);transition:color var(--transition-fast)}.file-item .remove-file:hover{color:var(--accent-alert)}.view-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:inherit;font-size:.9rem;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer}.view-select:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(0 102 204 / .2);outline:none}.model-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);font-size:.9rem;background-color:var(--bg-tertiary);border-radius:var(--border-radius-sm)}.stat-label{font-weight:500;color:var(--text-secondary)}.stat-value{font-weight:600;color:var(--text-primary)}.controls-info{font-size:.85rem;color:var(--text-secondary)}.controls-info ul{list-style:none;margin-top:var(--spacing-sm)}.controls-info li{margin-bottom:var(--spacing-xs);padding-left:var(--spacing-md);position:relative}.controls-info li::before{content:"•";position:absolute;left:0;color:var(--accent-color)}.export-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.export-btn{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer}.export-btn:hover{color:white;background-color:var(--accent-color)}.footer{padding:var(--spacing-md);text-align:center;font-size:.9rem;color:var(--text-secondary);background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}@media (max-width:768px){.app{flex-direction:column}.viewer{height:50vh}.viewer-overlay{min-width:80%}#canvas{aspect-ratio:1 / 1}.sidebar{width:100%;max-height:50vh;border-right:none;border-bottom:1px solid var(--border-color);overflow-y:auto}.sidebar-section{margin-bottom:var(--spacing-lg)}}@media (max-width:480px){.header{padding:var(--spacing-sm) var(--spacing-md)}.app-title{font-size:1.2rem}.sidebar{padding:var(--spacing-md)}}