.VisualDesignGenerator-module__pH3fjW__shell{width:min(100%,74rem)}.VisualDesignGenerator-module__pH3fjW__grid{grid-template-columns:minmax(18rem,.9fr) minmax(0,1.35fr);align-items:start;gap:1.5rem;display:grid}.VisualDesignGenerator-module__pH3fjW__controls{gap:1rem;display:grid}.VisualDesignGenerator-module__pH3fjW__fieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.VisualDesignGenerator-module__pH3fjW__field{gap:.4rem;display:grid}.VisualDesignGenerator-module__pH3fjW__field>span,.VisualDesignGenerator-module__pH3fjW__colorLabel{color:var(--color-text-secondary);font-size:.86rem;font-weight:500}.VisualDesignGenerator-module__pH3fjW__segmentGrid,.VisualDesignGenerator-module__pH3fjW__presetGrid{grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.45rem;display:grid}.VisualDesignGenerator-module__pH3fjW__segment{appearance:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);min-height:2.45rem;font:inherit;text-align:left;cursor:pointer;background:0 0;padding:.55rem .7rem;font-size:.84rem}.VisualDesignGenerator-module__pH3fjW__segment[aria-pressed=true],.VisualDesignGenerator-module__pH3fjW__segment:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-accent-soft)}.VisualDesignGenerator-module__pH3fjW__colorRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.VisualDesignGenerator-module__pH3fjW__colorControl{grid-template-columns:2.75rem minmax(0,1fr);align-items:end;gap:.65rem;display:grid}.VisualDesignGenerator-module__pH3fjW__colorInput{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;background:0 0;block-size:2.75rem;inline-size:2.75rem;padding:.1rem}.VisualDesignGenerator-module__pH3fjW__previewPanel{gap:.85rem;display:grid}.VisualDesignGenerator-module__pH3fjW__previewStage{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:linear-gradient(45deg, #ffffff09 25%, transparent 25%), linear-gradient(-45deg, #ffffff09 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ffffff09 75%), linear-gradient(-45deg, transparent 75%, #ffffff09 75%), var(--color-surface-elevated);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;place-items:center;min-height:24rem;padding:1.25rem;display:grid;overflow:hidden}.VisualDesignGenerator-module__pH3fjW__previewStage svg{border-radius:var(--radius-md);max-block-size:24rem;max-inline-size:100%;display:block}.VisualDesignGenerator-module__pH3fjW__paletteRows{gap:.8rem;width:100%;display:grid}.VisualDesignGenerator-module__pH3fjW__swatchGrid{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));gap:.55rem;width:100%;display:grid}.VisualDesignGenerator-module__pH3fjW__swatch{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.VisualDesignGenerator-module__pH3fjW__swatchColor{block-size:4.25rem}.VisualDesignGenerator-module__pH3fjW__swatch code{color:var(--color-text-secondary);font-family:var(--font-mono);text-align:center;padding:.45rem .5rem;font-size:.78rem;display:block}.VisualDesignGenerator-module__pH3fjW__textPreview{text-align:center;width:100%;min-height:16rem;color:var(--color-text-primary);overflow-wrap:anywhere;place-items:center;padding:1.5rem;display:grid}.VisualDesignGenerator-module__pH3fjW__handwritingPreview,.VisualDesignGenerator-module__pH3fjW__patternPreview,.VisualDesignGenerator-module__pH3fjW__barcodePreview{place-items:center;width:100%;display:grid}.VisualDesignGenerator-module__pH3fjW__outputActions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.VisualDesignGenerator-module__pH3fjW__errorBlock{border-left:3px solid var(--color-error);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-error) 9%, transparent);width:100%;color:var(--color-error);padding:.85rem 1rem;font-size:.92rem}@media (max-width:780px){.VisualDesignGenerator-module__pH3fjW__grid{grid-template-columns:1fr}.VisualDesignGenerator-module__pH3fjW__controls{order:2}.VisualDesignGenerator-module__pH3fjW__previewPanel{order:1}.VisualDesignGenerator-module__pH3fjW__fieldGrid,.VisualDesignGenerator-module__pH3fjW__colorRow{grid-template-columns:1fr}}@media (max-width:420px){.VisualDesignGenerator-module__pH3fjW__segmentGrid{grid-template-columns:1fr}.VisualDesignGenerator-module__pH3fjW__previewStage{min-height:18rem;padding:.75rem}}