:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#303c35;background:#f6f4ed;color-scheme:light}*{box-sizing:border-box}body{margin:0}a,button,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #536f63;outline-offset:4px}header{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0d5}.brand,.studio-link{color:inherit;text-decoration:none}.brand{font-weight:950;letter-spacing:-.06em;font-size:21px}.brand span{font-weight:450;font-size:11px;letter-spacing:.04em;margin-left:17px;color:#738073}.studio-link{font-size:12px;border:1px solid #bec7ba;border-radius:30px;padding:12px 20px}main{max-width:1500px;margin:auto;display:grid;grid-template-columns:370px 1fr;min-height:calc(100vh - 78px)}aside{padding:35px 30px 20px 4vw;max-height:calc(100vh - 78px);overflow:auto}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:9px;font-weight:650;color:#778271;margin:0 0 18px}h1{font-size:38px;line-height:1.05;letter-spacing:-.065em;font-weight:600;margin:0 0 21px}.intro{font-size:12px;line-height:1.8;color:#748071;max-width:250px}.looks{display:grid;gap:8px;margin:18px 0}.looks button,.pieces button{background:0 0;text-align:left;display:flex;align-items:center}.looks button{border:1px solid #d4d9ce;border-radius:8px;padding:12px 16px;gap:15px;font-size:10px}.looks button span{flex:1;font-size:12px}.looks button[aria-pressed=true]{background:#34493d;color:#f6f5ec;border-color:#34493d}.pieces-label{margin-bottom:12px}.pieces{display:grid;gap:3px}.pieces button{border:0;padding:6px 0;font-size:11px;gap:9px}.pieces button::before{content:"";width:8px;height:8px;background:var(--swatch);border-radius:50%;box-shadow:0 0 0 1px #27372c18}.pieces button[aria-pressed=true]{font-weight:750}.pieces button span{margin-left:auto;color:#929c8f;font-size:9px}.note{font-size:10px;line-height:1.8;color:#889181;margin-top:18px}.stage{position:relative;background:#e7eee3;border-left:1px solid #dce0d5;min-height:calc(100vh - 78px);overflow:hidden}.stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,#f1f6ed 0,transparent 68%);pointer-events:none}.stage-bottom,.stage-top{position:absolute;left:35px;right:35px;display:flex}.stage-top{top:29px;justify-content:space-between;font-size:11px;color:#70816e}.stage-top #part-count{font-size:9px}#walker{position:absolute;inset:50px 0 177px;width:100%;height:calc(100% - 227px);color:#101412;--walker-bg:#e7eee3;touch-action:none;cursor:grab}#walker:active{cursor:grabbing}.stage-bottom{bottom:24px;flex-direction:column;align-items:center;gap:13px}.stage-bottom p{font-size:11px;color:#7e8d78;text-align:center;margin:0 0 5px;max-width:380px;line-height:1.6}.controls{display:flex;gap:7px}.controls button{border:1px solid #bcc9b5;border-radius:25px;padding:8px 17px;background:#edf2e8;font-size:10px}.controls button[aria-pressed=true]{background:#34493d;color:#f6f5ec;border-color:#34493d}.orbit-label{display:flex;gap:12px;align-items:center;font-size:9px;color:#778770}.orbit-label input{width:220px;accent-color:#6c8568;height:3px}.angles{display:flex;gap:20px}.angles button{font-size:9px;border:0;background:0 0;padding:4px 0;color:#7a8d73}.angles button[aria-pressed=true]{color:#283f2b;text-decoration:underline;text-underline-offset:4px}@media (min-width:1500px){aside{padding-left:48px}}@media (max-width:800px){header{height:65px;padding:0 22px}.brand span{display:none}main{display:flex;flex-direction:column}aside{padding:30px 24px;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px}aside>.eyebrow,aside>.intro,aside>h1{grid-column:1}h1{font-size:33px}.intro,.looks{margin:0}.looks{grid-column:2;grid-row:1/4;align-self:center}.pieces-label{margin:18px 0 0}.note,.pieces,.pieces-label{grid-column:1/-1}.pieces{grid-template-columns:1fr 1fr;gap:0 25px}.note{margin:3px 0 0}.stage{min-height:690px;border-left:0;border-top:1px solid #dce0d5}.stage-top{left:24px;right:24px}#walker{top:40px}.stage-bottom{left:20px;right:20px}}