.tool-section.svelte-1975bab{padding:var(--space-6) 0 var(--space-10)}.tool-layout.svelte-1975bab{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}@media(max-width:680px){.tool-layout.svelte-1975bab{grid-template-columns:1fr}}.controls.svelte-1975bab{display:flex;flex-direction:column;gap:var(--space-5)}.field.svelte-1975bab{display:flex;flex-direction:column;gap:var(--space-2)}.field.svelte-1975bab label:where(.svelte-1975bab){font-size:.875rem;font-weight:600;color:var(--color-on-surface);display:flex;align-items:center;justify-content:space-between}.field-value.svelte-1975bab{font-weight:400;color:var(--color-on-surface-variant);font-size:.8125rem}textarea.svelte-1975bab{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;color:var(--color-on-surface);resize:vertical;transition:border-color .15s;line-height:1.5}textarea.svelte-1975bab:focus{outline:none;border-color:var(--color-primary)}select.svelte-1975bab{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;color:var(--color-on-surface);cursor:pointer;transition:border-color .15s}select.svelte-1975bab:focus{outline:none;border-color:var(--color-primary)}.slider.svelte-1975bab{width:100%;appearance:none;height:4px;border-radius:var(--radius-full);background:var(--color-outline-variant);cursor:pointer;accent-color:var(--color-primary)}.slider-labels.svelte-1975bab{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-on-surface-variant)}.color-row.svelte-1975bab{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.field-color.svelte-1975bab{gap:var(--space-2)}.color-input-wrap.svelte-1975bab{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-md)}input[type=color].svelte-1975bab{width:2rem;height:2rem;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;flex-shrink:0}.color-hex.svelte-1975bab{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-on-surface-variant)}.preview.svelte-1975bab{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-6);background:var(--color-surface-container);border-radius:var(--radius-xl);border:1px solid var(--color-outline-variant);min-height:300px;justify-content:center}.canvas-wrap.svelte-1975bab{display:flex;justify-content:center}.canvas-wrap.svelte-1975bab canvas:where(.svelte-1975bab){max-width:100%;height:auto;border-radius:var(--radius-md);display:block}.empty-hint.svelte-1975bab{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-on-surface-variant);text-align:center}.empty-icon.svelte-1975bab{font-size:3rem;opacity:.35}.empty-hint.svelte-1975bab p:where(.svelte-1975bab){font-size:.9375rem;line-height:1.5}.error-msg.svelte-1975bab{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);width:100%}.error-msg.svelte-1975bab .material-symbols-rounded:where(.svelte-1975bab){font-size:1.125rem;flex-shrink:0}.download-row.svelte-1975bab{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.download-row.svelte-1975bab button:where(.svelte-1975bab):disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.bottom-section.svelte-1975bab{padding:var(--space-8) 0 var(--space-14);border-top:1px solid var(--color-outline-variant)}