@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{font-family:DM Sans,sans-serif;color:#514b41;background:#f1ede5;font-synthesis:none;font-weight:400;font-size:12px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}button:disabled{opacity:.28;cursor:default}button:focus-visible,input:focus-visible{outline:1px solid #86735c;outline-offset:5px}button{transition:opacity .2s,transform .2s}button:hover:not(:disabled){color:#30291f}main{height:100svh;min-height:620px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 40%,#f7f3ec,#f1ede5 70%)}header{position:absolute;left:40px;right:40px;top:28px;display:flex;align-items:center;justify-content:space-between;z-index:2}.signature{font:36px "Instrument Serif",Georgia,serif;letter-spacing:-1.5px}.signature span{display:block;font:8px DM Sans,sans-serif;letter-spacing:2.1px;margin-top:8px;color:#8b8274}nav{display:flex;gap:28px;align-items:center}nav button{font-size:10px;color:#8a8174;padding:10px 0}nav span{margin-left:9px}nav .save{color:#514b41;border-bottom:1px solid #9e9383;padding-bottom:8px}nav .save span{margin-left:23px;font-size:17px}.studio{position:absolute;top:95px;right:0;bottom:215px;left:0}.scene{position:absolute;top:-30px;right:0;bottom:-20px;left:0;touch-action:none}.scene canvas{touch-action:none}.intro{position:absolute;top:50px;left:40px;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#948a7d}h1{font:32px/1.1 "Instrument Serif",Georgia,serif;letter-spacing:-.5px;margin:18px 0}h1 i{font-weight:400;color:#8b7662}.intro p{font-size:10px;line-height:1.9;color:#9b9184}.view-switch{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;gap:20px}.view-switch button{display:flex;align-items:center;gap:6px;color:#9c9386;font-size:8px;letter-spacing:1.2px;padding:9px 0;border-bottom:1px solid transparent}.view-switch button[aria-pressed=true]{color:#5b5043;border-color:#8b7a65}.view-switch span{font-size:15px}.form-note{position:absolute;right:42px;top:75px;text-align:right;pointer-events:none}.form-note p{font:italic 19px "Instrument Serif",serif;margin-top:14px}.form-note p span{font:8px DM Sans,sans-serif;color:#aaa092;line-height:2.5}.tiny-profile{width:54px;margin:25px 0 0 auto;opacity:.38}.tiny-profile svg{width:100%}.wheel-caption{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:2px;color:#a09687;pointer-events:none}.rotation{font-size:16px}.turning{animation:rotate 8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.workbench{position:absolute;bottom:65px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:28px}.gesture-guide{width:230px}.gesture-guide p{font:italic 22px "Instrument Serif",Georgia,serif;margin:13px 0 9px}.gesture-guide>span:last-child{display:block;font-size:9px;color:#9c9182;line-height:1.8;max-width:215px}.toolbox{width:354px;flex-shrink:0;position:relative;padding:0 20px;background:#e9e1d2;border:1px solid #c8bda9;border-radius:3px 3px 7px 6px;box-shadow:0 3px #d3c7b5,0 5px #bbad9640,3px 13px 24px #5d482813,inset 0 1px #fff8;transform:rotate(-.5deg)}.toolbox:before,.toolbox:after{content:"";position:absolute;top:-3px;width:20px;height:5px;background:#c9b99c;border:1px solid #b3a38a}.toolbox:before{left:24px}.toolbox:after{right:24px}.tray-tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid #cbbfa94d;height:38px}.tray-tabs button{font-size:7px;color:#aa9a83;padding:12px 0 10px;border-bottom:1px solid transparent;letter-spacing:1px}.tray-tabs button span{margin-left:7px}.tray-tabs button[aria-pressed=true]{color:#685942;border-bottom-color:#8e795b}.tray-edition{margin-left:auto;font:italic 15px "Instrument Serif",serif;color:#9d8b70}.throw-tray{height:106px;display:flex;justify-content:space-around;align-items:center}.hand-tool{display:flex;flex-direction:column;align-items:center;position:relative;font-size:9px;color:#98846a;width:85px}.hand-tool svg{height:52px;width:52px;margin-bottom:5px;transition:transform .25s}.hand-tool[aria-pressed=true]{color:#5d4931}.hand-tool[aria-pressed=true] svg{transform:translateY(-3px)}.hand-tool i{width:3px;height:3px;background:transparent;border-radius:50%;margin-top:7px}.hand-tool[aria-pressed=true] i{background:#7e6448}.tray-foot{border-top:1px solid #cbbfa94d;display:flex;align-items:center;justify-content:space-between;height:27px;font-size:6px;letter-spacing:1.6px;color:#9c8d76}.tray-foot span:last-child{letter-spacing:0;font:italic 11px "Instrument Serif",serif}.wheel-controls{width:190px}.speed-label{display:flex;justify-content:space-between;align-items:center}.speed-label>span:last-child{font-size:9px;color:#8d806f}input[type=range]{accent-color:#8a765b;height:2px;cursor:pointer;display:block;width:100%;margin:20px 0;background:#d3c9b8}.speed-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px}.speed-bottom>span{color:#aa9d8b;font:italic 16px "Instrument Serif",serif}.speed-bottom button{padding:6px 0;font-size:9px}.clay-tray{height:106px}.samples{display:flex;justify-content:space-between;padding-top:9px}.samples button{font-size:7px;display:flex;flex-direction:column;align-items:center;gap:7px;opacity:.62}.samples button[aria-pressed=true]{opacity:1}.clay-sample{display:block;width:32px;height:25px;border-radius:48% 53% 42% 40%;background:radial-gradient(ellipse at 30% 20%,#ffffff30,transparent 60%),var(--clay);box-shadow:2px 3px 3px #5e40272b,inset -3px -4px 5px #46301b25}.samples button[aria-pressed=true] .clay-sample{outline:1px solid #998469;outline-offset:3px}.moisture{display:flex;align-items:center;gap:12px;font-size:7px;color:#9b8a72;margin-top:13px}.moisture input{margin:0}.moisture>span{min-width:25px}footer{position:absolute;bottom:17px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;height:27px;font-size:9px;color:#a09788}.history{display:flex;gap:20px}.history button{font-size:8px;padding:5px 0}.history b{font:20px Georgia;margin-right:5px;font-weight:400}.status{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;font-size:8px}.zoom{display:flex;align-items:center;gap:13px}.zoom button{font-size:16px;padding:3px}.zoom button:last-child{font-size:9px;margin-left:6px}.zoom span{font-size:8px}@media(min-width:1450px){.intro{top:85px}h1{font-size:40px}.studio{top:100px;right:0;bottom:230px;left:0}.workbench{left:65px;right:65px;bottom:75px}.toolbox{width:390px}}@media(max-width:950px){header{left:26px;right:26px}.intro{left:26px;top:25px}h1{font-size:26px}.form-note{right:26px;top:55px}.form-note .eyebrow{font-size:6px}.workbench{left:26px;right:26px;gap:18px}.gesture-guide{width:170px}.gesture-guide p{font-size:19px}.gesture-guide>span:last-child{font-size:8px}.toolbox{width:310px;padding:0 15px}.wheel-controls{width:140px}.eyebrow{font-size:7px}.form-note p{font-size:16px}footer{left:26px;right:26px}}@media(max-width:650px){main{min-height:740px}header{left:20px;right:20px;top:21px}.signature{font-size:30px}.signature span{font-size:6px;letter-spacing:1.4px}nav{gap:16px}nav button{font-size:8px}.sound-mark{display:none}nav .save span{margin-left:8px}.studio{top:110px;right:0;bottom:284px;left:0}.scene{top:10px;right:-30px;bottom:-48px;left:-30px}.intro{left:22px;top:5px}h1{font-size:23px;margin-top:9px}.intro p{display:none}.intro .eyebrow{font-size:6px}.view-switch{top:3px;right:20px;left:auto;transform:none;display:flex;flex-direction:column;gap:2px}.view-switch button{font-size:6px;padding:6px 0}.form-note{display:none}.wheel-caption{bottom:10px;font-size:6px;white-space:nowrap}.workbench{bottom:68px;left:20px;right:20px;display:grid;grid-template-columns:1fr 125px;gap:15px 22px;align-items:center}.gesture-guide{width:auto}.gesture-guide .eyebrow{display:none}.gesture-guide p{font-size:18px;margin:0 0 5px}.gesture-guide>span:last-child{font-size:7px;line-height:1.5}.toolbox{grid-column:1/-1;grid-row:2;width:100%;transform:rotate(-.3deg)}.throw-tray{height:84px}.hand-tool svg{width:40px;height:40px;margin-bottom:3px}.hand-tool{font-size:8px}.tray-tabs{height:30px}.tray-foot{height:23px}.wheel-controls{width:125px}.speed-label .eyebrow{font-size:6px;letter-spacing:1px}.speed-label>span:last-child{font-size:7px}.wheel-controls input{margin:13px 0}.speed-bottom>span{font-size:13px}.speed-bottom button{font-size:8px}footer{left:20px;right:20px;bottom:15px}.status{bottom:26px;font-size:7px}.history{gap:14px}.zoom{gap:10px}.clay-tray{height:84px}.samples{padding-top:7px}.clay-sample{width:27px;height:20px}.moisture{margin-top:8px}.samples button{gap:5px}}@media(prefers-reduced-motion:reduce){.turning{animation:none}*{transition:none!important}}