.viv-social-preview{margin-top:34px}
.home-v6 .viv-social-preview h3{font:400 32px/1.15 Georgia,serif;letter-spacing:0;margin:0 0 22px}
.viv-social-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;border:1px solid var(--viv-frost-ink-edge);border-radius:4px;padding:28px;background:var(--viv-frost-light)}
.viv-social-preview-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-content:start}
.viv-social-preview label{display:block;font-size:13px;line-height:1.5;color:var(--muted);min-height:40px;margin-bottom:10px}
.viv-social-preview-input{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--viv-frost-ink-edge);border-radius:4px;background:var(--viv-frost-paper);padding:12px;color:var(--muted)}
.viv-social-preview-input:focus-within{outline:2px solid var(--gold);outline-offset:2px}
.viv-social-preview-input input{min-width:0;width:100%;background:transparent;border:0;color:var(--ink);font:inherit;padding:0;outline:none}
.viv-social-preview-slider{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-height:48px}
.viv-social-preview-slider input{width:100%;min-width:0;accent-color:var(--gold)}
.viv-social-preview-slider output{font:700 14px monospace;color:var(--ink);min-width:4ch;text-align:right}
.viv-social-preview-results{min-width:0;align-content:start;display:grid;gap:12px}
.viv-social-preview-results .eyebrow{margin:0;letter-spacing:0}
.viv-social-preview-value{font:600 36px/1.2 monospace;color:var(--ink);overflow-wrap:anywhere;min-height:44px}
.viv-social-preview-note{margin:0;border-left:3px solid var(--viv-frost-ink-edge);padding-left:12px;font-size:13px;color:var(--muted);line-height:1.6}
.viv-social-preview-results .btn{justify-self:start}
@media(max-width:900px){.viv-social-preview-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.viv-social-preview-grid{padding:18px;gap:24px}.viv-social-preview-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.viv-social-preview-fields>div:first-child{grid-column:1/-1}.viv-social-preview-value{font-size:28px}.home-v6 .viv-social-preview h3{font-size:27px}}