/* BTB Social: optional Creator Studio and Rewards. Isolated from feed, videos and checkout. */
#view-myprofile .btb-creator-feature-links{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
 margin:10px 0 13px;max-width:760px
}
#view-myprofile .btb-creator-feature-links button{
 display:flex;align-items:center;gap:11px;width:100%;min-width:0;
 min-height:68px;padding:12px;border:1px solid #385677;
 border-radius:14px;background:#13243c;text-align:left;color:#f5f9ff;
 cursor:pointer;font:inherit;box-shadow:none
}
#view-myprofile .btb-creator-feature-links button>span:first-child{
 display:grid;place-items:center;flex:0 0 42px;height:42px;
 background:#1c477c;border-radius:12px;font-size:22px;color:#eaf5ff
}
#view-myprofile .btb-creator-feature-links strong,
#view-myprofile .btb-creator-feature-links small{display:block;line-height:1.35}
#view-myprofile .btb-creator-feature-links strong{font-size:14px}
#view-myprofile .btb-creator-feature-links small{font-size:11px;color:#abc6e7;margin-top:3px}
#view-myprofile .btb-creator-feature-links button:is(:hover,:focus-visible){
 border-color:#84bbed;background:#1a3455;outline-offset:2px
}
#view-myprofile .btb-creator-studio,
#view-myprofile .btb-creator-rewards{
 width:100%;max-width:760px;margin:0 auto;
 padding:clamp(15px,3vw,23px);border-radius:17px;
 border:1px solid #405e82;background:#102039
}
.btb-creator-feature-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:18px}
.btb-creator-feature-heading h3{font-size:clamp(21px,5vw,27px)!important;line-height:1.2;margin:3px 0 6px}
.btb-creator-feature-heading p{margin:0;line-height:1.5}
.btb-studio-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}
.btb-studio-metric{border:1px solid #385677;border-radius:13px;padding:12px;min-width:0;background:#162b46}
.btb-studio-metric strong{font-size:clamp(21px,6vw,30px);line-height:1.15;display:block;color:#f8fbff;font-variant-numeric:tabular-nums}
.btb-studio-metric span{display:block;margin-top:5px;font-size:12px;color:#b6ccea;line-height:1.4}
.btb-studio-metrics-small{grid-template-columns:repeat(3,minmax(0,1fr))}
.btb-studio-metrics-small .btb-studio-metric strong{font-size:20px}
.btb-studio-engagement,.btb-studio-posts{border-top:1px solid #334e6c;margin-top:17px;padding-top:16px}
.btb-studio-engagement h4,.btb-studio-posts h4{margin:0 0 7px;font-size:16px}
.btb-studio-engagement>p{font-size:12px;color:#aac4e2;margin:0;line-height:1.4}
.btb-studio-post{display:flex;justify-content:space-between;align-items:center;gap:10px;
 width:100%;min-height:48px;padding:11px 9px;margin:5px 0;
 background:#182b47;border:1px solid #395475;border-radius:10px;
 color:#dce9fa;text-align:left;font:inherit;cursor:pointer}
.btb-studio-post strong{white-space:nowrap;font-size:12px}
.btb-studio-post span{font-size:12px;text-transform:capitalize}
.btb-studio-post:is(:focus-visible,:hover){background:#234466;border-color:#98c7fa}
.btb-creator-feature-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}
.btb-studio-note{font-size:12px!important;line-height:1.5!important;margin:14px 0 0!important}
.btb-rewards-wheel-wrap{position:relative;display:grid;place-items:center;max-width:310px;margin:16px auto 20px;padding-top:7px}
.btb-rewards-wheel{
 width:min(67vw,262px);height:min(67vw,262px);display:grid;place-items:center;
 border:9px solid #1f405e;border-radius:50%;
 background:conic-gradient(#326fa7 0deg 60deg,#1bb8ac 60deg 120deg,
 #3f64bc 120deg 180deg,#d5a849 180deg 240deg,
 #254e8c 240deg 300deg,#3bb9cd 300deg 360deg);
 box-shadow:inset 0 0 0 5px rgba(255,255,255,.18),0 8px 22px #0005;
}
.btb-rewards-wheel-center{
 display:flex;align-items:center;justify-content:center;flex-direction:column;
 width:102px;height:102px;border:5px solid #dceeff;border-radius:50%;
 background:#10213a;color:#fff;font-size:25px;line-height:1.1;font-weight:850;
 box-shadow:0 2px 15px #0006
}
.btb-rewards-wheel-center small{font-size:9px;letter-spacing:.12em;margin-top:5px}
.btb-rewards-pointer{position:absolute;top:-13px;z-index:2;font-size:35px;color:#ffcb63;text-shadow:0 3px 4px #000b;line-height:1}
.btb-rewards-wheel.is-spinning{animation:btbRewardsRotate 1s linear infinite}
@keyframes btbRewardsRotate{to{transform:rotate(360deg)}}
.btb-rewards-action{text-align:center}
.btb-rewards-action button{min-height:46px;padding-inline:20px}
.btb-rewards-action p{font-size:12px;color:#b9cbe4;line-height:1.5;max-width:410px;margin:9px auto 0}
.btb-rewards-result{margin:17px 0 0;border:1px solid #528eae;border-radius:14px;padding:15px;background:#183452}
.btb-rewards-result h4{font-size:22px;margin:9px 0}
.btb-rewards-result p{line-height:1.45}
.btb-rewards-code{display:flex;align-items:center;flex-wrap:wrap;gap:9px}
.btb-rewards-code code{font-size:15px;color:#fff;background:#10243b;border:1px dashed #86c7ec;border-radius:7px;padding:9px}
@media(max-width:500px){
 #view-myprofile .btb-creator-feature-links{gap:8px}
 #view-myprofile .btb-creator-feature-links button{padding:9px;min-height:60px;gap:8px}
 #view-myprofile .btb-creator-feature-links button>span:first-child{flex-basis:32px;height:32px;font-size:17px}
 #view-myprofile .btb-creator-feature-links strong{font-size:12px}
 #view-myprofile .btb-creator-feature-links small{font-size:10px}
 .btb-studio-metrics-small .btb-studio-metric{padding:9px}
 .btb-studio-metrics-small .btb-studio-metric strong{font-size:18px}
 .btb-studio-post{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
 .btb-rewards-wheel.is-spinning{animation-duration:3s;animation-iteration-count:1}
}
/* Creator Studio / Rewards v2: readable, actionable, honest about benefits. */
.btb-studio-scope{font-size:12px;line-height:1.55;color:#b6cee8;margin:3px 0 12px}
.btb-studio-post{gap:12px}
.btb-studio-post>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.btb-studio-post b{font-size:13px;line-height:1.35;text-transform:none;white-space:normal;overflow-wrap:anywhere}
.btb-studio-post small{font-size:11px;color:#adc9e7}
.btb-studio-post strong{font-size:12px;white-space:nowrap;color:#f3f8ff}
.btb-studio-free-tools{margin-top:17px;border-top:1px solid #344d69;padding-top:16px}
.btb-studio-free-tools h4,.btb-rewards-activities h4{font-size:17px;margin:0 0 6px}
.btb-studio-free-tools>p,.btb-rewards-activities>p{font-size:12px;color:#bed0e7;line-height:1.6;margin:0 0 14px}
.btb-studio-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0 15px}
.btb-studio-tool-grid>div{border:1px solid #365370;background:#162b45;border-radius:12px;padding:12px}
.btb-studio-tool-grid strong{display:block;font-size:14px;margin-bottom:5px}
.btb-studio-tool-grid small{display:block;color:#c1d3ec;line-height:1.5;font-size:12px}
.btb-rewards-wheel-wrap{max-width:245px!important;margin:7px auto 15px!important}
.btb-rewards-wheel{width:min(53vw,200px)!important;height:min(53vw,200px)!important;border-width:7px!important}
.btb-rewards-wheel-center{width:82px!important;height:82px!important;font-size:21px!important}
.btb-rewards-result{background:#142f49;border-color:#77a8d1}
.btb-rewards-result h4{font-size:clamp(21px,4.5vw,26px);margin:7px 0}
.btb-rewards-code{display:flex;align-items:center;gap:9px;margin:13px 0!important}
.btb-rewards-code span{font-size:12px;color:#bdd1eb}
.btb-rewards-code code{user-select:all;-webkit-user-select:all;font-size:16px!important;letter-spacing:.04em}
.btb-rewards-code button{min-height:38px;white-space:nowrap}
.btb-rewards-result>a.btn{width:100%;justify-content:center;text-align:center;min-height:46px}
.btb-rewards-activities{border-top:1px solid #344d69;margin-top:21px;padding-top:16px}
.btb-rewards-activities>div{display:grid;gap:8px;margin:10px 0}
.btb-rewards-activities a,.btb-rewards-activities button{
 display:flex;align-items:center;justify-content:space-between;
 min-height:46px;padding:10px 13px;border-radius:11px;
 border:1px solid #395778;background:#182f49;color:#e7f1ff;
 font:inherit;font-size:13px;text-decoration:none;text-align:left;cursor:pointer
}
.btb-rewards-activities :is(a,button):is(:focus-visible,:hover){border-color:#90bfed;background:#224569}
.btb-rewards-activities>p{margin-top:12px}
#media-preview .btb-free-photo-editor{margin-top:11px;border:1px solid #365776;border-radius:12px;padding:12px;background:#102238}
.btb-free-photo-heading{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;line-height:1.4}
.btb-free-photo-heading strong{color:#fff;font-size:14px}
.btb-free-photo-heading small{font-size:11px;color:#b6cbe8}
.btb-free-photo-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.btb-free-photo-tools label{display:grid;gap:5px;color:#d8e8fc;font-size:12px;min-width:0}
.btb-free-photo-tools :is(select,input){width:100%;min-width:0;min-height:38px;padding:7px;
 background:#182c49;color:#fff;border:1px solid #47668c;border-radius:8px;font-size:13px}
.btb-free-photo-tools input[type=range]{padding:0}
.btb-free-photo-editor [data-photo=message]{font-size:12px;line-height:1.5;margin:8px 0 0}
@media(max-width:520px){
 .btb-studio-tool-grid{grid-template-columns:1fr}
 .btb-free-photo-tools{grid-template-columns:1fr 1fr}
 .btb-creator-studio .btb-studio-post{align-items:flex-start}
 .btb-creator-studio .btb-studio-post strong{white-space:normal;max-width:110px;text-align:right}
}
/* Free Social on-video text preview and existing manual editor */
#media-preview .btb-video-edit-stage{position:relative;isolation:isolate;margin:0 auto;max-width:100%;width:fit-content}
#media-preview .btb-video-edit-stage video{display:block;max-width:100%;max-height:53dvh;border-radius:11px}
#media-preview .btb-video-text-preview{
 position:absolute;z-index:3;bottom:14px;left:4%;right:4%;
 font:750 clamp(15px,4vw,22px)/1.3 system-ui,sans-serif;
 color:#fff;text-align:center;overflow-wrap:anywhere;
 text-shadow:0 1px 4px #000,0 2px 10px #000;pointer-events:none
}
#media-preview .btb-video-text-preview[hidden]{display:none}
#media-preview .btb-manual-editor{margin-top:12px}
#media-preview .btb-manual-fields label:has([data-btb-edit=overlayText]){min-width:0}
#media-preview .btb-manual-fields [data-btb-edit=overlayText]{
 min-height:40px;padding:8px;max-width:100%;border:1px solid #547da3;
 border-radius:8px;color:#f2f7ff;background:#162b45;font-size:14px
}
/* Free edited-image text preview before export. */
#media-preview .btb-photo-stage{position:relative;isolation:isolate;display:block;width:fit-content;max-width:100%;margin:0 auto;overflow:hidden;border-radius:11px}
#media-preview .btb-photo-stage img{display:block;max-width:100%;max-height:53dvh;object-fit:contain}
#media-preview .btb-photo-text-preview{
 position:absolute;inset:auto 6% 12px;z-index:2;pointer-events:none;
 font:750 clamp(15px,4vw,24px)/1.25 system-ui,sans-serif;text-align:center;
 color:#fff;text-shadow:0 1px 4px #000,0 2px 9px #000;overflow-wrap:anywhere
}
#media-preview .btb-photo-text-preview[hidden]{display:none}
.btb-studio-period{border-top:1px solid #344d69;margin-top:15px;padding-top:14px}
.btb-studio-period h4{font-size:16px;margin:0 0 8px}
.btb-studio-period p{font-size:12px;color:#b7cbe5;line-height:1.5}

/* BTB Social: internal preview tools must never clutter a member profile. */
#view-myprofile [data-admin-preview][hidden],
#view-myprofile [data-btb-studio-panel][hidden],
#view-myprofile [data-btb-studio-tab][hidden]{display:none!important}
#view-myprofile .btb-social-admin-shortcuts{display:flex;gap:8px;flex-wrap:wrap;margin:7px 0 12px}
#view-myprofile .btb-social-admin-shortcuts button{
 border:1px solid #375779;border-radius:999px;background:#162c49;color:#cfddf0;
 font:inherit;font-size:12px;min-height:36px;padding:5px 12px;cursor:pointer
}
#view-myprofile .btb-studio-tabs{display:flex;gap:6px;overflow-x:auto;margin:6px 0 18px;padding:2px 0 9px;border-bottom:1px solid #334968}
#view-myprofile .btb-studio-tabs button{
 flex:1 0 auto;min-width:0;border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;
 background:transparent;padding:9px 10px;color:#b7cbe6;font:inherit;font-size:13px;font-weight:650;cursor:pointer
}
#view-myprofile .btb-studio-tabs button.is-active{color:#fff;background:#213d5e;border-bottom-color:#72baff}
#view-myprofile .btb-studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#view-myprofile .btb-studio-metric{padding:10px;border-radius:10px}
#view-myprofile .btb-studio-metric strong{font-size:23px}
#view-myprofile .btb-studio-metric span{font-size:11px}
#view-myprofile .btb-admin-offer{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 border-bottom:1px solid #344c6a;padding:13px 1px
}
#view-myprofile .btb-admin-offer div{min-width:0}
#view-myprofile .btb-admin-offer strong,#view-myprofile .btb-admin-offer small{display:block}
#view-myprofile .btb-admin-offer strong{font-size:13px;overflow-wrap:anywhere}
#view-myprofile .btb-admin-offer small{font-size:11px;color:#aac8e8;margin-top:4px}
#view-myprofile .btb-admin-offer a{flex:0 0 auto;font-size:12px;color:#9cd4ff}
#view-myprofile .btb-studio-free-tools{border:0;padding-top:0;margin:0}
#view-myprofile .profile-more-options a[href="rewards.html"]{display:block;padding:12px 14px;color:#dbeaff;text-decoration:none}
@media(max-width:500px){#view-myprofile .btb-admin-offer{align-items:flex-start;flex-direction:column}
#view-myprofile .btb-studio-tabs button{padding:9px 7px;font-size:12px}}