:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#1f1f1f;background:#f6f6f4;margin:0;font-family:"Source Sans 3",Avenir Next,Segoe UI,sans-serif}.page{max-width:900px;margin:40px auto 64px;padding:0 20px}.card{background:#fff;border:1px solid #e2e2de;border-radius:12px;padding:20px;box-shadow:0 8px 24px #0000000f}.title{margin:0 0 12px;font-size:20px;font-weight:600}.input-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.input{color:#1f1f1f;background:#fafaf7;border:1px solid #d7d7d2;border-radius:10px;flex:1;padding:10px 12px;font-size:14px}.hint{color:#6a6a66;margin-top:6px;font-size:12px}.status{color:#6a6a66;margin-top:12px;font-size:14px}.grid-wrap{flex-direction:column;align-items:center;margin-top:16px;display:flex;overflow-x:auto}.puzzle-meta{justify-content:center;align-items:center;display:flex}.puzzle-meta-line{color:#4a4a45;background:#f7f7f4;border:1px solid #e0e0db;border-radius:999px;align-items:center;gap:10px;padding:6px 12px;font-size:13px;display:inline-flex;overflow:visible}.puzzle-size{font-weight:600}.palette-label{color:#7a7a74;text-transform:lowercase;letter-spacing:.03em;font-size:12px}.palette-inline{align-items:center;gap:6px;display:inline-flex;overflow:visible}.swatch-color{border-radius:999px;width:12px;height:12px;position:relative;box-shadow:inset 0 0 0 .5px #0003}.swatch-color:hover:after{content:attr(data-color);color:#fff;white-space:nowrap;pointer-events:none;z-index:2;background:#1f1f1f;border-radius:6px;padding:3px 6px;font-size:11px;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 12px #0003}.grid{background:#f0f0ed;border-radius:10px;margin-top:12px;padding:6px}.step-controls{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.step-slider{appearance:none;background:linear-gradient(90deg,#dcdcd6,#e9e9e4);border-radius:999px;outline:none;width:min(420px,70vw);height:6px}.step-label{color:#6a6a66;font-size:12px}.step-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#1f1f1f;border:2px solid #f7f7f4;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #00000026}.step-slider::-moz-range-thumb{cursor:pointer;background:#1f1f1f;border:2px solid #f7f7f4;border-radius:50%;width:16px;height:16px;box-shadow:0 2px 8px #00000026}.step-slider::-moz-range-track{background:linear-gradient(90deg,#dcdcd6,#e9e9e4);border-radius:999px;height:6px}.cell{box-shadow:inset 0 0 0 .5px #0000001f}