.cp[data-astro-cid-35akrbmf]{gap:20px;min-width:0;display:grid}.drop[data-astro-cid-35akrbmf]{text-align:center;border:2px dashed var(--line);background:var(--wash);cursor:pointer;border-radius:20px;place-items:center;gap:6px;padding:48px 24px;display:grid;position:relative}.drop[data-astro-cid-35akrbmf]:hover,.drop[data-astro-cid-35akrbmf].over{border-color:var(--sky)}.drop[data-astro-cid-35akrbmf] input[data-astro-cid-35akrbmf]{opacity:0;cursor:pointer;position:absolute;inset:0}.drop[data-astro-cid-35akrbmf] strong[data-astro-cid-35akrbmf]{font:700 22px/1.2 var(--display)}.drop[data-astro-cid-35akrbmf] span[data-astro-cid-35akrbmf]{color:var(--ink-soft)}.drop[data-astro-cid-35akrbmf]:focus-within{outline:3px solid var(--pink);outline-offset:3px}.error[data-astro-cid-35akrbmf]{color:#b4234f;margin:0}.result[data-astro-cid-35akrbmf]{gap:24px;min-width:0;display:grid}.top[data-astro-cid-35akrbmf]{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.top[data-astro-cid-35akrbmf] img[data-astro-cid-35akrbmf]{object-fit:contain;background:repeating-conic-gradient(#e6eef2 0 25%, #fff 0 50%) 0 0 / 12px 12px;border-radius:12px;width:100%;max-height:220px}.side[data-astro-cid-35akrbmf]{gap:16px;min-width:0;display:grid}.controls[data-astro-cid-35akrbmf]{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.controls[data-astro-cid-35akrbmf] label[data-astro-cid-35akrbmf]{align-items:center;gap:8px;font-size:15px;display:flex}select[data-astro-cid-35akrbmf]{font:inherit;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:8px;padding:6px 10px;font-size:15px}.ghost[data-astro-cid-35akrbmf]{font:600 15px/1 var(--body);border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;border-radius:999px;padding:10px 16px}.ghost[data-astro-cid-35akrbmf]:hover{border-color:var(--sky)}.strip[data-astro-cid-35akrbmf]{border:1px solid var(--line);border-radius:12px;height:56px;display:flex;overflow:hidden}.strip[data-astro-cid-35akrbmf] span{flex-basis:0}.status[data-astro-cid-35akrbmf]{min-height:1.6em;color:var(--ink-soft);margin:0;font-size:15px}.swatches[data-astro-cid-35akrbmf]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.swatches[data-astro-cid-35akrbmf] .swatch{text-align:left;cursor:pointer;width:100%;min-height:120px;font:inherit;border:1px solid #0b22301f;border-radius:14px;align-content:end;gap:2px;padding:14px;display:grid}.swatches[data-astro-cid-35akrbmf] .swatch strong{font:700 18px/1.2 var(--mono)}.swatches[data-astro-cid-35akrbmf] .swatch span{font:400 12px/1.4 var(--mono);opacity:.85}.swatches[data-astro-cid-35akrbmf] .swatch em{opacity:.75;margin-top:4px;font-size:12px;font-style:normal}.swatches[data-astro-cid-35akrbmf] .swatch:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0b22301f}.code[data-astro-cid-35akrbmf]{background:var(--ink);color:#d9eef6;border-radius:16px;min-width:0;overflow:hidden}.code-head[data-astro-cid-35akrbmf]{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-35akrbmf] label[data-astro-cid-35akrbmf]{align-items:center;gap:8px;display:flex}.code-head[data-astro-cid-35akrbmf] select[data-astro-cid-35akrbmf]{font:500 13px/1 var(--mono);color:var(--white);background:#fcffff24;border:0;padding:4px 8px}.code-head[data-astro-cid-35akrbmf] select[data-astro-cid-35akrbmf] option[data-astro-cid-35akrbmf]{color:var(--ink)}.code-head[data-astro-cid-35akrbmf] button[data-astro-cid-35akrbmf]{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-35akrbmf] pre[data-astro-cid-35akrbmf]{font:400 13px/1.7 var(--mono);margin:0;padding:16px;overflow-x:auto}@media (width<=560px){.top[data-astro-cid-35akrbmf]{grid-template-columns:minmax(0,1fr)}.top[data-astro-cid-35akrbmf] img[data-astro-cid-35akrbmf]{max-height:180px}.swatches[data-astro-cid-35akrbmf]{grid-template-columns:repeat(2,minmax(0,1fr))}}