:root{--bg: #111318;--bg-raise: #1a1d26;--bg-hover: #232733;--border: #2c3140;--text: #d7dbe3;--text-dim: #8b93a5;--accent: #4a7bd8;--accent-text: #0d1017;--danger: #e05656;--warn: #d8a13f;--ok: #57b06b;--radius: 8px;font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{display:flex;flex-direction:column}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;background:var(--bg-raise);border-bottom:1px solid var(--border);z-index:10}.brand{margin:0;font-size:1rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.toolbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tool{appearance:none;border:1px solid var(--border);background:transparent;color:var(--text);border-radius:var(--radius);padding:6px 10px;font:inherit;font-size:.85rem;cursor:pointer;transition:background .15s,border-color .15s}.tool:hover{background:var(--bg-hover)}.tool:focus-visible,.chip:focus-visible,.recent-item:focus-visible,#scene:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.tool:disabled{opacity:.5;cursor:not-allowed}.tool.ghost{font-size:.8rem;padding:4px 8px}.install-cta{margin-left:auto;background:var(--ok);border-color:var(--ok);color:var(--accent-text);font-weight:600;box-shadow:0 2px 10px #57b06b59}.install-cta:hover{background:#69c67d;border-color:#69c67d}.color-tool{display:inline-flex;align-items:center;padding:5px 6px}#color-picker{width:28px;height:26px;padding:0;border:none;background:transparent;cursor:pointer}#viewport{position:relative;flex:1;min-height:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#scene:active{cursor:grabbing}.model-tabs{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:90%;z-index:5}.chip{border:1px solid var(--border);background:var(--bg-raise);color:var(--text);border-radius:999px;padding:5px 12px;font:inherit;font-size:.8rem;cursor:pointer}.chip:hover{background:var(--bg-hover)}.spinner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#1113188c;backdrop-filter:blur(2px);z-index:6;color:var(--text);font-size:.9rem;pointer-events:none}.spinner-ring{width:42px;height:42px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner-ring{animation-duration:1.8s}*,*:before,*:after{transition:none!important}}.info-panel{position:absolute;top:12px;right:12px;width:min(260px,calc(100vw - 24px));background:#1a1d26eb;border:1px solid var(--border);border-radius:var(--radius);padding:12px;z-index:5;backdrop-filter:blur(4px)}.info-title{margin:0;font-size:.95rem;word-break:break-word}.info-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.info-toggle{appearance:none;background:transparent;border:none;color:var(--text-dim);font-size:.9rem;line-height:1;padding:4px 6px;cursor:pointer;border-radius:4px}.info-toggle:hover{color:var(--text);background:var(--bg-hover)}.info-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.info-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:.82rem}.info-grid dt{color:var(--text-dim)}.info-grid dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.info-note{margin:8px 0 0;font-size:.72rem;color:var(--text-dim)}.app-footer{text-align:center;padding:5px 8px;font-size:.72rem;color:var(--text-dim);background:var(--bg);border-top:1px solid var(--border)}.app-footer .creator{color:var(--text)}.recent-panel{position:absolute;top:12px;right:12px;width:min(300px,calc(100vw - 24px));background:#1a1d26f2;border:1px solid var(--border);border-radius:var(--radius);padding:12px;z-index:5;backdrop-filter:blur(4px)}.recent-title{margin:0 0 8px;font-size:.95rem}.recent-list{list-style:none;margin:0 0 8px;padding:0;max-height:40vh;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.recent-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);border-radius:6px;padding:6px 8px;font:inherit;cursor:pointer}.recent-item:hover{background:var(--bg-hover)}.recent-name{font-size:.85rem;word-break:break-word}.recent-meta{font-size:.72rem;color:var(--text-dim)}.recent-empty{color:var(--text-dim);font-size:.85rem}.toasts{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;width:min(480px,calc(100vw - 24px));z-index:20;pointer-events:none}.toast{max-width:100%;background:var(--bg-raise);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:10px 14px;font-size:.85rem;box-shadow:0 6px 18px #0006;transition:opacity .3s,transform .3s}.toast-error{border-left-color:var(--danger)}.toast-warn{border-left-color:var(--warn)}.toast-out{opacity:0;transform:translateY(6px)}.drop-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#111318bf;z-index:15;pointer-events:none}.drop-hint p{border:2px dashed var(--accent);border-radius:var(--radius);padding:22px 34px;font-size:1.1rem;color:var(--text)}.empty-state{position:absolute;inset:12px;display:flex;align-items:center;justify-content:center;z-index:4}.empty-box{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(420px,calc(100vw - 48px));padding:34px 24px;border:2px dashed var(--border);border-radius:12px;background:#11131873;cursor:pointer;transition:border-color .15s,background .15s}.empty-box:hover{border-color:var(--accent);background:#1a1d2699}.empty-title{margin:0;font-size:1.05rem;color:var(--text)}.empty-or{margin:0;font-size:.8rem;color:var(--text-dim)}.empty-upload{font-size:.9rem}.measure-hud{position:absolute;inset:0;pointer-events:none;z-index:7}.measure-chip{position:absolute;left:0;top:0;background:#1a1d26eb;border:1px solid var(--accent);border-radius:6px;padding:3px 8px;font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.measure-chip-preview{border-color:var(--warn)}.measure-controls{position:absolute;bottom:64px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px);background:#1a1d26f0;border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;z-index:8}.axis-btn{min-height:42px;min-width:48px;text-align:center}.measure-hint{font-size:.75rem;color:var(--text-dim);max-width:260px}.empty-tip{margin:6px 0 0;font-size:.75rem;color:var(--text-dim)}@media(max-width:560px){.brand{display:none}.topbar{padding:6px 8px}.tool{padding:5px 8px;font-size:.78rem}.info-panel{top:8px;right:8px;padding:10px}.toasts{bottom:10px}}