.developer-tool-wrap[data-astro-cid-e2pewhco]{display:flex;flex-direction:column;gap:var(--space-4);font-family:var(--font-sans)}.picker-main-grid[data-astro-cid-e2pewhco]{display:grid;grid-template-columns:380px 1fr;gap:var(--space-6);align-items:start}.picker-card[data-astro-cid-e2pewhco]{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-5)}.color-preview[data-astro-cid-e2pewhco]{height:140px;border-radius:var(--radius-lg);background:#10b981;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:inset 0 0 0 1px #0000001a;transition:background .2s}.preview-val[data-astro-cid-e2pewhco]{background:#0009;color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-family:var(--font-mono);font-weight:700;font-size:1.1rem;backdrop-filter:blur(4px)}.input-section[data-astro-cid-e2pewhco]{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-2);padding:12px;border-radius:var(--radius-md)}.native-picker[data-astro-cid-e2pewhco]{cursor:pointer;width:44px;height:44px;padding:0;border:none;background:none}.picker-label[data-astro-cid-e2pewhco]{font-weight:700;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase}.value-inputs[data-astro-cid-e2pewhco]{display:flex;flex-direction:column;gap:var(--space-3)}.val-group[data-astro-cid-e2pewhco]{display:flex;flex-direction:column;gap:4px}.val-group[data-astro-cid-e2pewhco] label[data-astro-cid-e2pewhco]{font-size:.75rem;font-weight:800;color:var(--text-muted);opacity:.8}.copy-wrap[data-astro-cid-e2pewhco]{position:relative;display:flex;align-items:center}.copy-wrap[data-astro-cid-e2pewhco] input[data-astro-cid-e2pewhco]{width:100%;padding:10px 40px 10px 12px;border-radius:var(--radius-md);border:2px solid var(--color-border);font-family:var(--font-mono);font-size:.9rem;font-weight:600;background:var(--color-surface-2);color:var(--text-primary);transition:all .2s}.copy-wrap[data-astro-cid-e2pewhco] input[data-astro-cid-e2pewhco]:focus{border-color:var(--primary);outline:none}.small-copy[data-astro-cid-e2pewhco]{position:absolute;right:8px;background:none;border:none;cursor:pointer;opacity:.4;transition:opacity .2s;font-size:1rem}.small-copy[data-astro-cid-e2pewhco]:hover{opacity:1}.palette-card[data-astro-cid-e2pewhco]{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);min-height:480px}.card-header[data-astro-cid-e2pewhco]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.card-header[data-astro-cid-e2pewhco] h3[data-astro-cid-e2pewhco]{font-size:1rem;font-weight:800;color:var(--text-primary);margin:0}.palette-grid[data-astro-cid-e2pewhco]{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3);margin-bottom:var(--space-8)}.palette-item{display:flex;flex-direction:column;gap:8px;cursor:pointer}.palette-swatch{height:100px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s}.palette-item:hover .palette-swatch{transform:translateY(-4px);box-shadow:var(--shadow-md)}.palette-hex{font-size:.75rem;font-weight:700;color:var(--text-muted);font-family:var(--font-mono);text-align:center}.history-section[data-astro-cid-e2pewhco]{border-top:1px solid var(--color-border);padding-top:var(--space-6)}.history-section[data-astro-cid-e2pewhco] h3[data-astro-cid-e2pewhco]{font-size:.85rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.history-list[data-astro-cid-e2pewhco]{display:flex;flex-wrap:wrap;gap:8px}.history-item{width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .1s}.history-item:hover{transform:scale(1.15);box-shadow:var(--shadow-sm);z-index:2}@media(max-width:900px){.picker-main-grid[data-astro-cid-e2pewhco]{grid-template-columns:1fr}.palette-grid[data-astro-cid-e2pewhco]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}