.color-tool[data-astro-cid-24ankuzg]{display:flex;flex-direction:column;gap:18px}.color-input-row[data-astro-cid-24ankuzg]{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:stretch}.color-swatch[data-astro-cid-24ankuzg]{position:relative;display:block;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;cursor:pointer;min-height:48px;transition:border-color .12s}.color-swatch[data-astro-cid-24ankuzg]:hover{border-color:var(--accent)}.color-swatch[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg][type=color]{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;opacity:0;cursor:pointer}.color-swatch-inner[data-astro-cid-24ankuzg]{position:absolute;inset:0;pointer-events:none}.color-input-row[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg][type=text]{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);font-family:var(--mono);font-size:14px;transition:border-color .12s,box-shadow .12s}.color-input-row[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg][type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.color-random-btn[data-astro-cid-24ankuzg]{padding:12px 16px;font-size:16px;min-width:48px}.color-error[data-astro-cid-24ankuzg]{margin-top:0}.color-formats[data-astro-cid-24ankuzg]{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.color-format-row[data-astro-cid-24ankuzg]{display:grid;grid-template-columns:66px 1fr 44px;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.color-format-row[data-astro-cid-24ankuzg]:last-child{border-bottom:0}.color-format-label[data-astro-cid-24ankuzg]{font-family:var(--mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.color-format-value[data-astro-cid-24ankuzg]{font-family:var(--mono);font-size:13px;color:var(--ink);overflow-wrap:anywhere;min-width:0}.color-copy-btn[data-astro-cid-24ankuzg]{background:none;border:1px solid transparent;color:var(--muted);cursor:pointer;padding:6px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;transition:all .12s}.color-copy-btn[data-astro-cid-24ankuzg]:hover,.color-copy-btn[data-astro-cid-24ankuzg]:focus-visible{color:var(--accent);background:var(--accent-soft);outline:none}.color-copy-btn[data-astro-cid-24ankuzg].copied{color:#16a34a;background:#16a34a1a}.color-section[data-astro-cid-24ankuzg]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.color-section[data-astro-cid-24ankuzg]>summary[data-astro-cid-24ankuzg]{cursor:pointer;padding:12px 16px;font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);list-style:none;display:flex;align-items:center;justify-content:space-between;user-select:none}.color-section[data-astro-cid-24ankuzg]>summary[data-astro-cid-24ankuzg]::-webkit-details-marker{display:none}.color-section[data-astro-cid-24ankuzg]>summary[data-astro-cid-24ankuzg]:after{content:"+";font-family:var(--mono);color:var(--muted);font-weight:400;font-size:14px}.color-section[data-astro-cid-24ankuzg][open]>summary[data-astro-cid-24ankuzg]{border-bottom:1px solid var(--border);color:var(--ink-2)}.color-section[data-astro-cid-24ankuzg][open]>summary[data-astro-cid-24ankuzg]:after{content:"?"}.color-contrast-grid[data-astro-cid-24ankuzg]{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.color-contrast-cell[data-astro-cid-24ankuzg]{padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:8px}.color-contrast-preview[data-astro-cid-24ankuzg]{padding:12px 14px;border-radius:var(--radius);font-family:var(--mono);font-size:13px;font-weight:600;text-align:center;line-height:1.4}.color-contrast-preview[data-astro-cid-24ankuzg] .color-contrast-normal[data-astro-cid-24ankuzg]{font-size:14px}.color-contrast-preview[data-astro-cid-24ankuzg] .color-contrast-large[data-astro-cid-24ankuzg]{font-size:20px;font-weight:600}.color-contrast-meta[data-astro-cid-24ankuzg]{display:flex;flex-direction:column;gap:4px;font-family:var(--mono);font-size:11.5px;color:var(--muted)}.color-contrast-ratio[data-astro-cid-24ankuzg]{font-size:14px;font-weight:600;color:var(--ink);letter-spacing:.02em}.color-contrast-badges[data-astro-cid-24ankuzg]{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}.color-badge[data-astro-cid-24ankuzg]{font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;border-radius:3px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.color-badge[data-astro-cid-24ankuzg].pass{background:#16a34a1a;color:#15803d;border-color:#16a34a4d}.color-badge[data-astro-cid-24ankuzg].fail{background:#b91c1c14;color:#b91c1c;border-color:#b91c1c40}.color-scale[data-astro-cid-24ankuzg]{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1px;background:var(--border)}.color-scale-cell[data-astro-cid-24ankuzg]{display:flex;flex-direction:column;background:var(--surface);cursor:pointer;border:0;padding:0;text-align:left;transition:transform .08s}.color-scale-cell[data-astro-cid-24ankuzg]:active{transform:scale(.98)}.color-scale-swatch[data-astro-cid-24ankuzg]{height:64px;width:100%}.color-scale-label[data-astro-cid-24ankuzg]{padding:6px 8px;font-family:var(--mono);font-size:10.5px;color:var(--muted);display:flex;justify-content:space-between;gap:4px;background:var(--surface);border-top:1px solid var(--border)}.color-scale-label[data-astro-cid-24ankuzg] strong[data-astro-cid-24ankuzg]{color:var(--ink-2);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-harmonies[data-astro-cid-24ankuzg]{display:flex;flex-direction:column;gap:1px;background:var(--border)}.color-harmony-row[data-astro-cid-24ankuzg]{background:var(--surface);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.color-harmony-head[data-astro-cid-24ankuzg]{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.color-harmony-name[data-astro-cid-24ankuzg]{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink)}.color-harmony-hint[data-astro-cid-24ankuzg]{font-size:11.5px;color:var(--muted)}.color-harmony-swatches[data-astro-cid-24ankuzg]{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px}.color-harmony-swatch[data-astro-cid-24ankuzg]{height:48px;border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;padding:0;position:relative;transition:transform .08s}.color-harmony-swatch[data-astro-cid-24ankuzg]:active{transform:scale(.96)}.color-harmony-swatch[data-astro-cid-24ankuzg]:after{content:attr(data-hex);position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:8.5px;padding:1px 4px;border-radius:2px;background:#00000080;color:#ffffffe6;opacity:0;transition:opacity .12s;pointer-events:none;white-space:nowrap}.color-harmony-swatch[data-astro-cid-24ankuzg]:hover:after,.color-harmony-swatch[data-astro-cid-24ankuzg]:focus-visible:after{opacity:1}.color-doc-table[data-astro-cid-24ankuzg]{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}.color-doc-table[data-astro-cid-24ankuzg] th[data-astro-cid-24ankuzg],.color-doc-table[data-astro-cid-24ankuzg] td[data-astro-cid-24ankuzg]{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);color:var(--ink-2)}.color-doc-table[data-astro-cid-24ankuzg] th[data-astro-cid-24ankuzg]{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.color-doc-table[data-astro-cid-24ankuzg] code[data-astro-cid-24ankuzg]{background:var(--code-bg);padding:2px 6px;border-radius:3px;font-size:12px;color:var(--accent)}@media (max-width: 800px){.color-input-row[data-astro-cid-24ankuzg]{grid-template-columns:56px 1fr auto;gap:8px}.color-input-row[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg][type=text]{padding:12px;font-size:16px}.color-format-row[data-astro-cid-24ankuzg]{grid-template-columns:58px 1fr 44px;padding:12px;gap:8px}.color-format-value[data-astro-cid-24ankuzg]{font-size:13.5px}.color-copy-btn[data-astro-cid-24ankuzg]{min-width:40px;min-height:40px}.color-contrast-grid[data-astro-cid-24ankuzg]{grid-template-columns:1fr}.color-scale[data-astro-cid-24ankuzg]{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.color-scale-swatch[data-astro-cid-24ankuzg]{height:56px}.color-harmony-swatch[data-astro-cid-24ankuzg]{height:44px}}