*{box-sizing:border-box}body{margin:0;background:#f6eff6;color:#352438;font:17px/1.6 system-ui,sans-serif}main{max-width:680px;margin:40px auto;padding:30px;background:white;border:1px solid #d8c7d8;border-radius:20px}h1{font-size:2rem;line-height:1.1}h2{font-size:1.2rem}label{display:block;margin-top:16px}input,textarea,button{font:inherit}input,textarea{width:100%;padding:10px;border:1px solid #978499;border-radius:8px;color:inherit;background:#fffafd}button{margin-top:14px;padding:10px 20px;border:0;border-radius:24px;background:#713c61;color:white}a{color:#713c61}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #315fc7;outline-offset:3px}.swatches{display:flex;gap:12px}.swatches figure{margin:0;flex:1;padding:18px 6px;text-align:center;background:#f8eff6;border:1px solid #d4c3d6;border-radius:10px}.swatches img{width:32px;height:32px;margin:auto}.swatches figcaption{font-size:.7rem}.note{border-left:3px solid #d7b9d0;padding-left:14px;white-space:pre-wrap;overflow-wrap:anywhere}small{display:block;color:#715c73}.move{padding:16px;background:#f4eaf4;margin-top:20px}@media(max-width:600px){main{margin:12px;padding:20px}.swatches{gap:4px}h1{font-size:1.7rem}}