:root{--color-primary:#481f4f;--color-secondary:#7e5c76;--color-accent:#c79aa8;--color-background-warm:#f3eee9;--color-background:#fbfaf8;--color-text:#231427;--color-border:#e4d9df;--color-text-muted:#645a62;--color-success:#3f6b57;--color-success-background:#eaf3ee;--color-warning:#8a652d;--color-warning-background:#faf2e2;--color-error:#9a3f53;--color-error-background:#fbecef;--color-info:#66506b;--color-info-background:#f1eaf3;--color-surface:#ffffff;--font-display:var(--font-playfair),Georgia,"Times New Roman",serif;--font-body:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--font-size-2xl:2.75rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.2;--line-height-normal:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:8px;--radius-control:12px;--radius-card:16px;--radius-hero:24px;--shadow-soft:0 6px 24px rgba(35,20,39,0.08);--border-width:1px;--transition-fast:150ms ease;--focus-ring:0 0 0 3px color-mix(in srgb,var(--color-primary) 30%,transparent)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);margin:0}p{margin:0}a{color:inherit}.dev-page{max-width:1120px;margin:0 auto;padding:var(--space-7) var(--space-5) var(--space-8);display:flex;flex-direction:column;gap:var(--space-8)}.dev-page-title{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--color-text)}.dev-page-subtitle{font-family:var(--font-body);font-size:var(--font-size-md);color:var(--color-text-muted);margin-top:var(--space-2)}.dev-section{display:flex;flex-direction:column;gap:var(--space-4)}.dev-section-title{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--color-text)}.dev-section-hint{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:calc(var(--space-2) * -1)}.dev-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.dev-row{align-items:flex-start}.dev-row,.dev-row-center{display:flex;gap:var(--space-4);flex-wrap:wrap}.dev-row-center{align-items:center}.dev-swatch{display:flex;flex-direction:column;gap:var(--space-2)}.dev-swatch-color{height:64px;border-radius:var(--radius-control);border:var(--border-width) solid var(--color-border)}.dev-swatch-name{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.dev-radius-box,.dev-swatch-meta{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.dev-radius-box{width:96px;height:96px;background:var(--color-background-warm);border:var(--border-width) solid var(--color-border);display:flex;align-items:center;justify-content:center}.dev-shadow-box{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.dev-border-box,.dev-shadow-box{width:160px;height:96px;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.dev-border-box{background:var(--color-background);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-control)}.dev-loading-row{display:flex;align-items:center;gap:var(--space-3)}.dev-preview-frames{display:flex;gap:var(--space-6);flex-wrap:wrap;align-items:flex-start}.dev-preview-frame{container-type:inline-size;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-hero);overflow:hidden;background:var(--color-background-warm);max-width:100%}.dev-preview-frame-desktop{width:960px}.dev-preview-frame-mobile{width:375px}.dev-preview-label{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.dev-preview-screen{padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);min-height:480px;justify-content:center}.dev-preview-brand-row{display:flex;align-items:baseline;gap:var(--space-2)}.dev-preview-brand-name{font-family:var(--font-display);font-size:var(--font-size-md);color:var(--color-text)}.dev-preview-brand-signature{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-muted)}.dev-preview-heading{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-text)}.dev-preview-lead{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text-muted)}.dev-preview-form{display:flex;flex-direction:column;gap:var(--space-4)}@container (max-width: 480px){.dev-preview-screen{padding:var(--space-6) var(--space-4);min-height:560px}.dev-preview-heading{font-size:var(--font-size-lg)}}@container (min-width: 481px){.dev-preview-screen{max-width:420px;margin:0 auto}}