main.studio{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,620px);gap:36px;max-width:1100px;margin:24px auto;align-items:start}.studio h1{font-size:clamp(44px,5vw,68px);line-height:.95;margin:12px 0 22px}.studio .eyebrow{font-weight:800;letter-spacing:.14em;font-size:11px;color:#5b6260}.studio p{font-size:13px;line-height:1.6}.studio label{font-size:13px;display:block;margin:15px 0 8px;font-weight:700}.studio select,.studio input{width:100%;padding:11px;min-height:44px}.studio button{min-height:44px;margin:10px 0}.studio details{margin:20px 0;padding:14px;border:1px solid #b8cbc1;border-radius:14px}.studio summary{cursor:pointer;font-size:13px;font-weight:700}.studio fieldset{margin:24px 0;border:1px solid #b8cbc1;border-radius:16px;padding:18px}.studio legend{font-weight:800}.preview{background:#d9e9e7;border:2px solid #b4c9bf;border-radius:24px;overflow:hidden;position:sticky;top:20px}.preview canvas{height:540px;width:100%;display:block}.preview img{width:100%;height:500px;object-fit:contain;display:block;background:#d9e9e7}.preview img[hidden],.preview canvas[hidden]{display:none}.preview #renderer-status{margin:0;padding:14px 18px;background:#eff4e6}.toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#fff9e8}.toolbar button{border:1px solid #b8d1d5;background:white;border-radius:12px;padding:10px;color:#173d50;margin:0}.details{font-size:12px;line-height:1.7}#model-status{min-height:44px}a{color:#24738e}.studio button:focus-visible,.studio select:focus-visible,.studio summary:focus-visible{outline:3px solid #644bc3;outline-offset:3px}@media(max-width:700px){main.studio{display:flex;flex-direction:column;padding:16px;margin:0;gap:18px}.studio-controls{width:100%}.preview{position:static;order:-1;width:100%}.preview canvas,.preview img{height:360px}.studio h1{font-size:48px}.studio .eyebrow{margin-top:0}}@media(prefers-reduced-motion:reduce){.studio *{scroll-behavior:auto}}