:root{font-family:Inter,Segoe UI,sans-serif;color:#493e45;background:#f5f0ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:30px 42px 50px}.brand{text-decoration:none;color:#5a4f59;font-size:11px;letter-spacing:2px;font-weight:700}.brand span{color:#9b8b91}.eyebrow{display:block;letter-spacing:2.5px;font-size:10px;color:#98848c;margin:35px 0 12px}h1{font-size:42px;font-weight:550;letter-spacing:-1.4px;margin:0 0 10px}header p{color:#8a7d83;font-size:14px;margin:0 0 26px}nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:26px}button,a,input{font:inherit}button,.downloads a{border:1px solid #dbccd5;border-radius:9px;background:#fcf9f6;padding:10px 15px;color:#70626d;cursor:pointer;font-size:12px;text-decoration:none}button:hover,.downloads a:hover{background:#eee0e9}button[aria-pressed=true]{background:#dfcddd;color:#5d4259;border-color:#bda6b7}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #aabcb1;outline-offset:3px}.studio{display:grid;grid-template-columns:1.06fr 1fr;gap:32px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2{font-size:17px;font-weight:550;margin:0}.section-heading label,.section-heading span{font-size:10px;color:#9b8992}.section-heading span{letter-spacing:1.5px}.paint-wrap{position:relative;aspect-ratio:1;border:1px solid #dfd1d8;border-radius:13px;overflow:hidden;background:#f9f4ef;box-shadow:0 5px 18px #5f3a4410}.paint-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.paint-wrap img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply;opacity:.6}.tools{display:flex;gap:12px;align-items:center;margin:16px 0;flex-wrap:wrap}.tools label{display:flex;align-items:center;gap:8px;font-size:11px;color:#8b7784}input[type=color]{width:40px;height:32px;padding:2px;border:1px solid #d7c4d1;background:white;border-radius:7px}input[type=range]{width:85px;accent-color:#ac8ca3}.hint,#paint-status,#preview-status{color:#99818d;font-size:11px;line-height:1.7}.downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.downloads a,.downloads button{font-size:10px;padding:9px 11px}.model{min-width:0}.model>canvas{display:block;width:100%;height:440px;background:#f1e8e5;border:1px solid #e2d7dc;border-radius:13px;touch-action:none;cursor:grab}.model>canvas:active{cursor:grabbing}.angles{display:flex;gap:8px;justify-content:center}.angles button{font-size:11px;padding:8px 15px}.note{border-top:1px solid #e0d2da;margin-top:25px;padding-top:22px;font-size:12px;line-height:1.7;color:#907d89}.note strong{color:#6e5868;font-weight:600}.note p{margin:7px 0 0}[hidden]{display:none!important}@media(max-width:850px){main{padding:24px}.studio{gap:20px}.model>canvas{height:360px}.tools{gap:8px}.tools label{font-size:10px}h1{font-size:35px}}@media(max-width:650px){main{padding:22px 18px}.studio{grid-template-columns:1fr}.model{grid-row:1}.model>canvas{height:320px}.eyebrow{margin-top:26px}h1{font-size:32px}.note{display:none}}
.drawing{display:flex;flex-direction:column}.drawing .section-heading{order:0}.drawing .tools{order:1;margin:0 0 14px}.drawing .paint-wrap{order:2}.drawing .hint{order:3}.drawing .downloads{order:4}.drawing #paint-status{order:5}.paint-wrap img{filter:invert(1) grayscale(1);mix-blend-mode:screen;opacity:.7}.paint-wrap{max-width:480px}.eyebrow{margin-top:24px}