@layer wsl-base, wsl-components, wsl-studio, wsl-responsive, wsl-action-buttons;

/* Fixed Social Studio composition. Shared variables still come from Playground identity. */
.wsl-page.wsl-fixed{display:block;min-height:100svh;padding:0;background:#fff;color:var(--wsl-text,#171a22)}
.wsl-fixed .wsl-card{width:min(100%,1050px);max-width:none;min-height:100svh;margin:auto;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff;display:flex;flex-direction:column;align-items:stretch;position:relative;text-align:center}
.wsl-fixed .wsl-banner{height:162px;flex:none;background:var(--wsl-banner);display:flex;align-items:flex-start;justify-content:center;padding:34px 20px;box-sizing:border-box}
.wsl-fixed .wsl-banner-logo{display:inline-flex;align-items:center;justify-content:center;max-width:70%;min-height:32px;color:#fff;font-weight:700}
.wsl-fixed .wsl-banner-logo img{display:block;max-width:200px;max-height:70px;width:auto;height:auto;object-fit:contain}
.wsl-fixed .wsl-avatar{width:92px;height:92px;box-sizing:border-box;border:3px solid var(--wsl-avatar-border);border-radius:50%;background:color-mix(in srgb,var(--wsl-avatar-border) 20%,#fff);overflow:hidden;position:absolute;top:116px;left:50%;transform:translateX(-50%);z-index:1;box-shadow:0 3px 8px #0002}
.wsl-fixed .wsl-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.wsl-fixed .wsl-main{width:min(100%,620px);box-sizing:border-box;margin:0 auto;padding:78px 24px 44px;flex:1;display:flex;flex-direction:column;align-items:stretch;gap:24px}
.wsl-fixed .wsl-copy h1{margin:0;font-size:13px;line-height:1.4;font-weight:700;text-transform:uppercase;color:var(--wsl-title,#171a22)}
.wsl-fixed .wsl-copy p{margin:8px auto 0;max-width:60ch;font-size:14px;line-height:1.55;color:var(--wsl-text,#171a22);opacity:1}
.wsl-fixed .wsl-stories{display:flex;justify-content:center;gap:20px;max-width:100%;min-height:100px;overflow-x:auto;padding:3px}
.wsl-fixed .wsl-stories a{flex:none;width:76px;color:inherit;text-decoration:none;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:8px}
.wsl-fixed .wsl-story-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}
.wsl-fixed .wsl-stories button{width:76px;height:76px;flex:none;border:2px dashed var(--wsl-avatar-border);border-radius:50%;background:transparent;color:inherit;font-size:11px;cursor:pointer}
.wsl-fixed .wsl-story-image{width:70px;height:70px;border:3px solid var(--wsl-avatar-border);border-radius:50%;box-sizing:border-box;overflow:hidden;background:#fff;display:block;transition:transform .2s ease,box-shadow .2s ease}
.wsl-fixed .wsl-story-image img{width:100%;height:100%;object-fit:cover;display:block}
.wsl-fixed .wsl-stories a:is(:hover,:focus-visible) .wsl-story-image{transform:scale(1.055);box-shadow:0 6px 16px #0002}
.wapu-social-links-page{margin:0;min-height:100svh}
.wapu-social-links-page .wsl-page.wsl-fixed{width:100%;min-height:100svh}
.wapu-social-links-page .wsl-fixed .wsl-card{width:100%;max-width:none;min-height:100svh}
@media(prefers-reduced-motion:reduce){.wsl-fixed .wsl-story-image{transition:none}}
.wsl-fixed .wsl-links{display:grid;gap:10px;width:min(100%,340px);margin:0 auto}
.wsl-fixed .wsl-links .wsl-link{display:flex;justify-content:center;align-items:center;min-height:38px;padding:8px 12px;box-sizing:border-box;border:1px solid var(--wsl-button);border-radius:8px;background:transparent;color:var(--wsl-button);text-align:center;text-decoration:none;font-size:13px;font-weight:500;box-shadow:none;transition:background .18s ease,color .18s ease}
.wsl-fixed .wsl-links .wsl-link:hover,.wsl-fixed .wsl-links .wsl-link:focus-visible{border-color:var(--wsl-button);background:var(--wsl-button);color:var(--wsl-button-text);transform:none;box-shadow:none}
.wsl-fixed .wsl-footer{min-height:140px;padding:28px 20px;box-sizing:border-box;background:var(--wsl-footer);color:var(--wsl-footer-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.wsl-fixed .wsl-footer p{margin:0;font-size:13px;min-height:1em}
.wsl-fixed .wsl-footer p[data-placeholder]:empty:before{content:attr(data-placeholder);opacity:.65}
.wsl-fixed .wsl-socials{display:flex;justify-content:center;gap:10px;margin:0;flex-wrap:wrap}
.wsl-fixed .wsl-socials a{width:32px;height:32px;border:0;border-radius:50%;background:var(--wsl-accent);color:var(--wsl-button-text);box-shadow:none}
.wsl-fixed .wsl-socials a:hover{background:var(--wsl-accent);color:var(--wsl-button-text)}
.wsl-fixed [data-social-part]{cursor:pointer}
.wsl-fixed [contenteditable=true]{cursor:text;outline:2px solid var(--wsl-accent)}
@media(max-width:600px){.wsl-fixed .wsl-main{padding-inline:16px}.wsl-fixed .wsl-stories{justify-content:flex-start}.wsl-fixed .wsl-banner{height:150px}.wsl-fixed .wsl-avatar{top:105px}}
.wsv-editor .wsv-artboard>.wsl-page.wsl-fixed{padding:0;min-height:650px}
.wsv-editor .wsv-artboard .wsl-fixed .wsl-card{max-width:none}
.wsv-editor .wsv-artboard .wsl-fixed [data-social-part]{cursor:pointer}
.wsv-editor .wsv-artboard .wsl-fixed .is-social-selected{outline:2px solid var(--wsv-action)!important;outline-offset:2px}
.wsv-editor[data-social-studio] .wsv-rail,.wsv-editor[data-social-studio] .wsv-library{display:none!important}
.wsv-editor[data-social-studio] .wsv-artboard[data-device=desktop],.wsv-editor[data-social-studio] .wsv-artboard-wrap[data-device=desktop]{width:min(1050px,100%);max-width:1050px}
.wsv-editor[data-social-studio] .wsv-artboard[data-device=tablet],.wsv-editor[data-social-studio] .wsv-artboard-wrap[data-device=tablet]{width:min(768px,100%);max-width:768px}
.wsv-editor[data-social-studio] .wsv-artboard[data-device=mobile],.wsv-editor[data-social-studio] .wsv-artboard-wrap[data-device=mobile]{width:min(390px,100%);max-width:390px}
.wsv-editor[data-social-studio] .wsv-artboard .wsl-fixed .wsl-card{min-height:650px}
.wsl-fixed .wsl-stories:empty{display:none}

@layer wsl-base {
  .wapu-social-links-page{margin:0}
  .wsl-page{
    --wsl-bg:#ffffff;--wsl-card-color:#fff;--wsl-title:#171a22;--wsl-text:#171a22;
    --wsl-button:#171a22;--wsl-button-text:#fff;--wsl-button-hover:#30343b;--wsl-accent:#171a22;
    --wsl-overlay-color:#000;--wsl-overlay-opacity:0;--wsl-focal-x:50%;--wsl-focal-y:50%;--wsl-image:none;
    --wsl-card-radius:28px;--wsl-card-shadow:0 16px 36px rgba(16,16,16,.08);
    --wsl-motion-duration:.18s;--wsl-motion-distance:3px;
    position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:32px 16px;
    background:var(--wsl-bg);color:var(--wsl-text);font-family:Arial,sans-serif
  }
  .wsl-page::before,.wsl-page::after{content:"";position:fixed;inset:0;pointer-events:none}
  .wsl-page::before{z-index:-2;background-image:var(--wsl-image);background-size:cover;background-position:var(--wsl-focal-x) var(--wsl-focal-y);background-repeat:no-repeat;opacity:0}
  .wsl-page::after{z-index:-1;background:var(--wsl-overlay-color);opacity:0}
  .wsl-page.is-bg-image::before{opacity:1}.wsl-page.is-bg-image::after{opacity:var(--wsl-overlay-opacity)}
  .wsl-page.is-bg-transparent{background:transparent}
  .wsl-page.is-motion-none{--wsl-motion-duration:0ms;--wsl-motion-distance:0px}
  .wsl-page.is-motion-soft{--wsl-motion-duration:.12s;--wsl-motion-distance:1px}
  .wsl-page.is-motion-normal{--wsl-motion-duration:.18s;--wsl-motion-distance:3px}
  .wsl-page.is-motion-expressive{--wsl-motion-duration:.28s;--wsl-motion-distance:5px}
}

@layer wsl-components {
  .wsl-card{width:min(100%,390px);padding:34px 22px;text-align:center;border:1px solid color-mix(in srgb,var(--wsl-text) 14%,transparent);border-radius:var(--wsl-card-radius);background:var(--wsl-card-color);box-shadow:var(--wsl-card-shadow)}
  .is-layout-compact .wsl-card{width:min(100%,350px);padding:28px 20px}.is-layout-compact .wsl-logo{width:64px;height:64px;border-radius:20px;margin-bottom:12px}.is-layout-compact .wsl-links{gap:10px;margin-top:16px}
  .is-layout-editorial .wsl-card{width:min(100%,460px);padding:38px 30px}.is-layout-editorial .wsl-logo{width:88px;height:88px}.is-layout-editorial .wsl-card h1{font-size:34px}
  .is-card-flat .wsl-card{border-color:transparent;background:transparent;box-shadow:none}.is-card-glass .wsl-card{background:color-mix(in srgb,var(--wsl-card-color) 68%,transparent);backdrop-filter:blur(18px)}
  .is-radius-none{--wsl-card-radius:0}.is-radius-sm{--wsl-card-radius:12px}.is-radius-md{--wsl-card-radius:20px}.is-radius-lg{--wsl-card-radius:32px}.is-radius-pill{--wsl-card-radius:48px}
  .is-shadow-none{--wsl-card-shadow:none}.is-shadow-soft{--wsl-card-shadow:0 12px 30px color-mix(in srgb,var(--wsl-text) 8%,transparent)}.is-shadow-medium{--wsl-card-shadow:0 18px 44px color-mix(in srgb,var(--wsl-text) 13%,transparent)}.is-shadow-strong{--wsl-card-shadow:0 24px 64px color-mix(in srgb,var(--wsl-text) 20%,transparent)}
  .is-align-left .wsl-card{text-align:left}.is-align-left .wsl-socials{justify-content:flex-start}
  .wsl-logo{width:76px;height:76px;display:inline-grid;place-items:center;object-fit:cover;border-radius:24px;margin-bottom:16px}.wsl-logo--empty{background:color-mix(in srgb,var(--wsl-accent) 12%,white);color:var(--wsl-accent);font:900 28px/1 Arial,sans-serif}
  .wsl-card h1{margin:0;color:var(--wsl-title);font:800 29px/1.08 Arial,sans-serif;letter-spacing:-.025em}.wsl-intro{max-width:30ch;margin:8px auto;color:var(--wsl-text);opacity:.72}.is-align-left .wsl-intro{margin-left:0}
  .wsl-status{margin:8px 0;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,currentColor 42%,transparent);border-radius:99px;font-size:12px}.wsl-status i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,#e85e50 86%,var(--wsl-text))}.wsl-status.is-open i{background:color-mix(in srgb,#20a56f 88%,var(--wsl-text))}
  .wsl-location{margin:8px 0;display:inline-flex;align-items:center;gap:6px;font-size:13px;opacity:.68}.wsl-location .pgui-icon{width:14px;height:14px;flex:none}
  .wsl-socials{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:20px 0}.wsl-socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--wsl-accent) 54%,transparent);border-radius:12px;background:color-mix(in srgb,var(--wsl-accent) 8%,transparent);color:var(--wsl-accent);text-decoration:none;font-size:11px;font-weight:900;transition:transform var(--wsl-motion-duration) ease,background var(--wsl-motion-duration) ease,color var(--wsl-motion-duration) ease,box-shadow var(--wsl-motion-duration) ease}.wsl-socials a:hover{transform:translateY(calc(var(--wsl-motion-distance) * -.67));background:var(--wsl-accent);color:var(--wsl-card-color);box-shadow:0 8px 20px color-mix(in srgb,var(--wsl-accent) 24%,transparent)}
  .wsl-links{display:grid;gap:12px;margin-top:20px}.wsl-links a{--wsl-link-button:var(--wsl-button);--wsl-link-text:var(--wsl-button-text);--wsl-link-hover:var(--wsl-button-hover);min-height:56px;padding:12px 16px;display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--wsl-link-button);border-radius:12px;background:transparent;color:var(--wsl-link-button);text-align:left;text-decoration:none;font-weight:800;box-shadow:0 0 0 transparent;transition:transform var(--wsl-motion-duration) ease,background var(--wsl-motion-duration) ease,color var(--wsl-motion-duration) ease,border-color var(--wsl-motion-duration) ease,box-shadow var(--wsl-motion-duration) ease}.wsl-links a>.wsl-native-emoji{font-style:normal;text-align:center;font-size:19px}.wsl-links a>b{width:18px;height:18px;display:grid;place-items:center;transition:transform var(--wsl-motion-duration) ease}.wsl-links a>b .pgui-icon{width:16px;height:16px}.wsl-links a>img{width:48px;height:48px;margin-block:-8px;object-fit:cover;border-radius:12px}
  .wsl-native-emoji{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-variant-emoji:emoji}.wsl-native-emoji[data-wsl-native-emoji]{display:inline-grid;place-items:center}.wsl-native-emoji[data-wsl-native-emoji]::before{content:attr(data-wsl-native-emoji)}
  .is-pill .wsl-links a{border-radius:99px}.is-square .wsl-links a{border-radius:4px}.is-rounded .wsl-links a{border-radius:14px}
  .is-solid .wsl-links a,.wsl-links a.is-featured{border-color:var(--wsl-link-button);background:var(--wsl-link-button);color:var(--wsl-link-text)}.is-soft .wsl-links a{border-color:transparent;background:color-mix(in srgb,var(--wsl-link-button) 13%,transparent);color:var(--wsl-link-button)}
  .is-button-compact .wsl-links a{min-height:48px;padding-block:8px}.is-button-large .wsl-links a{min-height:64px;padding:16px 18px;font-size:16px}
  .wsl-links a:hover,.wsl-links a:focus-visible{border-color:var(--wsl-link-hover);background:var(--wsl-link-hover);color:var(--wsl-link-text);outline:0}.is-hover-lift .wsl-links a:hover{transform:translateY(calc(var(--wsl-motion-distance) * -1));box-shadow:0 12px 26px color-mix(in srgb,var(--wsl-link-hover) 24%,transparent)}.is-hover-glow .wsl-links a:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--wsl-link-hover) 18%,transparent),0 12px 28px color-mix(in srgb,var(--wsl-link-hover) 28%,transparent)}.is-hover-slide .wsl-links a:hover>b{transform:translateX(var(--wsl-motion-distance))}.is-hover-none .wsl-links a:hover{transform:none;box-shadow:none}
  .wsl-links a.wsl-link--solid{border-color:var(--wsl-link-button);background:var(--wsl-link-button);color:var(--wsl-link-text)}.wsl-links a.wsl-link--soft{border-color:transparent;background:color-mix(in srgb,var(--wsl-link-button) 13%,transparent);color:var(--wsl-link-button)}.wsl-links a.wsl-link--outline{border-color:var(--wsl-link-button);background:transparent;color:var(--wsl-link-button)}.wsl-links a.wsl-link--glass{border-color:color-mix(in srgb,var(--wsl-link-button) 28%,transparent);background:color-mix(in srgb,var(--wsl-card-color) 58%,transparent);color:var(--wsl-link-button);backdrop-filter:blur(14px);box-shadow:0 10px 28px color-mix(in srgb,var(--wsl-text) 8%,transparent)}
  .wsl-links a.wsl-link--pill{border-radius:999px}.wsl-links a.wsl-link--square{border-radius:4px}.wsl-links a.wsl-link--rounded{border-radius:14px}
  .wsl-links a.wsl-link--size-compact{min-height:48px;padding-block:8px}.wsl-links a.wsl-link--size-large{min-height:64px;padding:16px 18px;font-size:16px}
  .wsl-links a.wsl-link--hover-lift:hover{transform:translateY(calc(var(--wsl-motion-distance) * -1));box-shadow:0 12px 26px color-mix(in srgb,var(--wsl-link-hover) 24%,transparent)}.wsl-links a.wsl-link--hover-glow:hover{box-shadow:0 0 0 4px color-mix(in srgb,var(--wsl-link-hover) 18%,transparent),0 12px 28px color-mix(in srgb,var(--wsl-link-hover) 28%,transparent)}.wsl-links a.wsl-link--hover-slide:hover>b{transform:translateX(var(--wsl-motion-distance))}.wsl-links a.wsl-link--hover-none:hover{transform:none;box-shadow:none}
  .wsl-links a:focus-visible,.wsl-socials a:focus-visible,.wsl-brand:focus-visible{outline:3px solid color-mix(in srgb,var(--wsl-accent) 38%,transparent);outline-offset:3px}
  .wsl-links a.is-preview-incomplete{opacity:1}
  .wsl-brand{display:inline-block;margin-top:32px;color:var(--wsl-text);opacity:.66;text-decoration:none;font-size:12px}.wsl-brand strong{color:var(--wsl-accent)}
}

@layer wsl-studio {
  /* Social Studio: sólo composición propia; shell y chrome pertenecen a PGDS. */
  .pgui-social-color-grid{display:grid;gap:var(--pgui-space-base)}
  .pgui-social-color-grid .pgui-color-picker{padding:var(--pgui-space-base);border:var(--pgui-border-width-thin) solid var(--pgui-line);border-radius:var(--pgui-radius-md);background:var(--pgui-surface-soft)}
  .pgui-social-contrast-stack{display:grid;gap:var(--pgui-space-sm)}

  .pgui-social-studio .pgui-canvas__stage{padding:var(--pgui-space-base) var(--pgui-space-lg) var(--pgui-space-lg)}
  .pgui-social-studio .pgui-preview{min-height:40rem}
  .pgui-social-studio .pgui-preview .wsl-page{min-height:40rem;padding:var(--pgui-space-xl) var(--pgui-space-base)}
  .pgui-social-studio .pgui-preview[data-device="tablet"] .wsl-page,.pgui-social-studio .pgui-preview[data-device="desktop"] .wsl-page{min-height:40rem}
  .pgui-social-studio .pgui-preview .wsl-card{min-height:36.875rem;display:flex;flex-direction:column;align-items:center}
  .pgui-social-studio .pgui-preview .wsl-links{width:100%}
  .pgui-social-studio .pgui-preview .wsl-brand{margin-top:auto;padding-top:var(--pgui-space-lg)}
  .pgui-social-profile-summary .pgui-resource-card__main{grid-template-columns:3rem minmax(0,1fr)}
  .pgui-social-profile-summary__logo{width:3rem;height:3rem;display:grid;place-items:center;overflow:hidden;border:var(--pgui-border-width-thin) solid var(--pgui-line);border-radius:var(--pgui-radius-md);background:var(--pgui-surface-soft);color:var(--pgui-action)}
  .pgui-social-profile-summary__logo img{width:100%;height:100%;object-fit:cover}
  .pgui-social-profile-summary__logo .pgui-icon{width:1.125rem;height:1.125rem}
  .pgui-social-profile-editor{display:grid;gap:var(--pgui-space-base)}

  .pgui-social-link-list{gap:var(--pgui-space-xs)}
  .pgui-social-link-row{min-height:3.75rem;transition:transform var(--pgui-motion-fast) var(--pgui-ease),opacity var(--pgui-motion-fast) var(--pgui-ease),box-shadow var(--pgui-motion-fast) var(--pgui-ease)}
  .pgui-social-link-row.is-dragging{z-index:3;opacity:.82;transform:scale(.985);box-shadow:var(--pgui-shadow-soft)}
  .pgui-social-link-row.is-draft{opacity:.72}
  .pgui-social-link-row .pgui-entity-row__drag{touch-action:none;cursor:grab}
  .pgui-social-link-row.is-dragging .pgui-entity-row__drag{cursor:grabbing}
  .pgui-social-link-row .pgui-entity-row__visual{width:2.5rem;height:2.5rem}
  .pgui-social-link-row .pgui-entity-row__main{min-height:3.5rem}
  .pgui-social-link-row .pgui-entity-row__main small{max-width:9.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pgui-social-link-row .pgui-entity-row__action.is-danger{color:var(--pgui-danger)}

  .pgui-social-link-editor,.pgui-social-design-editor,.pgui-social-information-editor{display:grid;gap:var(--pgui-space-lg)}
  .pgui-social-editor-basic,.pgui-social-link-appearance,.pgui-social-button-custom{display:grid;gap:var(--pgui-space-base)}
  .pgui-social-draft-banner{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--pgui-space-sm);padding:var(--pgui-space-sm) var(--pgui-space-base);border:var(--pgui-border-width-thin) solid color-mix(in srgb,var(--pgui-action) 26%,var(--pgui-line));border-radius:var(--pgui-radius-md);background:color-mix(in srgb,var(--pgui-action) 5%,var(--pgui-surface))}
  .pgui-social-draft-banner>.pgui-icon{width:1rem;height:1rem;margin-top:.125rem;color:var(--pgui-action)}
  .pgui-social-draft-banner>span{display:grid;gap:var(--pgui-space-2xs)}
  .pgui-social-draft-banner strong{font-size:.75rem}.pgui-social-draft-banner small{font-size:.625rem;line-height:1.4;color:var(--pgui-muted)}
  .pgui-social-destination-grid{display:grid;grid-template-columns:minmax(6.75rem,.75fr) minmax(0,1.45fr);gap:var(--pgui-space-sm);align-items:end}
  .pgui-social-link-editor__toggles{display:grid;grid-template-columns:1fr 1fr;gap:var(--pgui-space-xs);padding:var(--pgui-space-xs);border:var(--pgui-border-width-thin) solid var(--pgui-line);border-radius:var(--pgui-radius-md);background:var(--pgui-surface-soft)}
  .pgui-social-link-editor__toggles .pgui-toggle-row{min-width:0}
  .pgui-social-global-style{padding:var(--pgui-space-sm) var(--pgui-space-base) var(--pgui-space-md);border:var(--pgui-border-width-thin) solid var(--pgui-line);border-radius:var(--pgui-radius-md);background:var(--pgui-surface)}
  .pgui-social-global-style>small{display:block;margin-top:calc(var(--pgui-space-xs) * -1);color:var(--pgui-muted);font:500 .625rem/1.4 var(--pgui-font-help)}
  .pgui-social-button-custom{padding-top:var(--pgui-space-sm);border-top:var(--pgui-border-width-thin) solid var(--pgui-line)}.pgui-social-connected-disclosure .pgui-disclosure__content{display:grid;gap:var(--pgui-space-sm)}
  .pgui-social-preset-section{padding-bottom:var(--pgui-space-xs)}
  .pgui-social-design-advanced>.pgui-disclosure__content,.pgui-social-info-disclosure>.pgui-disclosure__content{display:grid;gap:var(--pgui-space-base)}
  .pgui-preview .wsl-links a.is-editing{outline:.1875rem solid color-mix(in srgb,var(--pgui-action) 74%,transparent);outline-offset:.1875rem}
  .pgui-social-link-editor .pgui-repeater__actions{margin-top:auto}
  .pgui-social-editor-actions{display:flex;justify-content:space-between;gap:var(--pgui-space-sm);padding-top:var(--pgui-space-sm);border-top:var(--pgui-border-width-thin) solid var(--pgui-line)}

  .pgui-social-studio .pgui-toast{opacity:1;transition:opacity var(--pgui-motion-fast) var(--pgui-ease),transform var(--pgui-motion-fast) var(--pgui-ease)}
  .pgui-social-studio .pgui-toast[data-status="saved"]{opacity:0;pointer-events:none;transform:translate(-50%,var(--pgui-space-sm))}
  .pgui-social-publication{padding:var(--pgui-space-md) var(--pgui-space-base);border:var(--pgui-border-width-thin) solid var(--pgui-line);border-radius:var(--pgui-radius-md);background:var(--pgui-surface)}
  .pgui-social-publication>strong{display:block;margin-top:var(--pgui-space-sm);font-size:.75rem;color:var(--pgui-text)}
  .pgui-social-publication>small{display:block;margin-top:var(--pgui-space-2xs);color:var(--pgui-muted);font-size:.625rem;line-height:1.4}
  .pgui-social-publication[data-tone=success]{border-color:color-mix(in srgb,var(--pgui-success) 32%,var(--pgui-line));background:color-mix(in srgb,var(--pgui-success) 6%,var(--pgui-surface))}
  .pgui-social-publication[data-tone=danger]{border-color:color-mix(in srgb,var(--pgui-danger) 34%,var(--pgui-line));background:color-mix(in srgb,var(--pgui-danger) 6%,var(--pgui-surface))}
  .pgui-social-publication[data-tone=warning]{border-color:color-mix(in srgb,var(--pgui-action) 28%,var(--pgui-line));background:color-mix(in srgb,var(--pgui-action) 5%,var(--pgui-surface))}
  .pgui-social-page-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--pgui-space-xs)}
  .pgui-social-page-actions .pgui-button{min-width:0;justify-content:center}
  .pgui-social-review-section{display:grid;gap:var(--pgui-space-sm)}
  .pgui-social-diagnostics{padding:.875rem var(--pgui-space-base);border:var(--pgui-border-width-thin) solid var(--pgui-line);border-radius:var(--pgui-radius-md);background:var(--pgui-surface-soft)}
  .pgui-social-diagnostics>div{display:grid;gap:var(--pgui-space-2xs)}
  .pgui-social-diagnostics strong{font-size:.75rem}
  .pgui-social-diagnostics small{color:var(--pgui-muted);font-size:.625rem}
  .pgui-social-review-list{margin-top:var(--pgui-space-md);padding-top:var(--pgui-space-sm);border-top:var(--pgui-border-width-thin) solid var(--pgui-line);display:grid;gap:var(--pgui-space-xs)}
  .pgui-social-review-row{cursor:pointer}.pgui-social-review-row .pgui-setting-row__summary{white-space:normal}
  .pgui-social-review-action{display:inline-flex;align-items:center;gap:var(--pgui-space-2xs);font-size:.625rem;font-weight:800;color:var(--pgui-action)}
  .pgui-social-review-action .pgui-icon{width:.875rem;height:.875rem}
  .pgui-social-draft-note{margin:var(--pgui-space-sm) 0 0;color:var(--pgui-muted);font-size:.625rem;line-height:1.4}
  .pgui-social-diagnostics[data-state="error"]{border-color:color-mix(in srgb,var(--pgui-danger) 36%,var(--pgui-line));background:color-mix(in srgb,var(--pgui-danger) 7%,var(--pgui-surface))}
  .pgui-social-diagnostics[data-state="warning"]{border-color:color-mix(in srgb,var(--pgui-action) 30%,var(--pgui-line));background:color-mix(in srgb,var(--pgui-action) 6%,var(--pgui-surface))}
  .pgui-social-diagnostics[data-state="ready"]{border-color:color-mix(in srgb,var(--pgui-success) 32%,var(--pgui-line));background:color-mix(in srgb,var(--pgui-success) 7%,var(--pgui-surface))}

  .pgui-social-appearance-group{display:grid;gap:.875rem}
  .pgui-social-appearance-group>.pgui-field__label{font-size:.6875rem;font-weight:850;color:var(--pgui-text)}
  .pgui-social-background-media{display:grid;gap:var(--pgui-space-md)}
  .pgui-social-background-media .pgui-focal-point{margin-top:var(--pgui-space-xs)}
  .pgui-social-appearance-actions{display:flex;justify-content:flex-end}
  .pgui-social-appearance-actions .pgui-reset-control{width:100%}

  .pgui-social-url-preview{margin-top:calc(var(--pgui-space-2xs) * -1);padding:.625rem;display:grid;grid-template-columns:3.25rem minmax(0,1fr) 1.125rem;align-items:center;gap:.625rem;border:var(--pgui-border-width-thin) solid var(--pgui-line);border-radius:var(--pgui-radius-md);background:var(--pgui-surface-soft);color:var(--pgui-text)}
  .pgui-social-url-preview>img,.pgui-social-url-preview__placeholder{width:3.25rem;height:3.25rem;border-radius:var(--pgui-radius-sm);border:var(--pgui-border-width-thin) solid var(--pgui-line);background:var(--pgui-surface);object-fit:cover;display:grid;place-items:center;overflow:hidden}
  .pgui-social-url-preview__placeholder{font-size:1.375rem}
  .pgui-social-url-preview>span{min-width:0;display:grid;gap:var(--pgui-space-2xs)}
  .pgui-social-url-preview small{font:800 .5625rem/1.2 var(--pgui-font-help);letter-spacing:.08em;color:var(--pgui-action)}
  .pgui-social-url-preview strong,.pgui-social-url-preview em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pgui-social-url-preview strong{font:800 .75rem/1.3 var(--pgui-font-body)}
  .pgui-social-url-preview em{font:500 .625rem/1.3 var(--pgui-font-help);font-style:normal;color:var(--pgui-muted)}
  .pgui-social-url-preview>.pgui-icon{width:1rem;height:1rem;color:var(--pgui-muted)}

  .pgui-social-resource-stack,.pgui-social-link-suggestions,.pgui-social-connected-resources{display:grid;gap:var(--pgui-space-sm)}
  .pgui-social-resource-stack .pgui-resource-card{min-width:0}
  .pgui-social-resource-icon{width:2.75rem;height:2.75rem;display:grid;place-items:center;border:var(--pgui-border-width-thin) solid var(--pgui-line);border-radius:var(--pgui-radius-md);background:var(--pgui-surface-soft);color:var(--pgui-action)}
  .pgui-social-resource-icon .pgui-icon{width:1.125rem;height:1.125rem}
  .pgui-social-resource-icon img{width:100%;height:100%;border-radius:inherit;object-fit:cover}
  .pgui-social-information-editor>.pgui-button{width:100%;justify-content:center}
  .pgui-social-link-suggestions .pgui-resource-card__copy p,.pgui-social-connected-resources .pgui-resource-card__copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  @media(max-width:26rem){.pgui-social-destination-grid,.pgui-social-link-editor__toggles,.pgui-social-page-actions{grid-template-columns:1fr}.pgui-social-link-row .pgui-entity-row__main small{max-width:7rem}}
  @media(max-width:57.5rem){.pgui-social-studio .pgui-studio__actions .pgui-button[data-size="icon"]:not([data-pgui-studio-focus]){display:none}}
}

@layer wsl-responsive {
  @media(max-width:480px){.wapu-social-links-page .wsl-page{padding:0;min-height:100svh}.wapu-social-links-page .wsl-card{min-height:100vh;min-height:100svh;border:0;border-radius:0;box-shadow:none;padding:42px 20px}.wapu-social-links-page .is-layout-editorial .wsl-card{width:100%}}
  @media(prefers-reduced-motion:reduce){.wsl-page{--wsl-motion-duration:0ms;--wsl-motion-distance:0px}.wsl-links a:hover,.wsl-socials a:hover{transform:none}}
}

@layer wsl-action-buttons {
  .wsl-page.is-ghost .wsl-links a,.wsl-links a.wsl-link--ghost{background:transparent;color:var(--wsl-button);border-color:transparent;box-shadow:none}
  .wsl-links a.wsl-link--ghost{color:var(--wsl-link-button)}
  .wsl-page.is-hover-darken .wsl-links a:hover,.wsl-links a.wsl-link--hover-darken:hover{filter:brightness(.9)}
  .wsl-page.is-hover-fill.is-outline .wsl-links a:hover,.wsl-page.is-hover-fill.is-ghost .wsl-links a:hover{background:var(--wsl-button);color:var(--wsl-button-text)}
  .wsl-links a.wsl-link--hover-fill.wsl-link--outline:hover,.wsl-links a.wsl-link--hover-fill.wsl-link--ghost:hover{background:var(--wsl-link-button);color:var(--wsl-link-text)}
  :is(.wsl-page.is-icon-end .wsl-links a,.wsl-links a.wsl-link--icon-end){grid-template-columns:minmax(0,1fr) auto 28px auto}
  :is(.wsl-page.is-icon-end .wsl-links a,.wsl-links a.wsl-link--icon-end)>span{order:initial;grid-column:1;min-width:0}
  :is(.wsl-page.is-icon-end .wsl-links a,.wsl-links a.wsl-link--icon-end)>img{order:initial;grid-column:2}
  :is(.wsl-page.is-icon-end .wsl-links a,.wsl-links a.wsl-link--icon-end)>i{order:initial;grid-column:3}
  :is(.wsl-page.is-icon-end .wsl-links a,.wsl-links a.wsl-link--icon-end)>b{order:initial;grid-column:4}
}

@layer wsl-action-buttons {
  /* Optional page-local visual overrides share the public renderer. */
  .wsl-page::before{background-size:var(--wsl-background-size,cover);filter:blur(var(--wsl-background-blur,0px))}
  .wsl-card{box-sizing:border-box}.wsl-card h1,.wsl-intro,.wsl-links a>span,.wsl-element{overflow-wrap:anywhere;white-space:pre-wrap}
  .wsl-links a>i>.pgui-icon,.wsl-socials .pgui-icon{width:20px;height:20px}
  .wsl-socials a{position:relative}.wsl-network-label{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);background:var(--wsl-text);color:var(--wsl-card-color);padding:4px 8px;font-size:11px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none}.wsl-socials a:hover .wsl-network-label,.wsl-socials a:focus-visible .wsl-network-label{opacity:1}
  .wsl-element{margin-block:16px;box-sizing:border-box;width:100%}.wsl-element--image{overflow:hidden;border-radius:12px;min-height:40px}.wsl-element--image img{width:100%;height:100%;display:block;object-fit:inherit;border-radius:inherit}.wsl-element--container{padding:20px;border:1px solid color-mix(in srgb,var(--wsl-accent) 20%,transparent);border-radius:14px}.wsl-element--separator hr{border:0;border-top:1px solid currentColor;margin:0;opacity:.25}.wsl-element--spacer{height:32px;margin:0}.wsl-element--decoration{color:var(--wsl-accent)}.wsl-element--decoration>.pgui-icon{width:32px;height:32px}
}

