.generator.svelte-1gu8cmo{max-width:680px;margin:0 auto}.preview.svelte-1gu8cmo{width:100%;height:160px;border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:1.5rem;transition:background .2s}.controls.svelte-1gu8cmo{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;margin-bottom:1.5rem}.control-row.svelte-1gu8cmo{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.control-group.svelte-1gu8cmo{flex:1;min-width:140px}.control-group.svelte-1gu8cmo label:where(.svelte-1gu8cmo){display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.control-group.svelte-1gu8cmo strong:where(.svelte-1gu8cmo){color:var(--text)}.control-group.svelte-1gu8cmo input[type=range]:where(.svelte-1gu8cmo){width:100%;cursor:pointer}.stops-section.svelte-1gu8cmo{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;margin-bottom:1.5rem}.stops-header.svelte-1gu8cmo{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.stops-header.svelte-1gu8cmo h3:where(.svelte-1gu8cmo){margin:0;font-size:1rem;color:var(--text)}.add-btn.svelte-1gu8cmo{padding:.4rem .8rem;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s}.add-btn.svelte-1gu8cmo:hover{opacity:.85}.add-btn.svelte-1gu8cmo:disabled{opacity:.4;cursor:not-allowed}.stop-row.svelte-1gu8cmo{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.stop-row.svelte-1gu8cmo input[type=color]:where(.svelte-1gu8cmo){width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:var(--bg-input);flex-shrink:0}.hex-input.svelte-1gu8cmo{width:85px;padding:.5rem .6rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:monospace;font-size:.85rem;flex-shrink:0}.stop-slider.svelte-1gu8cmo{flex:1;display:flex;align-items:center;gap:.4rem}.stop-slider.svelte-1gu8cmo input[type=range]:where(.svelte-1gu8cmo){flex:1;cursor:pointer}.stop-value.svelte-1gu8cmo{font-size:.8rem;color:var(--text-muted);min-width:32px;text-align:right}.remove-btn.svelte-1gu8cmo{width:32px;height:32px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s;flex-shrink:0}.remove-btn.svelte-1gu8cmo:hover{border-color:#ef4444;color:#ef4444}.remove-btn.svelte-1gu8cmo:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 520px){.stop-row.svelte-1gu8cmo{flex-wrap:wrap}.stop-slider.svelte-1gu8cmo{min-width:100%}}.css-output.svelte-1gu8cmo{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem}.css-output.svelte-1gu8cmo h3:where(.svelte-1gu8cmo){margin:0 0 .75rem;font-size:1rem;color:var(--text)}.code-block.svelte-1gu8cmo{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm)}.code-block.svelte-1gu8cmo code:where(.svelte-1gu8cmo){flex:1;font-size:.8rem;color:var(--text);word-break:break-all;font-family:monospace}.copy-btn.svelte-1gu8cmo{padding:.4rem .8rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.8rem;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s;flex-shrink:0}.copy-btn.svelte-1gu8cmo:hover{border-color:var(--accent-light);color:var(--accent-light)}