/* GoyaLabs public fixes v2 */
:root{
  --gl-purple:#7c3aed;
  --gl-purple-2:#a855f7;
  --gl-ink:#14131d;
  --gl-muted:#6b7280;
  --gl-line:#e7ded5;
  --gl-bg:#fbf7ef;
  --gl-card:#ffffff;
}
.goyalabs-public-fix body,
body.goyalabs-public-fix{min-height:100vh;display:flex;flex-direction:column}
main{flex:1 0 auto}
.site-header{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--gl-line)!important;backdrop-filter:blur(18px)}
.site-header .container{width:min(1680px,calc(100% - 36px));margin:0 auto}
.site-header .top-row{min-height:66px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important}
.site-header .brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:190px!important}
.site-header .nav{display:flex!important;align-items:center!important;gap:22px!important;justify-content:center!important;flex:1!important}
.site-header .nav a{font-weight:800;color:#171923;text-decoration:none}
.site-header .nav a.active,.site-header .nav a:hover{color:var(--gl-purple)!important}
.site-header .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:230px!important}
.goyalabs-public-footer{margin-top:72px;background:#11131a;color:#fff;padding:46px 0 88px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}
.goyalabs-public-footer .container{width:min(1680px,calc(100% - 36px));margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px;align-items:start}
.footer-brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:950;letter-spacing:-.05em;margin-bottom:10px}
.footer-brand span:not(.footer-mark){color:var(--gl-purple-2)}
.footer-mark{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,var(--gl-purple),var(--gl-purple-2));display:grid;place-items:center;color:#fff;font-weight:950}
.goyalabs-public-footer p{color:#cbd5e1;line-height:1.6;margin:0;max-width:420px}
.goyalabs-public-footer .footer-copy{margin-top:12px;color:#94a3b8}
.goyalabs-public-footer h4{margin:0 0 12px;color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.12em}
.goyalabs-public-footer a{display:block;color:#cbd5e1;text-decoration:none;margin:8px 0;font-weight:700}
.goyalabs-public-footer a:hover{color:#fff}
.mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:500;display:none;align-items:center;justify-content:space-around;gap:4px;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border:1px solid var(--gl-line);border-radius:24px;box-shadow:0 20px 50px rgba(15,23,42,.18);padding:8px}
.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:54px;color:#475569;text-decoration:none;font-size:11px;font-weight:900}
.mobile-bottom-nav a span{font-size:18px;line-height:1}
.mobile-bottom-nav a.is-active{color:var(--gl-purple)}
.goyalabs-verified-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#eef2ff;color:#4f46e5;border:1px solid #c7d2fe;padding:7px 10px;font-size:12px;font-weight:950}
.goyalabs-verified-badge.admin{background:#fef3c7;color:#92400e;border-color:#fde68a}
.profile-page{background:linear-gradient(180deg,#fff 0%,#fbf7ef 40%,#fff 100%);color:#171923}
.profile-wrap{width:min(1180px,calc(100% - 28px));margin:34px auto}
.hi5-card{background:#fff;border:1px solid var(--gl-line);border-radius:30px;box-shadow:0 22px 70px rgba(31,18,52,.10);overflow:hidden}
.hi5-cover{min-height:260px;background:radial-gradient(circle at 20% 20%,rgba(124,58,237,.28),transparent 26rem),linear-gradient(135deg,#171923,#4c1d95);position:relative;background-size:cover;background-position:center}
.hi5-profile-row{display:flex;align-items:flex-end;gap:18px;margin-top:-76px;padding:0 28px 26px;position:relative;z-index:2}
.hi5-avatar{width:150px;height:150px;border-radius:38px;background:linear-gradient(135deg,var(--gl-purple),var(--gl-purple-2));border:7px solid #fff;box-shadow:0 18px 40px rgba(15,23,42,.20);display:grid;place-items:center;color:#fff;font-size:44px;font-weight:950;overflow:hidden}
.hi5-avatar img{width:100%;height:100%;object-fit:cover}
.hi5-title{flex:1;min-width:0;padding-bottom:8px}
.hi5-title h1{margin:0 0 8px;font-size:clamp(34px,5vw,58px);line-height:.96;letter-spacing:-.07em}
.hi5-title p{margin:0;color:#64748b;font-weight:700}
.profile-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:22px}
.profile-panel{background:#fff;border:1px solid var(--gl-line);border-radius:24px;padding:24px;box-shadow:0 12px 35px rgba(31,18,52,.06)}
.profile-panel h2{margin:0 0 14px;font-size:24px;letter-spacing:-.05em}
.profile-panel p{color:#64748b;line-height:1.65}
.profile-form label{display:block;margin:12px 0 7px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:#4b5563}
.profile-form input,.profile-form textarea,.profile-form select{width:100%;border:1px solid #ded8d1;border-radius:15px;padding:13px 14px;background:#fff;color:#111827;font-weight:700}
.profile-form textarea{min-height:120px;resize:vertical}
.profile-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.profile-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #ded8d1;border-radius:15px;background:#fff;color:#111827;font-weight:950;padding:12px 16px;text-decoration:none;cursor:pointer}
.profile-btn.primary{background:linear-gradient(135deg,var(--gl-purple),var(--gl-purple-2));color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(124,58,237,.18)}
.profile-btn.dark{background:#11131a;color:#fff}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.profile-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:16px}
.profile-stat strong{display:block;font-size:26px;color:var(--gl-purple)}
.profile-stat span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:950;color:#64748b}
.future-box{border:1px dashed #c4b5fd;background:#f5f3ff;border-radius:22px;padding:18px}
.future-box strong{display:block;margin-bottom:6px;color:#4c1d95}
.tool-coming{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.tool-card{background:#fff;border:1px solid var(--gl-line);border-radius:26px;padding:24px;box-shadow:0 14px 40px rgba(31,18,52,.07)}
.tool-card .icon{font-size:38px;margin-bottom:12px}
.tool-card h3{margin:0 0 8px;font-size:24px;letter-spacing:-.05em}
.tool-card ul{margin:14px 0 0;padding-left:18px;color:#475569;font-weight:700;line-height:1.7}
.tool-badge{display:inline-flex;border-radius:999px;background:#ede9fe;color:#6d28d9;padding:7px 10px;font-size:12px;font-weight:950}
@media(max-width:900px){
  .site-header .brand{min-width:auto!important}
  .site-header .nav{display:none!important}
  .site-header .header-actions{min-width:auto!important}
  .footer-grid{grid-template-columns:1fr 1fr}
  .mobile-bottom-nav{display:flex}
  body{padding-bottom:82px}
  .profile-grid{grid-template-columns:1fr}
  .tool-coming{grid-template-columns:1fr}
}
@media(max-width:560px){
  .goyalabs-public-footer{padding-bottom:110px}
  .footer-grid{grid-template-columns:1fr}
  .hi5-cover{min-height:190px}
  .hi5-profile-row{display:block;margin-top:-62px;text-align:left}
  .hi5-avatar{width:126px;height:126px;border-radius:32px}
  .profile-stats{grid-template-columns:1fr}
}


/* Perfil público tipo Hi5 v3 */
.profile-page .hi5-card{position:relative;overflow:hidden}
.profile-page .hi5-profile-row{align-items:flex-start;margin-top:-74px;padding:0 30px 30px;position:relative}
.profile-page .hi5-title{padding-top:96px;padding-bottom:0}
.profile-page .hi5-title h1{margin:0 0 10px;line-height:1.02;word-break:break-word}
.profile-page .profile-edit-corner{position:absolute;right:28px;top:28px;z-index:4;box-shadow:0 18px 36px rgba(124,58,237,.22)}
.profile-page .profile-actions{padding-top:96px}
.profile-page .playlist-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.profile-page .playlist-mini{border:1px solid #e7ded5;border-radius:18px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;box-shadow:0 10px 26px rgba(31,18,52,.05);transition:.18s transform,.18s box-shadow}
.profile-page .playlist-mini:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(31,18,52,.10)}
.profile-page .playlist-mini .mini-cover{height:118px;background:linear-gradient(135deg,#ede9fe,#faf5ff);display:grid;place-items:center;color:#7c3aed;font-size:28px;font-weight:950;background-size:cover;background-position:center}
.profile-page .playlist-mini strong{display:block;padding:12px 12px 4px;font-size:13px}
.profile-page .playlist-mini span{display:block;padding:0 12px 12px;color:#64748b;font-size:12px;font-weight:800}
@media(max-width:900px){
  .profile-page .profile-edit-corner{position:static;margin-top:14px;display:inline-flex}
  .profile-page .hi5-profile-row{display:block;margin-top:-62px}
  .profile-page .hi5-title{padding-top:14px}
  .profile-page .profile-actions{padding-top:0}
  .profile-page .playlist-mini-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .profile-page .playlist-mini-grid{grid-template-columns:1fr}
}


/* GoyaLabs public consistency v5 */
.site-header,
header.site-header{
  position:sticky!important;
  top:0!important;
  z-index:220!important;
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid #e7ded5!important;
  backdrop-filter:blur(18px)!important;
}
.site-header .container,
header.site-header .container{
  width:min(1680px,calc(100% - 36px))!important;
  margin-inline:auto!important;
}
.site-header .top-row,
header.site-header .top-row{
  min-height:66px!important;
  height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
}
.site-header .brand,
header.site-header .brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:190px!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:-.06em!important;
  line-height:1!important;
  color:#171923!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.site-header .brand-mark,
header.site-header .brand-mark{
  width:34px!important;
  height:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#7c3aed,#a855f7)!important;
  color:#fff!important;
  flex:0 0 auto!important;
}
.site-header .brand-name span,
header.site-header .brand-name span{color:#7c3aed!important}
.site-header .nav,
header.site-header .nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1!important;
  gap:22px!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
}
.site-header .nav a,
header.site-header .nav a{
  color:#171923!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  padding:8px 0!important;
  margin:0!important;
  white-space:nowrap!important;
}
.site-header .nav a.active,
.site-header .nav a:hover,
header.site-header .nav a.active,
header.site-header .nav a:hover{
  color:#7c3aed!important;
}
.site-header .header-actions,
header.site-header .header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-width:230px!important;
}
.site-header .btn,
header.site-header .btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  border-radius:14px!important;
  padding:10px 14px!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1!important;
  text-decoration:none!important;
}
.goyalabs-public-footer{
  margin-top:auto!important;
}
@media(max-width:900px){
  .site-header .nav,
  header.site-header .nav{display:none!important}
  .site-header .header-actions,
  header.site-header .header-actions{min-width:auto!important}
}


/* GoyaLabs v6: Popup público index + player oculto hasta reproducir */
.player[data-player-bar],
.player[data-player-shell] {
    display: none !important;
}
.player[data-player-bar].is-open,
.player[data-player-shell].is-open {
    display: grid !important;
}
.player-close,
.player .player-close {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 0;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(124,58,237,.12);
    color: #2f174d;
    font-size: 22px;
    font-weight: 950;
    line-height: 1;
    cursor: pointer;
}
.goyalabs-popup[hidden] { display: none !important; }
.goyalabs-popup {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease;
}
.goyalabs-popup.is-visible {
    opacity: 1;
    pointer-events: auto;
}
.goyalabs-popup-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(12, 7, 20, .58);
    backdrop-filter: blur(10px);
}
.goyalabs-popup-box {
    position: relative;
    width: min(var(--popup-w, 760px), calc(100vw - 34px));
    max-height: calc(100vh - 34px);
    display: grid;
    place-items: center;
    transform: translateY(14px) scale(.98);
    transition: transform .18s ease;
}
.goyalabs-popup.is-visible .goyalabs-popup-box {
    transform: translateY(0) scale(1);
}
.goyalabs-popup-image {
    display: grid;
    place-items: center;
    width: 100%;
    cursor: pointer;
}
.goyalabs-popup-image img {
    display: block;
    width: 100%;
    max-height: calc(100vh - 54px);
    object-fit: contain;
    filter: drop-shadow(0 30px 80px rgba(0,0,0,.33));
}
.goyalabs-popup-close {
    position: absolute;
    z-index: 3;
    top: -10px;
    right: -10px;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: 0;
    background: #fff;
    color: #231039;
    font-size: 26px;
    font-weight: 950;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 18px 50px rgba(0,0,0,.22);
}
.goyalabs-news-card img,
.goyalabs-news-hero img,
.goyalabs-blog-gallery img { background: #f1edf8; }
@media (max-width: 720px) {
    .goyalabs-popup { padding: 14px; }
    .goyalabs-popup-box { width: min(var(--popup-mw, 340px), calc(100vw - 24px)); }
    .goyalabs-popup-close { top: -8px; right: -8px; width: 38px; height: 38px; font-size: 24px; }
}

/* Perfil retro GoyaLabs inspirado en Hi5/MySpace v1 */
.goyalabs-retro-profile-body {
    --glp-accent: #8A19F2;
    --glp-secondary: #2A073D;
    --glp-text: #FFFFFF;
    --glp-panel: #16051F;
    min-height: 100vh;
    color: var(--glp-text);
    background:
        radial-gradient(circle at 10% 12%, color-mix(in srgb, var(--glp-accent) 42%, transparent), transparent 28rem),
        radial-gradient(circle at 85% 18%, rgba(255,255,255,.13), transparent 22rem),
        linear-gradient(135deg, #08020d 0%, var(--glp-secondary) 45%, #06010a 100%);
    background-attachment: fixed;
}
.goyalabs-retro-profile-body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -2;
    background-image: var(--glp-bg-image, none);
    background-size: cover;
    background-position: center;
    opacity: .42;
    filter: saturate(1.08) contrast(1.05);
}
.goyalabs-retro-profile-body::after {
    content: "★ ✦ ★ ✦ ★ ✦ ★ ✦";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    color: rgba(255,255,255,.13);
    font-size: 42px;
    letter-spacing: 22px;
    line-height: 2.6;
    overflow: hidden;
    transform: rotate(-8deg) scale(1.15);
    opacity: .9;
}
.retro-profile-shell {
    width: min(1180px, calc(100% - 28px));
    margin: 34px auto 70px;
}
.retro-profile-card,
.retro-section-card,
.retro-edit-card,
.retro-private-box,
.retro-edit-wrap {
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 28px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
    background: color-mix(in srgb, var(--glp-panel) 88%, transparent);
    backdrop-filter: blur(10px);
}
.retro-profile-card {
    border-radius: 18px;
    overflow: hidden;
}
.retro-cover {
    min-height: 210px;
    background:
        radial-gradient(circle at 20% 25%, rgba(255,255,255,.22), transparent 13rem),
        linear-gradient(135deg, var(--glp-secondary), var(--glp-accent));
    background-size: cover;
    background-position: center;
}
.retro-topbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding: 12px 18px;
    color:#fff;
    font-weight:950;
    letter-spacing:.02em;
    background: linear-gradient(90deg, rgba(0,0,0,.72), color-mix(in srgb, var(--glp-accent) 58%, black));
    text-shadow:0 2px 8px rgba(0,0,0,.6);
}
.retro-tabs {
    display:flex;
    flex-wrap:wrap;
    gap: 2px;
    padding: 0 10px;
    background: rgba(0,0,0,.62);
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
}
.retro-tabs a {
    color: color-mix(in srgb, var(--glp-text) 84%, #fff);
    padding: 12px 14px;
    font-size:13px;
    font-weight:900;
    text-decoration:none;
    border-right:1px solid rgba(255,255,255,.08);
}
.retro-tabs a:hover { background:rgba(255,255,255,.12); color:#fff; }
.retro-main-grid {
    display:grid;
    grid-template-columns: 220px minmax(0,1fr);
    gap: 18px;
    padding: 20px;
}
.retro-left-panel,
.retro-info-panel,
.retro-player-panel,
.retro-section-card {
    border:1px solid rgba(255,255,255,.16);
    border-radius:14px;
    padding:16px;
    background: color-mix(in srgb, var(--glp-panel) 76%, rgba(0,0,0,.38));
    color: var(--glp-text);
}
.retro-avatar {
    width: 146px;
    height: 146px;
    border:4px solid rgba(255,255,255,.88);
    box-shadow:0 18px 40px rgba(0,0,0,.38), 0 0 0 5px color-mix(in srgb, var(--glp-accent) 68%, transparent);
    border-radius: 12px;
    margin: -70px auto 18px;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,var(--glp-accent),var(--glp-secondary));
    color:#fff;
    font-size:46px;
    font-weight:950;
}
.retro-avatar img { width:100%; height:100%; object-fit:cover; }
.retro-side-links { display:grid; gap:8px; }
.retro-side-links a,
.retro-action,
.retro-tools-row button,
.retro-section-head button {
    border:1px solid rgba(255,255,255,.18);
    border-radius:12px;
    padding:11px 13px;
    color:#fff;
    background:linear-gradient(135deg, color-mix(in srgb, var(--glp-accent) 74%, #fff 0%), color-mix(in srgb, var(--glp-secondary) 84%, #000));
    font-weight:950;
    font-size:13px;
    text-decoration:none;
    cursor:pointer;
    box-shadow:0 12px 30px rgba(0,0,0,.20);
}
.retro-action.primary { background:linear-gradient(135deg, var(--glp-accent), #b96cff); }
.retro-info-panel h1 {
    margin: 0 0 6px;
    font-size: clamp(30px, 4vw, 56px);
    letter-spacing:-.07em;
    color:#fff;
    text-shadow:0 4px 18px rgba(0,0,0,.55);
}
.retro-role { color: color-mix(in srgb, var(--glp-text) 72%, transparent); font-weight:900; margin:0 0 16px; }
.retro-info-columns {
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap: 10px;
    margin: 14px 0;
}
.retro-info-columns div {
    padding: 12px;
    border-radius: 12px;
    border:1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.22);
}
.retro-info-columns b,
.retro-bio b { display:block; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#fff; margin-bottom:4px; }
.retro-info-columns span,
.retro-bio p { color: color-mix(in srgb, var(--glp-text) 82%, transparent); font-weight:700; line-height:1.55; }
.retro-info-columns a { color:#fff; font-weight:950; text-decoration:underline; }
.retro-bio { margin-top:12px; padding:14px; border-radius:14px; background:rgba(0,0,0,.18); border:1px dashed rgba(255,255,255,.18); }
.retro-player-panel h3,
.retro-section-card h2 { margin:0 0 13px; color:#fff; letter-spacing:-.04em; }
.retro-song-card { display:flex; gap:12px; align-items:center; padding:12px; border-radius:14px; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.14); }
.retro-song-cover { width:62px; height:62px; border-radius:12px; display:grid; place-items:center; overflow:hidden; background:var(--glp-accent); font-size:26px; font-weight:950; }
.retro-song-cover img { width:100%; height:100%; object-fit:cover; }
.retro-song-card strong { display:block; color:#fff; line-height:1.2; }
.retro-song-card a { color:color-mix(in srgb, var(--glp-text) 80%, #fff); font-weight:900; font-size:12px; }
.retro-audio { width:100%; margin-top:12px; filter: drop-shadow(0 10px 24px rgba(0,0,0,.35)); }
.retro-mini-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:14px; }
.retro-mini-stats span { padding:10px; border-radius:12px; background:rgba(0,0,0,.22); text-align:center; font-size:12px; font-weight:900; }
.retro-mini-stats b { display:block; font-size:18px; color:#fff; }
.retro-section-grid { display:grid; grid-template-columns: 1.2fr .8fr; gap:18px; margin-top:18px; }
.retro-section-card:last-child { grid-column: 1 / -1; }
.retro-section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.retro-fav-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; }
.retro-fav-card,
.retro-playlist-card {
    display:block;
    border:1px solid rgba(255,255,255,.14);
    border-radius:14px;
    padding:10px;
    color:#fff;
    background:rgba(0,0,0,.20);
    text-decoration:none;
}
.retro-fav-card span,
.retro-playlist-card span {
    width:100%;
    aspect-ratio: 1.2 / .82;
    border-radius:10px;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:linear-gradient(135deg,var(--glp-accent),var(--glp-secondary));
    margin-bottom:9px;
    background-size:cover;
    background-position:center;
    font-size:24px;
    font-weight:950;
}
.retro-fav-card img { width:100%; height:100%; object-fit:cover; }
.retro-fav-card strong,
.retro-playlist-card strong { display:block; font-size:14px; line-height:1.25; }
.retro-fav-card small,
.retro-playlist-card small { color:color-mix(in srgb, var(--glp-text) 72%, transparent); font-weight:800; }
.retro-playlist-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.retro-coming-soon { padding:18px; border-radius:14px; background:rgba(255,255,255,.09); border:1px dashed rgba(255,255,255,.18); }
.retro-edit-wrap { border-radius:22px; padding:24px; }
.retro-edit-head { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:18px; }
.retro-edit-head span { color:#cdbbff; font-weight:950; letter-spacing:.12em; text-transform:uppercase; font-size:12px; }
.retro-edit-head h1 { margin:6px 0; color:#fff; font-size:clamp(34px,5vw,58px); letter-spacing:-.07em; }
.retro-edit-head p { margin:0; color:rgba(255,255,255,.72); font-weight:700; }
.retro-edit-card { border-radius:18px; padding:20px; }
.retro-edit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.retro-edit-grid .span-2 { grid-column: 1 / -1; }
.retro-edit-grid label { display:block; margin:0 0 7px; color:#fff; font-weight:950; letter-spacing:.08em; text-transform:uppercase; font-size:12px; }
.retro-edit-grid input,
.retro-edit-grid select,
.retro-edit-grid textarea {
    width:100%;
    min-height:46px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(0,0,0,.28);
    color:#fff;
    padding:12px 14px;
    font-weight:800;
}
.retro-edit-grid input[type="color"] { padding:4px; height:50px; }
.retro-edit-grid small { display:block; color:rgba(255,255,255,.66); margin-top:6px; font-weight:700; }
.retro-check { display:flex !important; gap:10px; align-items:center; letter-spacing:0 !important; text-transform:none !important; font-size:14px !important; }
.retro-check input { width:auto; min-height:auto; }
.retro-edit-actions,
.retro-tools-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.retro-tools-row form { margin:0; }
.retro-alert { padding:13px 15px; border-radius:14px; font-weight:900; margin-bottom:12px; }
.retro-alert.ok { background:rgba(34,197,94,.16); border:1px solid rgba(34,197,94,.35); color:#dcfce7; }
.retro-alert.error { background:rgba(239,68,68,.16); border:1px solid rgba(239,68,68,.35); color:#fee2e2; }
.retro-private-box { border-radius:22px; padding:34px; text-align:center; }
.retro-private-box h1 { margin:0 0 8px; color:#fff; }
.retro-private-box a { color:#fff; font-weight:950; }
@media (max-width: 980px) {
    .retro-main-grid { grid-template-columns:1fr; }
    .retro-avatar { margin:-70px auto 18px; }
    .retro-section-grid { grid-template-columns:1fr; }
    .retro-section-card:last-child { grid-column:auto; }
}
@media (max-width: 720px) {
    .retro-profile-shell { width:min(100% - 18px,1180px); margin:18px auto 88px; }
    .retro-cover { min-height:150px; }
    .retro-tabs { overflow-x:auto; flex-wrap:nowrap; }
    .retro-tabs a { white-space:nowrap; }
    .retro-info-columns,
    .retro-edit-grid,
    .retro-fav-grid,
    .retro-playlist-grid { grid-template-columns:1fr; }
    .retro-edit-grid .span-2 { grid-column:auto; }
    .retro-edit-head { display:block; }
    .retro-edit-head .retro-action { margin-top:12px; display:inline-flex; }
    .retro-topbar { font-size:13px; }
    .retro-avatar { width:128px; height:128px; font-size:38px; }
}


/* Perfil retro Hi5 v2 - ajustes solicitados */
.goyalabs-retro-profile-body .goyalabs-fixed-public-topbar{
  position:sticky!important;top:0!important;z-index:300!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e7ded5!important;backdrop-filter:blur(18px)!important;color:#14131d!important;
}
.goyalabs-retro-profile-body .goyalabs-fixed-public-nav{width:min(1680px,calc(100% - 36px))!important;margin:0 auto!important;min-height:66px!important;height:66px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;padding:0!important;}
.goyalabs-retro-profile-body .goyalabs-fixed-public-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:190px!important;font-weight:950!important;color:#14131d!important;text-decoration:none!important;letter-spacing:-.04em!important;}
.goyalabs-retro-profile-body .goyalabs-fixed-public-brand .mark{width:38px!important;height:38px!important;border-radius:13px!important;background:linear-gradient(135deg,#7c3aed,#a855f7)!important;color:#fff!important;display:grid!important;place-items:center!important;font-weight:950!important;}
.goyalabs-retro-profile-body .goyalabs-fixed-public-brand span span{color:#7c3aed!important;}
.goyalabs-retro-profile-body .goyalabs-fixed-public-menu{display:flex!important;align-items:center!important;gap:22px!important;justify-content:center!important;flex:1!important;}
.goyalabs-retro-profile-body .goyalabs-fixed-public-menu a{font-size:14px!important;line-height:1!important;font-weight:850!important;color:#171923!important;text-decoration:none!important;padding:8px 0!important;white-space:nowrap!important;}
.goyalabs-retro-profile-body .goyalabs-fixed-public-menu a.active,.goyalabs-retro-profile-body .goyalabs-fixed-public-menu a:hover{color:#7c3aed!important;}
.goyalabs-retro-profile-body .goyalabs-fixed-public-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:230px!important;}
.goyalabs-retro-profile-body .goyalabs-fixed-public-actions .btn{font-size:13px!important;font-weight:950!important;border-radius:14px!important;padding:11px 14px!important;text-decoration:none!important;}

.goyalabs-verified-badge{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;margin-left:8px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28);padding:6px 9px;font-size:12px;font-weight:950;letter-spacing:0;text-shadow:none;box-shadow:0 10px 28px rgba(0,0,0,.20)}
.goyalabs-verified-badge .badge-icon{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:#052e16;font-size:12px;line-height:1;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.goyalabs-verified-badge .badge-text{line-height:1;white-space:nowrap}
.goyalabs-verified-badge.admin{background:rgba(251,191,36,.16);color:#fff;border-color:rgba(251,191,36,.40)}
.goyalabs-verified-badge.admin .badge-icon{background:#fbbf24;color:#3b2700;box-shadow:0 0 0 3px rgba(251,191,36,.18)}

.retro-main-grid{padding:28px 20px 22px!important;align-items:start!important;}
.retro-avatar{margin:0 auto 18px!important;position:relative;z-index:2;}
.retro-left-panel{position:relative;z-index:2;}
.retro-topbar{position:relative;z-index:1;}
.retro-tabs{position:relative;z-index:1;}
.retro-info-panel h1{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;}

.retro-song-picker{border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px;background:rgba(0,0,0,.20)}
.retro-song-selected{display:flex;gap:12px;align-items:center;padding:12px;border-radius:15px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);margin-bottom:12px;}
.song-thumb{width:54px;height:54px;min-width:54px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--glp-accent),var(--glp-secondary));color:#fff;font-weight:950;font-size:22px;}
.song-thumb img{width:100%;height:100%;object-fit:cover;}
.retro-song-selected b{display:block;color:#fff;line-height:1.25;}
.retro-song-selected small{display:block;color:rgba(255,255,255,.66);font-weight:800;margin-top:2px;}
.retro-song-searchbar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;}
.retro-song-searchbar input{margin:0!important;}
.retro-song-searchbar button{min-height:46px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.10);color:#fff;font-weight:950;padding:0 14px;cursor:pointer;}
.retro-song-results{display:grid;gap:8px;margin-top:12px;max-height:340px;overflow:auto;padding-right:3px;}
.song-help{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.72);font-weight:800;}
.song-result{display:flex;align-items:center;gap:12px;width:100%;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(0,0,0,.22);padding:10px;text-align:left;color:#fff;cursor:pointer;transition:.18s transform,.18s background,.18s border-color;}
.song-result:hover{transform:translateY(-1px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24);}
.song-result b{display:block;line-height:1.25;color:#fff;}
.song-result small{display:block;color:rgba(255,255,255,.66);font-weight:800;margin-top:3px;}

.retro-profile-player{display:grid;grid-template-columns:82px 1fr;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(0,0,0,.24));box-shadow:0 18px 44px rgba(0,0,0,.24);}
.retro-profile-player-cover{width:82px;height:82px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--glp-accent),var(--glp-secondary));font-size:30px;font-weight:950;color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.24);}
.retro-profile-player-cover img{width:100%;height:100%;object-fit:cover;}
.retro-profile-player-main strong{display:block;color:#fff;font-size:16px;line-height:1.2;margin-bottom:4px;}
.retro-profile-player-main a{display:inline-flex;color:rgba(255,255,255,.76);font-weight:900;font-size:12px;text-decoration:none;margin-bottom:12px;}
.retro-profile-player-controls{display:grid;grid-template-columns:42px 1fr 48px;gap:10px;align-items:center;}
.retro-profile-player-controls button{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--glp-accent),#d8b4fe);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 12px 26px rgba(0,0,0,.26);}
.retro-profile-progress{height:9px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden;cursor:pointer;}
.retro-profile-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#fff,var(--glp-accent));border-radius:999px;}
.retro-profile-player-controls small{font-size:12px;color:rgba(255,255,255,.76);font-weight:900;text-align:right;}
.retro-audio{display:none!important;}

@media(max-width:980px){
  .retro-main-grid{grid-template-columns:1fr!important;padding:20px!important;}
  .retro-left-panel{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;}
  .retro-avatar{margin:0!important;width:120px!important;height:120px!important;}
  .retro-side-links{grid-template-columns:repeat(2,minmax(0,1fr));}
  .retro-player-panel{order:3;}
}
@media(max-width:720px){
  .goyalabs-retro-profile-body .goyalabs-fixed-public-nav{width:min(100% - 24px,1680px)!important;gap:12px!important;}
  .goyalabs-retro-profile-body .goyalabs-fixed-public-brand{min-width:auto!important;font-size:18px!important;}
  .goyalabs-retro-profile-body .goyalabs-fixed-public-menu{display:none!important;}
  .goyalabs-retro-profile-body .goyalabs-fixed-public-actions{min-width:auto!important;}
  .retro-cover{min-height:130px!important;}
  .retro-topbar{display:block!important;padding:11px 14px!important;}
  .retro-topbar span{display:block;line-height:1.3;}
  .retro-tabs{overflow-x:auto!important;flex-wrap:nowrap!important;padding:0 8px!important;}
  .retro-tabs a{white-space:nowrap!important;padding:11px 12px!important;font-size:12px!important;}
  .retro-left-panel{display:block!important;text-align:center;}
  .retro-avatar{margin:0 auto 16px!important;width:112px!important;height:112px!important;font-size:32px!important;}
  .retro-side-links{grid-template-columns:1fr!important;}
  .retro-info-panel h1{font-size:32px!important;letter-spacing:-.05em!important;justify-content:center;text-align:center;}
  .retro-role{text-align:center;}
  .goyalabs-verified-badge{margin-left:0;margin-top:5px;}
  .retro-profile-player{grid-template-columns:1fr;text-align:center;}
  .retro-profile-player-cover{margin:0 auto;}
  .retro-profile-player-controls{grid-template-columns:42px 1fr 44px;}
  .retro-song-searchbar{grid-template-columns:1fr;}
  .retro-song-results{max-height:280px;}
}

/* Perfil Retro v3: buscador desplegable, player con seek y mejoras mobile */
.retro-song-picker{position:relative;z-index:30;}
.retro-song-searchbar{position:relative;z-index:31;}
.retro-song-results{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:80;max-height:330px;overflow:auto;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(180deg,rgba(22,5,31,.98),rgba(8,3,15,.98));box-shadow:0 24px 70px rgba(0,0,0,.45);backdrop-filter:blur(16px);}
.retro-song-results.is-open{display:grid;gap:8px;}
.retro-song-results .song-help{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.82);font-weight:800;}
.song-result{min-height:62px;}
.retro-profile-player{border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(0,0,0,.24));box-shadow:0 16px 45px rgba(0,0,0,.24);}
.retro-profile-player-cover{box-shadow:0 12px 32px rgba(0,0,0,.32);}
.retro-profile-player-controls{grid-template-columns:42px minmax(120px,1fr) auto;gap:10px;align-items:center;}
.retro-profile-player-controls button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:0;background:linear-gradient(135deg,var(--glp-accent),#ffffff);color:#16051f;font-weight:950;box-shadow:0 10px 22px rgba(0,0,0,.24);}
.retro-profile-progress{height:13px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);cursor:pointer;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px rgba(0,0,0,.25);}
.retro-profile-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--glp-accent),#fff);box-shadow:0 0 18px rgba(255,255,255,.45);}
.retro-profile-progress:focus{outline:3px solid rgba(255,255,255,.35);outline-offset:3px;}
.retro-profile-player-controls small{font-weight:900;color:rgba(255,255,255,.86);min-width:86px;text-align:right;}
.fav-modal{max-width:min(760px,calc(100vw - 24px));}
.fav-row-cover img{width:100%;height:100%;object-fit:cover;border-radius:12px;}
@media(max-width:760px){
  .retro-song-results{position:fixed;left:14px;right:14px;top:auto;bottom:18px;max-height:58vh;border-radius:22px;}
  .retro-profile-player{grid-template-columns:78px 1fr;gap:12px;}
  .retro-profile-player-cover{width:78px;height:78px;}
  .retro-profile-player-main strong{font-size:15px;line-height:1.2;}
  .retro-profile-player-controls{grid-template-columns:38px 1fr;gap:9px;}
  .retro-profile-player-controls small{grid-column:2;text-align:left;min-width:0;font-size:12px;}
  .retro-profile-player-controls button{width:38px;height:38px;}
  .retro-profile-progress{height:14px;}
}


/* Perfil retro v4: favoritos recientes sin popup y Profile Song integrado */
.retro-main-grid{grid-template-columns:220px minmax(0,1fr)!important;}
.retro-player-panel{display:none!important;}
.retro-inline-profile-song{margin:14px 0 18px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(0,0,0,.18));overflow:hidden;}
.retro-inline-profile-song h3{margin:0 0 12px;color:#fff;font-size:18px;letter-spacing:-.03em;}
.retro-inline-profile-song p{margin:0;color:rgba(255,255,255,.75);font-weight:800;}
.retro-inline-profile-song .retro-profile-player{width:100%;max-width:100%;box-sizing:border-box;grid-template-columns:70px minmax(0,1fr);padding:12px;border-radius:18px;gap:12px;overflow:hidden;}
.retro-inline-profile-song .retro-profile-player-cover{width:70px;height:70px;border-radius:16px;}
.retro-inline-profile-song .retro-profile-player-main{min-width:0;overflow:hidden;}
.retro-inline-profile-song .retro-profile-player-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:15px;}
.retro-inline-profile-song .retro-profile-player-main a{margin-bottom:10px;}
.retro-inline-profile-song .retro-profile-player-controls{grid-template-columns:40px minmax(80px,1fr) auto;max-width:100%;}
.retro-inline-profile-song .retro-profile-player-controls small{min-width:74px;font-size:11px;}
.retro-section-head{align-items:flex-start;}
.retro-section-head button,#openFavoritesModal,#openFavoritesModal2,.fav-modal-backdrop{display:none!important;}
.retro-fav-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em;}
.retro-fav-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));}
@media(max-width:980px){
  .retro-main-grid{grid-template-columns:1fr!important;}
}
@media(max-width:760px){
  .retro-inline-profile-song{margin:12px 0 16px;padding:12px;border-radius:16px;}
  .retro-inline-profile-song .retro-profile-player{grid-template-columns:64px minmax(0,1fr);gap:10px;text-align:left;}
  .retro-inline-profile-song .retro-profile-player-cover{width:64px;height:64px;margin:0;}
  .retro-inline-profile-song .retro-profile-player-controls{grid-template-columns:38px minmax(70px,1fr);gap:8px;}
  .retro-inline-profile-song .retro-profile-player-controls small{grid-column:2;text-align:left;min-width:0;}
  .retro-fav-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:420px){
  .retro-inline-profile-song .retro-profile-player{grid-template-columns:1fr;text-align:center;}
  .retro-inline-profile-song .retro-profile-player-cover{margin:0 auto;}
  .retro-inline-profile-song .retro-profile-player-main strong{white-space:normal;}
  .retro-inline-profile-song .retro-profile-player-controls{grid-template-columns:38px 1fr;}
  .retro-fav-grid{grid-template-columns:1fr;}
}


/* =========================================================
   GOYALABS TOOLS / CONVERTERS
   ========================================================= */
.goyalabs-public-fix .tools-header .top-row{
    min-height:68px;
}
.tools-hero{
    padding:58px 0 20px;
    background:
        radial-gradient(circle at 14% 20%, rgba(124,58,237,.16), transparent 34rem),
        radial-gradient(circle at 90% 12%, rgba(14,165,233,.12), transparent 30rem),
        linear-gradient(180deg,#fff 0%,#fbf7ef 100%);
}
.tools-hero-grid{
    display:grid;
    grid-template-columns:1fr 340px;
    gap:24px;
    align-items:center;
}
.tools-eyebrow{
    display:inline-flex;
    border-radius:999px;
    background:#ede9fe;
    color:#6d28d9;
    padding:9px 13px;
    font-weight:950;
    margin-bottom:16px;
}
.tools-hero h1{
    margin:0 0 14px;
    font-size:clamp(38px,5vw,68px);
    line-height:.95;
    letter-spacing:-.075em;
    color:#11131a;
}
.tools-hero p{
    margin:0;
    max-width:760px;
    color:#5b6474;
    font-size:18px;
    line-height:1.7;
    font-weight:650;
}
.tools-hero-card,
.tools-card{
    background:#fff;
    border:1px solid #e7ded5;
    border-radius:28px;
    box-shadow:0 20px 55px rgba(31,18,52,.10);
}
.tools-hero-card{
    padding:24px;
}
.tools-hero-card strong{
    display:block;
    font-size:22px;
    letter-spacing:-.05em;
    margin-bottom:7px;
}
.tools-hero-card span{
    color:#64748b;
    line-height:1.55;
    font-weight:700;
}
.tools-main{
    padding:34px 0 68px;
    background:linear-gradient(180deg,#fbf7ef 0%,#fff 100%);
}
.tools-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:22px;
    align-items:start;
}
.tools-card{
    padding:26px;
}
.tools-card h2{
    font-size:30px;
    line-height:1;
    letter-spacing:-.06em;
    margin:0 0 12px;
}
.tools-card p{
    color:#64748b;
    line-height:1.65;
    font-weight:650;
}
.tools-form{
    display:grid;
    gap:16px;
}
.tools-field label{
    display:block;
    font-size:12px;
    letter-spacing:.10em;
    text-transform:uppercase;
    font-weight:950;
    color:#5b21b6;
    margin-bottom:8px;
}
.tools-field input[type="file"],
.tools-field select,
.tools-field input[type="text"]{
    width:100%;
    min-height:48px;
    border:1px solid #e7ded5;
    border-radius:16px;
    background:#fff;
    padding:12px 14px;
    font-weight:800;
    color:#11131a;
}
.tools-field small{
    display:block;
    margin-top:6px;
    color:#64748b;
    font-weight:650;
    line-height:1.45;
}
.tools-actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
}
.tools-actions.centered{
    justify-content:center;
}
.tools-status-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-bottom:18px;
}
.tools-stat{
    background:#fbfaf8;
    border:1px solid #ede7df;
    border-radius:20px;
    padding:16px;
}
.tools-stat b{
    display:block;
    font-size:24px;
    letter-spacing:-.05em;
    color:#7c3aed;
}
.tools-stat span{
    color:#64748b;
    font-size:12px;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.tools-message{
    border-radius:20px;
    padding:16px 18px;
    margin-bottom:18px;
    font-weight:750;
    line-height:1.55;
}
.tools-message.success{
    background:#ecfdf5;
    color:#047857;
    border:1px solid #bbf7d0;
}
.tools-message.error{
    background:#fef2f2;
    color:#b91c1c;
    border:1px solid #fecaca;
}
.tools-message.info{
    background:#eff6ff;
    color:#1d4ed8;
    border:1px solid #bfdbfe;
}
.tools-result{
    display:grid;
    gap:14px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
    border-radius:22px;
    padding:18px;
}
.tools-result strong{
    font-size:20px;
    letter-spacing:-.04em;
}
.tools-preview-img{
    max-height:360px;
    object-fit:contain;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:18px;
    padding:10px;
}
.tools-list{
    display:grid;
    gap:12px;
}
.tools-list-item{
    display:flex;
    gap:14px;
    align-items:flex-start;
    padding:16px;
    border:1px solid #ede7df;
    border-radius:20px;
    background:#fbfaf8;
}
.tools-list-icon{
    width:44px;
    height:44px;
    border-radius:15px;
    display:grid;
    place-items:center;
    background:#ede9fe;
    color:#7c3aed;
    flex:0 0 auto;
    font-size:22px;
}
.tools-login-required{
    text-align:center;
    max-width:720px;
    margin:0 auto;
}
.tools-big-icon{
    width:74px;
    height:74px;
    border-radius:24px;
    display:grid;
    place-items:center;
    margin:0 auto 14px;
    background:linear-gradient(135deg,#7c3aed,#a855f7);
    color:#fff;
    font-size:34px;
}
.tools-limit-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    background:rgba(15,23,42,.54);
    backdrop-filter:blur(12px);
    display:grid;
    place-items:center;
    padding:20px;
}
.tools-limit-box{
    width:min(520px,100%);
    background:#fff;
    border-radius:30px;
    padding:32px;
    text-align:center;
    box-shadow:0 28px 90px rgba(15,23,42,.26);
    border:1px solid rgba(255,255,255,.70);
}
.tools-limit-icon{
    width:70px;
    height:70px;
    border-radius:24px;
    background:#ede9fe;
    color:#7c3aed;
    display:grid;
    place-items:center;
    margin:0 auto 12px;
    font-size:32px;
}
.tools-limit-box h2{
    font-size:32px;
    letter-spacing:-.06em;
    margin:0 0 10px;
}
.tools-countdown{
    display:inline-flex;
    margin:14px 0 20px;
    background:#11131a;
    color:#fff;
    border-radius:999px;
    padding:12px 18px;
    font-weight:950;
}
.tools-cards-home{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}
.tools-home-card{
    display:block;
    border:1px solid #e7ded5;
    background:#fff;
    border-radius:30px;
    padding:26px;
    box-shadow:0 18px 45px rgba(31,18,52,.08);
    transition:.18s transform,.18s box-shadow;
}
.tools-home-card:hover{
    transform:translateY(-3px);
    box-shadow:0 26px 65px rgba(31,18,52,.13);
}
.tools-home-card .icon{
    width:58px;
    height:58px;
    border-radius:20px;
    background:linear-gradient(135deg,#7c3aed,#a855f7);
    color:#fff;
    display:grid;
    place-items:center;
    font-size:28px;
    margin-bottom:16px;
}
.tools-home-card h3{
    margin:0 0 8px;
    font-size:28px;
    letter-spacing:-.06em;
}
.tools-home-card p{
    margin:0 0 18px;
    color:#64748b;
    line-height:1.6;
    font-weight:650;
}
.tools-badge-live{
    display:inline-flex;
    border-radius:999px;
    padding:9px 12px;
    background:#ecfdf5;
    color:#047857;
    font-weight:950;
    font-size:13px;
}
@media(max-width:900px){
    .tools-hero-grid,
    .tools-grid,
    .tools-cards-home{
        grid-template-columns:1fr;
    }
    .tools-status-row{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:560px){
    .tools-hero{
        padding:34px 0 18px;
    }
    .tools-hero h1{
        font-size:38px;
    }
    .tools-hero p{
        font-size:15px;
    }
    .tools-main{
        padding-bottom:90px;
    }
    .tools-card,
    .tools-home-card{
        padding:20px;
        border-radius:24px;
    }
    .tools-status-row{
        grid-template-columns:1fr;
    }
    .tools-actions .btn,
    .tools-actions .btn-primary{
        width:100%;
    }
    .tools-limit-box{
        padding:24px;
        border-radius:24px;
    }
}


/* GoyaLabs mobile mega optimization v20260708 */
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg,iframe{max-width:100%;height:auto}
button,input,select,textarea{font-size:16px}
[class*="container"],.container{max-width:100%}
.goyalabs-ad-space{width:100%;max-width:1100px;margin:18px auto;min-height:0;overflow:hidden}
.goyalabs-ad-space.is-hidden{display:none}
@media(max-width:768px){
  body{line-height:1.5}
  .site-header .container,header.site-header .container,.goyalabs-public-footer .container{width:min(100% - 24px,1680px)!important}
  .site-header .top-row,header.site-header .top-row{height:auto!important;min-height:62px!important;gap:10px!important;padding:8px 0!important}
  .site-header .brand,header.site-header .brand{font-size:19px!important;min-width:0!important;max-width:52vw!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .site-header .brand-mark,header.site-header .brand-mark{width:32px!important;height:32px!important;border-radius:10px!important}
  .site-header .header-actions,header.site-header .header-actions{min-width:auto!important;gap:6px!important}
  .site-header .btn,header.site-header .btn{min-height:36px!important;padding:9px 10px!important;font-size:12px!important;border-radius:12px!important}
  h1{font-size:clamp(32px,9vw,46px);line-height:1.02;letter-spacing:-.055em}
  h2{font-size:clamp(24px,7vw,34px);line-height:1.08}
  p{overflow-wrap:anywhere}
  .btn,.profile-btn,.tool-btn,a.btn{min-height:42px;touch-action:manipulation}
  .mobile-bottom-nav{left:10px;right:10px;bottom:10px;border-radius:22px;padding:7px;gap:2px}
  .mobile-bottom-nav a{font-size:10px;min-width:48px;max-width:72px}
  .mobile-bottom-nav a span{font-size:17px}
  .goyalabs-public-footer{margin-top:44px;padding:34px 0 108px}
  .footer-grid{gap:18px}
  table{display:block;max-width:100%;overflow-x:auto;white-space:nowrap}
  .card,.tool-card,.profile-panel,.hi5-card{max-width:100%}
  .tool-card,.profile-panel{border-radius:22px;padding:18px}
  .goyalabs-ad-space{margin:12px auto;max-width:calc(100% - 18px)}
}
@media(max-width:420px){
  .site-header .brand,header.site-header .brand{font-size:17px!important;max-width:48vw!important}
  .site-header .btn,header.site-header .btn{font-size:11px!important;padding:8px 9px!important}
  .mobile-bottom-nav a{min-width:42px;font-size:9px}
}


/* GoyaLabs mobile app header final v20260708 */
@media (max-width: 768px){
  html,body{
    touch-action: pan-y;
    overscroll-behavior-x: none;
  }
  .site-header,
  header.site-header{
    min-height: 66px!important;
  }
  .site-header .top-row,
  header.site-header .top-row{
    position: relative!important;
    min-height: 64px!important;
    height: 64px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    padding: 0!important;
  }
  .site-header .brand,
  header.site-header .brand{
    position: absolute!important;
    left: 50%!important;
    top: 50%!important;
    transform: translate(-50%,-50%)!important;
    margin: 0!important;
    min-width: 0!important;
    max-width: none!important;
    width: auto!important;
    justify-content: center!important;
    gap: 9px!important;
    overflow: visible!important;
    text-overflow: clip!important;
    white-space: nowrap!important;
  }
  .site-header .brand-mark,
  header.site-header .brand-mark{
    width: 36px!important;
    height: 36px!important;
    border-radius: 13px!important;
    flex: 0 0 36px!important;
  }
  .site-header .brand-name,
  header.site-header .brand-name{
    font-size: 22px!important;
    line-height: 1!important;
    letter-spacing: -.055em!important;
    white-space: nowrap!important;
  }
  .site-header .header-actions,
  header.site-header .header-actions,
  .site-header .hamburger,
  header.site-header .hamburger,
  .site-header .nav-toggle,
  header.site-header .nav-toggle{
    display: none!important;
    visibility: hidden!important;
    pointer-events: none!important;
  }
}