:root{
  --jv-bg:#f8f7fc;--jv-card:#fff;--jv-ink:#202334;--jv-muted:#70798b;--jv-line:#e7e5f0;
  --jv-primary:#4f6df5;--jv-primary-d:#3f57d4;--jv-primary-soft:#eef2ff;--jv-primary-pale:#faf9ff;
  --jv-ok:#25815a;--jv-blue:#347bdd;--jv-youtube:#c9233d;--jv-youtube-d:#ae1d35;
  --jv-radius:18px;--jv-shadow:0 10px 30px rgba(54,46,104,.07)
}
html{scroll-padding-top:92px}
body.jovely-integrated-page{padding-top:0!important}
body.jovely-integrated-page{
  --primary:#4f6df5;--primary-d:#3f57d4;--primary2:#6d7ff6;
  --violet:#4f6df5;--violet2:#6d7ff6;--brand:#4f6df5;--brand2:#3f57d4;
  --jb-brand:#4f6df5;--jb-brand2:#3f57d4;--blue:#4f6df5;--blue2:#3f57d4
}

/* ===== 공통 상단 내비게이션 ===== */
.jovely-system-shell{font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,-apple-system,"Segoe UI",sans-serif!important;position:sticky;top:0;z-index:900;background:rgba(255,255,255,.94);border-bottom:1px solid var(--jv-line);backdrop-filter:blur(14px);color:var(--jv-ink);box-shadow:0 4px 18px rgba(55,47,99,.035)}
.jovely-system-shell *{box-sizing:border-box}.jovely-system-shell a{text-decoration:none;color:inherit}
.jovely-system-shell-inner{width:min(1180px,calc(100% - 28px));min-height:68px;margin:0 auto;display:flex;align-items:center;gap:22px}
.jovely-system-brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:950;white-space:nowrap;letter-spacing:-.02em}
.jovely-system-brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--jv-primary),#7285fa);color:#fff;box-shadow:0 7px 17px rgba(103,87,239,.20);font-size:18px}
.jovely-system-brand-copy small{display:block;margin-top:1px;color:#8b92a1;font-size:8.5px;font-weight:800;letter-spacing:0}
.jovely-main-nav{margin-left:auto;display:flex;align-items:center;gap:3px}
.jovely-main-nav a{display:inline-flex;align-items:center;min-height:38px;padding:8px 11px;border-radius:10px;color:#646c7d;font-size:11px;font-weight:850;transition:.14s}
.jovely-main-nav a:hover{background:#f7f6fb;color:#4f42c6}.jovely-main-nav a.active{background:var(--jv-primary-soft);color:#3f57d4}
.jovely-main-nav a.member{margin-left:5px;border:1px solid #efc8cf;background:#fff6f7;color:#b51f37}.jovely-main-nav a.member:hover{background:#fff0f2}
.jovely-mobile-menu{display:none;margin-left:auto}.jovely-mobile-menu summary{list-style:none;cursor:pointer;padding:8px 10px;border:1px solid var(--jv-line);border-radius:10px;background:#fff;color:#596173;font-size:11px;font-weight:900}.jovely-mobile-menu summary::-webkit-details-marker{display:none}.jovely-mobile-panel{position:absolute;right:14px;top:62px;width:min(280px,calc(100vw - 28px));padding:8px;border:1px solid var(--jv-line);border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(39,34,76,.14)}.jovely-mobile-panel a{display:flex;padding:11px 12px;border-radius:10px;color:#596173;font-size:11.5px;font-weight:850}.jovely-mobile-panel a:hover{background:#f7f6fb}.jovely-mobile-panel a.member{margin-top:5px;border-top:1px solid #f0e9eb;color:#b51f37}

/* ===== 섹션 보조 내비게이션 ===== */
.jovely-tool-subnav{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;width:min(1120px,calc(100% - 28px));margin:14px auto 0;display:flex;align-items:center;gap:7px;overflow-x:auto;padding:6px;border:1px solid #ebe8f2;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(53,46,97,.04);scrollbar-width:none}.jovely-tool-subnav::-webkit-scrollbar{display:none}
.jovely-tool-subnav .subLabel{flex:none;padding:7px 8px;color:#9a9fac;font-size:8.5px;font-weight:950;letter-spacing:.05em}.jovely-tool-subnav a{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border-radius:9px;color:#626a7b;text-decoration:none;font-size:10px;font-weight:850;white-space:nowrap}.jovely-tool-subnav a:hover{background:#f7f6fb;color:#4058d6}.jovely-tool-subnav a.active{background:var(--jv-primary-soft);color:#3f57d4}.jovely-tool-subnav .miniDot{width:7px;height:7px;border-radius:50%;background:#d4d0e6}.jovely-tool-subnav a.active .miniDot{background:var(--jv-primary)}

/* ===== 기존 페이지를 같은 Jovely 계열로 정돈 ===== */
body[data-jovely-area="speaker"]{background:radial-gradient(circle at 10% 0,#eef2ff 0,transparent 33%),radial-gradient(circle at 100% 12%,#f3f7ff 0,transparent 30%),#f8f7fc!important;color:#202334}
body[data-jovely-area="speaker"] .card{border-color:#e7e5f0!important;box-shadow:0 10px 30px rgba(54,46,104,.055)!important}
body[data-jovely-tool="speaker-home"] .topbar{display:none!important}
body[data-jovely-tool="speaker-home"] .hero{padding-top:42px!important}
body[data-jovely-tool="speaker-home"] .hero h1{color:#202334!important}
body[data-jovely-tool="speaker-home"] .guide-open{border-color:#d8e0ff!important;color:#4058d6!important}
body[data-jovely-tool="speaker-home"] .card.auto{border-color:#d5ddff!important;box-shadow:0 14px 38px rgba(103,87,239,.10)!important}
body[data-jovely-tool="speaker-home"] .auto .badge,body[data-jovely-tool="speaker-home"] .auto .icon{background:#eef2ff!important;color:#4058d6!important}
body[data-jovely-tool="speaker-home"] .auto .cta{background:linear-gradient(135deg,#4f6df5,#6d7ff6)!important}
body[data-jovely-tool="speaker-home"] .fast .cta{background:#29845d!important}
body[data-jovely-tool="speaker-home"] .import .cta{background:#477fd2!important}

body[data-jovely-area="design"]{background:linear-gradient(180deg,#faf9ff 0,#f7f7fb 300px)!important;color:#202334}
body[data-jovely-area="design"] .jb-sitebar{display:none!important}
body[data-jovely-area="design"] .card,body[data-jovely-area="design"] .panel{border-color:#e7e5f0!important;box-shadow:0 10px 30px rgba(54,46,104,.055)!important}
body[data-jovely-area="design"] a.primary,body[data-jovely-area="design"] button.primary,body[data-jovely-area="design"] .action,body[data-jovely-area="design"] #makeBtn{background:linear-gradient(135deg,#4f6df5,#6d7ff6)!important;color:#fff!important}
body[data-jovely-area="design"] a.secondary,body[data-jovely-area="design"] button.secondary{background:#eef2ff!important;color:#3f57d4!important;border-color:#dbe2ff!important}
body[data-jovely-area="design"] .eyebrow,body[data-jovely-area="design"] .typeBadge{background:#eef2ff!important;color:#3f57d4!important}
body[data-jovely-area="design"] .pill.member,body[data-jovely-area="design"] .lockedPill{background:#b91f39!important;color:#fff!important}
body[data-jovely-area="design"] .memberBrowseHero{background:linear-gradient(135deg,#86182a 0%,#b51f31 52%,#e13a45 100%)!important;color:#fff!important;border-color:#f0c8cf!important}
body[data-jovely-area="design"] .memberActiveHero{background:linear-gradient(135deg,#83172a 0%,#b51f31 55%,#df3a45 100%)!important;color:#fff!important;border-color:#f0c8cf!important}
body[data-jovely-area="design"] .memberPitch{background:linear-gradient(135deg,#8e182b,#ca2639)!important;color:#fff!important;border-color:#f0c8cf!important}
body[data-jovely-area="design"] .memberBrowseEyebrow,body[data-jovely-area="design"] .memberActiveEyebrow{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}
body[data-jovely-area="design"] .memberSectionKicker{color:#b51f37!important}
body[data-jovely-area="design"] .memberBrowseHero p,body[data-jovely-area="design"] .memberActiveHero p,body[data-jovely-area="design"] .memberPitch p{color:#ffecef!important}
body[data-jovely-area="design"] .memberBrowseHero p b,body[data-jovely-area="design"] .memberActiveHero p b{color:#fff!important}
body[data-jovely-area="design"] .benefitText span,body[data-jovely-area="design"] .summaryBox span,body[data-jovely-area="design"] .memberActiveBenefits span{color:#ffe8eb!important}
body[data-jovely-area="design"] .benefitMark{background:#fff!important;color:#b01c2f!important;border-color:rgba(255,255,255,.7)!important}
body[data-jovely-area="design"] .browseBtn:not(.ghost),body[data-jovely-area="design"] .pitchBtn:not(.ghost){background:#fff!important;color:#a7192c!important;border-color:rgba(255,255,255,.74)!important}
body[data-jovely-area="design"] .browseBtn.ghost,body[data-jovely-area="design"] .pitchBtn.ghost{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.34)!important}

body[data-jovely-area="bridge"]{background:linear-gradient(180deg,#faf9ff 0,#f7f7fb 300px)!important;color:#202334}
body[data-jovely-area="bridge"] .top{display:none!important}
body[data-jovely-area="bridge"] .card{border-color:#e7e5f0!important;box-shadow:0 10px 30px rgba(54,46,104,.055)!important}
body[data-jovely-area="bridge"] .mainBtn:not(.pro),body[data-jovely-area="bridge"] .mBtn.confirm:not(.pro){background:linear-gradient(135deg,#4f6df5,#6d7ff6)!important;color:#fff!important}
body[data-jovely-area="bridge"] .version.pro,body[data-jovely-area="bridge"] .membership{border-color:#efc8cf!important;background:linear-gradient(135deg,#fffafb,#fff3f5)!important}
body[data-jovely-area="bridge"] .mainBtn.pro,body[data-jovely-area="bridge"] .memberBtn,body[data-jovely-area="bridge"] .mBtn.confirm.pro{background:linear-gradient(135deg,#b51f37,#dc4054)!important;color:#fff!important}

/* ===== 오른쪽 빠른 실행 ===== */
.jovely-quick-rail{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;position:fixed;right:max(18px,calc((100vw - 1500px)/2));top:105px;z-index:120;width:174px;color:#34394a}
.jovely-rail-box{padding:10px;border:1px solid #e5e3ec;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 13px 34px rgba(48,41,90,.08);backdrop-filter:blur(12px)}
.jovely-rail-title{padding:7px 9px 8px;color:#9a9fac;font-size:8.5px;font-weight:950;letter-spacing:.07em}.jovely-rail-link{display:flex;align-items:center;gap:8px;min-height:38px;padding:7px 8px;border-radius:10px;color:#656d7d;text-decoration:none;font-size:9.5px;font-weight:850}.jovely-rail-link:hover{background:#f7f6fb;color:#4058d6}.jovely-rail-link.active{background:#eef2ff;color:#3f57d4}.jovely-rail-icon{flex:0 0 auto;width:23px;height:23px;border-radius:8px;background:#f2f1f6;display:grid;place-items:center;color:#737989;font-size:8.5px;font-weight:950}.jovely-rail-link.active .jovely-rail-icon{background:#4f6df5;color:#fff}.jovely-rail-link.member{margin-top:7px;padding-top:10px;border-top:1px solid #f0e8eb;border-radius:0 0 10px 10px;color:#b51f37}.jovely-rail-link.member .jovely-rail-icon{background:#fff0f2;color:#b51f37}

/* ===== 왼쪽 광고 ===== */
.jovely-side-ad-left{position:fixed;left:max(14px,calc((100vw - 1500px)/2));top:105px;width:150px;min-height:460px;z-index:15;overflow:hidden}.jovely-side-ad-left .adsbygoogle{display:block;width:150px;min-height:460px}
.jovely-bottom-ad{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;width:min(920px,calc(100% - 28px));min-height:112px;margin:34px auto 0;padding:11px;border-top:1px solid #ebe9f0;border-bottom:1px solid #ebe9f0;overflow:hidden}.jovely-bottom-ad .adsbygoogle{display:block;width:100%}.jovely-ad-label{text-align:center;margin-bottom:7px;color:#a5aab4;font-size:8px;letter-spacing:.15em}

/* ===== 다음 단계 안내 ===== */
.jovely-next-step{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;width:min(920px,calc(100% - 28px));margin:28px auto 0;padding:19px 20px;border:1px solid #dbe2fb;border-radius:17px;background:linear-gradient(135deg,#fbfcff,#f4f6ff);color:#34394b;box-shadow:0 8px 22px rgba(55,48,103,.045)}
.jovely-next-step b{display:block;font-size:13.5px;color:#4058c8}.jovely-next-step p{margin:6px 0 12px;color:#747c8d;font-size:11px;line-height:1.6}.jovely-next-step a{display:inline-flex;align-items:center;justify-content:center;min-height:37px;padding:8px 12px;border-radius:10px;background:#4f6df5;color:#fff;text-decoration:none;font-size:10.5px;font-weight:900}.jovely-next-step a.secondary{margin-left:6px;background:#fff;color:#5d6578;border:1px solid #dedce7}

/* ===== 푸터 ===== */
.jovely-system-footer{font-family:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,sans-serif;width:min(960px,calc(100% - 28px));margin:26px auto 0;padding:20px 8px 30px;text-align:center;border-top:1px solid #e6e4ec;color:#949aa7;font-size:10px;line-height:1.7}.jovely-system-footer a{color:inherit;text-decoration:none;margin:0 7px}.jovely-system-footer a:hover{color:#4f6df5}

/* 다운로드 광고 공통 색상 */
.jdag-count-chip{background:#eef2ff!important;color:#4058d6!important}.jdag-download{background:linear-gradient(135deg,#4f6df5,#6d7ff6)!important}.jdag-helper strong{color:#4058d6!important}
body[data-jovely-area="design"] .downloadBtn{background:linear-gradient(135deg,#4f6df5,#6d7ff6)!important}.countChip{color:#4058d6!important}

@media(max-width:1510px){.jovely-quick-rail,.jovely-side-ad-left{display:none!important}}
@media(max-width:850px){.jovely-system-shell-inner{min-height:62px}.jovely-main-nav{display:none}.jovely-mobile-menu{display:block}.jovely-system-brand-copy small{display:none}.jovely-tool-subnav{margin-top:10px}.jovely-next-step a{display:flex;width:100%}.jovely-next-step a.secondary{margin:7px 0 0}.jovely-bottom-ad{margin-top:26px}}
@media(max-width:520px){.jovely-system-shell-inner{width:calc(100% - 18px)}.jovely-system-brand-mark{width:33px;height:33px}.jovely-tool-subnav{width:calc(100% - 18px);padding:5px}.jovely-tool-subnav .subLabel{display:none}.jovely-system-footer{width:calc(100% - 20px)}}
/* 개별 페이지의 중복 브랜드 푸터는 공통 푸터로 통일 */
body[data-jovely-tool="speaker-home"] .footer,
body[data-jovely-tool="analyzer"] .footer,
body[data-jovely-tool="fast"] .footer,
body[data-jovely-tool="editor"] .footer,
body[data-jovely-tool="design-home"] .footer,
body[data-jovely-tool="library"] .footer,
body[data-jovely-tool="maker"] .footer,
body[data-jovely-tool="bridge-home"] .footer{display:none!important}

/* ===== v3: 더 가벼운 공통 퀵 UI ===== */
.jovely-quick-rail{width:148px;right:max(14px,calc((100vw - 1510px)/2));top:102px}
.jovely-rail-box{padding:8px;border-radius:15px;box-shadow:0 11px 28px rgba(48,41,90,.065)}
.jovely-rail-title{padding:6px 7px 7px;font-size:8px}
.jovely-rail-link{min-height:34px;padding:6px 7px;border-radius:9px;font-size:8.8px}
.jovely-rail-icon{width:21px;height:21px;border-radius:7px;font-size:7.8px}
.jovely-system-shell{box-shadow:0 3px 14px rgba(55,47,99,.03)}
.jovely-system-shell-inner{min-height:66px}
.jovely-main-nav a{font-size:10.5px}
.jovely-tool-subnav{box-shadow:0 6px 18px rgba(53,46,97,.035)}
body[data-jovely-area="speaker"] .jovely-tool-subnav,
body[data-jovely-area="design"] .jovely-tool-subnav,
body[data-jovely-area="bridge"] .jovely-tool-subnav{margin-bottom:6px}
@media(max-width:1510px){.jovely-quick-rail,.jovely-side-ad-left{display:none!important}}

/* ===== v4 unified Jovely design system ===== */
:root{
  --jv-primary:#4f6df5;
  --jv-primary-2:#7185ff;
  --jv-primary-soft:#f0f3ff;
  --jv-ink:#20263a;
  --jv-muted:#71798a;
  --jv-line:#e5e9f1;
  --jv-youtube:#cc2844;
  --jv-youtube-soft:#fff3f5;
}
.jovely-system-shell{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e8ebf2!important;box-shadow:0 3px 13px rgba(45,55,100,.025)!important;backdrop-filter:blur(14px)}
.jovely-system-shell-inner{width:min(1180px,calc(100% - 32px))!important;min-height:64px!important}
.jovely-system-brand-mark{background:linear-gradient(135deg,var(--jv-primary),var(--jv-primary-2))!important;border-radius:10px!important;box-shadow:0 7px 18px rgba(79,109,245,.18)!important}
.jovely-system-brand-copy{color:var(--jv-ink)!important}
.jovely-system-brand-copy small{color:#8a92a2!important}
.jovely-main-nav{gap:3px!important}
.jovely-main-nav a{padding:9px 11px!important;border-radius:9px!important;color:#5f687a!important;font-size:10px!important;font-weight:850!important}
.jovely-main-nav a:hover{background:#f6f7fb!important;color:var(--jv-primary)!important}
.jovely-main-nav a.active{background:var(--jv-primary-soft)!important;color:var(--jv-primary)!important}
.jovely-main-nav a.member{background:#fff5f7!important;color:#b92e47!important}
.jovely-tool-subnav{background:#fbfcfe!important;border-bottom:1px solid #eef0f5!important;min-height:43px!important;padding:5px max(16px,calc((100vw - 1180px)/2))!important;gap:5px!important}
.jovely-tool-subnav .subLabel{font-size:7px!important;color:#a0a7b5!important;margin-right:5px!important}
.jovely-tool-subnav a{min-height:31px!important;padding:6px 9px!important;border-radius:8px!important;color:#6a7284!important;font-size:8.5px!important;font-weight:850!important}
.jovely-tool-subnav a:hover,.jovely-tool-subnav a.active{background:#eef2ff!important;color:#4058d6!important}
.jovely-tool-subnav .miniDot{width:5px!important;height:5px!important;background:#aab2c1!important}
.jovely-tool-subnav a.active .miniDot{background:var(--jv-primary)!important}
.jovely-quick-rail{width:132px!important;top:96px!important;right:max(12px,calc((100vw - 1460px)/2))!important}
.jovely-rail-box{padding:7px!important;border:1px solid #e8ebf2!important;border-radius:14px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 10px 26px rgba(42,50,94,.055)!important}
.jovely-rail-title{padding:5px 6px!important;color:#9aa1ae!important;font-size:7px!important;letter-spacing:.04em!important}
.jovely-rail-link{min-height:32px!important;padding:5px 6px!important;border-radius:8px!important;color:#646d7f!important;font-size:8.2px!important;font-weight:850!important}
.jovely-rail-link:hover,.jovely-rail-link.active{background:#f0f3ff!important;color:#4058d6!important}
.jovely-rail-icon{width:20px!important;height:20px!important;border-radius:6px!important;background:#f2f4f9!important;color:#687181!important;font-size:7px!important}
.jovely-rail-link.active .jovely-rail-icon{background:#e5eaff!important;color:#4058d6!important}
.jovely-rail-link.member{margin-top:4px!important;border-top:1px solid #f1e5e8!important;color:#b72e46!important}
.jovely-rail-link.member .jovely-rail-icon{background:#fff0f3!important}
.jovely-next-step{width:min(1040px,calc(100% - 32px))!important;margin:28px auto!important;padding:20px 22px!important;border:1px solid #e4e8f1!important;border-radius:17px!important;background:#fafbfe!important;box-shadow:none!important}
.jovely-next-step b{color:#2d3548!important;font-size:13px!important}
.jovely-next-step p{color:#7a8293!important;font-size:10.5px!important;line-height:1.6!important}
.jovely-next-step>a{border-radius:10px!important;background:var(--jv-primary)!important;font-size:9px!important;font-weight:900!important}
.jovely-next-step>a.secondary{background:#fff!important;color:#536079!important;border:1px solid #dfe3ec!important}
.jovely-bottom-ad{width:min(1040px,calc(100% - 32px))!important;margin:28px auto!important;border-color:#eceef3!important;border-radius:16px!important;background:#fff!important}
.jovely-ad-label{color:#abb1bc!important;font-size:7px!important}
.jovely-system-footer{border-top:1px solid #edf0f4!important;color:#9aa1ae!important;font-size:9px!important}
.jovely-system-footer a{color:#737b8d!important}
@media(max-width:1460px){.jovely-quick-rail,.jovely-side-ad-left{display:none!important}}
@media(max-width:760px){.jovely-system-shell-inner{width:min(100% - 22px,1180px)!important;min-height:58px!important}.jovely-tool-subnav{padding:5px 11px!important;overflow-x:auto!important;white-space:nowrap!important}.jovely-tool-subnav .subLabel{display:none!important}}


/* ===== v5: YouTube membership UI consistency ===== */
body[data-jovely-tool="library"] .memberOnlyCard .lockedAction,
body[data-jovely-tool="library"] .publicMemberGrid .lockedAction,
body[data-jovely-tool="library"] .memberShell .action:not(.download){background:linear-gradient(135deg,#b21e31,#df3141)!important;color:#fff!important;border-color:#c52135!important;box-shadow:0 7px 16px rgba(180,30,49,.16)!important}
body[data-jovely-tool="library"] .memberOnlyCard .lockedAction:hover,
body[data-jovely-tool="library"] .publicMemberGrid .lockedAction:hover,
body[data-jovely-tool="library"] .memberShell .action:not(.download):hover{background:linear-gradient(135deg,#9f192b,#ce2638)!important;color:#fff!important}
body[data-jovely-tool="library"] .modalBenefitHead{background:linear-gradient(135deg,#8e182b,#ca2639)!important;color:#fff!important}
body[data-jovely-tool="library"] .modalBenefitHead .memberBrowseEyebrow{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.30)!important;color:#fff!important}
body[data-jovely-tool="library"] .modalBenefitHead h3,body[data-jovely-tool="library"] .modalBenefitHead p,body[data-jovely-tool="library"] .modalBenefit b{color:#fff!important}
body[data-jovely-tool="library"] .modalBenefitHead p,body[data-jovely-tool="library"] .modalBenefit span{color:#ffe9ec!important}
body[data-jovely-tool="library"] .modalCodeBody .codeBox button{background:#d72539!important;color:#fff!important}
body[data-jovely-tool="library"] .modalFooter .membershipGuideLink{color:#c51f34!important}
body[data-jovely-tool="library"] .memberOnlyCard .pill.member,body[data-jovely-tool="library"] .publicMemberGrid .lockedPill,body[data-jovely-tool="library"] .memberShell .pill.member{background:#b61f32!important;color:#fff!important}
body[data-jovely-tool="library"] .publicTypeTab.active,body[data-jovely-tool="library"] .memberShell .typeTab.active,body[data-jovely-tool="library"] .publicFilters .catBtn.active,body[data-jovely-tool="library"] .memberShell .catBtn.active{background:#fff1f3!important;border-color:#efbdc5!important;color:#ad1d30!important}

/* v5: bridge membership keeps the same YouTube-red identity */
body[data-jovely-tool="bridge-home"] .membership{background:linear-gradient(135deg,#9f172d 0%,#bd2138 55%,#db4255 100%)!important;border-color:#a51a31!important;color:#fff!important}
body[data-jovely-tool="bridge-home"] .membership h2{color:#fff!important}
body[data-jovely-tool="bridge-home"] .membership p{color:rgba(255,255,255,.84)!important}
body[data-jovely-tool="bridge-home"] .membership .memberBtn{background:#fff!important;color:#a6172f!important;border-color:rgba(255,255,255,.70)!important}


/* ===== FINAL PRE-INTEGRATION: original Jovely Class visual alignment ===== */
:root{--jv-site-bg1:#f6f8ff;--jv-site-bg2:#edf1fa;--jv-primary:#4f6df5;--jv-primary-d:#3b55d9;--jv-primary-soft:#eef2ff;--jv-line:#e3e8f6;--jv-ink:#232a3b;--jv-muted:#7a849b;--jv-youtube:#cf2e2e}
body.jovely-integrated-page{font-family:"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important}
body[data-jovely-tool="home"].jovely-integrated-page{background:linear-gradient(180deg,var(--jv-site-bg1),var(--jv-site-bg2)) fixed!important}
.jovely-system-shell{font-family:"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;position:relative!important;top:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;padding:20px 0 0!important}
.jovely-system-shell-inner{width:min(1120px,calc(100% - 32px))!important;min-height:46px!important;gap:16px!important}
.jovely-system-brand{gap:9px!important;font-size:14px!important;font-weight:850!important}
.jovely-system-brand-mark{width:40px!important;height:40px!important;border-radius:13px!important;background:#fff!important;border:1px solid var(--jv-line)!important;color:inherit!important;box-shadow:0 7px 20px rgba(80,100,170,.10)!important;font-size:20px!important}
.jovely-system-brand-copy small{font-size:9px!important;color:#8a92a2!important}
.jovely-main-nav{gap:7px!important}.jovely-main-nav a{min-height:36px!important;padding:9px 11px!important;border-radius:999px!important;color:#59627a!important;font-size:10.5px!important}.jovely-main-nav a:hover,.jovely-main-nav a.active{background:#fff!important;color:var(--jv-primary)!important;box-shadow:0 5px 16px rgba(90,110,180,.08)!important}.jovely-main-nav a.member{border:0!important;background:#fff3f3!important;color:#b82424!important}
.jovely-tool-subnav{font-family:"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;width:min(1120px,calc(100% - 32px))!important;margin:10px auto 4px!important;border:1px solid var(--jv-line)!important;background:rgba(255,255,255,.82)!important;border-radius:13px!important;box-shadow:0 5px 16px rgba(90,110,180,.045)!important}.jovely-tool-subnav a{font-size:9px!important}.jovely-tool-subnav a.active{background:#fff!important;color:var(--jv-primary)!important;box-shadow:0 4px 12px rgba(79,109,245,.08)!important}
body[data-jovely-area="speaker"],body[data-jovely-area="design"],body[data-jovely-area="bridge"]{font-family:"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;background:linear-gradient(180deg,#f8faff,#f3f6fc 320px)!important}
.jovely-side-ad-left{display:none!important}
@media(min-width:1240px){.jovely-side-ad-left{display:block!important;position:fixed!important;top:96px!important;right:calc(50% + 590px)!important;width:clamp(120px,calc((100vw - 1120px)/2 - 38px),160px)!important;min-width:120px!important;max-width:160px!important;z-index:2!important}.jovely-side-ad-left .adsbygoogle{display:block!important;width:100%!important}}
.jovely-quick-rail{display:none!important}
@media(min-width:1540px){.jovely-quick-rail{display:block!important;position:fixed!important;top:112px!important;right:calc(50% - 790px)!important;width:180px!important}.jovely-rail-box{padding:10px!important;border:1px solid var(--jv-line)!important;border-radius:17px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 13px 34px rgba(62,76,125,.08)!important}.jovely-rail-link{min-height:36px!important;font-size:9.5px!important}.jovely-rail-title{font-size:8px!important}}
.jovely-content-ad{width:min(760px,calc(100% - 20px));margin:26px auto 4px;padding:0}.jovely-content-ad .jovely-ad-label{text-align:center;margin-bottom:7px;color:#a1a9b8;font-size:8px;letter-spacing:.12em}.jovely-content-ad-slot{width:100%;min-height:90px}.jovely-ad-placeholder{min-height:90px;display:grid;place-items:center;text-align:center;border:1px dashed #e2e7f1;border-radius:14px;background:#fafbfe;color:#98a2b3}.jovely-ad-placeholder b{display:block;color:#7f899a;font-size:12px}.jovely-ad-placeholder span{display:block;margin-top:4px;font-size:10px}
.jovely-system-footer{font-family:"Segoe UI","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;width:min(920px,calc(100% - 32px))!important;margin:30px auto 0!important;padding:22px 16px 32px!important;border-top:1px solid rgba(128,128,128,.18)!important;color:#7a849b!important;font-size:10px!important;line-height:1.7!important;text-align:center!important;opacity:.82!important}.jovely-system-footer .footer-secondary{margin-top:4px}.jovely-system-footer .divider{margin:0 6px;opacity:.45}
/* status palette */
.jv-status-info{background:#eef2ff!important;color:#4058d6!important}.jv-status-warn{background:#fff6e0!important;color:#9a6b00!important}.jv-status-error{background:#fff0f1!important;color:#b42336!important}.jv-status-success{background:#e9f8f0!important;color:#188a52!important}
/* YouTube membership remains distinct red */
body[data-jovely-tool="library"] .browseBtn:not(.ghost),body[data-jovely-tool="library"] .codeBox button{background:linear-gradient(135deg,#b82424,#df3b45)!important;color:#fff!important}
/* download gate final palette */
.jdag-download,body[data-jovely-tool="mogrt-download"] .downloadBtn{background:linear-gradient(135deg,#4f6df5,#7185ff)!important;color:#fff!important}
@media(max-width:760px){.jovely-system-shell{padding-top:12px!important}.jovely-system-shell-inner{width:calc(100% - 22px)!important;min-height:44px!important}.jovely-main-nav{display:none!important}.jovely-mobile-menu{display:block!important}.jovely-system-brand-copy small{display:none!important}.jovely-tool-subnav{width:calc(100% - 22px)!important;margin-top:7px!important}.jovely-side-ad-left,.jovely-quick-rail{display:none!important}.jovely-content-ad{margin-top:20px}}

/* fix9 standalone preview: wide tool canvases need more room before the left ad can sit without overlap.
   When merged into the 920px Jovely body later, the original 1240px rule can be reused. */
@media (min-width:1240px) and (max-width:1439px){.jovely-side-ad-left{display:none!important}}
@media (min-width:1440px){.jovely-side-ad-left{display:block!important}}


/* Readability and user-facing polish */
.jovely-main-nav a{font-size:12px!important}.jovely-tool-subnav a{font-size:11px!important;min-height:36px!important}.jovely-tool-subnav .subLabel{font-size:9px!important}.jovely-rail-link{font-size:10.5px!important}.jovely-rail-title{font-size:9px!important}.jovely-next-step p{font-size:13px!important;color:#667085!important}.jovely-next-step>a{font-size:12px!important;min-height:42px!important}.jovely-system-footer{font-size:11.5px!important}.jovely-ad-label,.jdag-ad-label{font-size:10px!important;color:#8d96a8!important;letter-spacing:.08em!important}
body[data-jovely-tool="analyzer"] .hero-copy>p,body[data-jovely-tool="fast"] .hero p,body[data-jovely-tool="editor"] .hero p,body[data-jovely-tool="design-home"] .hero p,body[data-jovely-tool="bridge-home"] .hero p{font-size:15px!important;line-height:1.7!important;color:#667085!important}
body[data-jovely-tool="analyzer"] .entry-copy small,body[data-jovely-tool="analyzer"] .drop-small,body[data-jovely-tool="fast"] .muted,body[data-jovely-tool="editor"] .muted{font-size:13px!important;line-height:1.6!important}
body[data-jovely-tool="bridge-home"] .downloadNotice,body[data-jovely-tool="bridge-home"] .installCard p,body[data-jovely-tool="bridge-home"] .membership p{font-size:14px!important;line-height:1.65!important}
body[data-jovely-tool="library"] .desc,body[data-jovely-tool="maker"] .helper,body[data-jovely-tool="maker"] .hint{font-size:13.5px!important;line-height:1.65!important;color:#667085!important}
@media(max-width:760px){.jovely-tool-subnav a{min-height:44px!important;font-size:11px!important}.jovely-mobile-panel a{min-height:44px!important;font-size:13px!important}.jovely-system-footer{font-size:11px!important}}


/* ===== PRE-MERGE FINAL: parent-site safe slots / duplicate prevention ===== */
.jovely-site-integration-slot{display:none!important}
body.jovely-auto-caption-scope>.jovely-tool-subnav{margin-top:18px!important}
.jovely-bottom-ad-slot{width:100%;min-height:112px}
body.jovely-auto-caption-scope .jovely-bottom-ad{overflow:hidden!important}
/* When the original Jovely site shell exists, its shared side/rail/footer take priority. */
body:has(.side-ad-left) .jovely-side-ad-left{display:none!important}
body:has(.creator-side-panel) .jovely-quick-rail{display:none!important}
body:has(.site-footer) .jovely-system-footer{display:none!important}
@media(max-width:760px){body.jovely-auto-caption-scope>.jovely-tool-subnav{margin-top:10px!important}}

/* ===== FINAL MERGE PREVIEW: real parent-header spacing + final all-in-one subnav ===== */
/* Standalone preview reserves only the space where the Jovely Class parent header will sit.
   When the real .top-nav exists after merge, this reserve disappears automatically. */
.jovely-parent-header-reserve{display:none}
body.jovely-parent-shell-preview>.jovely-parent-header-reserve{display:block;height:82px}
body.jovely-auto-caption-scope .quick-tools-bar{display:none!important}

/* This is the final all-in-one sub navigation that remains after the parent site is merged. */
.jovely-tool-subnav.jovely-tool-subnav-final{
  box-sizing:border-box!important;
  width:min(920px,calc(100% - 36px))!important;
  min-height:50px!important;
  margin:0 auto 24px!important;
  padding:6px 8px 6px 13px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border:1px solid #e3e8f6!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 8px 24px rgba(72,88,145,.07)!important;
  backdrop-filter:blur(10px)!important;
  position:relative!important;
  z-index:20!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final .subLabel{
  flex:none!important;
  margin:0!important;
  padding:0 5px!important;
  color:#9199aa!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-.1px!important;
  white-space:nowrap!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final .jovely-subnav-links{
  min-width:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:7px 9px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#667085!important;
  text-decoration:none!important;
  font-size:11.5px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:-.12px!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transition:background .15s ease,color .15s ease,border-color .15s ease!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final a:hover{
  background:#f6f8ff!important;
  color:#4f6df5!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final a.active{
  background:#eef2ff!important;
  border-color:#dfe5ff!important;
  color:#405de6!important;
  box-shadow:none!important;
}

/* The all-in-one right quick rail was only for standalone testing; the parent site owns the right rail. */
body.jovely-auto-caption-scope .jovely-quick-rail{display:none!important}

/* Common return route used by every real tool page. */
body.jovely-auto-caption-scope .jovely-global-home-link,
body.jovely-auto-caption-scope .jovely-home-link{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  margin:0 0 16px!important;
  padding:9px 14px!important;
  border:1px solid #dfe4f3!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#56627a!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:820!important;
  line-height:1.2!important;
  box-shadow:0 5px 16px rgba(49,63,104,.055)!important;
}
body.jovely-auto-caption-scope .jovely-global-home-link:hover,
body.jovely-auto-caption-scope .jovely-home-link:hover{border-color:#c7d1f5!important;color:#405de6!important;background:#f8faff!important}
body[data-jovely-tool="library"]>.jovely-global-home-link,
body[data-jovely-tool="maker"]>.jovely-global-home-link,
body[data-jovely-tool="bridge-home"]>.jovely-global-home-link{
  margin-left:max(18px,calc((100% - 920px)/2))!important;
}

/* Design pages have their own old site bar; the parent header + final subnav replace it. */
body.jovely-auto-caption-scope .jb-sitebar{display:none!important}

@media(max-width:760px){
  body.jovely-parent-shell-preview>.jovely-parent-header-reserve{height:70px}
  .jovely-tool-subnav.jovely-tool-subnav-final{
    width:calc(100% - 24px)!important;
    min-height:48px!important;
    margin-bottom:16px!important;
    padding:6px 7px!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  .jovely-tool-subnav.jovely-tool-subnav-final .subLabel{display:none!important}
  .jovely-tool-subnav.jovely-tool-subnav-final .jovely-subnav-links{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .jovely-tool-subnav.jovely-tool-subnav-final .jovely-subnav-links::-webkit-scrollbar{display:none!important}
  .jovely-tool-subnav.jovely-tool-subnav-final a{min-height:38px!important;padding:8px 10px!important;font-size:11.5px!important}
  body[data-jovely-tool="library"]>.jovely-global-home-link,
  body[data-jovely-tool="maker"]>.jovely-global-home-link,
  body[data-jovely-tool="bridge-home"]>.jovely-global-home-link{margin-left:14px!important}
}
body.jovely-auto-caption-scope>.jovely-tool-subnav.jovely-tool-subnav-final{margin-top:0!important}
@media(max-width:760px){body.jovely-auto-caption-scope>.jovely-tool-subnav.jovely-tool-subnav-final{margin-top:0!important}}


/* ===== FINAL QUICK NAV V3: parent-width segmented navigation ===== */
:root{--jovely-parent-content-width:1120px}

/* This navigation intentionally ignores each tool page's own content width. */
body.jovely-auto-caption-scope>.jovely-tool-subnav.jovely-tool-subnav-final,
body.jovely-auto-caption-scope .jovely-tool-subnav.jovely-tool-subnav-final{
  box-sizing:border-box!important;
  width:min(var(--jovely-parent-content-width),calc(100% - 32px))!important;
  min-height:60px!important;
  margin:0 auto 14px!important;
  padding:7px!important;
  gap:8px!important;
  overflow:visible!important;
  border:1px solid #dfe5f3!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(248,250,255,.98),rgba(243,246,253,.98))!important;
  box-shadow:0 10px 28px rgba(65,82,139,.075)!important;
  backdrop-filter:blur(12px)!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final .subLabel{
  box-sizing:border-box!important;
  flex:0 0 94px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #dfe5ff!important;
  border-radius:12px!important;
  background:#eef2ff!important;
  color:#4a61d8!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.15px!important;
  white-space:nowrap!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final .jovely-subnav-links{
  box-sizing:border-box!important;
  min-width:0!important;
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:0!important;
  padding:0!important;
  border:1px solid #e4e9f4!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.76)!important;
  overflow:hidden!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final a{
  box-sizing:border-box!important;
  position:relative!important;
  min-width:0!important;
  min-height:44px!important;
  padding:8px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#667085!important;
  font-size:clamp(10.5px,.72vw,12.5px)!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:-.2px!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  box-shadow:none!important;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final a+a::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:11px!important;
  bottom:11px!important;
  width:1px!important;
  background:#e8ecf4!important;
  opacity:1!important;
  transition:opacity .15s ease!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final a:hover{
  z-index:2!important;
  background:#f4f7ff!important;
  color:#405de6!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final a.active{
  z-index:3!important;
  margin:3px!important;
  min-height:38px!important;
  padding:6px 6px!important;
  border:1px solid #d8e0ff!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#405de6!important;
  box-shadow:0 5px 15px rgba(79,109,245,.12)!important;
}
.jovely-tool-subnav.jovely-tool-subnav-final a.active::before,
.jovely-tool-subnav.jovely-tool-subnav-final a.active+a::before{opacity:0!important}

/* The fixed subnav now owns the return route; remove redundant per-page home buttons. */
body.jovely-auto-caption-scope .jovely-global-home-link,
body.jovely-auto-caption-scope .jovely-home-link{display:none!important}

/* Keep the content close to the navigation after the duplicate return row is removed. */
body[data-jovely-area="speaker"]>.jovely-tool-subnav.jovely-tool-subnav-final,
body[data-jovely-area="design"]>.jovely-tool-subnav.jovely-tool-subnav-final,
body[data-jovely-area="bridge"]>.jovely-tool-subnav.jovely-tool-subnav-final{margin-bottom:12px!important}

@media(max-width:980px){
  .jovely-tool-subnav.jovely-tool-subnav-final{
    width:calc(100% - 24px)!important;
    min-height:58px!important;
    padding:6px!important;
    gap:6px!important;
  }
  .jovely-tool-subnav.jovely-tool-subnav-final .subLabel{flex-basis:82px!important;font-size:11px!important}
  .jovely-tool-subnav.jovely-tool-subnav-final .jovely-subnav-links{
    display:flex!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .jovely-tool-subnav.jovely-tool-subnav-final .jovely-subnav-links::-webkit-scrollbar{display:none!important}
  .jovely-tool-subnav.jovely-tool-subnav-final a{
    flex:0 0 auto!important;
    min-width:max-content!important;
    min-height:42px!important;
    padding:8px 13px!important;
    font-size:11.5px!important;
  }
  .jovely-tool-subnav.jovely-tool-subnav-final a.active{min-height:36px!important;padding:6px 11px!important}
}
@media(max-width:760px){
  body.jovely-parent-shell-preview>.jovely-parent-header-reserve{height:70px}
  .jovely-tool-subnav.jovely-tool-subnav-final{width:calc(100% - 20px)!important;margin-bottom:10px!important}
  .jovely-tool-subnav.jovely-tool-subnav-final .subLabel{display:none!important}
  .jovely-tool-subnav.jovely-tool-subnav-final .jovely-subnav-links{width:100%!important}
  .jovely-tool-subnav.jovely-tool-subnav-final a{min-height:44px!important;font-size:12px!important;padding:9px 13px!important}
  .jovely-tool-subnav.jovely-tool-subnav-final a.active{min-height:38px!important;padding:7px 11px!important}
}