:root{font-family:Inter,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#111316;background:#fff;--ink: #111316;--muted: #6d737a;--line: #d8dce1;--green: #164b3c;--gutter: clamp(22px, 4.5vw, 72px);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button{font:inherit;font-size:14px;line-height:1.4;padding:10px 16px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;cursor:pointer}button:hover{border-color:var(--ink)}button:focus-visible,canvas:focus-visible{outline:2px solid var(--green);outline-offset:3px}button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}button[aria-pressed=true]:hover{background:#2e3135}button:disabled{background:#e4e7e9;color:#858a90;border-color:var(--line);cursor:default}button kbd{margin-left:10px;opacity:.7}.tool-header{display:flex;min-height:80px;align-items:center;justify-content:space-between;gap:32px;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:#fff}.tool-header__brand,.tool-header__project{color:var(--ink);font-size:18px;font-weight:600}.tool-header__brand{flex:0 0 auto}.tool-header__project{min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}main{padding:24px var(--gutter) 32px}.scene-shell{position:relative;background:#f2f2f2}.viewport{height:clamp(420px,65vh,760px);min-width:0}.viewport canvas{display:block;width:100%;height:100%;touch-action:none}.scene-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#f2f2f2;color:var(--muted);padding:24px;text-align:center}.error{color:#a63a3a}.spinner{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.settings-bar{display:flex;justify-content:flex-end;padding:14px 0 0}#operation-settings{margin-top:20px;border-top:1px solid var(--line);padding-top:22px}.control-groups{display:flex;flex-wrap:wrap;gap:24px 40px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:13px;color:var(--muted);margin-bottom:10px;padding:0}fieldset button+button{margin-left:8px}kbd{font-family:inherit;font-size:12px}.driving-settings{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:13px;line-height:1.8}.driving-settings p{margin:6px 0}.driving-settings button+button{margin-left:8px}.site-footer{min-height:112px;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;padding:0 var(--gutter);color:var(--muted);font-size:14px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:800px){.tool-header{min-height:68px;gap:20px}.tool-header__brand,.tool-header__project{font-size:14px}main{padding-top:18px}.viewport{height:56vh;min-height:340px}.site-footer{min-height:96px}.control-groups{gap:20px}.driving-settings{display:block}button{min-height:44px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}