*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1e1e22;color:#e0e0e0;overflow:hidden;height:100vh}.hidden{display:none!important}#upload-screen{display:flex;flex-direction:column;align-items:center;height:100vh;background:#1e1e22;overflow-y:auto;padding:60px 24px 40px;gap:32px}#upload-header h1{font-size:28px;font-weight:700;color:#e0e0e0;text-align:center}#upload-area{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 80px;border:2px dashed #555;border-radius:16px;cursor:pointer;transition:all .2s;width:100%;max-width:560px}#upload-area:hover,#upload-area.drag-over{border-color:#79f;background:#7799ff0d}#upload-icon{color:#666}#upload-area p{font-size:14px;color:#888}#file-input{display:none}#saved-models{width:100%;max-width:560px}#saved-models h2{font-size:14px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}#no-models{font-size:13px;color:#555}#model-list{display:flex;flex-direction:column;gap:4px}.model-card{display:flex;align-items:center;background:#252528;border:1px solid #333;border-radius:10px;transition:all .15s}.model-card:hover{border-color:#4a4a55;background:#2a2a30}.model-card-info{display:flex;align-items:center;gap:14px;padding:14px 16px;flex:1;cursor:pointer;min-width:0}.model-card-thumb{width:80px;height:80px;border-radius:6px;background:#1e1e22;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;color:#57a}.model-card-thumb img{width:100%;height:100%;object-fit:cover}.model-card-text{min-width:0}.model-card-name-row{display:flex;align-items:center;gap:6px}.model-card-name{font-size:14px;font-weight:500;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-card-rename{background:none;border:none;color:#555;cursor:pointer;padding:2px;flex-shrink:0;opacity:0;transition:opacity .15s,color .15s}.model-card:hover .model-card-rename{opacity:1}.model-card-rename:hover{color:#aaa}.model-card-rename-input{font-size:14px;font-weight:500;color:#ddd;background:#1e1e22;border:1px solid #5577aa;border-radius:4px;padding:2px 6px;outline:none;width:100%;font-family:inherit}.model-card-meta{font-size:12px;color:#666;margin-top:2px}.model-card-actions{display:flex;flex-direction:column;flex-shrink:0}.model-card-action{background:none;border:none;color:#555;cursor:pointer;padding:10px 14px;transition:color .15s;display:flex;align-items:center;justify-content:center;text-decoration:none}.model-card-action:hover{color:#aaa}.model-card-delete:hover{color:#c44!important}#loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#1e1e22}#loading-content{display:flex;flex-direction:column;align-items:center;gap:20px}#spinner{width:48px;height:48px;border:4px solid #333;border-top-color:#79f;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{font-size:14px;color:#aaa}#viewer-screen{display:grid;grid-template-columns:260px 1fr;grid-template-rows:44px 1fr;height:100vh}#toolbar{grid-column:1 / -1;display:flex;align-items:center;gap:4px;padding:0 12px;background:#2a2a2e;border-bottom:1px solid #3a3a3e;overflow-x:auto}#toolbar button{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:6px;color:#ccc;font-size:12px;cursor:pointer;white-space:nowrap;transition:all .15s}#toolbar button:hover{background:#3a3a40;border-color:#4a4a50}#toolbar button.active{background:#3a4a6a;border-color:#57a;color:#acf}#toolbar button svg{flex-shrink:0}.toolbar-separator{width:1px;height:24px;background:#3a3a3e;margin:0 4px;flex-shrink:0}.toolbar-group{display:flex;align-items:center;gap:8px;font-size:12px;color:#aaa}.toolbar-group label{white-space:nowrap}.toolbar-group input[type=range]{width:100px}#section-controls{display:flex;align-items:center;gap:8px}#section-controls select{padding:2px 6px;background:#333;color:#ccc;border:1px solid #555;border-radius:4px;font-size:12px}#section-controls input[type=range]{width:80px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#444;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#79f;border-radius:50%;cursor:pointer}#sidebar{background:#252528;border-right:1px solid #3a3a3e;display:flex;flex-direction:column;overflow:hidden}#sidebar-header{padding:10px 12px;border-bottom:1px solid #3a3a3e}#sidebar-header h3{font-size:13px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}#part-tree{flex:1;overflow-y:auto;padding:4px 0}.tree-item{-webkit-user-select:none;user-select:none}.tree-row{display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;font-size:13px;transition:background .1s}.tree-row:hover{background:#2e2e34}.tree-row-selected{background:#2a3a5a!important}.tree-toggle{width:16px;font-size:9px;color:#888;cursor:pointer;flex-shrink:0;text-align:center}.tree-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-visibility{font-size:14px;cursor:pointer;opacity:.6;flex-shrink:0}.tree-visibility:hover{opacity:1}.tree-children.collapsed{display:none}#viewport{overflow:hidden;position:relative}#viewport canvas{display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#444;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}