.tc[data-astro-cid-pjgcrcln]{grid-template-columns:minmax(0,1fr);gap:20px;min-width:0;display:grid}.tc[data-astro-cid-pjgcrcln] [data-astro-cid-pjgcrcln][hidden]{display:none!important}.inputs[data-astro-cid-pjgcrcln]{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:14px;display:grid}.field[data-astro-cid-pjgcrcln]{min-width:0;color:var(--ink-soft);gap:6px;font-size:14px;display:grid}.field[data-astro-cid-pjgcrcln] input[data-astro-cid-pjgcrcln][type=text],.field[data-astro-cid-pjgcrcln] select[data-astro-cid-pjgcrcln]{box-sizing:border-box;width:100%;font:inherit;color:var(--ink);border:2px solid var(--line);background:var(--white);border-radius:12px;height:48px;padding:11px 12px;font-size:16px}.field[data-astro-cid-pjgcrcln] input[data-astro-cid-pjgcrcln][type=text]:focus,.field[data-astro-cid-pjgcrcln] select[data-astro-cid-pjgcrcln]:focus{border-color:var(--sky);outline:none}.field[data-astro-cid-pjgcrcln] input[data-astro-cid-pjgcrcln][aria-invalid=true]{border-color:#b4234f}.pair[data-astro-cid-pjgcrcln]{gap:8px;min-width:0;display:flex}.pair[data-astro-cid-pjgcrcln] input[data-astro-cid-pjgcrcln][type=text]{min-width:0;font-family:var(--mono);text-transform:uppercase;flex:1}.pair[data-astro-cid-pjgcrcln] input[data-astro-cid-pjgcrcln][type=color]{border:2px solid var(--line);background:var(--white);cursor:pointer;border-radius:12px;flex:none;width:50px;height:48px;padding:3px}.error[data-astro-cid-pjgcrcln]{color:#b4234f;margin:0}.swatches[data-astro-cid-pjgcrcln]{grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.swatches[data-astro-cid-pjgcrcln] .swatch{text-align:left;cursor:pointer;width:100%;min-height:128px;font:inherit;border:1px solid #0b22301a;border-radius:12px;align-content:end;gap:2px;padding:10px 8px;display:grid;position:relative}.swatches[data-astro-cid-pjgcrcln] .swatch strong{font:700 16px/1.2 var(--display)}.swatches[data-astro-cid-pjgcrcln] .swatch span{font:400 11px/1.4 var(--mono);opacity:.9;overflow-wrap:anywhere}.swatches[data-astro-cid-pjgcrcln] .swatch em{opacity:.75;margin-top:2px;font-size:11px;font-style:normal}.swatches[data-astro-cid-pjgcrcln] .swatch.mine{outline:3px solid var(--ink);outline-offset:2px}.swatches[data-astro-cid-pjgcrcln] .swatch.mine em{opacity:1;font-weight:600}.swatches[data-astro-cid-pjgcrcln] .swatch:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0b223024}.summary[data-astro-cid-pjgcrcln]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.status[data-astro-cid-pjgcrcln]{min-height:1.6em;color:var(--ink-soft);margin:0;font-size:15px}.primary[data-astro-cid-pjgcrcln]{font:600 15px/1 var(--body);background:var(--ink);color:var(--white);cursor:pointer;border:0;border-radius:999px;padding:12px 18px}.code[data-astro-cid-pjgcrcln]{background:var(--ink);color:#d9eef6;border-radius:16px;min-width:0;overflow:hidden}.code-head[data-astro-cid-pjgcrcln]{font:500 13px/1.4 var(--mono);color:#8fb4c4;border-bottom:1px solid #d9eef61f;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.code-head[data-astro-cid-pjgcrcln] button[data-astro-cid-pjgcrcln]{font:600 13px/1 var(--body);color:var(--white);cursor:pointer;background:#fcffff24;border:0;border-radius:8px;padding:7px 12px}.code[data-astro-cid-pjgcrcln] pre[data-astro-cid-pjgcrcln]{font:400 13px/1.7 var(--mono);margin:0;padding:16px;overflow-x:auto}@media (width<=900px){.inputs[data-astro-cid-pjgcrcln]{grid-template-columns:repeat(2,minmax(0,1fr))}.swatches[data-astro-cid-pjgcrcln]{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=560px){.swatches[data-astro-cid-pjgcrcln]{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.swatches[data-astro-cid-pjgcrcln] .swatch span{font-size:10px}.swatches[data-astro-cid-pjgcrcln] .swatch{min-height:96px}}