.tool-header[data-astro-cid-4744oia5]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-4744oia5] h1[data-astro-cid-4744oia5]{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.tool-header[data-astro-cid-4744oia5] p[data-astro-cid-4744oia5]{color:var(--color-text-secondary);font-size:1rem}.color-display-card[data-astro-cid-4744oia5]{border:1px solid var(--color-border);border-radius:16px;overflow:hidden;margin-bottom:1.5rem;background:var(--color-surface)}.color-swatch[data-astro-cid-4744oia5]{height:200px;background:#000;transition:background .3s ease;position:relative}.color-info[data-astro-cid-4744oia5]{padding:1.5rem}.format-tabs[data-astro-cid-4744oia5]{display:flex;gap:.5rem;margin-bottom:1rem}.format-tab[data-astro-cid-4744oia5]{padding:.4rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-weight:500;cursor:pointer;transition:all .15s ease}.format-tab[data-astro-cid-4744oia5].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.format-tab[data-astro-cid-4744oia5]:hover:not(.active){background:var(--color-surface-hover, rgba(0,0,0,.05))}.color-value[data-astro-cid-4744oia5]{font-size:1.6rem;font-weight:700;font-family:var(--font-mono, monospace);margin-bottom:1rem;color:var(--color-text);letter-spacing:.02em}.copy-buttons[data-astro-cid-4744oia5]{display:flex;gap:.5rem;flex-wrap:wrap}.btn-copy[data-astro-cid-4744oia5]{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-weight:500;font-size:.85rem;cursor:pointer;transition:all .15s ease}.btn-copy[data-astro-cid-4744oia5]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-copy[data-astro-cid-4744oia5].copied{background:#27ae60;color:#fff;border-color:#27ae60}.controls-section[data-astro-cid-4744oia5]{margin-bottom:1.5rem}.control-row[data-astro-cid-4744oia5]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.control-row[data-astro-cid-4744oia5].locks{gap:1.5rem}.btn-generate[data-astro-cid-4744oia5]{padding:.75rem 2rem;border:none;border-radius:12px;background:var(--color-primary);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s ease,box-shadow .15s ease}.btn-generate[data-astro-cid-4744oia5]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-generate[data-astro-cid-4744oia5]:active{transform:translateY(0)}.hint[data-astro-cid-4744oia5]{color:var(--color-text-secondary);font-size:.85rem}.mode-label[data-astro-cid-4744oia5]{font-weight:600;color:var(--color-text);font-size:.9rem}.mode-buttons[data-astro-cid-4744oia5]{display:flex;gap:.4rem;flex-wrap:wrap}.mode-btn[data-astro-cid-4744oia5]{padding:.4rem .8rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:.85rem;cursor:pointer;transition:all .15s ease}.mode-btn[data-astro-cid-4744oia5].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.mode-btn[data-astro-cid-4744oia5]:hover:not(.active){background:var(--color-surface-hover, rgba(0,0,0,.05))}.lock-label[data-astro-cid-4744oia5]{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.9rem;color:var(--color-text)}.lock-label[data-astro-cid-4744oia5] input[data-astro-cid-4744oia5][type=checkbox]{width:18px;height:18px;cursor:pointer}.contrast-section[data-astro-cid-4744oia5]{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px}.contrast-item[data-astro-cid-4744oia5]{display:flex;align-items:center;gap:.5rem}.contrast-label[data-astro-cid-4744oia5]{font-size:.85rem;color:var(--color-text-secondary)}.contrast-value[data-astro-cid-4744oia5]{font-weight:700;font-family:var(--font-mono, monospace);font-size:.95rem;color:var(--color-text)}.harmony-section[data-astro-cid-4744oia5],.history-section[data-astro-cid-4744oia5]{margin-bottom:1.5rem}.section-title[data-astro-cid-4744oia5]{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--color-primary)}.harmony-buttons[data-astro-cid-4744oia5]{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.harmony-btn[data-astro-cid-4744oia5]{padding:.4rem .8rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:.85rem;cursor:pointer;transition:all .15s ease}.harmony-btn[data-astro-cid-4744oia5]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.palette-display[data-astro-cid-4744oia5]{display:flex;gap:.5rem;flex-wrap:wrap}.palette-swatch[data-astro-cid-4744oia5]{width:80px;height:80px;border-radius:12px;cursor:pointer;transition:transform .15s ease;position:relative;border:2px solid var(--color-border)}.palette-swatch[data-astro-cid-4744oia5]:hover{transform:scale(1.05);z-index:1}.palette-swatch[data-astro-cid-4744oia5]:after{content:attr(data-value);position:absolute;bottom:4px;left:4px;right:4px;font-size:.7rem;font-family:var(--font-mono, monospace);background:#0009;color:#fff;padding:2px 4px;border-radius:4px;text-align:center;opacity:0;transition:opacity .15s ease}.palette-swatch[data-astro-cid-4744oia5]:hover:after{opacity:1}.history-grid[data-astro-cid-4744oia5]{display:flex;gap:.5rem;flex-wrap:wrap}.history-swatch[data-astro-cid-4744oia5]{width:48px;height:48px;border-radius:8px;cursor:pointer;transition:transform .15s ease;border:2px solid var(--color-border)}.history-swatch[data-astro-cid-4744oia5]:hover{transform:scale(1.1);z-index:1}