:root{font-family:Arial,Helvetica,sans-serif;color:#29332f;background:#f4f5f3}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}button{border:1px solid #d3dbd3;border-radius:7px;background:#fff;color:#344239;min-height:42px;padding:10px 17px;font-size:13px}button:hover{background:#ecf0e9}button[aria-pressed=true]{background:#284e3e;color:#fff;border-color:#284e3e}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #81a98f;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}main{border:1px solid #dce1d9;border-radius:14px;overflow:hidden;background:#fff}.choices{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:22px 26px 18px}fieldset{margin:0;padding:0;border:0;min-width:0}legend,.finish-label{font-size:11px;font-weight:600;color:#61705e}legend{margin-bottom:9px}.profile-buttons{display:flex;gap:8px}.finish-label{display:flex;flex-direction:column;gap:9px;min-width:180px}select{border:1px solid #d3dbd3;border-radius:7px;background:#fff;color:#344239;height:42px;padding:0 10px;font-size:14px}.mode-tabs{display:flex;gap:8px;border-top:1px solid #e5e8e2;border-bottom:1px solid #e5e8e2;padding:10px 26px}.mode-tabs button{border-color:transparent;background:transparent}.mode-tabs button[aria-pressed=true]{background:#eef2eb;color:#284e3e}#scene{position:relative;height:490px;background:#eaece6;overflow:hidden}canvas{display:block;touch-action:auto}#status{position:absolute;inset:42% 10px auto;text-align:center;font-size:13px;color:#52634e}#view-label{position:absolute;top:18px;left:24px;font-size:11px;color:#61725a}#dimensions{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}#dimensions line{stroke:#6c8463;stroke-width:1}#dimensions rect{fill:#fafbf7;stroke:#d6ded0;rx:4}#dimensions text{fill:#3e5739;font-size:11px;text-anchor:middle;dominant-baseline:middle}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;padding:16px 26px;border-top:1px solid #e1e5dc;background:#f6f8f3}.toolbar label{font-size:11px;color:#586650}.dimension-toggle{display:flex;gap:6px;align-items:center;min-height:40px}.explode-label{display:flex;align-items:center;gap:12px;margin-left:auto}.explode-label input{width:150px;accent-color:#345e43}.explode-label output{min-width:70px;font-size:10px}.model-caption{display:flex;gap:35px;justify-content:space-between;padding:24px 26px}.model-caption h3{font-size:18px;margin:0 0 8px;font-weight:600;letter-spacing:-.3px}.model-caption p{font-size:12px;line-height:1.65;color:#61705b;max-width:560px;margin:0}.model-caption .note{max-width:280px;font-size:11px;color:#788171}input{accent-color:#345e43}@media(max-width:700px){.choices{gap:12px;padding:16px 12px}.profile-buttons{gap:5px}.profile-buttons button{padding:9px;font-size:12px}.finish-label{min-width:0;flex:1;max-width:155px}select{font-size:16px;max-width:100%;padding:0 5px}.mode-tabs{padding:8px;gap:3px}.mode-tabs button{font-size:11px;padding:9px 6px;flex:1}#scene{height:330px}#view-label{top:14px;left:14px;font-size:10px}.toolbar{padding:12px;gap:8px 12px}.toolbar button{font-size:11px;padding:9px 11px}.dimension-toggle{margin-left:auto}.explode-label{width:100%;margin:0;justify-content:space-between;min-height:36px}.explode-label input{flex:1;min-width:70px;max-width:180px}.model-caption{display:block;padding:20px 16px}.model-caption h3{font-size:17px}.model-caption .note{margin-top:12px;max-width:none}#dimensions text{font-size:10px}}@media(max-width:350px){.choices{flex-wrap:wrap;gap:12px}.choices fieldset{width:100%}.profile-buttons button{flex:1}.finish-label{flex-direction:row;align-items:center;max-width:none;width:100%;justify-content:space-between}.finish-label select{width:65%}.toolbar{gap:6px}#scene{height:310px}}

#panel-controls{display:flex;gap:6px}#panel-controls button{padding:10px 12px;font-size:12px}#orbit-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;color:#65715f;background:#f4f6eddd;padding:6px 10px;border-radius:5px;pointer-events:none}#view-label{pointer-events:none}canvas:focus-visible{outline:2px solid #69856b;outline-offset:-3px}@media(max-width:700px){#panel-controls{width:100%;gap:6px}#panel-controls button{flex:1;font-size:11px;padding:9px 8px}.toolbar .dimension-toggle{margin-left:0}#orbit-hint{font-size:9px;bottom:12px}}