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