@layer wsl-action-buttons {
  .wsl-card>*{position:relative}
  .wsl-logo-frame{width:76px;height:76px;display:inline-block;overflow:hidden;border-radius:24px;margin-bottom:16px;object-fit:cover}
  .wsl-logo-frame>.wsl-logo{width:100%;height:100%;margin:0;border-radius:0;object-fit:inherit;object-position:var(--wsl-image-x,50%) var(--wsl-image-y,50%);transform:scale(var(--wsl-image-zoom,1))}
  .is-layout-compact .wsl-logo-frame{width:64px;height:64px}.is-layout-editorial .wsl-logo-frame{width:88px;height:88px}
  .wsl-element--image img{object-position:var(--wsl-image-x,50%) var(--wsl-image-y,50%);transform:scale(var(--wsl-image-zoom,1))}
  .wsl-brand-icon{stroke:none;fill:currentColor}
  .wsl-card,.wsl-card>*,.wsl-links>a,.wsl-socials>a{animation-name:var(--wsl-entrance,none);animation-duration:var(--wsl-anim-duration,.7s);animation-delay:var(--wsl-anim-delay,0s);animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:both;animation-iteration-count:var(--wsl-anim-repeat,1)}
  .wsl-links>a{animation-name:var(--wsl-stagger,var(--wsl-entrance,none))}.wsl-links>a:nth-child(2){animation-delay:calc(var(--wsl-anim-delay,0s) + .1s)}.wsl-links>a:nth-child(3){animation-delay:calc(var(--wsl-anim-delay,0s) + .2s)}.wsl-links>a:nth-child(4){animation-delay:calc(var(--wsl-anim-delay,0s) + .3s)}.wsl-links>a:nth-child(5){animation-delay:calc(var(--wsl-anim-delay,0s) + .4s)}
  @keyframes wsl-fade{from{opacity:0}to{opacity:var(--wsl-final-opacity,1)}}
  @keyframes wsl-rise{from{opacity:0;translate:0 20px}to{opacity:var(--wsl-final-opacity,1);translate:0 0}}
  @keyframes wsl-down{from{opacity:0;translate:0 -20px}to{opacity:var(--wsl-final-opacity,1);translate:0 0}}
  @keyframes wsl-pop{0%{opacity:0;scale:.8}70%{scale:1.04}100%{opacity:var(--wsl-final-opacity,1);scale:1}}
  @keyframes wsl-zoom{from{opacity:0;scale:.9}to{opacity:var(--wsl-final-opacity,1);scale:1}}
  @keyframes wsl-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
  @keyframes wsl-pulse{0%,100%{scale:1}50%{scale:1.025}}
  @keyframes wsl-reveal{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
  @media(prefers-reduced-motion:reduce){.wsl-page,.wsl-card,.wsl-card>*,.wsl-links>a,.wsl-socials>a{animation:none}}
}

@layer wsl-action-buttons { .wsl-socials .pgui-icon{width:var(--wsl-icon-size,20px);height:var(--wsl-icon-size,20px)} }

@layer wsl-action-buttons { .wsl-page::before{transform:scale(var(--wsl-background-scale,1))} }
@layer wsl-action-buttons {
  .wsl-card .wsl-intro{margin-inline:auto;text-align:center}
}

/* Center the description container even in the left-aligned profile preset. */
.wsl-page .wsl-card .wsl-intro{margin-left:auto;margin-right:auto;justify-self:center;align-self:center}

/* Social icons own their surface and hover; no implicit accent fill. */
.wsl-page .wsl-socials a{background:var(--wsl-network-background,transparent)!important;color:var(--wsl-network-color,var(--wsl-text))!important;border:0 solid transparent;box-shadow:none}
.wsl-page .wsl-socials a:hover{background:var(--wsl-hover-background,var(--wsl-network-background,transparent))!important;color:var(--wsl-hover-color,var(--wsl-network-color,var(--wsl-text)))!important;box-shadow:none}
.wsl-page .wsl-socials a svg{color:inherit!important}