.cfg.svelte-18kjss3{border:1px solid var(--border);grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr);gap:32px;display:grid}.preview.svelte-18kjss3{border-right:1px solid var(--border);min-height:320px;transition:background-color .2s var(--easing-default);justify-content:center;align-items:center;padding:48px;display:flex;position:relative}.preview-inner.svelte-18kjss3{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.preview-inner.svelte-18kjss3 svg{max-width:100%;height:auto;display:block}.checker.svelte-18kjss3{background-image:linear-gradient(45deg, var(--bg-muted) 25%, transparent 25%), linear-gradient(-45deg, var(--bg-muted) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--bg-muted) 75%), linear-gradient(-45deg, transparent 75%, var(--bg-muted) 75%);opacity:.5;z-index:0;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:absolute;inset:0}.controls.svelte-18kjss3{flex-direction:column;gap:24px;padding:24px;display:flex}.control-group.svelte-18kjss3{flex-direction:column;gap:10px;display:flex}.control-group.two-col.svelte-18kjss3{grid-template-columns:1fr 1fr;gap:16px;display:grid}.label.svelte-18kjss3{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted);font-size:10px;font-weight:500}.swatches.svelte-18kjss3{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;display:grid}.swatch.svelte-18kjss3{border:1px solid var(--border);cursor:pointer;justify-content:center;align-items:center;gap:3px;height:40px;padding:0;transition:border-color .12s;display:flex;position:relative}.swatch.svelte-18kjss3:hover{border-color:var(--input-border)}.swatch-fg.svelte-18kjss3,.swatch-glyph.svelte-18kjss3{border-radius:50%;width:14px;height:14px;display:block}.swatch-custom.svelte-18kjss3{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);background:var(--bg);font-size:9px}.accent-toggle.svelte-18kjss3{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:8px;font-size:10px;display:inline-flex}.accent-row.svelte-18kjss3{flex-wrap:wrap;gap:8px;padding-top:8px;display:flex}.accent-option.svelte-18kjss3{border:1px solid var(--border);cursor:pointer;font-family:var(--font-mono);letter-spacing:-.02em;color:var(--fg-muted);align-items:center;gap:8px;padding:8px 12px;font-size:11px;transition:border-color .12s,color .12s;display:inline-flex}.accent-option.svelte-18kjss3:hover{color:var(--fg)}.accent-option.active.svelte-18kjss3{border-color:var(--brand);color:var(--fg)}.accent-option.svelte-18kjss3 input[type=radio]:where(.svelte-18kjss3){margin:0}.accent-swatch.svelte-18kjss3{border:1px solid var(--border);border-radius:50%;width:14px;height:14px;display:inline-block}.accent-label.svelte-18kjss3{letter-spacing:.05em;text-transform:uppercase}.accent-picker.svelte-18kjss3{border:1px solid var(--border);cursor:pointer;background:0 0;width:28px;height:28px;padding:0}.accent-picker.svelte-18kjss3:disabled{opacity:.4;cursor:not-allowed}.accent-hint.svelte-18kjss3{color:var(--fg-muted);margin:0;padding-top:4px;font-size:12px}.custom-label.svelte-18kjss3{display:block}.custom-row.svelte-18kjss3{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.custom-field.svelte-18kjss3{color:var(--fg-muted);align-items:center;gap:6px;font-size:12px;display:flex}.custom-field.svelte-18kjss3 span:where(.svelte-18kjss3){font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.custom-field.svelte-18kjss3 input[type=color]:where(.svelte-18kjss3){border:1px solid var(--border);cursor:pointer;background:0 0;width:32px;height:32px;padding:0}.hex-input.svelte-18kjss3,.num-input.svelte-18kjss3{width:90px;font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg);color:var(--fg);letter-spacing:-.02em;padding:6px 8px;font-size:12px}.hex-input.svelte-18kjss3:focus,.num-input.svelte-18kjss3:focus{border-color:var(--brand);outline:none}.num-input.svelte-18kjss3{width:100px}.custom-toggle.svelte-18kjss3{color:var(--fg-muted);font-size:12px;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.seg.svelte-18kjss3{border:1px solid var(--border);flex-wrap:wrap;display:flex}.seg-item.svelte-18kjss3{border:0;border-right:1px solid var(--border);background:var(--bg);min-width:60px;font-family:var(--font-mono);color:var(--fg-muted);cursor:pointer;letter-spacing:-.02em;flex:auto;padding:8px 10px;font-size:12px;transition:color .12s,background-color .12s}.seg-item.svelte-18kjss3:last-child{border-right:0}.seg-item.svelte-18kjss3:hover:not(:disabled){color:var(--fg)}.seg-item.active.svelte-18kjss3{background:var(--brand);color:var(--brand-fg)}.seg-item.svelte-18kjss3:disabled{opacity:.4;cursor:not-allowed}.seg-item.svelte-18kjss3 .unit:where(.svelte-18kjss3){color:inherit;opacity:.7;letter-spacing:.05em;margin-left:2px;font-size:9px}.filename.svelte-18kjss3{flex-direction:column;gap:6px;display:flex}.filename.svelte-18kjss3 code:where(.svelte-18kjss3){font-family:var(--font-mono);background:var(--bg-muted);color:var(--fg);letter-spacing:-.02em;word-break:break-all;padding:10px 12px;font-size:12px;display:block}.actions.svelte-18kjss3{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.actions.svelte-18kjss3 button:where(.svelte-18kjss3){font-family:var(--font-sans);border:1px solid var(--border);cursor:pointer;letter-spacing:-.01em;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.actions.svelte-18kjss3 .primary:where(.svelte-18kjss3){background:var(--brand);color:var(--brand-fg);border-color:var(--brand)}.actions.svelte-18kjss3 .primary:where(.svelte-18kjss3):hover:not(:disabled){opacity:.9}.actions.svelte-18kjss3 .secondary:where(.svelte-18kjss3){background:var(--bg);color:var(--fg)}.actions.svelte-18kjss3 .secondary:where(.svelte-18kjss3):hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.actions.svelte-18kjss3 button:where(.svelte-18kjss3):disabled{opacity:.5;cursor:not-allowed}@media (width<=720px){.cfg.svelte-18kjss3{grid-template-columns:1fr}.preview.svelte-18kjss3{border-right:0;border-bottom:1px solid var(--border)}.control-group.two-col.svelte-18kjss3{grid-template-columns:1fr}}