.tool-page-wrapper[data-astro-cid-5cbm5rn6]{min-height:calc(100vh - var(--header-height,56px));background:var(--bg-surface)}.tool-layout-container[data-astro-cid-5cbm5rn6]{max-width:1440px;margin:0 auto;padding:0 1rem}.tool-layout-row[data-astro-cid-5cbm5rn6]{align-items:flex-start;gap:1.25rem;display:flex}.tool-main-content[data-astro-cid-5cbm5rn6]{flex:1;min-width:0;max-width:100%;padding:1.25rem 0 3rem}.tool-hero[data-astro-cid-5cbm5rn6]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.tool-breadcrumb[data-astro-cid-5cbm5rn6]{color:var(--text-muted);align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:.72rem;display:flex}.tool-breadcrumb[data-astro-cid-5cbm5rn6] a[data-astro-cid-5cbm5rn6]{color:var(--text-muted);text-decoration:none;transition:color .15s}.tool-breadcrumb[data-astro-cid-5cbm5rn6] a[data-astro-cid-5cbm5rn6]:hover{color:var(--lucky-green)}.tool-breadcrumb[data-astro-cid-5cbm5rn6] .sep[data-astro-cid-5cbm5rn6]{opacity:.4}.tool-breadcrumb[data-astro-cid-5cbm5rn6] .active-crumb[data-astro-cid-5cbm5rn6]{color:var(--text-secondary);font-weight:500}.hero-title-group[data-astro-cid-5cbm5rn6]{align-items:center;gap:.65rem;display:flex}.hero-icon[data-astro-cid-5cbm5rn6]{border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;display:flex}.hero-title[data-astro-cid-5cbm5rn6]{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.gradient-text[data-astro-cid-5cbm5rn6]{background:var(--lucky-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle[data-astro-cid-5cbm5rn6]{color:var(--text-secondary);margin:.2rem 0 0;font-size:.76rem}.main-tabs-bar[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.main-tab-btn[data-astro-cid-5cbm5rn6]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;padding:.65rem .85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.main-tab-btn[data-astro-cid-5cbm5rn6]:hover{background:var(--bg-subtle);border-color:var(--border-glow);transform:translateY(-1px)}.main-tab-btn[data-astro-cid-5cbm5rn6].active{border-color:var(--lucky-green);background:#10b98114;box-shadow:0 0 12px #10b98126}.tab-icon[data-astro-cid-5cbm5rn6]{margin-bottom:.2rem;font-size:1.1rem}.tab-title[data-astro-cid-5cbm5rn6]{color:var(--text-primary);font-size:.82rem;font-weight:700}.main-tab-btn[data-astro-cid-5cbm5rn6].active .tab-title[data-astro-cid-5cbm5rn6]{color:var(--lucky-green)}.tab-desc[data-astro-cid-5cbm5rn6]{color:var(--text-muted);margin-top:.15rem;font-size:.68rem}.tool-tab-content[data-astro-cid-5cbm5rn6]{display:none}.tool-tab-content[data-astro-cid-5cbm5rn6].active{animation:.2s ease-in-out fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card[data-astro-cid-5cbm5rn6]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem}.card-header[data-astro-cid-5cbm5rn6]{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.6rem;display:flex}.card-header-title[data-astro-cid-5cbm5rn6]{color:var(--text-primary);align-items:center;gap:.4rem;font-size:.88rem;font-weight:700;display:flex}.btn-tool-action[data-astro-cid-5cbm5rn6]{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-tool-action[data-astro-cid-5cbm5rn6]:hover{color:var(--lucky-green);border-color:var(--lucky-green);background:var(--bg-card)}.color-grid-layout[data-astro-cid-5cbm5rn6]{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.swatch-container[data-astro-cid-5cbm5rn6]{margin-bottom:1rem}.large-color-swatch[data-astro-cid-5cbm5rn6]{border-radius:var(--radius-md);border:2px solid var(--border-color);cursor:pointer;background-color:#10b981;justify-content:center;align-items:center;height:110px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000026}.large-color-swatch[data-astro-cid-5cbm5rn6]:hover{transform:scale(1.01);box-shadow:0 6px 20px #0003}.large-color-swatch[data-astro-cid-5cbm5rn6] input[data-astro-cid-5cbm5rn6][type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swatch-hex-label[data-astro-cid-5cbm5rn6]{font-family:var(--font-mono,monospace);color:#fff;-webkit-backdrop-filter:blur(8px);pointer-events:none;letter-spacing:.05em;background:#00000073;border-radius:9999px;padding:.35rem .85rem;font-size:1.2rem;font-weight:800}.sliders-section[data-astro-cid-5cbm5rn6]{flex-direction:column;gap:.65rem;display:flex}.slider-row[data-astro-cid-5cbm5rn6]{color:var(--text-secondary);grid-template-columns:80px 1fr 50px;align-items:center;gap:.65rem;margin-bottom:.35rem;font-size:.74rem;display:grid}.color-slider[data-astro-cid-5cbm5rn6]{appearance:none;background:var(--bg-subtle);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.color-slider[data-astro-cid-5cbm5rn6]::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:2px solid var(--bg-card);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 4px #0000004d}.color-slider[data-astro-cid-5cbm5rn6]::-webkit-slider-thumb:hover{transform:scale(1.25)}.slider-val[data-astro-cid-5cbm5rn6]{font-family:var(--font-mono,monospace);text-align:right;color:var(--text-primary);font-size:.72rem;font-weight:600}.divider[data-astro-cid-5cbm5rn6]{background:var(--border-subtle);height:1px;margin:.4rem 0}.presets-section[data-astro-cid-5cbm5rn6]{border-top:1px solid var(--border-subtle);margin-top:1rem;padding-top:.8rem}.presets-title[data-astro-cid-5cbm5rn6]{color:var(--text-muted);font-size:.74rem;font-weight:600}.presets-grid[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(8,1fr);gap:.4rem;margin-top:.5rem;display:grid}.preset-swatch{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #00000026;width:100%;transition:transform .15s,box-shadow .15s}.preset-swatch:hover{z-index:2;transform:scale(1.15);box-shadow:0 4px 10px #00000040}.formats-list[data-astro-cid-5cbm5rn6]{flex-direction:column;gap:.6rem;display:flex}.format-item[data-astro-cid-5cbm5rn6]{grid-template-columns:140px 1fr;align-items:center;gap:.75rem;display:grid}.format-name[data-astro-cid-5cbm5rn6]{color:var(--text-primary);font-size:.76rem;font-weight:700;display:block}.format-desc[data-astro-cid-5cbm5rn6]{color:var(--text-muted);font-size:.66rem;display:block}.format-input-box[data-astro-cid-5cbm5rn6]{align-items:center;display:flex;position:relative}.format-input[data-astro-cid-5cbm5rn6]{width:100%;font-family:var(--font-mono,monospace);color:var(--text-primary);background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;padding:.35rem 3.4rem .35rem .65rem;font-size:.78rem;transition:border-color .15s,box-shadow .15s}.format-input[data-astro-cid-5cbm5rn6]:focus{border-color:var(--lucky-green);box-shadow:0 0 0 2px #10b98133}.btn-copy-format[data-astro-cid-5cbm5rn6]{color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:.2rem .45rem;font-size:.68rem;font-weight:600;transition:all .15s;position:absolute;right:.25rem}.btn-copy-format[data-astro-cid-5cbm5rn6]:hover{color:var(--lucky-green);border-color:var(--lucky-green)}.btn-copy-format[data-astro-cid-5cbm5rn6].copied{color:#fff;background:var(--lucky-green);border-color:var(--lucky-green)}.contrast-pickers-row[data-astro-cid-5cbm5rn6]{grid-template-columns:1fr 180px 1fr;align-items:center;gap:1rem;margin-bottom:1.25rem;display:grid}.contrast-picker-box[data-astro-cid-5cbm5rn6]{flex-direction:column;gap:.4rem;display:flex}.box-label[data-astro-cid-5cbm5rn6]{color:var(--text-muted);font-size:.75rem;font-weight:600}.picker-inner[data-astro-cid-5cbm5rn6]{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:.5rem;padding:.5rem;display:flex}.picker-inner[data-astro-cid-5cbm5rn6] input[data-astro-cid-5cbm5rn6][type=color]{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;width:38px;height:38px;padding:0}.contrast-hex-input[data-astro-cid-5cbm5rn6]{font-family:var(--font-mono,monospace);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.85rem;font-weight:700}.contrast-score-display[data-astro-cid-5cbm5rn6]{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;padding:.75rem .5rem;display:flex}.score-ratio-val[data-astro-cid-5cbm5rn6]{color:var(--lucky-green);font-size:1.45rem;font-weight:900;font-family:var(--font-mono,monospace);line-height:1}.score-ratio-label[data-astro-cid-5cbm5rn6]{color:var(--text-muted);margin-top:.25rem;font-size:.68rem}.wcag-results-grid[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem;display:grid}.wcag-badge-card[data-astro-cid-5cbm5rn6]{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem}.wcag-card-top[data-astro-cid-5cbm5rn6]{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.wcag-level[data-astro-cid-5cbm5rn6]{color:var(--text-muted);font-size:.72rem;font-weight:700}.wcag-status-badge[data-astro-cid-5cbm5rn6]{border-radius:9999px;padding:.1rem .45rem;font-size:.65rem;font-weight:800}.wcag-status-badge[data-astro-cid-5cbm5rn6].pass{color:var(--lucky-green);background:#10b98126;border:1px solid #10b9814d}.wcag-status-badge[data-astro-cid-5cbm5rn6].fail{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.wcag-desc-title[data-astro-cid-5cbm5rn6]{color:var(--text-primary);font-size:.76rem;font-weight:700}.wcag-req-text[data-astro-cid-5cbm5rn6]{color:var(--text-muted);margin-top:.15rem;font-size:.66rem}.contrast-preview-wrapper[data-astro-cid-5cbm5rn6]{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.preview-header[data-astro-cid-5cbm5rn6]{background:var(--bg-subtle);color:var(--text-muted);border-bottom:1px solid var(--border-color);padding:.4rem .85rem;font-size:.72rem;font-weight:600}.preview-sample-content[data-astro-cid-5cbm5rn6]{color:#fff;background-color:#10b981;padding:1.5rem;transition:all .2s}.preview-title[data-astro-cid-5cbm5rn6]{color:inherit;margin:0 0 .5rem;font-size:1.15rem;font-weight:800}.preview-body[data-astro-cid-5cbm5rn6]{color:inherit;opacity:.95;margin:0 0 1rem;font-size:.82rem;line-height:1.5}.preview-sample-btn[data-astro-cid-5cbm5rn6]{border-radius:var(--radius-sm);color:inherit;cursor:pointer;background:0 0;border:2px solid;padding:.45rem 1rem;font-size:.78rem;font-weight:700}.tailwind-scale-container[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(11,1fr);gap:.4rem;display:grid}.scale-box{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000001a;flex-direction:column;align-items:center;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.scale-box:hover{z-index:2;transform:translateY(-3px);box-shadow:0 6px 14px #0003}.scale-color{width:100%;height:48px}.scale-info{background:var(--bg-card);text-align:center;width:100%;padding:.35rem .2rem}.scale-number{color:var(--text-primary);font-size:.68rem;font-weight:700;display:block}.scale-hex{font-family:var(--font-mono,monospace);color:var(--text-muted);font-size:.62rem;display:block}.harmonies-grid[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.harmony-group[data-astro-cid-5cbm5rn6]{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem}.harmony-title[data-astro-cid-5cbm5rn6]{color:var(--text-secondary);margin-bottom:.5rem;font-size:.74rem;font-weight:700;display:block}.harmony-swatches[data-astro-cid-5cbm5rn6]{gap:.4rem;display:flex}.harmony-swatch{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #00000026;flex:1;justify-content:center;align-items:center;height:46px;transition:transform .15s;display:flex;position:relative}.harmony-swatch:hover{transform:scale(1.05)}.harmony-swatch-hex{font-family:var(--font-mono,monospace);color:#fff;pointer-events:none;background:#00000080;border-radius:4px;padding:.15rem .35rem;font-size:.65rem;font-weight:700}.image-dropzone[data-astro-cid-5cbm5rn6]{border:2px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-subtle);text-align:center;cursor:pointer;padding:2.5rem 1rem;transition:all .2s;position:relative;overflow:hidden}.image-dropzone[data-astro-cid-5cbm5rn6]:hover,.image-dropzone[data-astro-cid-5cbm5rn6].dragover{border-color:var(--lucky-green);background:#10b9810a}.dropzone-file-input[data-astro-cid-5cbm5rn6]{opacity:0;cursor:pointer;z-index:5;width:100%;height:100%;position:absolute;inset:0}.dropzone-content[data-astro-cid-5cbm5rn6]{flex-direction:column;align-items:center;gap:.35rem;display:flex}.dropzone-icon[data-astro-cid-5cbm5rn6]{font-size:2.2rem}.dropzone-text[data-astro-cid-5cbm5rn6]{color:var(--text-primary);font-size:.85rem;font-weight:700}.dropzone-sub[data-astro-cid-5cbm5rn6]{color:var(--text-muted);font-size:.7rem}.extracted-img-preview[data-astro-cid-5cbm5rn6]{border-radius:var(--radius-sm);max-width:100%;max-height:280px;box-shadow:var(--shadow-sm);margin:0 auto;display:none}.extracted-palette-section[data-astro-cid-5cbm5rn6]{border-top:1px solid var(--border-subtle);margin-top:1.25rem;padding-top:1rem}.extracted-header[data-astro-cid-5cbm5rn6]{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.extracted-title[data-astro-cid-5cbm5rn6]{color:var(--text-primary);font-size:.82rem;font-weight:700}.extracted-colors-grid[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(8,1fr);gap:.65rem;display:grid}.extracted-color-item{border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.extracted-color-item:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0003}.extracted-color-swatch{width:100%;height:55px}.extracted-color-info{background:var(--bg-card);text-align:center;padding:.35rem .2rem}.extracted-color-hex{font-family:var(--font-mono,monospace);color:var(--text-primary);font-size:.7rem;font-weight:700;display:block}.extracted-color-pct{color:var(--text-muted);font-size:.62rem;display:block}@media (width<=960px){.main-tabs-bar[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(2,1fr)}.color-grid-layout[data-astro-cid-5cbm5rn6],.contrast-pickers-row[data-astro-cid-5cbm5rn6]{grid-template-columns:1fr}.wcag-results-grid[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(2,1fr)}.tailwind-scale-container[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(6,1fr)}.harmonies-grid[data-astro-cid-5cbm5rn6]{grid-template-columns:1fr}.extracted-colors-grid[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(4,1fr)}}@media (width<=640px){.main-tabs-bar[data-astro-cid-5cbm5rn6]{grid-template-columns:1fr}.presets-grid[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(4,1fr)}.format-item[data-astro-cid-5cbm5rn6]{grid-template-columns:1fr;gap:.25rem}.wcag-results-grid[data-astro-cid-5cbm5rn6]{grid-template-columns:1fr}.tailwind-scale-container[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(4,1fr)}.extracted-colors-grid[data-astro-cid-5cbm5rn6]{grid-template-columns:repeat(3,1fr)}}