.maker{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:36px;display:grid}.maker .letters-form{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:0}.letters-form .block{background:var(--bg);border-radius:22px;padding:24px}.letters-form .block>fieldset{gap:14px;display:grid}@media (width>=900px){.maker{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:24px}.maker .letters-form{grid-template-columns:minmax(0,1fr)}.letters-out{max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow-y:auto}}html:not(.js) .maker{grid-template-columns:minmax(0,1fr)}@media (width<=899px){html.js .maker .letters-form{display:contents}html.js .maker .letters-form .block~.block{order:2}html.js .maker .letters-out{order:1}}.line{gap:6px;display:grid}.line>label{font:700 18px/1.25 var(--body)}.line input{background:var(--card);width:100%;height:52px;color:var(--ink);font:400 24px/1 var(--display);letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 3px 0 var(--ink);border:0;border-radius:14px;padding:0 16px}.line input:focus-visible{outline:3px solid var(--ink);outline-offset:0}.line input[aria-invalid=true]{box-shadow:inset 0 3px 0 var(--ink), inset 0 0 0 3px var(--hot)}.pick{border:0;min-width:0;margin:0;padding:0}.pick legend,.swatches legend{font:800 13px/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;padding:0}.pick .seg{border-radius:28px;flex-wrap:wrap}.ours{font:700 17px/1.4 var(--body);margin:0}.own{gap:14px;display:grid}.own[hidden]{display:none}.letters-form .switch{min-height:44px;font:700 17px/1.3 var(--body);cursor:pointer;align-items:center;gap:12px;display:flex}.letters-form .switch input{width:22px;height:22px;accent-color:var(--ink);flex:none;margin:0}.swatches{border:0;min-width:0;margin:0;padding:0}.sw-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:4px;display:grid}.sw{cursor:pointer;min-height:44px;font:700 15px/1.1 var(--body);border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 8px;transition:background-color .2s;display:flex;position:relative}.sw input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sw .chip{background:var(--c);width:28px;height:28px;box-shadow:inset 0 0 0 2px var(--ink);border-radius:50%;flex:none}.sw:hover{background:color-mix(in srgb, var(--lemon) 45%, transparent)}.sw:has(input:checked){background:var(--lemon)}.sw:has(input:checked) .chip{box-shadow:inset 0 0 0 2px var(--ink), 0 0 0 3px var(--lemon), 0 0 0 5px var(--ink)}.sw:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:1px}.letters-out{background:var(--lemon);border-radius:22px;padding:24px}.letters-out .out-h{font:800 13px/1.2 var(--body);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}.ex-note{margin:0 0 12px;font-size:15px;line-height:1.45}.js .ex-note{display:none}.chart-fig{background:#fff;border-radius:14px;margin:0;padding:12px}.chart-fig img{object-fit:contain;width:100%;height:auto;max-height:60vh;display:block}.letters-out .size{font:400 24px/1.2 var(--display);text-wrap:balance;margin:14px 0 0}.letters-out .key{flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;padding:0;font-size:16px;list-style:none;display:flex}.letters-out .key li{align-items:center;gap:8px;display:flex}.letters-out .key i{border:2px solid var(--ink);background:var(--c);border-radius:6px;width:22px;height:22px}.letters-out .key span{opacity:.75}.letters-out .round{margin:14px 0 0;font-size:15px;line-height:1.45}.letters-out .none{font:700 18px/1.4 var(--body);margin:0}.letters-out[data-none] :is(.chart-fig,.size,.key,.round,.do,.rows-block),.letters-out:not([data-none]) .none{display:none}.rows-block{margin-top:22px}.rows-block h3{font:700 18px/1.2 var(--body);margin:0 0 10px}.rows-list{margin:0;padding:0;font-size:15px;line-height:1.5;list-style:none}.rows-list li+li{margin-top:4px}.rows{margin-top:10px}.rows>.rows-list{margin-top:4px}.rows summary{cursor:pointer;background:var(--card);border:var(--line) solid var(--ink);min-height:44px;box-shadow:0 4px 0 var(--ink);border-radius:999px;align-items:center;gap:10px;padding:0 20px 0 16px;font-size:16px;font-weight:700;list-style:none;display:inline-flex}.rows summary::-webkit-details-marker{display:none}.rows summary:before{content:"";transition:rotate .25s var(--spring);border-block:6px solid #0000;border-inline-start:9px solid;flex:none}.rows[open] summary:before{rotate:90deg}@media (prefers-reduced-motion:reduce){.rows summary:before{transition:none}}.rows[open] summary{margin-bottom:8px}.alpha{margin-top:1.4em}.alpha img{box-sizing:border-box;background:#fff;border-radius:14px;width:100%;height:auto;padding:12px;display:block}.alpha figcaption{font:700 16px/1.3 var(--body);margin-top:8px}.letters-out .do{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}html:not(.js) .letters-out .do{display:none}.do-status{margin:8px 0 0;font-weight:600}.do-status:empty{margin:0}[data-download][aria-disabled=true]{opacity:.6;cursor:progress}.print-sheet{display:none}@media print{@page{margin:14mm}body:has(>.print-sheet [data-sheet-body]:not(:empty))>:not(.print-sheet):not(svg){display:none!important}body:has(>.print-sheet [data-sheet-body]:not(:empty)){background:#fff}body:has(>.print-sheet [data-sheet-body]:not(:empty)):before,body:has(>.print-sheet [data-sheet-body]:not(:empty)):after{display:none}.print-sheet:has([data-sheet-body]:not(:empty)){color:#000;font:11pt/1.4 var(--body);background:#fff;display:block}.print-sheet p{margin:0 0 4pt}.ps-head{justify-content:space-between;align-items:center;margin-bottom:10pt;font-size:10pt;display:flex}.ps-head .wordmark{font-size:22pt}.print-sheet .ps-title{font:400 22pt/1.1 var(--display);overflow-wrap:anywhere;margin:2pt 0 4pt}.ps-chart{break-inside:avoid;width:auto;max-width:100%;height:auto;max-height:200mm;margin:8pt 0;display:block}.ps-key{flex-wrap:wrap;gap:4pt 14pt;margin:4pt 0 8pt;padding:0;list-style:none;display:flex}.ps-key i{vertical-align:-1pt;background:var(--c);-webkit-print-color-adjust:exact;print-color-adjust:exact;border:1pt solid #000;width:10pt;height:10pt;margin-right:5pt;display:inline-block}.ps-part{break-inside:avoid;margin-top:10pt}.print-sheet .ps-h{font:700 13pt/1.2 var(--body);margin:0 0 4pt}.ps-rows{margin-top:10pt}.ps-rows ol{columns:2;column-gap:10mm;margin:0;padding:0;font-size:8.5pt;line-height:1.35;list-style:none}.ps-rows li{break-inside:avoid;margin-bottom:2.5pt}.print-sheet .ps-note{margin-top:8pt;font-size:9pt}}@media (width<=560px){.letters-form .block,.letters-out{padding:20px 16px}.sw-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.letters-out .size{font-size:21px}}@media (width<=380px){.pick .seg span{gap:7px;padding:0 12px 0 10px}}@media (width<=365px){.letters-form .block{padding:20px 12px}.pick .seg span{gap:5px;padding:0 8px 0 6px;font-size:15px}.pick .seg span:before{width:12px;height:12px}}