.cc-tool[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;gap:1.25rem}.cc-top[data-astro-cid-63j3ecbj]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media(max-width:600px){.cc-top[data-astro-cid-63j3ecbj]{grid-template-columns:1fr}}.cc-picker-col[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;gap:.75rem}.cc-picker-wrap[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;gap:.375rem}.cc-picker-label[data-astro-cid-63j3ecbj]{font-size:.75rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.05em}.cc-native-picker[data-astro-cid-63j3ecbj]{width:100%;height:80px;border:2px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);cursor:pointer;padding:2px;background:var(--color-bg, #fff);transition:border-color .15s ease}.cc-native-picker[data-astro-cid-63j3ecbj]:hover,.cc-native-picker[data-astro-cid-63j3ecbj]:focus-visible{border-color:var(--color-primary, #4f46e5);outline:none}.cc-preview[data-astro-cid-63j3ecbj]{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.cc-preview-swatch[data-astro-cid-63j3ecbj]{width:32px;height:32px;border-radius:var(--radius-sm, 4px);border:1px solid rgba(0,0,0,.1);flex-shrink:0;transition:background .15s ease}.cc-preview-name[data-astro-cid-63j3ecbj]{font-size:.875rem;font-weight:700;color:var(--color-text, #1f2937)}.cc-sliders[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;gap:.625rem;padding:.75rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb)}.cc-slider-row[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;gap:.25rem}.cc-slider-label[data-astro-cid-63j3ecbj]{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:600;color:var(--color-text, #1f2937);gap:.5rem}.cc-slider-val[data-astro-cid-63j3ecbj]{font-variant-numeric:tabular-nums;color:var(--color-primary, #4f46e5);min-width:3.5em;text-align:right}.cc-slider[data-astro-cid-63j3ecbj]{width:100%;height:8px;border-radius:4px;cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;border:none}.cc-slider[data-astro-cid-63j3ecbj]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--color-primary, #4f46e5);box-shadow:0 1px 4px #0003;cursor:pointer;transition:transform .1s ease}.cc-slider[data-astro-cid-63j3ecbj]::-webkit-slider-thumb:hover{transform:scale(1.15)}.cc-slider[data-astro-cid-63j3ecbj]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--color-primary, #4f46e5);cursor:pointer}.cc-slider[data-astro-cid-63j3ecbj]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.cc-values-col[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column}.cc-values[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;gap:.625rem}.cc-value-row[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;gap:.25rem}.cc-value-label[data-astro-cid-63j3ecbj]{font-size:.6875rem;font-weight:700;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.07em}.cc-input-copy[data-astro-cid-63j3ecbj]{display:flex;align-items:center;gap:.375rem}.cc-value-input[data-astro-cid-63j3ecbj]{flex:1;min-width:0;padding:.375rem .5rem;font-size:max(16px,.8125rem);font-family:var(--font-mono, monospace);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);color:var(--color-text, #1f2937);transition:border-color .15s ease}.cc-value-input[data-astro-cid-63j3ecbj]:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.cc-copy-btn[data-astro-cid-63j3ecbj]{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;white-space:nowrap;background:var(--color-primary-pale, #eef2ff);color:var(--color-primary, #4f46e5);border:1.5px solid var(--color-primary, #4f46e5);border-radius:var(--radius-sm, 4px);cursor:pointer;min-height:36px;transition:background-color .15s ease,color .15s ease}.cc-copy-btn[data-astro-cid-63j3ecbj]:hover{background:var(--color-primary, #4f46e5);color:#fff}.cc-copy-btn[data-astro-cid-63j3ecbj]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.cc-css-var-row[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;gap:.25rem;margin-top:.375rem;padding-top:.625rem;border-top:1px dashed var(--color-border, #e5e7eb)}.cc-css-var-group[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;gap:.375rem}.cc-css-var-preview[data-astro-cid-63j3ecbj]{padding:.5rem .75rem;background:#1e1e2e;border-radius:var(--radius-sm, 4px);font-size:.8rem;font-family:var(--font-mono, monospace);color:#a6e3a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-css-var-actions[data-astro-cid-63j3ecbj]{display:flex;gap:.375rem;align-items:center}.cc-css-var-name-input[data-astro-cid-63j3ecbj]{flex:1;min-width:0;padding:.375rem .5rem;font-size:max(16px,.8125rem);font-family:var(--font-mono, monospace);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);color:var(--color-text, #1f2937)}.cc-css-var-name-input[data-astro-cid-63j3ecbj]:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.cc-tabs[data-astro-cid-63j3ecbj]{display:flex;gap:.25rem;background:var(--color-bg-soft, #f9fafb);border-radius:var(--radius-md, 8px);padding:.25rem;border:1px solid var(--color-border, #e5e7eb);overflow-x:auto}.cc-tab[data-astro-cid-63j3ecbj]{flex:1;min-width:80px;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;color:var(--color-text-muted, #6b7280);background:transparent;border:none;border-radius:var(--radius-sm, 4px);cursor:pointer;white-space:nowrap;min-height:40px;transition:background-color .15s ease,color .15s ease}.cc-tab[data-astro-cid-63j3ecbj]:hover{background:var(--color-border, #e5e7eb);color:var(--color-text, #1f2937)}.cc-tab[data-astro-cid-63j3ecbj].is-active{background:var(--color-primary, #4f46e5);color:#fff}.cc-tab[data-astro-cid-63j3ecbj]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:-2px}.cc-tab-panel[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;gap:.75rem}.cc-panel-title[data-astro-cid-63j3ecbj]{font-size:.8125rem;font-weight:700;color:var(--color-text-muted, #6b7280);margin:0}.cc-history-header[data-astro-cid-63j3ecbj]{display:flex;align-items:center;justify-content:space-between}.cc-history-swatches[data-astro-cid-63j3ecbj]{display:flex;flex-wrap:wrap;gap:.5rem;min-height:48px}.cc-empty-msg[data-astro-cid-63j3ecbj]{font-size:.8125rem;color:var(--color-text-muted, #6b7280);margin:0;padding:.5rem 0}.cc-history-swatch-item[data-astro-cid-63j3ecbj]{display:flex}.cc-history-swatch[data-astro-cid-63j3ecbj]{width:40px;height:40px;border-radius:var(--radius-sm, 4px);border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.cc-history-swatch[data-astro-cid-63j3ecbj]:hover{transform:scale(1.15);border-color:var(--color-primary, #4f46e5)}.cc-history-swatch[data-astro-cid-63j3ecbj]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.cc-btn-primary[data-astro-cid-63j3ecbj]{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;background:var(--color-primary, #4f46e5);color:#fff;border:none;border-radius:var(--radius-md, 8px);cursor:pointer;min-height:44px;transition:background-color .15s ease,transform .1s ease}.cc-btn-primary[data-astro-cid-63j3ecbj]:hover{background:var(--color-primary-hover, #4338ca)}.cc-btn-primary[data-astro-cid-63j3ecbj]:active{transform:scale(.97)}.cc-btn-primary[data-astro-cid-63j3ecbj]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.cc-btn-ghost[data-astro-cid-63j3ecbj]{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:600;background:transparent;color:var(--color-text-muted, #6b7280);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);cursor:pointer;min-height:36px;transition:background-color .15s ease,color .15s ease}.cc-btn-ghost[data-astro-cid-63j3ecbj]:hover{background:var(--color-bg-soft, #f9fafb);color:var(--color-text, #1f2937)}.cc-btn-ghost[data-astro-cid-63j3ecbj]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.cc-harmony-grid[data-astro-cid-63j3ecbj]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:480px){.cc-harmony-grid[data-astro-cid-63j3ecbj]{grid-template-columns:1fr}}.cc-harmony-item[data-astro-cid-63j3ecbj]{background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);padding:.625rem}.cc-harmony-label[data-astro-cid-63j3ecbj]{font-size:.75rem;font-weight:700;color:var(--color-text-muted, #6b7280);margin:0 0 .5rem}.cc-harmony-swatches[data-astro-cid-63j3ecbj]{display:flex;gap:.375rem;flex-wrap:wrap}.cc-harmony-swatch-item[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;align-items:center;gap:.25rem}.cc-harmony-swatch[data-astro-cid-63j3ecbj]{width:36px;height:36px;border-radius:var(--radius-sm, 4px);border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.cc-harmony-swatch[data-astro-cid-63j3ecbj]:hover{transform:scale(1.15);border-color:var(--color-text, #1f2937)}.cc-harmony-swatch[data-astro-cid-63j3ecbj]:focus-visible{outline:2px solid var(--color-primary, #4f46e5);outline-offset:2px}.cc-harmony-swatch-hex[data-astro-cid-63j3ecbj]{font-size:.625rem;font-family:var(--font-mono, monospace);color:var(--color-text-muted, #6b7280)}.cc-contrast-setup[data-astro-cid-63j3ecbj]{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:480px){.cc-contrast-setup[data-astro-cid-63j3ecbj]{grid-template-columns:1fr}}.cc-contrast-color-picker[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;gap:.375rem}.cc-contrast-label[data-astro-cid-63j3ecbj]{font-size:.75rem;font-weight:700;color:var(--color-text-muted, #6b7280)}.cc-contrast-color-row[data-astro-cid-63j3ecbj]{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.cc-mini-picker[data-astro-cid-63j3ecbj]{width:40px;height:40px;border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);cursor:pointer;padding:2px;flex-shrink:0}.cc-contrast-hex-input[data-astro-cid-63j3ecbj]{flex:1;min-width:80px;padding:.375rem .5rem;font-size:max(16px,.8125rem);font-family:var(--font-mono, monospace);border:1.5px solid var(--color-border, #e5e7eb);border-radius:var(--radius-sm, 4px);background:var(--color-bg, #fff);color:var(--color-text, #1f2937)}.cc-contrast-hex-input[data-astro-cid-63j3ecbj]:focus{outline:none;border-color:var(--color-primary, #4f46e5)}.cc-contrast-preview[data-astro-cid-63j3ecbj]{padding:1rem;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e5e7eb);transition:background .15s ease}.cc-contrast-preview-text[data-astro-cid-63j3ecbj]{font-size:1.25rem;font-weight:700;margin:0;transition:color .15s ease}.cc-contrast-result[data-astro-cid-63j3ecbj]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cc-contrast-ratio[data-astro-cid-63j3ecbj]{font-size:.9375rem;font-weight:700;color:var(--color-text, #1f2937)}.cc-contrast-badges[data-astro-cid-63j3ecbj]{display:flex;gap:.375rem;flex-wrap:wrap}.cc-wcag-badge[data-astro-cid-63j3ecbj]{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:700;border-radius:999px;background:var(--color-border, #e5e7eb);color:var(--color-text-muted, #6b7280);transition:background .15s ease,color .15s ease}.cc-wcag-badge[data-astro-cid-63j3ecbj][data-pass=true]{background:#d1fae5;color:#065f46}.cc-wcag-badge[data-astro-cid-63j3ecbj][data-pass=false]{background:#fee2e2;color:#991b1b}.cc-cvd-grid[data-astro-cid-63j3ecbj]{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem}@media(max-width:480px){.cc-cvd-grid[data-astro-cid-63j3ecbj]{grid-template-columns:repeat(2,1fr)}}.cc-cvd-item[data-astro-cid-63j3ecbj]{display:flex;flex-direction:column;align-items:center;gap:.375rem}.cc-cvd-swatch[data-astro-cid-63j3ecbj]{width:100%;aspect-ratio:1;border-radius:var(--radius-md, 8px);border:1px solid rgba(0,0,0,.1);transition:background .15s ease}.cc-cvd-label[data-astro-cid-63j3ecbj]{font-size:.75rem;font-weight:700;color:var(--color-text, #1f2937);text-align:center;margin:0}.cc-cvd-hex[data-astro-cid-63j3ecbj]{font-size:.625rem;font-family:var(--font-mono, monospace);color:var(--color-text-muted, #6b7280);text-align:center;margin:0}.cc-toast[data-astro-cid-63j3ecbj]{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.625rem 1.25rem;background:var(--color-text, #1f2937);color:#fff;border-radius:999px;font-size:.875rem;font-weight:600;z-index:100;pointer-events:none;box-shadow:var(--shadow-lg, 0 10px 20px rgba(0,0,0,.1));animation:cc-toast-in .2s ease}@keyframes cc-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.how-to-steps{display:flex;flex-direction:column;gap:.875rem;margin-bottom:1rem}.how-to-step{display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;line-height:1.7}.step-num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary, #4f46e5);color:#fff;font-size:.75rem;font-weight:700;margin-top:.1em}.info-box{padding:.75rem 1rem;background:var(--color-primary-pale, #eef2ff);border-left:4px solid var(--color-primary, #4f46e5);border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0;font-size:.875rem;color:var(--color-text, #1f2937);line-height:1.6}.compare-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.compare-table{width:100%;min-width:520px;border-collapse:collapse;font-size:.8125rem}.compare-table th,.compare-table td{padding:.5rem .625rem;border:1px solid var(--color-border, #e5e7eb);text-align:left}.compare-table th{background:var(--color-primary-pale, #eef2ff);font-weight:700;color:var(--color-primary, #4f46e5);white-space:nowrap}.compare-table tr:first-child td{background:#d1fae5}.model-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(max-width:600px){.model-cards{grid-template-columns:1fr}}.model-card{border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);overflow:hidden}.model-card-header{height:48px;display:flex;align-items:center;padding:0 .75rem}.model-badge{font-size:.6875rem;font-weight:700;background:#ffffffd9;color:#1f2937;padding:.125rem .5rem;border-radius:999px}.model-card-title{font-size:1rem;font-weight:800;color:var(--color-text, #1f2937);padding:.625rem .75rem 0;margin:0}.model-card-desc{font-size:.8125rem;color:var(--color-text-muted, #6b7280);padding:.375rem .75rem;line-height:1.65;margin:0}.model-example{display:flex;flex-direction:column;gap:.25rem;padding:0 .75rem .75rem}.model-example code{font-size:.75rem;background:var(--color-bg-soft, #f9fafb);padding:2px 6px;border-radius:3px;display:inline-block}.tip-cards{display:flex;flex-direction:column;gap:.625rem;margin-top:1rem}.tip-card{padding:.75rem 1rem;border-radius:var(--radius-md, 8px);font-size:.8125rem;line-height:1.65}.tip-card--success{background:#f0fdf4;border-left:4px solid #16a34a;color:#14532d}.tip-card--info{background:var(--color-primary-pale, #eef2ff);border-left:4px solid var(--color-primary, #4f46e5);color:var(--color-text, #1f2937)}.scene-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:600px){.scene-grid{grid-template-columns:1fr}}.scene-card{padding:.875rem 1rem;background:var(--color-bg-soft, #f9fafb);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px)}.scene-icon{font-size:1.5rem;margin-bottom:.375rem;display:block}.scene-title{font-size:.9375rem;font-weight:700;color:var(--color-text, #1f2937);margin:0 0 .5rem}.scene-list{margin:0;padding-left:1.25rem;font-size:.8125rem;color:var(--color-text-muted, #6b7280);line-height:1.7;display:flex;flex-direction:column;gap:.25rem}[data-astro-cid-63j3ecbj][data-theme=dark] .cc-native-picker[data-astro-cid-63j3ecbj],[data-astro-cid-63j3ecbj][data-theme=dark] .cc-preview[data-astro-cid-63j3ecbj],[data-astro-cid-63j3ecbj][data-theme=dark] .cc-sliders[data-astro-cid-63j3ecbj]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-63j3ecbj][data-theme=dark] .cc-value-input[data-astro-cid-63j3ecbj],[data-astro-cid-63j3ecbj][data-theme=dark] .cc-css-var-name-input[data-astro-cid-63j3ecbj],[data-astro-cid-63j3ecbj][data-theme=dark] .cc-contrast-hex-input[data-astro-cid-63j3ecbj]{background:var(--color-bg-soft);border-color:var(--color-border);color:var(--color-text)}[data-astro-cid-63j3ecbj][data-theme=dark] .cc-tabs[data-astro-cid-63j3ecbj]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-63j3ecbj][data-theme=dark] .cc-tab[data-astro-cid-63j3ecbj]:hover{background:var(--color-border)}[data-astro-cid-63j3ecbj][data-theme=dark] .cc-harmony-item[data-astro-cid-63j3ecbj],[data-astro-cid-63j3ecbj][data-theme=dark] .cc-scene-card[data-astro-cid-63j3ecbj]{background:var(--color-bg-soft);border-color:var(--color-border)}[data-astro-cid-63j3ecbj][data-theme=dark] .cc-css-var-preview[data-astro-cid-63j3ecbj]{background:#0d0d17}