/* PQR Social Studio */
html body.pqr-social-builder-page {
 --sp-bg:#f4f6fc;--sp-panel:#fff;--sp-field:#f8faff;
 --sp-text:#172033;--sp-muted:#56657d;--sp-border:#d9e1ef;
 --sp-accent:#5846d8;--sp-soft:#eeeaff;
 background:var(--sp-bg)!important;color:var(--sp-text)!important;
 margin:0!important;padding:0!important;max-width:none!important;
}
html[data-pqr-theme="glass"] body.pqr-social-builder-page {
 --sp-bg:#eef4ff;--sp-panel:rgba(255,255,255,.78);
 --sp-field:rgba(255,255,255,.82);--sp-border:#c8d5ec;
 --sp-soft:rgba(224,222,255,.6);
 background:linear-gradient(135deg,#e8f2ff,#f0ebff,#e8f9f5)!important;
}
html[data-pqr-theme="midnight"] body.pqr-social-builder-page {
 --sp-bg:#0b1120;--sp-panel:#141e30;--sp-field:#101929;
 --sp-text:#eff3fb;--sp-muted:#b5c1d6;--sp-border:#34435c;
 --sp-accent:#b4a7ff;--sp-soft:#292540;
 color-scheme:dark;
}
body.pqr-social-builder-page * {box-sizing:border-box}
html body.pqr-social-builder-page .pqr-social-builder-main {
 padding:32px 0 48px!important;
}
html body.pqr-social-builder-page .pqr-social-builder-container,
body.pqr-social-builder-page .sp-guide {
 width:calc(100% - 32px);max-width:1240px;margin-inline:auto;
}
html body.pqr-social-builder-page :is(
 .pqr-social-builder-hero,.pqr-builder-card,.pqr-builder-result,
 .pqr-builder-preview-label,.sp-guide-panel) {
 background:var(--sp-panel)!important;color:var(--sp-text)!important;
 border:1px solid var(--sp-border)!important;border-radius:22px;
 box-shadow:0 14px 40px rgba(9,18,36,.07);
 backdrop-filter:blur(18px);
}
html body.pqr-social-builder-page .pqr-social-builder-hero {
 padding:clamp(24px,4vw,48px)!important;margin-bottom:28px!important;
}
html body.pqr-social-builder-page .pqr-builder-card {padding:24px!important}
html body.pqr-social-builder-page .pqr-builder-section {
 padding:22px 0!important;border-bottom:1px solid var(--sp-border)!important;
}
html body.pqr-social-builder-page .pqr-builder-section:first-child {padding-top:0!important}
html body.pqr-social-builder-page :is(
 .pqr-social-builder-hero h1,.pqr-builder-section h2,
 .pqr-builder-result h3,.sp-guide h1,.sp-guide h2,.sp-guide h3,
 .input-label,.pqr-builder-preview-label) {
 color:var(--sp-text)!important;
}
html body.pqr-social-builder-page .pqr-social-builder-hero h1,
body.pqr-social-builder-page .sp-guide h1 {
 font-size:clamp(30px,4vw,48px)!important;line-height:1.12;
 letter-spacing:-.035em;
}
html body.pqr-social-builder-page :is(
 .pqr-builder-section h2,.sp-guide h2) {
 font-size:clamp(21px,2.5vw,28px)!important;line-height:1.25;
}
html body.pqr-social-builder-page :is(
 .pqr-builder-help,.pqr-builder-account-note,
 .pqr-social-builder-hero p,.sp-guide p,.sp-guide li) {
 color:var(--sp-muted)!important;line-height:1.75;
}
html body.pqr-social-builder-page :is(.form-control,.form-select) {
 background:var(--sp-field)!important;color:var(--sp-text)!important;
 border:1px solid var(--sp-border)!important;border-radius:11px!important;
 min-width:0;font-size:16px;min-height:46px;
}
html body.pqr-social-builder-page input::placeholder,
html body.pqr-social-builder-page textarea::placeholder {
 color:var(--sp-muted)!important;opacity:1;
}
html body.pqr-social-builder-page :is(
 .pqr-social-link-row,.pqr-theme-preset,.pqr-builder-add-link,
 .pqr-social-link-remove,.btn-outline-primary) {
 background:var(--sp-field)!important;color:var(--sp-text)!important;
 border:1px solid var(--sp-border)!important;border-radius:12px;
}
html body.pqr-social-builder-page .pqr-social-link-row {
 display:flex;gap:10px;padding:14px;margin-bottom:12px;
}
body.pqr-social-builder-page .pqr-social-link-fields {flex:1;min-width:0}
html body.pqr-social-builder-page .pqr-social-link-remove {
 flex:0 0 42px;align-self:start;min-height:42px;
}
html body.pqr-social-builder-page :is(
 .pqr-designer-kicker,.pqr-social-builder-eyebrow,.pqr-builder-count) {
 color:var(--sp-accent)!important;
}
html body.pqr-social-builder-page :is(.pqr-primary-action,.sp-cta) {
 display:inline-flex;justify-content:center;align-items:center;gap:8px;
 padding:13px 19px;background:#6150df!important;color:#fff!important;
 border:0;border-radius:12px;text-decoration:none;font-weight:700;
}
body.pqr-social-builder-page :is(a,button,input,select,textarea):focus-visible {
 outline:3px solid var(--sp-accent)!important;outline-offset:3px;
}
html body.pqr-social-builder-page :is(.pqr-site-header,.pqr-footer) {
 width:100%!important;max-width:none!important;
 background:var(--sp-panel)!important;color:var(--sp-text)!important;
 border-color:var(--sp-border)!important;
}
html body.pqr-social-builder-page :is(
 .pqr-brand,.pqr-nav-link,.pqr-footer-brand,.pqr-footer-title) {
 color:var(--sp-text)!important;
}
html body.pqr-social-builder-page :is(
 .pqr-footer-description,.pqr-footer-links a,.pqr-footer-bottom) {
 color:var(--sp-muted)!important;
}
html body.pqr-social-builder-page .pqr-nav-primary {color:#fff!important}
body.pqr-social-builder-page .sp-guide {padding-block:32px}
body.pqr-social-builder-page .sp-guide-panel {
 padding:clamp(20px,3vw,36px);margin-bottom:20px;
}
body.pqr-social-builder-page .sp-guide h3 {font-size:19px;margin-top:24px}
body.pqr-social-builder-page .sp-guide a:not(.sp-cta) {color:var(--sp-accent)}
body.pqr-social-builder-page .sp-guide details {
 margin-top:12px;border:1px solid var(--sp-border);
 background:var(--sp-field);border-radius:12px;padding:0;
}
body.pqr-social-builder-page .sp-guide summary {
 padding:18px;cursor:pointer;font-weight:700;color:var(--sp-text);
}
body.pqr-social-builder-page .sp-guide details p {padding:0 18px 18px;margin:0}
body.pqr-social-builder-page .sp-note {font-size:14px}
@media(max-width:767px) {
 html body.pqr-social-builder-page .pqr-builder-card {padding:16px!important}
 html body.pqr-social-builder-page .pqr-builder-preview-sticky {
 position:static!important;top:auto!important;
 }
 body.pqr-social-builder-page .pqr-header-inner,
 body.pqr-social-builder-page .pqr-header-nav {flex-wrap:wrap;gap:10px}
 body.pqr-social-builder-page .pqr-result-actions {flex-wrap:wrap}
 body.pqr-social-builder-page .pqr-social-link-icon {display:none}
 body.pqr-social-builder-page .pqr-copy-field input {min-width:0}
}
@media(prefers-reduced-motion:reduce) {
 body.pqr-social-builder-page * {animation:none!important;scroll-behavior:auto!important}
}