.color-inputs-wrap[data-astro-cid-ql43vnng]{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:start;margin-bottom:1.25rem}@media(max-width:600px){.color-inputs-wrap[data-astro-cid-ql43vnng]{grid-template-columns:1fr;gap:.5rem}}.color-input-panel[data-astro-cid-ql43vnng]{background:var(--color-bg-soft);border:1.5px solid var(--color-border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.625rem}.cip-header[data-astro-cid-ql43vnng]{display:flex;align-items:center;justify-content:space-between}.cip-label[data-astro-cid-ql43vnng]{font-size:.8125rem;font-weight:700;color:var(--color-text-secondary)}.cip-format-badge[data-astro-cid-ql43vnng]{font-size:.6875rem;font-weight:700;font-family:var(--font-mono);padding:.125rem .4rem;background:var(--cat-conv-bg);color:var(--cat-conv-ic);border-radius:4px;letter-spacing:.04em}.cip-picker-row[data-astro-cid-ql43vnng]{display:flex;gap:.625rem;align-items:center}.color-picker-label[data-astro-cid-ql43vnng]{position:relative;flex-shrink:0;cursor:pointer}.color-picker-input[data-astro-cid-ql43vnng]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;padding:0;margin:0;border:none}.color-swatch[data-astro-cid-ql43vnng]{display:block;width:48px;height:48px;border-radius:var(--radius-sm);border:2px solid var(--color-border);transition:transform .1s var(--ease-standard);box-shadow:var(--shadow-sm)}.color-picker-label[data-astro-cid-ql43vnng]:hover .color-swatch[data-astro-cid-ql43vnng]{transform:scale(1.08)}.color-text-input[data-astro-cid-ql43vnng]{flex:1;min-width:0;padding:.5rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-mono);color:var(--color-text);background:var(--color-bg);min-height:44px;transition:border-color .15s}.color-text-input[data-astro-cid-ql43vnng]:focus{outline:none;border-color:var(--color-cat-design, #8A6CD1);box-shadow:0 0 0 3px #8a6cd126}.cip-luminance[data-astro-cid-ql43vnng]{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono)}.luminance-val[data-astro-cid-ql43vnng]{font-weight:700;color:var(--color-text-secondary)}.swap-btn[data-astro-cid-ql43vnng]{align-self:center;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1.5px solid var(--color-border);border-radius:50%;background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;transition:all .15s var(--ease-standard);flex-shrink:0;box-shadow:var(--shadow-sm)}.swap-btn[data-astro-cid-ql43vnng]:hover{background:var(--cat-conv-bg);color:var(--cat-conv-ic);border-color:var(--cat-conv-ic);transform:rotate(180deg)}@media(max-width:600px){.swap-btn[data-astro-cid-ql43vnng]{margin:0 auto}}.result-panel[data-astro-cid-ql43vnng]{border-radius:var(--radius);padding:1.25rem 1.25rem 1rem;margin-bottom:1.25rem;border:2px solid var(--color-border);background:var(--color-bg-soft);transition:background .2s,border-color .2s}.result-aaa[data-astro-cid-ql43vnng]{background:#f0fdf4;border-color:#86efac}.result-aa[data-astro-cid-ql43vnng]{background:#f0fdf4;border-color:#bbf7d0}.result-large[data-astro-cid-ql43vnng]{background:#fefce8;border-color:#fde68a}.result-fail[data-astro-cid-ql43vnng]{background:#fff1f2;border-color:#fecdd3}.ratio-display[data-astro-cid-ql43vnng]{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.ratio-value[data-astro-cid-ql43vnng]{font-size:clamp(2rem,8vw,3.5rem);font-weight:900;color:var(--color-text);line-height:1;font-family:var(--font-sans);letter-spacing:-.02em}.ratio-label[data-astro-cid-ql43vnng]{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem}.wcag-grid[data-astro-cid-ql43vnng]{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}@media(max-width:640px){.wcag-grid[data-astro-cid-ql43vnng]{grid-template-columns:repeat(2,1fr)}}.wcag-item[data-astro-cid-ql43vnng]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.625rem .5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.wcag-level[data-astro-cid-ql43vnng]{font-size:.75rem;font-weight:800;font-family:var(--font-mono);color:var(--color-cat-design, #8A6CD1);letter-spacing:.05em}.wcag-target[data-astro-cid-ql43vnng]{font-size:.6875rem;color:var(--color-text-secondary);line-height:1.4}.wcag-target[data-astro-cid-ql43vnng] small[data-astro-cid-ql43vnng]{display:block;font-size:.625rem;font-family:var(--font-mono);color:var(--color-text-muted)}.wcag-badge[data-astro-cid-ql43vnng]{font-size:.75rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;margin-top:.125rem;min-height:24px;display:flex;align-items:center}.badge-pass[data-astro-cid-ql43vnng]{background:#dcfce7;color:#15803d}.badge-fail[data-astro-cid-ql43vnng]{background:#fee2e2;color:#b91c1c}.preview-section[data-astro-cid-ql43vnng]{margin-bottom:1.25rem;border:1.5px solid var(--color-border);border-radius:var(--radius);overflow:hidden;min-height:260px}.preview-header[data-astro-cid-ql43vnng]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.625rem 1rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.preview-title-label[data-astro-cid-ql43vnng]{font-size:.8125rem;font-weight:700;color:var(--color-text-secondary)}.preview-tabs[data-astro-cid-ql43vnng]{display:flex;gap:.25rem;flex-wrap:wrap}.preview-tab[data-astro-cid-ql43vnng]{padding:.3rem .625rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;min-height:32px}.preview-tab[data-astro-cid-ql43vnng]:hover{border-color:var(--color-cat-design, #8A6CD1);color:var(--color-cat-design, #8A6CD1)}.preview-tab[data-astro-cid-ql43vnng].is-active{background:var(--color-cat-design, #8A6CD1);border-color:var(--color-cat-design, #8A6CD1);color:#fff}.text-preview[data-astro-cid-ql43vnng]{min-height:200px}.preview-content[data-astro-cid-ql43vnng]{padding:1.5rem;min-height:200px;transition:color .2s,background .2s;display:flex;flex-direction:column;gap:.75rem}.preview-heading[data-astro-cid-ql43vnng]{font-size:1.5rem;font-weight:700;margin:0;line-height:1.3}.preview-body[data-astro-cid-ql43vnng]{font-size:1rem;margin:0;line-height:1.7}.preview-small[data-astro-cid-ql43vnng]{font-size:.75rem;margin:0;line-height:1.6}.preview-ui-samples[data-astro-cid-ql43vnng]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.preview-btn[data-astro-cid-ql43vnng]{padding:.5rem 1.25rem;border:2px solid;border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;cursor:default;transition:background .2s,color .2s;min-height:40px}.preview-link[data-astro-cid-ql43vnng]{font-size:.875rem;font-weight:600;text-decoration:underline;cursor:default}.preview-input[data-astro-cid-ql43vnng]{padding:.4rem .625rem;border:1.5px solid currentColor;border-radius:var(--radius-sm);font-size:.875rem;background:transparent;color:inherit;cursor:default;min-width:120px}.suggestion-section[data-astro-cid-ql43vnng]{margin-bottom:1.25rem}.suggestion-header[data-astro-cid-ql43vnng]{display:flex;align-items:flex-start;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.suggestion-title-label[data-astro-cid-ql43vnng]{font-size:.875rem;font-weight:700;color:var(--color-text)}.suggestion-desc[data-astro-cid-ql43vnng]{font-size:.8125rem;color:var(--color-text-muted)}.suggestion-grid[data-astro-cid-ql43vnng]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.625rem}.suggestion-item[data-astro-cid-ql43vnng]{display:flex;align-items:center;gap:.625rem;padding:.625rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;text-align:left;transition:border-color .15s,box-shadow .15s;min-height:64px}.suggestion-item[data-astro-cid-ql43vnng]:hover{border-color:var(--color-cat-design, #8A6CD1);box-shadow:var(--shadow-md)}.sugg-preview[data-astro-cid-ql43vnng]{width:44px;height:44px;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.sugg-info[data-astro-cid-ql43vnng]{display:flex;flex-direction:column;gap:.15rem;min-width:0}.sugg-label[data-astro-cid-ql43vnng]{font-size:.75rem;font-weight:700;color:var(--color-text);line-height:1.3}.sugg-colors[data-astro-cid-ql43vnng]{font-size:.6875rem;font-family:var(--font-mono);color:var(--color-text-muted)}.sugg-colors[data-astro-cid-ql43vnng] code[data-astro-cid-ql43vnng]{background:var(--color-bg-soft);padding:.05rem .25rem;border-radius:3px;font-size:.6875rem}.sugg-ratio[data-astro-cid-ql43vnng]{font-size:.6875rem;font-weight:700;font-family:var(--font-mono);color:var(--color-cat-design, #8A6CD1)}.actions-bar[data-astro-cid-ql43vnng]{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin-bottom:1.25rem}.action-btn[data-astro-cid-ql43vnng]{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.125rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .15s var(--ease-standard);min-height:44px}.action-btn--primary[data-astro-cid-ql43vnng]{background:var(--color-cat-design, #8A6CD1);color:#fff;border:1.5px solid var(--color-cat-design, #8A6CD1)}.action-btn--primary[data-astro-cid-ql43vnng]:hover{background:#7358c1;border-color:#7358c1;box-shadow:var(--shadow-md)}.action-btn--secondary[data-astro-cid-ql43vnng]{background:var(--color-bg);color:var(--color-cat-design, #8A6CD1);border:1.5px solid var(--color-cat-design, #8A6CD1)}.action-btn--secondary[data-astro-cid-ql43vnng]:hover{background:var(--cat-conv-bg);box-shadow:var(--shadow-sm)}.action-feedback[data-astro-cid-ql43vnng]{font-size:.8125rem;color:var(--color-success);font-weight:600;margin:0;flex:1;min-width:0}.palette-section[data-astro-cid-ql43vnng]{border-top:1px solid var(--color-border);padding-top:1rem}.palette-header[data-astro-cid-ql43vnng]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.palette-title-label[data-astro-cid-ql43vnng]{font-size:.875rem;font-weight:700;color:var(--color-text)}.clear-palette-btn[data-astro-cid-ql43vnng]{font-size:.75rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;text-decoration:underline;padding:.25rem .5rem;min-height:32px;transition:color .15s}.clear-palette-btn[data-astro-cid-ql43vnng]:hover{color:var(--color-error)}.palette-empty[data-astro-cid-ql43vnng]{font-size:.875rem;color:var(--color-text-muted);text-align:center;padding:1.5rem 0;margin:0}.palette-grid[data-astro-cid-ql43vnng]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.palette-item[data-astro-cid-ql43vnng]{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;text-align:left;position:relative;transition:border-color .15s,box-shadow .15s;min-height:56px}.palette-item[data-astro-cid-ql43vnng]:hover{border-color:var(--color-cat-design, #8A6CD1);box-shadow:var(--shadow-sm)}.palette-swatch[data-astro-cid-ql43vnng]{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.palette-swatch-text[data-astro-cid-ql43vnng]{font-size:.875rem;font-weight:700}.palette-meta[data-astro-cid-ql43vnng]{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.palette-codes[data-astro-cid-ql43vnng]{font-size:.6875rem;font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-codes[data-astro-cid-ql43vnng] code[data-astro-cid-ql43vnng]{font-size:inherit;background:var(--color-bg-soft);padding:.05rem .2rem;border-radius:3px}.palette-badge[data-astro-cid-ql43vnng]{font-size:.6875rem;font-weight:700;color:var(--color-text-secondary);font-family:var(--font-mono)}.palette-delete-btn[data-astro-cid-ql43vnng]{position:absolute;top:.25rem;right:.25rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--color-text-muted);cursor:pointer;opacity:0;transition:opacity .15s,background .15s}.palette-item[data-astro-cid-ql43vnng]:hover .palette-delete-btn[data-astro-cid-ql43vnng]{opacity:1}.palette-delete-btn[data-astro-cid-ql43vnng]:hover{background:#fee2e2;color:var(--color-error)}.acc-h3[data-astro-cid-ql43vnng]{font-size:.9375rem;font-weight:700;color:var(--color-text);margin:1rem 0 .375rem}.acc-list[data-astro-cid-ql43vnng]{margin:0 0 .75rem;padding-left:1.25rem;line-height:1.9;color:var(--color-text-secondary)}.acc-list[data-astro-cid-ql43vnng] li[data-astro-cid-ql43vnng]{margin-bottom:.25rem}.info-box[data-astro-cid-ql43vnng]{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.75rem 1rem;font-size:.875rem;color:var(--color-text-secondary);margin-top:.75rem}.info-box--warning[data-astro-cid-ql43vnng]{background:#fffbeb;border-left-color:#f59e0b}.wcag-table-wrap[data-astro-cid-ql43vnng]{overflow-x:auto;margin:.75rem 0 1rem}.wcag-table[data-astro-cid-ql43vnng]{width:100%;border-collapse:collapse;font-size:.875rem;min-width:380px}.wcag-table[data-astro-cid-ql43vnng] th[data-astro-cid-ql43vnng],.wcag-table[data-astro-cid-ql43vnng] td[data-astro-cid-ql43vnng]{padding:.625rem .75rem;border:1px solid var(--color-border);text-align:left}.wcag-table[data-astro-cid-ql43vnng] thead[data-astro-cid-ql43vnng] th[data-astro-cid-ql43vnng]{background:var(--color-bg-soft);font-weight:700;font-size:.8125rem;color:var(--color-text-secondary)}.wcag-table[data-astro-cid-ql43vnng] .wcag-pass[data-astro-cid-ql43vnng]{color:#15803d;font-weight:700}.wcag-table[data-astro-cid-ql43vnng] .wcag-aaa[data-astro-cid-ql43vnng]{color:#1d4ed8;font-weight:700}.wcag-table[data-astro-cid-ql43vnng] .wcag-none[data-astro-cid-ql43vnng]{color:var(--color-text-muted)}.wcag-table[data-astro-cid-ql43vnng] .wcag-exempt[data-astro-cid-ql43vnng]{background:var(--color-bg-soft);color:var(--color-text-muted);font-style:italic}.contrast-example-grid[data-astro-cid-ql43vnng]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.625rem;margin:.75rem 0}.ce-item[data-astro-cid-ql43vnng]{display:flex;align-items:center;gap:.625rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.625rem;background:var(--color-bg)}.ce-swatch[data-astro-cid-ql43vnng]{width:48px;height:48px;border-radius:var(--radius-sm);font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.ce-info[data-astro-cid-ql43vnng]{display:flex;flex-direction:column;gap:.15rem;min-width:0}.ce-label[data-astro-cid-ql43vnng]{font-size:.6875rem;font-family:var(--font-mono);color:var(--color-text-muted)}.ce-ratio[data-astro-cid-ql43vnng]{font-size:.75rem;font-weight:700;color:var(--color-text-secondary)}.cvd-grid[data-astro-cid-ql43vnng]{display:flex;flex-direction:column;gap:.625rem;margin:.75rem 0 1rem}.cvd-card[data-astro-cid-ql43vnng]{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg)}.cvd-icon[data-astro-cid-ql43vnng]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:900;flex-shrink:0}.cvd-card[data-astro-cid-ql43vnng] p[data-astro-cid-ql43vnng]{font-size:.875rem;color:var(--color-text-secondary);margin:.25rem 0 0;line-height:1.6}.cvd-card[data-astro-cid-ql43vnng] strong[data-astro-cid-ql43vnng]{font-size:.875rem;font-weight:700;color:var(--color-text)}.code-block[data-astro-cid-ql43vnng]{background:#1e293b;color:#e2e8f0;padding:1rem 1.25rem;border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-mono);overflow-x:auto;line-height:1.7;margin:.5rem 0 1rem;white-space:pre}.sr-only[data-astro-cid-ql43vnng]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}