:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#233d3a;background:#eee9df;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #bcc6bb;background:#faf7ef;color:#24423c;padding:.65rem .7rem;border-radius:7px}button:hover{background:#dce7df}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #bc6542;outline-offset:2px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #c8cec1}small{display:block;font-size:10px;letter-spacing:.18em;font-weight:800;color:#687c70}h1{font-family:Georgia,serif;font-weight:400;font-size:38px;margin:7px 0}h1 i{color:#af6549}nav{display:flex;gap:8px}main{display:grid;grid-template-columns:260px minmax(360px,1fr) 260px;min-height:calc(100vh - 155px)}aside{padding:22px;background:#f5f1e8;border-right:1px solid #ccd0c4}aside.source{border-left:1px solid #ccd0c4;border-right:0}label{display:block;font-size:12px;margin:14px 0;color:#536c62}input,select,textarea{display:block;width:100%;border:1px solid #c4cdbf;background:#fffdf7;color:#203f37;padding:9px;border-radius:6px;margin-top:6px}input[type=color]{height:38px;padding:3px}textarea{height:290px;resize:vertical;font:11px ui-monospace,monospace;line-height:1.5}.pair{display:flex;gap:6px;margin:8px 0}.pair>*{flex:1;min-width:0}.pixel-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:1px;background:#cad2c5;padding:3px;border-radius:5px}.pixel-grid button{aspect-ratio:1;padding:0;border:0;border-radius:0;background:#faf7ef}.hint,.notice,.privacy{font-size:11px;line-height:1.6;color:#758175}.pages{max-height:300px;overflow:auto;margin-top:10px}.page{display:flex;align-items:center;gap:3px;margin:5px 0}.page b{font-size:10px;width:13px}.page select{width:85px;margin:0;font-size:11px;padding:4px}.page button{padding:5px}.studio{padding:24px;min-width:0;background:radial-gradient(ellipse at 50% 20%,#fffdf5,#e7e4d8)}.stage-label{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.06em;color:#6c7d71}.sculpture{width:100%;min-height:300px}.sculpture svg{display:block;width:100%;max-height:52vh}.turn{display:flex;gap:12px;align-items:center;border-top:1px solid #c2cbbe;border-bottom:1px solid #c2cbbe;padding:4px 0}.turn label{flex:1}.turn b{font-size:12px}.proof{display:flex;gap:28px;align-items:center;margin:25px 0}.proof>div:first-child{width:100px;flex-shrink:0;padding:10px;background:#faf7ef;border:1px solid #c8cfc2}.proof svg{width:100%;display:block}h2{font:30px/1.05 Georgia,serif;margin:8px 0}.proof p{font-size:12px;line-height:1.5;max-width:410px}.exports{display:flex;flex-wrap:wrap;gap:6px}.exports button{font-size:11px}.stack{display:grid;gap:7px;margin:12px 0}.privacy{border-top:1px solid #c6cfc1;margin-top:20px;padding-top:15px}.privacy button{font-size:10px;margin:3px 0}p[role=status]{font-size:12px;color:#8b593f;min-height:18px}footer{padding:12px;text-align:center;font-size:10px;letter-spacing:.12em}.focus main{grid-template-columns:1fr}.focus aside{display:none}.focus .sculpture svg{max-height:70vh}.focus .studio{min-height:90vh}@media(max-width:1050px){main{grid-template-columns:230px minmax(300px,1fr)}.source{grid-column:1/-1}.source textarea{height:180px}}@media(max-width:650px){header{display:block;padding:20px}h1{font-size:31px}nav{flex-wrap:wrap}main{display:flex;flex-direction:column}.studio{order:-1;padding:16px}.sculpture svg{max-height:none}.turn{flex-wrap:wrap}.turn label{min-width:100%}.pixel-grid{max-width:330px}.proof{gap:15px}aside{border:0}.focus .source,.focus aside{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}