.container.svelte-4rk27c{max-width:1100px;margin:0 auto;padding:0 var(--space-4)}.tool-grid.svelte-4rk27c{display:grid;grid-template-columns:340px 1fr;gap:var(--space-6);padding:var(--space-6) 0 var(--space-10)}@media(max-width:768px){.tool-grid.svelte-4rk27c{grid-template-columns:1fr}}.controls.svelte-4rk27c{display:flex;flex-direction:column;gap:var(--space-5)}.control-group.svelte-4rk27c{display:flex;flex-direction:column;gap:var(--space-2);border:none;padding:0;margin:0}.group-label.svelte-4rk27c{font-size:.8125rem;font-weight:600;color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.type-tabs.svelte-4rk27c{display:flex;gap:var(--space-2)}.type-tab.svelte-4rk27c{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container);color:var(--color-on-surface-variant);font-size:.875rem;font-weight:500;cursor:pointer;text-transform:capitalize;transition:background .15s,color .15s,border-color .15s}.type-tab.svelte-4rk27c:hover{background:var(--color-surface-container-high);color:var(--color-on-surface)}.type-tab.active.svelte-4rk27c{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.range-input.svelte-4rk27c{width:100%;accent-color:var(--color-primary);cursor:pointer}.select-input.svelte-4rk27c{padding:var(--space-2) var(--space-3);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container);color:var(--color-on-surface);font-size:.875rem;cursor:pointer}.stops-list.svelte-4rk27c{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.stop-row.svelte-4rk27c{display:flex;align-items:center;gap:var(--space-2)}.color-swatch.svelte-4rk27c{width:36px;height:36px;border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);padding:2px;background:none;cursor:pointer;flex-shrink:0}.stop-range.svelte-4rk27c{flex:1}.stop-pos.svelte-4rk27c{font-size:.75rem;color:var(--color-on-surface-variant);min-width:36px;text-align:right}.remove-btn.svelte-4rk27c{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-on-surface-variant);cursor:pointer;padding:0;flex-shrink:0;transition:background .15s,color .15s}.remove-btn.svelte-4rk27c:hover:not(:disabled){background:var(--color-error);color:var(--color-on-primary)}.remove-btn.svelte-4rk27c:disabled{opacity:.3;cursor:not-allowed}.remove-btn.svelte-4rk27c .material-symbols-rounded:where(.svelte-4rk27c){font-size:18px}.add-stop-btn.svelte-4rk27c{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:1px dashed var(--color-outline-variant);border-radius:var(--radius-md);background:transparent;color:var(--color-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.add-stop-btn.svelte-4rk27c:hover{background:var(--color-primary-container);border-color:var(--color-primary)}.add-stop-btn.svelte-4rk27c .material-symbols-rounded:where(.svelte-4rk27c){font-size:18px}.randomize-btn.svelte-4rk27c{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container);color:var(--color-on-surface);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s}.randomize-btn.svelte-4rk27c:hover{background:var(--color-surface-container-high)}.randomize-btn.svelte-4rk27c .material-symbols-rounded:where(.svelte-4rk27c){font-size:18px}.preview-side.svelte-4rk27c{display:flex;flex-direction:column;gap:var(--space-4)}.preview-box.svelte-4rk27c{width:100%;height:260px;border-radius:var(--radius-lg);border:1px solid var(--color-outline-variant);flex-shrink:0}.output-block.svelte-4rk27c{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);overflow:hidden}.output-header.svelte-4rk27c{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--color-surface-container);border-bottom:1px solid var(--color-outline-variant)}.output-label.svelte-4rk27c{font-size:.75rem;font-weight:600;color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.copy-btn.svelte-4rk27c{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-high);color:var(--color-on-surface);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.copy-btn.svelte-4rk27c:hover{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.copy-btn.svelte-4rk27c .material-symbols-rounded:where(.svelte-4rk27c){font-size:16px}.code-block.svelte-4rk27c{margin:0;padding:var(--space-4);font-family:var(--font-mono, "JetBrains Mono Variable", monospace);font-size:.8125rem;line-height:1.6;color:var(--color-on-surface);background:var(--color-surface);white-space:pre-wrap;word-break:break-all;overflow-x:auto}.bottom-section.svelte-4rk27c{padding:var(--space-8) 0 var(--space-14);border-top:1px solid var(--color-outline-variant)}