:root{margin:0;padding:0;box-sizing:border-box;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;--bg: #1a1a1a;--panel: #242424;--border: #3a3a3a;--text: #ffffff}body{position:absolute;top:0;left:0;margin:0;display:flex;place-items:center;width:100%;height:100%}#webgl{position:fixed;top:0;left:0;width:100%;height:100%}.ui-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.menu-overlay{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background:#242424f2;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.model-selector{display:flex;gap:20px}.dropzone{width:500px;height:180px;display:flex;align-items:center;justify-content:center;background:#242424;border:2px dashed #4a4a4a;border-radius:12px;cursor:pointer;transition:all .2s ease}.dropzone:hover{border-color:#fff;background:#2b2b2b}.dropzone.drag-over{border-color:#fff;background:#313131}.dropzone-content{text-align:center;color:#fff}.dropzone-content p{margin:0;font-size:1rem}.dropzone-content span{margin-top:8px;display:block;font-size:.85rem;color:#a0a0a0}.model-card{width:180px;height:180px;background:#2d2d2d;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:.2s}.model-card img{width:100%;height:100%;object-fit:cover;border-radius:10px}.model-card:hover{border-color:#fff}.model-card.active{border:2px solid white}.start-button{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;background:#fff;color:#000;transition:all .2s ease}.start-button:disabled{opacity:.35;cursor:not-allowed}.top-bar{position:fixed;top:20px;left:50%;transform:translate(-50%);width:500px;height:60px;background:var(--panel);border:1px solid var(--border);border-radius:10px;z-index:5;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}.top-bar{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;width:fit-content}.top-bar span,.top-bar{font-size:.95rem}.model-select,#model-upload{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.65rem .9rem;font-size:.95rem;outline:none;transition:border-color .2s ease,background .2s ease}.model-select{cursor:pointer;min-width:180px}.model-select:hover,#model-upload:hover{border-color:#555}.model-select:focus,#model-upload:focus{border-color:#6ea8fe}.model-select option{background:var(--panel);color:var(--text)}#model-upload::file-selector-button{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.45rem .8rem;margin-right:.75rem;cursor:pointer;transition:background .2s ease}#model-upload::file-selector-button:hover{background:#333}.bottom-bar{position:fixed;left:50%;bottom:20px;transform:translate(-50%);display:flex;gap:10px;padding:10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;z-index:5;pointer-events:auto}.tool-btn{padding:12px 24px;background:transparent;color:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer}.tool-btn.active{background:#fff;color:#000}.hidden{display:none}