.cp-tool[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;gap:var(--space-6)}.cp-upload-section[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;gap:var(--space-4)}.cp-dropzone[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-soft);cursor:pointer;transition:border-color .2s,background .2s}.cp-dropzone[data-astro-cid-w3nltgi5]:hover,.cp-dropzone[data-astro-cid-w3nltgi5].is-dragover{border-color:var(--color-primary);background:var(--color-primary-pale)}.cp-dropzone-icon[data-astro-cid-w3nltgi5]{color:var(--color-text-muted);opacity:.6}.cp-dropzone-title[data-astro-cid-w3nltgi5]{font-size:1.0625rem;font-weight:700;color:var(--color-text);margin:0}.cp-dropzone-sub[data-astro-cid-w3nltgi5]{font-size:.875rem;color:var(--color-text-muted);margin:0}.cp-dropzone-btns[data-astro-cid-w3nltgi5]{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.cp-dropzone-formats[data-astro-cid-w3nltgi5]{font-size:.75rem;color:var(--color-text-muted);margin:0}.cp-file-hidden[data-astro-cid-w3nltgi5]{display:none}.cp-url-row[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;gap:var(--space-2)}.cp-url-label[data-astro-cid-w3nltgi5]{font-size:.875rem;font-weight:600;color:var(--color-text)}.cp-url-input-wrap[data-astro-cid-w3nltgi5]{display:flex;gap:var(--space-2)}.cp-url-input[data-astro-cid-w3nltgi5]{flex:1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text)}.cp-url-input[data-astro-cid-w3nltgi5]:focus{outline:2px solid var(--color-primary);outline-offset:1px}.cp-url-note[data-astro-cid-w3nltgi5]{font-size:.75rem;color:var(--color-text-muted);margin:0;min-height:1em}.cp-image-section[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;gap:var(--space-3)}.cp-image-header[data-astro-cid-w3nltgi5]{display:flex;justify-content:space-between;align-items:center}.cp-image-info[data-astro-cid-w3nltgi5]{font-size:.8125rem;color:var(--color-text-muted)}.cp-canvas-wrap[data-astro-cid-w3nltgi5]{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:repeating-conic-gradient(#e5e7eb 0% 25%,transparent 0% 50%) 0 0/20px 20px;cursor:crosshair;min-height:200px}.cp-canvas[data-astro-cid-w3nltgi5]{display:block;max-width:100%;height:auto;max-height:480px;object-fit:contain}.cp-loupe[data-astro-cid-w3nltgi5]{position:absolute;width:120px;height:120px;border-radius:50%;border:3px solid #fff;box-shadow:var(--shadow-lg),0 0 0 1px #00000026;pointer-events:none;display:none;overflow:hidden;z-index:10;transform:translate(-50%,calc(-100% - 12px))}.cp-canvas-wrap[data-astro-cid-w3nltgi5]:hover .cp-loupe[data-astro-cid-w3nltgi5]{display:block}.cp-loupe-canvas[data-astro-cid-w3nltgi5]{width:100%;height:calc(100% - 20px);display:block}.cp-loupe-crosshair[data-astro-cid-w3nltgi5]{position:absolute;inset:0 0 20px;pointer-events:none}.cp-loupe-crosshair[data-astro-cid-w3nltgi5]:before,.cp-loupe-crosshair[data-astro-cid-w3nltgi5]:after{content:"";position:absolute;background:#fffc}.cp-loupe-crosshair[data-astro-cid-w3nltgi5]:before{top:50%;left:0;right:0;height:1px;transform:translateY(-50%)}.cp-loupe-crosshair[data-astro-cid-w3nltgi5]:after{left:50%;top:0;bottom:0;width:1px;transform:translate(-50%)}.cp-loupe-color-preview[data-astro-cid-w3nltgi5]{height:20px;width:100%;position:absolute;bottom:0;left:0}.cp-loupe-hex[data-astro-cid-w3nltgi5]{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:.625rem;font-family:var(--font-mono);font-weight:700;color:#fff;text-shadow:0 0 2px #000;pointer-events:none}.cp-palette-actions[data-astro-cid-w3nltgi5]{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.cp-extract-status[data-astro-cid-w3nltgi5]{font-size:.8125rem;color:var(--color-text-muted)}.cp-color-panel[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.cp-color-preview-wrap[data-astro-cid-w3nltgi5]{display:flex;align-items:center;gap:var(--space-4)}.cp-color-swatch[data-astro-cid-w3nltgi5]{width:80px;height:80px;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-md);flex-shrink:0;transition:background .15s}.cp-color-meta[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;gap:var(--space-2)}.cp-color-name[data-astro-cid-w3nltgi5]{font-size:1.125rem;font-weight:700;color:var(--color-text)}.cp-wcag-badges[data-astro-cid-w3nltgi5]{display:flex;gap:var(--space-2);flex-wrap:wrap}.cp-wcag-badge[data-astro-cid-w3nltgi5]{padding:2px 8px;font-size:.75rem;font-weight:700;border-radius:99px;background:var(--color-bg);border:1px solid var(--color-border);font-family:var(--font-mono)}.cp-wcag-badge[data-astro-cid-w3nltgi5][data-pass=aa]{background:#dcfce7;color:#15803d;border-color:#86efac}.cp-wcag-badge[data-astro-cid-w3nltgi5][data-pass=aaa]{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd}.cp-wcag-badge[data-astro-cid-w3nltgi5][data-pass=ng]{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.cp-formats-grid[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;gap:var(--space-2)}.cp-format-row[data-astro-cid-w3nltgi5]{display:flex;align-items:center;gap:var(--space-2)}.cp-format-label[data-astro-cid-w3nltgi5]{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;width:44px;flex-shrink:0}.cp-format-value-wrap[data-astro-cid-w3nltgi5]{flex:1;display:flex;gap:var(--space-2)}.cp-format-input[data-astro-cid-w3nltgi5]{flex:1;padding:.4rem .625rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-mono);background:var(--color-bg);color:var(--color-text);min-width:0}.cp-manual-picker[data-astro-cid-w3nltgi5]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.cp-manual-picker-summary[data-astro-cid-w3nltgi5]{padding:.625rem var(--space-4);font-size:.875rem;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;gap:var(--space-2);color:var(--color-text)}.cp-manual-picker-summary[data-astro-cid-w3nltgi5]::-webkit-details-marker{display:none}.cp-manual-picker-summary[data-astro-cid-w3nltgi5]:before{content:"▶";font-size:.6875rem;transition:transform .2s}.cp-manual-picker[data-astro-cid-w3nltgi5][open] .cp-manual-picker-summary[data-astro-cid-w3nltgi5]:before{transform:rotate(90deg)}.cp-sliders[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);padding-top:0}.cp-slider-row[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;gap:4px}.cp-slider-label[data-astro-cid-w3nltgi5]{font-size:.8125rem;font-weight:600;color:var(--color-text)}.cp-slider-val[data-astro-cid-w3nltgi5]{font-family:var(--font-mono);font-weight:400;color:var(--color-text-muted)}.cp-slider[data-astro-cid-w3nltgi5]{width:100%;height:20px;border-radius:99px;cursor:pointer;appearance:none;-webkit-appearance:none;outline:none;border:none}.cp-slider[data-astro-cid-w3nltgi5]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);box-shadow:var(--shadow-sm);cursor:pointer}.cp-slider[data-astro-cid-w3nltgi5]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--color-primary);box-shadow:var(--shadow-sm);cursor:pointer}.cp-manual-hex-row[data-astro-cid-w3nltgi5]{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.cp-manual-hex-wrap[data-astro-cid-w3nltgi5]{display:flex;gap:var(--space-2)}.cp-tabs[data-astro-cid-w3nltgi5]{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:2px solid var(--color-border)}.cp-tabs[data-astro-cid-w3nltgi5]::-webkit-scrollbar{display:none}.cp-tab[data-astro-cid-w3nltgi5]{padding:.5rem var(--space-4);font-size:.875rem;font-weight:600;color:var(--color-text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s;min-height:44px}.cp-tab[data-astro-cid-w3nltgi5]:hover{color:var(--color-text)}.cp-tab[data-astro-cid-w3nltgi5].is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.cp-tab-panel[data-astro-cid-w3nltgi5]{display:none;padding:var(--space-4) 0}.cp-tab-panel[data-astro-cid-w3nltgi5].is-active{display:block}.cp-panel-title[data-astro-cid-w3nltgi5]{font-size:.9375rem;font-weight:700;color:var(--color-text);margin:0 0 var(--space-4)}.cp-panel-subtitle[data-astro-cid-w3nltgi5]{font-size:.875rem;font-weight:600;color:var(--color-text-muted);margin:var(--space-4) 0 var(--space-2)}.cp-palette-header[data-astro-cid-w3nltgi5]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.cp-palette-header-actions[data-astro-cid-w3nltgi5]{display:flex;gap:var(--space-2)}.cp-palette-grid[data-astro-cid-w3nltgi5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-3)}.cp-palette-item[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;align-items:center;gap:4px}.cp-palette-swatch[data-astro-cid-w3nltgi5]{width:100%;padding-top:100%;border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s,box-shadow .15s}.cp-palette-swatch[data-astro-cid-w3nltgi5]:hover,.cp-palette-swatch[data-astro-cid-w3nltgi5]:focus-visible{transform:scale(1.08);box-shadow:var(--shadow-md)}.cp-palette-hex[data-astro-cid-w3nltgi5]{font-size:.6875rem;font-family:var(--font-mono);color:var(--color-text-muted);text-align:center;word-break:break-all}.cp-empty-msg[data-astro-cid-w3nltgi5]{font-size:.875rem;color:var(--color-text-muted);grid-column:1/-1;margin:0}.cp-saved-palette-section[data-astro-cid-w3nltgi5]{margin-top:var(--space-4)}.cp-saved-palette-grid[data-astro-cid-w3nltgi5]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cp-saved-swatch[data-astro-cid-w3nltgi5]{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .15s;min-height:44px;min-width:44px}.cp-saved-swatch[data-astro-cid-w3nltgi5]:hover{transform:scale(1.1)}.cp-harmony-grid[data-astro-cid-w3nltgi5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4)}.cp-harmony-label[data-astro-cid-w3nltgi5]{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);margin:0 0 var(--space-2)}.cp-harmony-swatches[data-astro-cid-w3nltgi5]{display:flex;gap:var(--space-2);flex-wrap:wrap}.cp-harmony-swatch-item[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;align-items:center;gap:4px}.cp-harmony-swatch[data-astro-cid-w3nltgi5]{width:48px;height:48px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .15s}.cp-harmony-swatch[data-astro-cid-w3nltgi5]:hover{transform:scale(1.1)}.cp-harmony-swatch-hex[data-astro-cid-w3nltgi5]{font-size:.625rem;font-family:var(--font-mono);color:var(--color-text-muted)}.cp-gradient-controls[data-astro-cid-w3nltgi5]{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-4)}.cp-gradient-type-label[data-astro-cid-w3nltgi5]{font-size:.875rem;font-weight:600;color:var(--color-text);display:block;margin-bottom:var(--space-2)}.cp-gradient-type-btns[data-astro-cid-w3nltgi5]{display:flex;gap:var(--space-2)}.cp-type-btn[data-astro-cid-w3nltgi5]{padding:.375rem .875rem;font-size:.8125rem;font-family:var(--font-mono);font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:.15s;min-height:44px}.cp-type-btn[data-astro-cid-w3nltgi5].is-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cp-select[data-astro-cid-w3nltgi5]{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-bg);color:var(--color-text);cursor:pointer}.cp-gradient-preview[data-astro-cid-w3nltgi5]{height:120px;border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--space-3);min-height:120px}.cp-gradient-code-wrap[data-astro-cid-w3nltgi5]{display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.cp-gradient-code[data-astro-cid-w3nltgi5]{flex:1;font-size:.8125rem;font-family:var(--font-mono);color:var(--color-text);word-break:break-all;background:transparent;padding:0}.cp-export-tabs[data-astro-cid-w3nltgi5]{display:flex;gap:4px;margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.cp-export-tab[data-astro-cid-w3nltgi5]{padding:.375rem var(--space-4);font-size:.875rem;font-weight:600;font-family:var(--font-mono);border:none;background:transparent;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:.15s;min-height:44px}.cp-export-tab[data-astro-cid-w3nltgi5].is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.cp-export-code-wrap[data-astro-cid-w3nltgi5]{position:relative}.cp-export-code[data-astro-cid-w3nltgi5]{display:block;width:100%;max-height:300px;overflow-y:auto;padding:var(--space-4);font-size:.8125rem;font-family:var(--font-mono);line-height:1.7;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);white-space:pre;margin:0}.cp-export-copy-btn[data-astro-cid-w3nltgi5]{position:absolute;top:var(--space-2);right:var(--space-2)}.cp-export-note[data-astro-cid-w3nltgi5]{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-2)}.cp-btn-primary[data-astro-cid-w3nltgi5]{padding:.5rem 1.125rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:background .15s;white-space:nowrap;min-height:44px}.cp-btn-primary[data-astro-cid-w3nltgi5]:hover{background:var(--color-primary-hover)}.cp-btn-ghost[data-astro-cid-w3nltgi5]{padding:.4rem .875rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-1);transition:.15s;min-height:44px}.cp-btn-ghost[data-astro-cid-w3nltgi5]:hover{background:var(--color-bg-soft);color:var(--color-text);border-color:var(--color-text-muted)}.cp-reset-btn[data-astro-cid-w3nltgi5]{min-height:36px}.cp-copy-btn[data-astro-cid-w3nltgi5]{padding:.35rem .75rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;color:var(--color-text-muted);cursor:pointer;transition:.15s;white-space:nowrap;min-height:36px}.cp-copy-btn[data-astro-cid-w3nltgi5]:hover{background:var(--color-primary-pale);color:var(--color-primary);border-color:var(--color-primary)}.cp-copy-btn[data-astro-cid-w3nltgi5].is-copied{background:#dcfce7;color:#15803d;border-color:#86efac}.cp-toast[data-astro-cid-w3nltgi5]{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:#1f2937eb;color:#fff;padding:.5rem 1.25rem;border-radius:99px;font-size:.875rem;font-weight:600;z-index:9999;backdrop-filter:blur(6px);box-shadow:var(--shadow-lg);animation:cp-toast-in .2s ease}@keyframes cp-toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.cp-color-preview-wrap[data-astro-cid-w3nltgi5]{flex-direction:column;align-items:flex-start}.cp-color-swatch[data-astro-cid-w3nltgi5]{width:64px;height:64px}.cp-palette-grid[data-astro-cid-w3nltgi5]{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.cp-harmony-grid[data-astro-cid-w3nltgi5]{grid-template-columns:1fr}.cp-canvas[data-astro-cid-w3nltgi5]{max-height:300px}.cp-dropzone[data-astro-cid-w3nltgi5]{padding:var(--space-6) var(--space-4)}.cp-url-input-wrap[data-astro-cid-w3nltgi5]{flex-direction:column}}[data-astro-cid-w3nltgi5][data-theme=dark] .cp-dropzone[data-astro-cid-w3nltgi5]{background:#ffffff08;border-color:#ffffff1f}[data-astro-cid-w3nltgi5][data-theme=dark] .cp-dropzone[data-astro-cid-w3nltgi5]:hover{background:#4f46e51f}[data-astro-cid-w3nltgi5][data-theme=dark] .cp-color-panel[data-astro-cid-w3nltgi5]{background:#ffffff0a}[data-astro-cid-w3nltgi5][data-theme=dark] .cp-format-input[data-astro-cid-w3nltgi5],[data-astro-cid-w3nltgi5][data-theme=dark] .cp-url-input[data-astro-cid-w3nltgi5],[data-astro-cid-w3nltgi5][data-theme=dark] .cp-manual-hex-wrap[data-astro-cid-w3nltgi5] input[data-astro-cid-w3nltgi5]{background:#ffffff0f;border-color:#ffffff1f;color:#f9fafb}[data-astro-cid-w3nltgi5][data-theme=dark] .cp-copy-btn[data-astro-cid-w3nltgi5]{background:#ffffff0f;border-color:#ffffff1f}[data-astro-cid-w3nltgi5][data-theme=dark] .cp-export-code[data-astro-cid-w3nltgi5],[data-astro-cid-w3nltgi5][data-theme=dark] .cp-gradient-code-wrap[data-astro-cid-w3nltgi5]{background:#ffffff0a}[data-astro-cid-w3nltgi5][data-theme=dark] .cp-canvas-wrap[data-astro-cid-w3nltgi5]{background:repeating-conic-gradient(rgba(255,255,255,.06) 0% 25%,transparent 0% 50%) 0 0/20px 20px;border-color:#ffffff1a}