:root{color:#d6d6d6;background:#2f2f2f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}button,input{font:inherit}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr) 286px;width:100%;height:100%;min-height:0}.model-browser{min-height:0;overflow:auto;border-right:1px solid #1f1f1f;background:#2f2f2f;padding:12px 8px 16px}.model-browser-header{padding:2px 6px 9px}.viewport{position:relative;min-width:0;min-height:0;background:#4b4b4b}.viewport-toolbar{position:absolute;top:10px;left:10px;z-index:2;display:flex;gap:5px;padding:4px;border:1px solid #1f1f1f;border-radius:4px;background:#383838f0;box-shadow:0 8px 18px #0000003d}.history-toolbar{position:absolute;bottom:10px;left:10px;z-index:2;display:flex;gap:5px;padding:4px;border:1px solid #1f1f1f;border-radius:4px;background:#383838f0;box-shadow:0 8px 18px #0000003d}.tool-button{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #222222;border-radius:3px;background:#3a3a3a;color:#d0d0d0;cursor:pointer;padding:0}.history-button{display:inline-grid;place-items:center;width:28px;height:26px;border:1px solid #222222;border-radius:3px;background:#3a3a3a;color:#d0d0d0;cursor:pointer;padding:0}.history-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.tool-button svg,.transform-label svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.tool-button:hover{background:#464646}.history-button:hover:not(:disabled){background:#464646}.tool-button.is-active{border-color:#596f82;background:#3d5266;color:#d7e0e8}.history-button:disabled{color:#777;cursor:default;opacity:.58}.scene-host{position:relative;width:100%;height:100%;overflow:hidden}.scene-host canvas{display:block;width:100%;height:100%}.inspector{min-height:0;overflow:auto;border-left:1px solid #1f1f1f;background:#303030;padding:16px 14px 20px}.inspector-header{border-bottom:1px solid #1f1f1f;padding-bottom:12px}.transform-section{padding:0 0 12px}.eyebrow{margin:0 0 6px;color:#9c9c9c;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:20px;line-height:1.15;color:#e0e0e0}h2{font-size:12px;line-height:1.2;border:1px solid #242424;background:#3a3a3a;padding:5px 6px;color:#d0d0d0;text-transform:uppercase}.panel-section{padding:12px 0;border-top:1px solid #1f1f1f}.product-tree{display:grid;gap:0;overflow:hidden;border:1px solid #202020;background:#282828}.tree-node{display:grid;gap:0}.tree-row{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;padding-left:calc(var(--tree-depth) * 10px);border-bottom:1px solid #343434}.tree-expander,.tree-item{border:0;background:transparent;color:inherit}.tree-expander{width:18px;height:24px;padding:0;color:#a8a8a8;cursor:pointer;font-size:11px;font-weight:800}.tree-expander:disabled{cursor:default;opacity:0}.tree-item{display:grid;grid-template-columns:17px minmax(0,1fr);align-items:center;min-height:25px;border-left:1px solid transparent;border-radius:0;padding:2px 5px 2px 4px;cursor:pointer;text-align:left}.tree-item:hover{background:#383838}.tree-item.is-selected{border-left-color:#6f879c;background:#3d5266;color:#dde4ea}.tree-kind{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:3px;color:#fff;font-size:9px;font-weight:800}.tree-kind-assembly{background:#3d6d98}.tree-kind-part{background:#666}.tree-name{min-width:0;overflow:hidden;font-size:12px;font-weight:650;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.node-path{margin-top:6px;overflow:hidden;color:#969696;font-size:11px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.empty-state{margin:0;color:#969696;font-size:12px;line-height:1.35}.transform-stack{display:grid;gap:5px}.transform-row{display:grid;grid-template-columns:14px repeat(3,minmax(0,1fr));align-items:center;gap:5px}.transform-label{display:inline-grid;place-items:center;color:#b7b7b7;font-size:11px;font-weight:800;text-align:center}.transform-label svg{width:13px;height:13px;stroke-width:2}.transform-input{width:100%;min-width:0;min-height:24px;border:1px solid #1f1f1f;border-radius:3px;background:#232323;padding:2px 4px;color:#ddd;font-size:11px}.parameter-stack,.properties-stack{display:grid;gap:10px;margin-top:11px}.parameter-row,.property-row{display:grid;gap:5px}.parameter-label,.property-label{color:#d6d6d6;font-size:12px;font-weight:650}.parameter-inputs{display:grid;grid-template-columns:minmax(88px,1fr) 58px 26px;align-items:center;gap:6px}.sport-mode-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:34px}.sport-mode-switch{position:relative;display:inline-flex;width:48px;height:28px;cursor:pointer}.sport-mode-input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.sport-mode-track{position:absolute;inset:0;border:1px solid #1f1f1f;border-radius:999px;background:#555;box-shadow:inset 0 1px 2px #00000061;transition:background .18s ease,border-color .18s ease}.sport-mode-knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#f4f4f4;box-shadow:0 2px 5px #00000061;transition:transform .18s ease}.sport-mode-input:checked+.sport-mode-track{border-color:#b86105;background:#d97706}.sport-mode-input:checked+.sport-mode-track .sport-mode-knob{transform:translate(20px)}.sport-mode-input:focus-visible+.sport-mode-track{outline:2px solid rgba(217,119,6,.42);outline-offset:2px}.parameter-range{width:100%;accent-color:#4f8abd}.parameter-number{width:58px;min-height:28px;border:1px solid #1f1f1f;border-radius:3px;background:#232323;padding:3px 5px;color:#ddd}.property-input{width:100%;border:1px solid #1f1f1f;border-radius:3px;background:#232323;padding:6px 7px;color:#ddd}.property-input{min-height:30px}.transform-input:hover,.parameter-number:hover,.property-input:hover{border-color:#4b4b4b}.parameter-number:focus,.transform-input:focus,.property-input:focus{border-color:#64798b;outline:1px solid rgba(100,121,139,.55)}.parameter-unit{color:#9f9f9f;font-size:11px;font-weight:700}@media(max-width:980px){.workspace{grid-template-columns:1fr;grid-template-rows:200px minmax(360px,50vh) minmax(0,1fr)}.model-browser{border-right:0;border-bottom:1px solid #1f1f1f}.model-browser-header{padding-bottom:10px}.inspector{border-top:1px solid #1f1f1f;border-left:0}}