@layer styles {
  .ui-preview { --field-font-size: var(--floral-control-text); --field-label-size: var(--floral-control-text); margin: 0; background: var(--floral-paper); color: var(--floral-ink); font-family: var(--floral-sans); font-size: var(--floral-control-text); line-height: 1.6; }
  .ui-preview * { box-sizing: border-box; }
  .ui-preview-sheet { max-width: 1100px; margin-inline: auto; padding: var(--space-lg); }
  .ui-preview-sheet--soft_bloom { background: var(--floral-rose-paper); }
  .ui-preview-sheet--botanical { background: var(--floral-sage-paper); }
  .ui-preview-header { border-bottom: 1px solid var(--floral-line); padding-bottom: var(--space-sm); }
  .ui-preview-wordmark { font-family: var(--floral-serif); font-style: italic; font-size: var(--text-xl); white-space: nowrap; flex-shrink: 0; }
  .ui-preview-eyebrow { font-size: var(--text-sm); letter-spacing: .1em; text-transform: uppercase; color: var(--floral-muted); }
  .ui-preview h1, .ui-preview h2 { font-family: var(--floral-serif); font-weight: 400; letter-spacing: -.035em; line-height: 1.15; }
  .ui-preview h1 { font-size: var(--text-3xl); margin-block: var(--space-sm); }
  .ui-preview h2 { font-size: var(--text-xl); }
  .ui-preview em { color: var(--floral-rose); }
  .ui-preview-intro { max-width: 56ch; color: var(--floral-muted); }
  .ui-preview-section { margin-top: var(--space-lg); }
  .ui-preview-sample { min-width: 0; border-bottom: 1px solid var(--floral-line); padding-block: var(--space-sm); }
  .ui-preview-grid > * { flex: 1 1 calc(50% - var(--space-md)); min-width: min(100%, 18rem); }
  .ui-preview-label { display: block; color: var(--floral-muted); margin-bottom: var(--space-xs); }
  .ui-preview-context { padding: var(--space-md); border: 1px solid var(--floral-line); border-radius: var(--floral-control-radius); margin-top: var(--space-lg); }
  .ui-preview-feedback { min-height: 1.6em; color: var(--floral-muted); }
  .ui-preview-swatch { min-height: 100px; border: 1px solid var(--floral-line); border-radius: var(--floral-control-radius); }
  .ui-preview-swatch--paper { background: var(--floral-paper); }
  .ui-preview-swatch--ink { background: var(--floral-ink); }
  .ui-preview-swatch--pink { background: var(--floral-pink); }
  .ui-preview-swatch--blush { background: var(--floral-blush); }
  .ui-preview-swatch--rose { background: var(--floral-rose); }
  .ui-preview-swatch--leaf { background: var(--floral-leaf); }
  .ui-preview form.simple_form div.input { margin-bottom: var(--space-sm); min-width: 0; }
  .ui-preview form.simple_form .ui-preview-grid > div.input { min-width: min(100%, 18rem); }
  .ui-preview .input label { display: block; margin-bottom: var(--space-xs); }
}