.tool-container.svelte-6k7xzi{max-width:800px;margin:0 auto;padding:2rem}.back-link.svelte-6k7xzi{display:inline-block;margin-bottom:2rem;color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .2s}.back-link.svelte-6k7xzi:hover{color:var(--text)}h1.svelte-6k7xzi,h2.svelte-6k7xzi{text-align:center;margin-bottom:1.5rem;color:var(--text)}.controls.svelte-6k7xzi{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.color-picker.svelte-6k7xzi{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.color-picker.svelte-6k7xzi input[type=color]:where(.svelte-6k7xzi){width:60px;height:40px;border:none;border-radius:var(--radius-sm);cursor:pointer}.color-value.svelte-6k7xzi{font-family:JetBrains Mono,monospace;font-weight:600}.generate-btn.svelte-6k7xzi{padding:.75rem 1.5rem;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease}.generate-btn.svelte-6k7xzi:hover{background:var(--brand-strong)}.base-preview.svelte-6k7xzi{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.base-color.svelte-6k7xzi{width:200px;height:100px;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.copy-btn.svelte-6k7xzi{padding:.5rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--text);cursor:pointer;transition:all .2s ease;font-weight:600}.copy-btn.svelte-6k7xzi:hover{border-color:var(--brand);color:var(--brand)}.palette-grid.svelte-6k7xzi{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.color-card.svelte-6k7xzi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s ease}.color-card.svelte-6k7xzi:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.color-swatch.svelte-6k7xzi{height:100px}.color-info.svelte-6k7xzi{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.color-hex.svelte-6k7xzi{font-family:JetBrains Mono,monospace;font-weight:600;font-size:.95rem}.color-type.svelte-6k7xzi{font-size:.8rem;color:var(--text-muted)}.copy-small.svelte-6k7xzi{width:100%;padding:.5rem;background:var(--surface-muted);border:none;border-top:1px solid var(--line);color:var(--text);cursor:pointer;transition:all .2s ease;font-weight:600}.copy-small.svelte-6k7xzi:hover{background:var(--brand);color:#fff}@media(max-width:640px){.tool-container.svelte-6k7xzi{padding:1rem}.palette-grid.svelte-6k7xzi{grid-template-columns:repeat(2,1fr)}}