:root{color-scheme:dark;--bg: #101114;--panel-bg: #181a1f;--text: #e6e6e9;--muted: #9a9ca3;--accent: #6fb1ff;--danger: #ff6b6b;font-family:-apple-system,Hiragino Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}#app{display:flex;height:100vh;width:100vw;overflow:hidden}#viewport{flex:1;min-width:0;min-height:0;position:relative;cursor:grab}#viewport.dragging-ball{cursor:grabbing}#viewport canvas{display:block;width:100%;height:100%}.panel{width:300px;flex-shrink:0;background:var(--panel-bg);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;border-left:1px solid #2a2d34}.panel-title{font-size:15px;font-weight:600}.nav-link{font-size:11px;color:var(--accent);text-decoration:none}.nav-link:hover{text-decoration:underline}.version-row{font-size:11px;color:var(--muted);margin-bottom:4px}.row{display:flex;align-items:center;gap:8px}.slider-row{display:grid;grid-template-columns:100px 1fr 48px;align-items:center;gap:6px}.slider-row label{font-size:12px;color:var(--muted)}.value-out{font-size:12px;text-align:right;font-variant-numeric:tabular-nums}input[type=range]{width:100%}input[type=text]{flex:1;background:#0d0e11;border:1px solid #33363d;color:var(--text);padding:4px 6px;border-radius:4px;font-size:12px}input[type=number]{background:#0d0e11;border:1px solid #33363d;color:var(--text);padding:4px 6px;border-radius:4px;font-size:12px;font-variant-numeric:tabular-nums}button{background:#24272e;color:var(--text);border:1px solid #383c45;border-radius:5px;padding:7px 10px;font-size:12px;cursor:pointer}button:hover{background:#2c3038;border-color:var(--accent)}button.danger:hover{border-color:var(--danger);color:var(--danger)}.hint{font-size:11px;color:var(--muted);line-height:1.5}.selection-info{font-size:12px;color:var(--accent)}.ball-editor{display:flex;flex-direction:column;gap:8px;padding:10px;background:#14161b;border:1px solid #2a2d34;border-radius:6px}.ball-editor[hidden]{display:none}.ball-editor-title{font-size:12px;font-weight:600;color:var(--text)}.pos-row{gap:6px}.pos-field{display:flex;align-items:center;gap:4px;flex:1;font-size:11px;color:var(--muted)}.pos-field input[type=number]{width:100%;min-width:0}.mesh-export{display:flex;flex-direction:column;gap:8px;padding:10px;background:#14161b;border:1px solid #2a2d34;border-radius:6px}.mesh-export-title{font-size:12px;font-weight:600}.mesh-row{display:grid;grid-template-columns:74px 1fr 38px;align-items:center}.mesh-row label{color:var(--muted);font-size:12px}.mesh-row input[type=number]{width:100%}.mesh-status{color:var(--muted);font-size:11px;line-height:1.45}.mesh-status[data-ok=true]{color:#8fd694}.mesh-status[data-ok=false]{color:#ff9a9a}hr{border:none;border-top:1px solid #2a2d34;width:100%}.history-count,.fps{font-size:11px;color:var(--muted)}