.units-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.units-device-preview h3{margin-bottom:8px}.units-viewport{border:1px solid var(--border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--text) 3%,transparent)}.units-viewport-desktop{min-height:220px}.units-viewport-mobile{min-height:260px;max-width:250px}.units-preview-hero{width:100%;min-height:10px;background:color-mix(in srgb,var(--accent) 25%,transparent);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:10px}.units-preview-card{border:1px solid var(--border);border-radius:10px;background:var(--card);display:flex;flex-direction:column;gap:4px}.units-preview-card small{color:var(--muted)}