.cp-main[data-astro-cid-kzpdxgf5]{grid-template-columns:1fr 240px;gap:24px;display:grid}.cp-canvas-side[data-astro-cid-kzpdxgf5]{gap:14px;display:flex}.color-sv-wrap[data-astro-cid-kzpdxgf5]{cursor:crosshair;border-radius:12px;flex:1;min-height:250px;position:relative;overflow:hidden}.color-sv-wrap[data-astro-cid-kzpdxgf5] canvas[data-astro-cid-kzpdxgf5]{width:100%;height:100%;display:block;position:absolute;inset:0}.color-hue-wrap[data-astro-cid-kzpdxgf5]{cursor:pointer;border-radius:8px;flex-shrink:0;width:24px;position:relative;overflow:hidden}.color-hue-wrap[data-astro-cid-kzpdxgf5] canvas[data-astro-cid-kzpdxgf5]{width:100%;height:100%;display:block;position:absolute;inset:0}.cp-info-side[data-astro-cid-kzpdxgf5]{flex-direction:column;gap:12px;display:flex}#colorPreview[data-astro-cid-kzpdxgf5]{background:red;border-radius:12px;width:100%;height:80px;transition:background .15s;position:relative;overflow:hidden}#hexLabel[data-astro-cid-kzpdxgf5]{font-family:var(--font-mono);color:#fff;text-shadow:0 1px 3px #00000080;letter-spacing:.3px;font-size:14px;font-weight:600;position:absolute;bottom:8px;right:12px}.cp-input-grid[data-astro-cid-kzpdxgf5]{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.cp-input-grid[data-astro-cid-kzpdxgf5] label[data-astro-cid-kzpdxgf5],.cp-info-side[data-astro-cid-kzpdxgf5]>div[data-astro-cid-kzpdxgf5]:not(.cp-input-grid):not(.cp-actions):not(#colorPreview)>label[data-astro-cid-kzpdxgf5]{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.cp-input-grid[data-astro-cid-kzpdxgf5] input[data-astro-cid-kzpdxgf5].tool-input{text-align:center;font-size:13px;font-family:var(--font-mono);width:100%;padding:7px 8px}.cp-hex-input[data-astro-cid-kzpdxgf5]{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;width:100%}.cp-actions[data-astro-cid-kzpdxgf5]{gap:8px;margin-top:4px;display:flex}.cp-actions[data-astro-cid-kzpdxgf5] .btn[data-astro-cid-kzpdxgf5]{flex:1}.cp-divider[data-astro-cid-kzpdxgf5]{background:var(--line);height:1px;margin:20px 0}.cp-section-header[data-astro-cid-kzpdxgf5]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.cp-section-header[data-astro-cid-kzpdxgf5] h3[data-astro-cid-kzpdxgf5]{margin:0;font-size:15px;font-weight:550}.cp-upload-area[data-astro-cid-kzpdxgf5] input[data-astro-cid-kzpdxgf5][type=file]{display:none}.color-image-wrap[data-astro-cid-kzpdxgf5]{border:1px solid var(--line);cursor:crosshair;border-radius:10px;max-width:100%;margin-top:12px;display:inline-block;position:relative;overflow:hidden}.color-image-wrap[data-astro-cid-kzpdxgf5] img[data-astro-cid-kzpdxgf5]{object-fit:contain;max-width:100%;max-height:340px;display:block}.color-image-hint[data-astro-cid-kzpdxgf5]{color:#fff;pointer-events:none;backdrop-filter:blur(4px);white-space:nowrap;background:#0000008c;border-radius:20px;padding:4px 12px;font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cp-palette[data-astro-cid-kzpdxgf5]{flex-direction:column;gap:4px;margin-top:12px;display:flex}.cp-swatch[data-astro-cid-kzpdxgf5]{cursor:pointer;border-radius:8px;align-items:center;height:40px;padding:0 16px;transition:transform .15s;display:flex}.cp-swatch[data-astro-cid-kzpdxgf5]:hover{transform:scale(1.02)}.cp-swatch-hex[data-astro-cid-kzpdxgf5]{font-family:var(--font-mono);text-shadow:0 1px 2px #0000004d;font-size:13px;font-weight:600}.palette-export-btn[data-astro-cid-kzpdxgf5] .icon[data-astro-cid-kzpdxgf5]{width:14px;height:14px}.cp-extract-modes[data-astro-cid-kzpdxgf5]{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.chip[data-astro-cid-kzpdxgf5]{border:1px solid var(--line);background:var(--surface-muted);color:var(--text-2);cursor:pointer;border-radius:20px;padding:5px 14px;font-family:inherit;font-size:12px;line-height:1.4;transition:all .15s}.chip[data-astro-cid-kzpdxgf5]:hover{border-color:var(--accent);color:var(--accent)}.chip-active[data-astro-cid-kzpdxgf5]{background:var(--accent);color:#fff;border-color:var(--accent)}.sv-indicator[data-astro-cid-kzpdxgf5],.hue-indicator[data-astro-cid-kzpdxgf5]{pointer-events:none;position:absolute}@media (width<=780px){.cp-main[data-astro-cid-kzpdxgf5]{grid-template-columns:1fr}.cp-info-side[data-astro-cid-kzpdxgf5]{max-width:320px}}@media (width<=520px){.card[data-astro-cid-kzpdxgf5]{padding:16px!important}.cp-input-grid[data-astro-cid-kzpdxgf5] input[data-astro-cid-kzpdxgf5].tool-input{padding:6px;font-size:11px}}