.codes[data-v-0dd250ea]{display:grid;gap:18px}.toolbar[data-v-0dd250ea]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.hint strong[data-v-0dd250ea]{color:var(--ink)}.hint code[data-v-0dd250ea]{font:13px/1 ui-monospace,Cascadia Mono,Consolas,monospace;background:#f7f0f1;padding:2px 6px;border-radius:6px;color:var(--ink)}.block[data-v-0dd250ea]{display:grid;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.block-title[data-v-0dd250ea]{font-size:clamp(22px,2.4vw,28px)}.colors[data-v-0dd250ea]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,232px),1fr));gap:10px}.colors--sm[data-v-0dd250ea]{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))}.color[data-v-0dd250ea]{display:flex;align-items:center;gap:12px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fff;min-width:0}.sw[data-v-0dd250ea]{position:relative;width:64px;height:64px;flex:none;border-radius:12px;border:0;cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #0000001f,inset 0 -4px #0000002e;transition:transform .15s}.sw[data-v-0dd250ea]:hover{transform:translateY(-1px)}.sw[data-v-0dd250ea]:active{transform:translateY(1px)}.sw--sm[data-v-0dd250ea]{width:54px;height:54px}.sw-code[data-v-0dd250ea]{font:700 19px/1 ui-monospace,Cascadia Mono,Consolas,Courier New,monospace;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45)}.sw-code--dark[data-v-0dd250ea]{color:#1e1416;text-shadow:none}.sw-old[data-v-0dd250ea]{position:absolute;right:4px;top:4px;width:11px;height:11px;border-radius:3px;box-shadow:0 0 0 2px #fff}.c-body[data-v-0dd250ea]{display:grid;gap:6px;min-width:0}.c-name[data-v-0dd250ea]{font-weight:600;font-size:15px;line-height:1.25}.chips[data-v-0dd250ea]{display:flex;flex-wrap:wrap;gap:4px}.chip[data-v-0dd250ea]{border:1px solid var(--line-2);background:#fcf8f8;border-radius:8px;padding:4px 7px;font:12.5px/1.2 ui-monospace,Cascadia Mono,Consolas,monospace;color:var(--ink-2);cursor:pointer;transition:border-color .2s,color .2s,background-color .2s;justify-self:start}.chip[data-v-0dd250ea]:hover{border-color:var(--red-300);color:var(--red);background:#fff}.chip-lg[data-v-0dd250ea]{font-size:15px;font-weight:600;padding:9px 12px;color:var(--ink)}.fmt-list[data-v-0dd250ea]{display:grid;gap:8px}.fmt-row[data-v-0dd250ea]{display:grid;grid-template-columns:64px minmax(150px,220px) minmax(0,1fr);align-items:center;gap:14px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fff}.demo[data-v-0dd250ea]{padding:10px 14px;border-radius:10px;background:linear-gradient(180deg,#1a1b24,#121319);font-size:22px;line-height:1.2;text-align:center;overflow:hidden}.fmt-text[data-v-0dd250ea]{display:grid;gap:2px;min-width:0}.conv[data-v-0dd250ea]{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.pick[data-v-0dd250ea]{position:relative;width:54px;height:54px;border-radius:14px;overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 1px #0000001f;flex:none}.pick input[data-v-0dd250ea]{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);opacity:0;cursor:pointer;border:0;padding:0}.pick-hex[data-v-0dd250ea]{width:140px;font:500 16px/1 ui-monospace,Cascadia Mono,Consolas,monospace}.conv-list[data-v-0dd250ea]{display:grid;border:1px solid var(--line);border-radius:16px;overflow:hidden}.conv-row[data-v-0dd250ea]{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 8px 6px 14px;border-top:1px solid var(--line)}.conv-row[data-v-0dd250ea]:first-child{border-top:0}.conv-row[data-v-0dd250ea]:nth-child(odd){background:#fdfafa}.conv-name[data-v-0dd250ea]{font-size:14px;color:var(--ink-2)}.conv-code[data-v-0dd250ea]{font:14px/1.4 ui-monospace,Cascadia Mono,Consolas,monospace;color:var(--ink);overflow-wrap:anywhere}.conv-note[data-v-0dd250ea]{font-family:var(--font-sans);color:var(--ink-3)}.cta[data-v-0dd250ea]{justify-self:start}.note[data-v-0dd250ea]{font-size:12.5px;color:var(--ink-3);text-align:center}@media (max-width:720px){.fmt-row[data-v-0dd250ea]{grid-template-columns:56px minmax(0,1fr)}.demo[data-v-0dd250ea]{grid-column:2;grid-row:2}.fmt-text[data-v-0dd250ea]{grid-column:2;grid-row:1}.fmt-row .chip-lg[data-v-0dd250ea]{grid-row:1/span 2}.conv-row[data-v-0dd250ea]{grid-template-columns:minmax(0,1fr) auto}.conv-name[data-v-0dd250ea]{grid-column:1/-1;padding-top:4px;font-size:13px}}@media (max-width:480px){.cta[data-v-0dd250ea]{justify-self:stretch}}