:root{--paper:#efe9df;--paper-2:#e6dfd1;--ink:#16140f;--ink-soft:#5a5448;--blue:#2f4bd6;--blue-deep:#1b2a6b;--pink:#ff4d3d;--line:#cdc4b2;--ok:#1f9e6b;--warn:#d83a2c;--radius:4px}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;padding:28px 20px 64px;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}.wrap{max-width:1060px;margin:0 auto}header{margin-bottom:26px}header.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.lang-select{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--paper);width:auto;color:var(--ink);cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 15px) 16px,calc(100% - 10px) 16px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;flex:none;padding:8px 30px 8px 12px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700}.lang-select:focus-visible{outline:2.5px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.gh-btn{border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:var(--radius);cursor:pointer;flex:none;align-items:center;gap:7px;padding:7px 12px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.gh-btn:hover{background:var(--paper-2)}.gh-btn:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.gh-btn svg{display:block}.gh-star{white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.reset-btn{border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:var(--radius);cursor:pointer;white-space:nowrap;flex:none;padding:8px 14px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.reset-btn:hover{background:var(--paper-2)}.reset-btn:active{transform:translateY(1px)}.reset-btn:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}h1{letter-spacing:-.02em;text-shadow:3px 3px 0 var(--pink);margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(30px,5vw,46px);font-weight:700;line-height:.98}.spec-chip{display:none}.spec-chip b{font-weight:700}.spec-chip span{color:var(--ink-soft)}.grid{grid-template-columns:1fr 360px;align-items:start;gap:26px;display:grid}.grid>div{min-width:0}.preview-col{min-width:0;max-height:calc(100vh - 40px);padding-right:2px;position:sticky;top:20px;overflow:auto}@media (width<=860px){.grid{grid-template-columns:1fr}.preview-col{max-height:none;position:static;overflow:visible}}.panel{border:1.5px solid var(--ink);border-radius:var(--radius);background:#fff;padding:20px}.panel+.panel{margin-top:20px}.accordion .acc-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.accordion .acc-toggle{cursor:pointer;text-align:left;color:var(--ink);background:0 0;border:0;flex:1;align-items:center;gap:10px;margin:0;padding:0;display:flex}.accordion .acc-title{text-transform:uppercase;letter-spacing:.07em;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.accordion .acc-caret{color:var(--ink);font-size:12px;line-height:1;transition:transform .15s}.accordion:not(.open) .acc-caret{transform:rotate(-90deg)}.accordion .acc-action{flex-shrink:0}.accordion .acc-body{margin-top:16px}.accordion .acc-toggle:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px;border-radius:4px}.accordion.minimal{border:0;border-top:1.5px solid var(--line);background:0 0;margin-top:18px;padding:16px 0 0}.accordion.minimal .acc-head{padding:0}.accordion.minimal .acc-title{color:var(--ink-soft);font-size:11px}.accordion.minimal .acc-caret{color:var(--ink-soft)}.accordion.minimal .acc-body{margin-top:10px}.group{margin-bottom:18px}.group:last-child{margin-bottom:0}label.field-label{letter-spacing:.02em;color:var(--ink);text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px;font-size:12px;font-weight:500;display:flex}.val{color:var(--blue-deep);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;overflow:hidden}input[type=text]{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;color:var(--ink);padding:10px 12px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}input[type=text]:focus,select:focus{outline:2.5px solid var(--blue);outline-offset:1px;border-color:var(--blue)}select{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;color:var(--ink);cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-soft) 50%),linear-gradient(135deg,var(--ink-soft) 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding:9px 12px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.combo{position:relative}.combo-btn{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;color:var(--ink);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;display:flex}.combo-btn:hover{background:var(--paper-2)}.combo-btn:focus-visible{outline:2.5px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.combo[data-open=true] .combo-btn{border-color:var(--blue);outline:2.5px solid var(--blue);outline-offset:1px}.combo-caret{color:var(--ink-soft);font-size:11px;transition:transform .12s}.combo[data-open=true] .combo-caret{transform:rotate(180deg)}.combo-list{z-index:30;border:1.5px solid var(--ink);border-radius:var(--radius);background:#fff;max-height:340px;margin:0;padding:5px;list-style:none;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:auto;box-shadow:4px 4px #16140f29}.combo-list[hidden]{display:none}.combo-list li{cursor:pointer;color:var(--ink);border:1.5px solid #0000;border-radius:3px;padding:9px 11px;font-size:18px;line-height:1.1}.combo-list li[aria-selected=true]{box-shadow:inset 0 0 0 1.5px var(--blue)}.combo-list li.active,.combo-list li:hover{background:var(--blue);color:#fff}@media (prefers-reduced-motion:reduce){.combo-caret{transition:none}}.combo.select .combo-list li{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;line-height:1.2}.combo-btn:disabled{opacity:.4;cursor:not-allowed}.combo.compact{width:auto;display:inline-block}.combo.compact .combo-btn{width:auto}.combo.compact .combo-list{min-width:130px;left:auto;right:0}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--line);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--blue);width:18px;height:18px;box-shadow:0 0 0 1.5px var(--ink);border:2.5px solid #fff;border-radius:50%;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--blue);width:18px;height:18px;box-shadow:0 0 0 1.5px var(--ink);border:2.5px solid #fff;border-radius:50%}input[type=range]:focus-visible{outline:2.5px solid var(--blue);outline-offset:4px;border-radius:4px}input[type=range]:disabled{opacity:.4;cursor:not-allowed}.seg{border:1.5px solid var(--ink);border-radius:var(--radius);display:flex;overflow:hidden}.seg button{background:var(--paper);color:var(--ink);cursor:pointer;border:none;border-right:1.5px solid var(--ink);flex:1;padding:9px 4px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600}.seg button:last-child{border-right:none}.seg button[aria-pressed=true]{background:var(--blue);color:#fff}.seg button:focus-visible{outline:2.5px solid var(--pink);outline-offset:-3px}.colors{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;display:grid}.color-cell label{text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px;font-size:11px;display:block}.color-cell .ci{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);align-items:center;gap:8px;padding:5px 8px;display:flex}input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:3px;width:30px;height:30px;padding:0;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--line);border-radius:3px}.hexout{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:12px}.swap-btn{border:1.5px solid var(--ink);background:var(--paper);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;display:flex}.swap-btn:hover{background:var(--paper-2)}.swap-btn:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.swatches{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.swatch{border:1.5px solid var(--ink);cursor:pointer;border-radius:50%;width:26px;height:26px;padding:0}.swatch:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.toggle-row{flex-wrap:wrap;gap:18px;margin-top:4px;display:flex}.demo-input{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;color:var(--ink);padding:8px 11px;font-family:Space Grotesk,sans-serif;font-size:13px}.demo-input:focus{outline:2.5px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.hint code{background:var(--paper-2);border-radius:3px;padding:1px 4px;font-family:JetBrains Mono,monospace;font-size:11px}.name-row{align-items:stretch;gap:8px;display:flex}#emojiName{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);flex:1;min-width:0;padding:9px 12px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500}#emojiName:focus{outline:2.5px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.panel-colors{position:relative}.subhead-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.subhead-row .subhead{margin-bottom:0}.swap-corner{border:1.5px solid var(--ink);background:var(--paper);border-radius:var(--radius);cursor:pointer;width:30px;height:30px;color:var(--ink);flex:none;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.swap-corner:hover{background:var(--paper-2)}.swap-corner:active{transform:translateY(1px)}.swap-corner:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.subsection{border-top:1.5px solid var(--line);margin-top:18px;padding-top:16px}.subsection:first-child{border-top:none;margin-top:0;padding-top:0}.subhead{text-transform:uppercase;letter-spacing:.07em;color:var(--ink);margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700;display:block}.bg-row,.solid-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.bg-row .color-cell,.solid-row .color-cell{flex:none}.bg-row .chk{margin-bottom:8px}.grad-bar{border:1.5px solid var(--ink);border-radius:999px;height:18px;margin-bottom:12px}.grad-row{align-items:flex-start;gap:16px;display:flex}.grad-stops-col{flex:1;min-width:0}.grad-dir-col{flex:none}.stop-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.stop-row input[type=color]{cursor:pointer;background:0 0;border:none;flex:none;width:30px;height:30px;padding:0}.stop-row input[type=range]{flex:1;min-width:60px}.stop-pos{color:var(--ink-soft);text-align:right;width:34px;font-family:JetBrains Mono,monospace;font-size:11px}.stop-del{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;width:24px;height:24px;color:var(--ink-soft);border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.stop-del:hover:not(:disabled){border-color:var(--warn);color:var(--warn)}.stop-del:disabled{opacity:.35;cursor:not-allowed}.add-stop{border:1.5px dashed var(--line);color:var(--ink-soft);border-radius:var(--radius);cursor:pointer;background:0 0;padding:6px 12px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.add-stop:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.add-stop:disabled{opacity:.4;cursor:not-allowed}.grad-presets{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.grad-presets button{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;color:var(--ink);border-radius:999px;padding:5px 12px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.grad-presets button:hover{background:var(--paper-2);border-color:var(--ink)}.grad-presets button:focus-visible,.add-stop:focus-visible,.stop-del:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.preset-save{align-items:stretch;gap:8px;display:flex}#presetName{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);min-width:0;color:var(--ink);flex:1;padding:9px 12px;font-family:Space Grotesk,sans-serif;font-size:14px}#presetName:focus{outline:2.5px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.preset-save-btn{border:1.5px solid var(--ink);background:var(--blue);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;flex:none;padding:0 14px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700}.preset-save-btn:hover{background:var(--blue-deep)}.preset-save-btn:focus-visible{outline:2.5px solid var(--pink);outline-offset:2px}.preset-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.preset-item{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);align-items:center;gap:10px;padding:8px 10px;display:flex}.preset-swatch{border:1.5px solid var(--ink);border-radius:3px;flex:none;width:34px;height:34px}.preset-name{cursor:pointer;text-align:left;min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;padding:0;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;overflow:hidden}.preset-name:hover{color:var(--blue)}.preset-apply{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;color:var(--ink);border-radius:3px;flex:none;padding:5px 10px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.preset-apply:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.preset-del{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;width:26px;height:26px;color:var(--ink-soft);border-radius:3px;flex:none;font-size:14px;line-height:1}.preset-del:hover{border-color:var(--warn);color:var(--warn)}.preset-empty{color:var(--ink-soft);font-size:12px;font-style:italic}.preset-io{gap:8px;margin-top:14px;display:flex}.preset-io-btn{border:1.5px dashed var(--line);color:var(--ink-soft);border-radius:var(--radius);cursor:pointer;background:0 0;flex:1;padding:8px 10px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600}.preset-io-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.preset-io-btn:disabled{opacity:.4;cursor:not-allowed}.preset-io-btn:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.tpl-grid{flex-wrap:wrap;gap:8px;display:flex}.tpl-chip{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.tpl-chip:hover{border-color:var(--blue);background:#fff}.tpl-chip:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.tpl-swatch{border:1.5px solid var(--ink);border-radius:50%;flex:none;width:20px;height:20px}.img-row{flex-wrap:wrap;gap:8px;display:flex}.img-btn{border:1.5px dashed var(--line);color:var(--ink-soft);border-radius:var(--radius);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 12px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;display:inline-flex}.img-btn:hover{border-color:var(--blue);color:var(--blue)}.img-btn:focus-within,.img-btn:focus-visible,.preset-apply:focus-visible,.preset-del:focus-visible,.preset-name:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.contrast{border-top:1.5px solid var(--line);margin-top:18px;padding-top:14px}.contrast-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.contrast-title{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:11px}.contrast-ratio{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.contrast-bar{border:1.5px solid var(--ink);background:#fff;border-radius:999px;height:10px;position:relative;overflow:hidden}.contrast-fill{background:var(--ok);width:0%;height:100%;transition:width .15s,background-color .15s}.contrast-tick{background:var(--ink);opacity:.45;width:1.5px;height:16px;position:absolute;top:-3px}.contrast-msg{color:var(--ink-soft);margin:8px 0 0;font-size:12px;line-height:1.5}.contrast[data-level=ok] .contrast-fill{background:var(--ok)}.contrast[data-level=ok] .contrast-ratio{color:var(--ok)}.contrast[data-level=mid] .contrast-fill{background:#c79100}.contrast[data-level=mid] .contrast-ratio{color:#a37800}.contrast[data-level=low] .contrast-fill{background:#e07b1f}.contrast[data-level=low] .contrast-ratio{color:#c0640f}.contrast[data-level=bad] .contrast-fill{background:var(--warn)}.contrast[data-level=bad] .contrast-ratio{color:var(--warn)}@media (prefers-reduced-motion:reduce){.contrast-fill{transition:none}}.chk{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.chk input{width:17px;height:17px;accent-color:var(--blue);cursor:pointer}.preview-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.preview-head h2{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:13px}.play-btn{border:1.5px solid var(--ink);background:var(--paper);border-radius:var(--radius);cursor:pointer;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.play-btn:hover{background:var(--paper-2)}.play-btn:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.tabs{border-bottom:1.5px solid var(--ink);gap:2px;margin-bottom:18px;display:flex}.tabs button{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;flex:1;margin-bottom:-1.5px;padding:9px 6px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.tabs button:hover{color:var(--ink)}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.tabs button:focus-visible{outline:2.5px solid var(--blue);outline-offset:-3px}.layer-add{border:1.5px solid var(--ink);background:var(--blue);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;flex:none;padding:5px 12px;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:700}.layer-add:hover{background:var(--blue-deep)}.layer-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.layer-item{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);cursor:pointer;align-items:center;gap:10px;padding:8px 10px;display:flex}.layer-item:hover{background:var(--paper-2)}.layer-item.active{border-color:var(--blue);box-shadow:inset 0 0 0 1.5px var(--blue);background:#fff}.layer-item.dragging{opacity:.45}.layer-item.over{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}.layer-grip{color:var(--ink-soft);cursor:grab;-webkit-user-select:none;user-select:none;flex:none;font-size:14px;line-height:1}.layer-item:active .layer-grip{cursor:grabbing}.layer-swatch{border:1.5px solid var(--ink);border-radius:50%;flex:none;width:22px;height:22px}.layer-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink);flex:1;font-size:14px;font-weight:600;overflow:hidden}.layer-btn{border:1.5px solid var(--line);background:var(--paper);cursor:pointer;width:26px;height:26px;color:var(--ink-soft);border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:13px;line-height:1;display:flex}.layer-btn:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.layer-btn.del:hover:not(:disabled){border-color:var(--warn);color:var(--warn)}.layer-btn:disabled{opacity:.3;cursor:not-allowed}.layer-add:focus-visible,.layer-btn:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.stage{justify-content:center;padding:18px 0 8px;display:flex;position:relative}.sample{padding:18px;position:relative}.sample:before,.sample:after{content:"";border:1.5px solid var(--pink);width:14px;height:14px;position:absolute}.sample:before{border-bottom:none;border-right:none;top:0;left:0}.sample:after{border-top:none;border-left:none;bottom:0;right:0}.reg2{border:1.5px solid var(--blue);width:14px;height:14px;position:absolute}.reg-tr{border-bottom:none;border-left:none;top:0;right:0}.reg-bl{border-top:none;border-right:none;bottom:0;left:0}.checker{border:1.5px solid var(--ink);background-color:#f1ecdf;background-image:linear-gradient(45deg,#d8d2c4 25%,#0000 25%),linear-gradient(-45deg,#d8d2c4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d2c4 75%),linear-gradient(-45deg,#0000 75%,#d8d2c4 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:128px;height:128px;position:relative}#previewBig{image-rendering:auto;width:128px;height:128px;display:block}.margin-guide{box-sizing:border-box;pointer-events:none;filter:drop-shadow(0 0 1px #000000d9);border:1px dashed #fff;position:absolute;inset:6px}.margin-guide.scroll{border-left-color:#0000;border-right-color:#0000}.margin-guide[hidden]{display:none}.dirpad{grid-template-rows:repeat(3,30px);grid-template-columns:repeat(3,30px);gap:4px;display:grid}.dirpad button{border:1.5px solid var(--ink);background:var(--paper);cursor:pointer;color:var(--ink);border-radius:3px;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.dirpad button:hover{background:var(--paper-2)}.dirpad button[aria-pressed=true]{background:var(--blue);color:#fff}.dirpad button:focus-visible{outline:2.5px solid var(--pink);outline-offset:1px}.dirpad-mid{color:var(--ink-soft);justify-content:center;align-items:center;font-size:13px;display:flex}.scale-note{text-align:center;color:var(--ink-soft);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:11px}.slack-mock{border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;margin-top:18px;padding:14px}.mlabel-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.slack-mock .mlabel{text-transform:uppercase;color:var(--ink-soft);letter-spacing:.04em;font-size:11px}.theme-seg{border:1.5px solid var(--line);border-radius:999px;display:flex;overflow:hidden}.theme-seg button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:3px 10px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600}.theme-seg button[aria-pressed=true]{background:var(--ink);color:#fff}.theme-seg button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.slack-mock.dark{background:#1a1d21;border-color:#000}.slack-mock.dark .mlabel{color:#9a9b9d}.slack-mock.dark .theme-seg{border-color:#3a3d42}.slack-mock.dark .theme-seg button{color:#9a9b9d}.slack-mock.dark .theme-seg button[aria-pressed=true]{color:#1a1d21;background:#d1d2d3}.slack-mock.dark .mbody{color:#d1d2d3}.slack-mock.dark .mname{color:#fff}.slack-mock.dark .mtime{color:#9a9b9d}.msg{align-items:flex-start;gap:9px;display:flex}.avatar{background:var(--blue);color:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.mbody{color:#1d1c1d;font-size:13px;line-height:1.5}.mname{margin-right:6px;font-weight:700}.mtime{color:#8a8a8a;font-size:11px}.mtext{margin-top:1px}.emoji-inline{vertical-align:-5px;width:22px;height:22px;margin:0 1px;display:inline-block}.emoji-inline canvas,.emoji-inline img{width:22px;height:22px;display:block}.build-btn{border:1.5px solid var(--ink);background:var(--blue);color:#fff;letter-spacing:.01em;border-radius:var(--radius);cursor:pointer;width:100%;box-shadow:3px 3px 0 var(--ink);margin-top:20px;padding:14px;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;transition:transform 50ms,box-shadow 50ms}.build-btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.build-btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.build-btn:disabled{background:var(--line);color:var(--ink-soft);cursor:wait;box-shadow:none;transform:none}.build-btn:focus-visible{outline:2.5px solid var(--pink);outline-offset:3px}.share-btn{border:1.5px solid var(--ink);background:var(--paper);width:100%;color:var(--ink);border-radius:var(--radius);cursor:pointer;margin-top:12px;padding:11px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600}.share-btn:hover{background:var(--paper-2)}.share-btn:focus-visible{outline:2.5px solid var(--blue);outline-offset:2px}.result{margin-top:20px;display:none}.result.show{display:block}.result-preview{align-items:center;gap:14px;margin-bottom:14px;display:flex}.rp-tile{border:1.5px solid var(--ink);border-radius:var(--radius);background-color:#f1ecdf;background-image:linear-gradient(45deg,#d8d2c4 25%,#0000 25%),linear-gradient(-45deg,#d8d2c4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d2c4 75%),linear-gradient(-45deg,#0000 75%,#d8d2c4 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;flex:none;width:96px;height:96px;overflow:hidden}.rp-tile img{width:96px;height:96px;display:block}.rp-meta{color:var(--ink-soft);font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5}.verify{border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--paper);padding:16px}.v-row{justify-content:space-between;margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.v-row span:first-child{color:var(--ink-soft)}.v-row b{font-weight:700}.meter{border:1.5px solid var(--ink);background:#fff;border-radius:999px;height:12px;margin:10px 0 6px;overflow:hidden}.meter-fill{background:var(--ok);width:0%;height:100%;transition:width .3s}.meter-fill.over{background:var(--warn)}.status{align-items:center;gap:8px;margin-top:6px;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;display:flex}.status.ok{color:var(--ok)}.status.over{color:var(--warn)}.tip{color:var(--ink-soft);margin-top:8px;font-size:12px;line-height:1.5}.tip[hidden]{display:none}.dl-btn{border:1.5px solid var(--ink);background:var(--pink);color:#fff;border-radius:var(--radius);cursor:pointer;text-align:center;width:100%;box-shadow:3px 3px 0 var(--ink);margin-top:14px;padding:12px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;text-decoration:none;transition:transform 50ms,box-shadow 50ms;display:block}.dl-btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.dl-btn:focus-visible{outline:2.5px solid var(--blue);outline-offset:3px}.about{border-top:1.5px solid var(--line);max-width:760px;color:var(--ink-soft);margin:48px auto 0;padding-top:28px}.about h2{letter-spacing:-.01em;color:var(--ink);margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.about h3{text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin:26px 0 10px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700}.about p{margin:0;font-size:15px;line-height:1.6}.about ol{margin:0;padding-left:20px;font-size:14px;line-height:1.6}.about ol li{margin-bottom:6px}.about dl{margin:0}.about dt{color:var(--ink);margin-top:14px;font-size:14px;font-weight:700}.about dd{margin:4px 0 0;font-size:14px;line-height:1.6}.hint{color:var(--ink-soft);margin-top:6px;font-size:12px;line-height:1.5}.err{color:var(--warn);margin-top:12px;font-size:13px;font-weight:600}.preview-close,.mini-preview{display:none}@media (width<=860px){.preview-col{display:none}.preview-col.open{z-index:60;background:var(--paper);max-height:none;margin:0;padding:18px 16px 44px;display:block;position:fixed;inset:0;overflow:auto}.preview-close{z-index:61;border:1.5px solid var(--ink);background:var(--paper);border-radius:var(--radius);cursor:pointer;width:38px;height:38px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);justify-content:center;align-items:center;font-size:15px;display:flex;position:fixed;top:12px;right:12px}.mini-preview{z-index:55;border:2px solid var(--ink);cursor:pointer;width:64px;height:64px;box-shadow:3px 3px 0 var(--ink);background-color:#f1ecdf;background-image:linear-gradient(45deg,#d8d2c4 25%,#0000 25%),linear-gradient(-45deg,#d8d2c4 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#d8d2c4 75%),linear-gradient(-45deg,#0000 75%,#d8d2c4 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:12px;padding:0;animation:1.9s ease-in-out infinite mini-bob;display:block;position:fixed;bottom:16px;right:16px}.mini-preview.hidden{display:none}.mini-preview canvas{border-radius:10px;width:100%;height:100%;display:block}.mini-label{white-space:nowrap;background:var(--pink);color:#fff;border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);pointer-events:none;border-radius:999px;padding:3px 9px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700;position:absolute;bottom:calc(100% + 7px);right:0}@keyframes mini-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}}@media (prefers-reduced-motion:reduce){.mini-preview{animation:none}.build-btn,.dl-btn,.meter-fill{transition:none}}