.cg-layout.svelte-p9uxzb{display:grid;grid-template-columns:320px 1fr;gap:var(--space-6);align-items:start}@media(max-width:700px){.cg-layout.svelte-p9uxzb{grid-template-columns:1fr}}.cg-controls.svelte-p9uxzb{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.cg-field.svelte-p9uxzb{display:flex;flex-direction:column;gap:var(--space-2)}.cg-stops-header.svelte-p9uxzb{display:flex;align-items:center;justify-content:space-between}.cg-stop-row.svelte-p9uxzb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.cg-color-pick.svelte-p9uxzb{width:36px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;padding:2px}.cg-slider.svelte-p9uxzb{accent-color:var(--tool-accent);cursor:pointer}.flex1.svelte-p9uxzb{flex:1}.cg-stop-pos.svelte-p9uxzb{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);width:34px;text-align:right;flex-shrink:0}.cg-remove.svelte-p9uxzb{color:var(--text-muted);font-size:16px;line-height:1;background:none;border:none;cursor:pointer;padding:2px 4px}.cg-remove.svelte-p9uxzb:hover{color:var(--error)}.mode-toggle.svelte-p9uxzb{display:flex;background:var(--bg-elevated);border-radius:var(--radius);padding:3px;border:1px solid var(--border)}.mode-btn.svelte-p9uxzb{padding:5px 16px;border-radius:calc(var(--radius) - 2px);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.mode-btn.active.svelte-p9uxzb{background:var(--tool-accent);color:#fff;font-weight:600}.cg-right.svelte-p9uxzb{display:flex;flex-direction:column;gap:var(--space-4)}.cg-preview.svelte-p9uxzb{height:260px;border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.cg-output.svelte-p9uxzb{overflow:hidden}.cg-output-header.svelte-p9uxzb{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.cg-css.svelte-p9uxzb{display:block;padding:var(--space-4);font-family:var(--font-mono);font-size:13px;color:var(--tool-accent);word-break:break-all;background:var(--bg-base)}.cg-bar.svelte-p9uxzb{height:20px;border-radius:var(--radius-full)}