.preview-shell{margin:0 auto;max-width:1180px;padding:clamp(1.25rem,4vw,3rem)}.preview-hero{align-items:flex-start;display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-8)}.preview-kicker{color:var(--color-primary);font-size:.88rem;font-weight:750;margin:0 0 var(--space-3)}.preview-hero h1{color:var(--color-text);font-size:clamp(2.15rem,6vw,4rem);line-height:1;margin:0;max-width:12ch}.preview-hero p:not(.preview-kicker){color:var(--color-text-muted);font-size:1.08rem;line-height:1.6;margin:var(--space-5) 0 0;max-width:38rem}.preview-language{align-items:center;background:color-mix(in srgb,var(--vq-paper) 82%,transparent);border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4)}.preview-language span{color:var(--color-text-muted);font-size:.9rem;font-weight:650}.preview-language select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-primary);border:0;border-radius:var(--radius-full);color:var(--vq-paper);cursor:pointer;font-weight:700;min-height:40px;padding:0 var(--space-5)}.preview-grid{display:grid;grid-gap:var(--space-5);gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(19rem,.75fr)}.preview-panel{display:flex;flex-direction:column;gap:var(--space-5)}.preview-panel h2,.preview-phone-card h2{color:var(--color-text);font-size:1rem;line-height:1.2;margin:0}.preview-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.preview-forms{grid-row:span 2}.preview-choice-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.preview-tokens{background:var(--color-surface-subtle)}.preview-token{align-items:center;background:color-mix(in srgb,var(--vq-paper) 72%,transparent);border:1px solid color-mix(in srgb,var(--vq-stone) 20%,var(--vq-paper));border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.preview-token span{color:var(--color-text-muted);font-weight:650}.preview-token code{color:var(--color-text);font-family:var(--font-mono);font-size:.84rem}.preview-layer-zone{align-items:stretch;display:grid;grid-gap:var(--space-5);gap:var(--space-5);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr)}.preview-phone-card{display:flex;flex-direction:column;gap:var(--space-5);grid-column:2;grid-row:1/span 2}.preview-phone{align-items:flex-end;background:linear-gradient(180deg,rgba(234,244,255,.85),rgba(248,250,252,.94)),var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:2rem;display:flex;min-height:34rem;overflow:hidden;padding-top:var(--space-10)}.preview-phone .vesto-bottom-sheet{width:100%}@media (max-width:920px){.preview-hero{flex-direction:column}.preview-grid,.preview-layer-zone{grid-template-columns:1fr}.preview-phone-card{grid-column:auto;grid-row:auto}}@media (max-width:680px){.preview-shell{padding:var(--space-4)}.preview-hero h1{font-size:2.35rem}.preview-language{align-items:stretch;border-radius:var(--radius-lg);flex-direction:column;width:100%}.preview-phone{min-height:28rem}}