/* Berwirausaha AI Studio Immersive 2.20 — scoped to the real studio page.
   The plugin retains control of login, entitlements, REST API, credits and licensing. */
body.bwsl-studio-page{--bwsl-gold:#f4cc82;--bwsl-cyan:#43e3ff;--bwsl-ink:#f0f8ff;overflow-x:clip;background:#031321}
body.bwsl-studio-page #page-container,body.bwsl-studio-page #et-main-area,body.bwsl-studio-page #main-content{width:100%;max-width:100%;min-width:0;overflow-x:clip;background:radial-gradient(ellipse at 88% 9%,rgba(8,128,204,.17),transparent 43%),linear-gradient(170deg,#031728,#041a30 65%,#02111f)!important}
body.bwsl-studio-page #main-content{min-height:calc(100svh - 150px);padding-bottom:1px}
body.bwsl-studio-page #main-content>.container{width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important}
body.bwsl-studio-page #main-content>.container:before,body.bwsl-studio-page #content-area:before,body.bwsl-studio-page #content-area:after{display:none!important;content:none!important}
body.bwsl-studio-page #content-area,body.bwsl-studio-page #left-area,body.bwsl-studio-page #main-content article.page,body.bwsl-studio-page #main-content .entry-content{float:none!important;clear:none!important;min-width:0!important;max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;box-sizing:border-box}
body.bwsl-studio-page #main-content article.page{border:0!important;background:transparent!important}
body.bwsl-studio-page #main-content .entry-title.main_title{display:none!important}
/* WordPress default widgets never belong inside Studio. Other pages untouched. */
body.bwsl-studio-page #sidebar,body.bwsl-studio-page #main-footer,body.bwsl-studio-page #footer-widgets,body.bwsl-studio-page #footer-bottom,body.bwsl-studio-page #main-header,body.bwsl-studio-page #top-header{display:none!important}
body.bwsl-studio-page #main-content .entry-content>.bwai{max-width:100%!important;margin:0 auto!important}
body.bwsl-studio-page .bwai{--ai-bg:#031a2e;--ai-panel:#082942;--ai-line:#277595;--ai-cyan:#47e5fa;--ai-gold:#f4cf88;--ai-ink:#f1faff;--ai-muted:#b7d1e1;color-scheme:dark;color:#eff9ff}
body.bwsl-studio-page .bwai.bwai-gate,body.bwsl-studio-page .bwai.bwai-studio{width:calc(100% - clamp(24px,3vw,74px))!important;max-width:1680px!important;box-sizing:border-box;margin:clamp(14px,2.3vw,30px) auto calc(110px + env(safe-area-inset-bottom))!important;border:1px solid rgba(49,209,247,.66)!important;border-radius:clamp(17px,2vw,27px)!important;background:radial-gradient(ellipse at 81% 13%,rgba(14,156,228,.18),transparent 48%),linear-gradient(145deg,#05233e,#061527 74%)!important;box-shadow:0 0 0 1px rgba(237,194,108,.17),0 0 26px rgba(11,160,226,.13),0 18px 46px rgba(0,5,18,.4)!important;overflow:hidden;isolation:isolate}
/* Guest: editorial hero rather than plain WordPress page. */
body.bwsl-studio-page .bwai.bwai-gate{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-height:clamp(370px,43vw,525px);padding:clamp(26px,5vw,75px)!important}
body.bwsl-studio-page .bwai-gate:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 83% 53%,rgba(0,204,253,.18),transparent 26%),repeating-linear-gradient(95deg,transparent 0 62px,rgba(62,203,242,.025) 63px 64px),linear-gradient(100deg,rgba(1,12,29,.68),rgba(3,35,63,.07) 84%)}
body.bwsl-studio-page .bwai-gate:after{content:"AI ✦";position:absolute;z-index:-1;right:7%;top:50%;transform:translateY(-50%);width:clamp(112px,23vw,265px);height:clamp(112px,23vw,265px);border-radius:50%;display:grid;place-items:center;border:2px solid rgba(52,218,251,.68);background:radial-gradient(circle at 25% 21%,rgba(26,179,245,.22),rgba(1,22,40,.24) 70%);box-shadow:0 0 0 10px rgba(16,97,154,.25),0 0 40px rgba(7,197,242,.29),inset 0 0 31px rgba(7,172,230,.18);color:#f7d99c;font-size:clamp(30px,6vw,70px);font-weight:880;letter-spacing:-.05em;line-height:1;text-shadow:0 0 17px rgba(56,234,255,.44)}
body.bwsl-studio-page .bwai-gate>.bwai-eyebrow{display:inline-flex;max-width:73%;padding:8px 13px;margin:0 0 17px;border:1px solid rgba(247,200,113,.75);border-radius:100px;background:rgba(1,22,43,.7);color:#f6cc83;font-size:clamp(10px,1.22vw,13px);font-weight:840;letter-spacing:.14em;line-height:1.4}
body.bwsl-studio-page .bwai-gate h2{max-width:73%;font-size:clamp(34px,5vw,66px)!important;line-height:1.08!important;letter-spacing:-.05em;margin:0 0 18px!important;color:#fef3d9!important;text-wrap:balance}
body.bwsl-studio-page .bwai-gate p{width:min(64%,630px);max-width:58ch;margin:0 0 24px!important;color:#c7ddeb!important;font-size:clamp(13px,1.6vw,17px);line-height:1.6;text-wrap:pretty}
body.bwsl-studio-page .bwai-gate .bwai-primary{position:relative;display:inline-flex;min-height:52px;max-width:100%;padding:13px 22px;border-radius:13px;border:1px solid #ffe6a0;background:linear-gradient(112deg,#fff0bb,#f5c36c 69%,#e6a549)!important;color:#06233a!important;font-size:clamp(12px,1.4vw,15px)!important;font-weight:860;box-shadow:0 9px 25px rgba(236,183,81,.24),inset 0 1px rgba(255,255,255,.3);transition:transform .23s ease,filter .23s ease}
body.bwsl-studio-page .bwai-gate .bwai-primary:hover{transform:translateY(-2px);filter:brightness(1.06)}
/* Logged-in studio: no squeeze within WordPress blog layout. */
body.bwsl-studio-page .bwai.bwai-studio{display:grid;grid-template-columns:clamp(205px,19.6vw,268px) minmax(0,1fr);min-height:0;background:linear-gradient(140deg,#03172c,#051a2c)!important}
body.bwsl-studio-page .bwai .bwai-sidebar{min-width:0;padding:24px 15px;gap:26px;background:linear-gradient(160deg,#0a2c49,#061b30 76%)!important;border-right:1px solid rgba(57,191,234,.33)}
body.bwsl-studio-page .bwai .bwai-brand{font-size:12px;letter-spacing:.06em;color:#f5d79e}
body.bwsl-studio-page .bwai .bwai-sidebar nav{gap:5px;margin-top:-8px}
body.bwsl-studio-page .bwai .bwai-sidebar nav button{min-height:44px;padding:10px 11px;min-width:0;border-radius:11px;border:1px solid transparent;font-size:12px;line-height:1.37;color:#c7dfed}
body.bwsl-studio-page .bwai .bwai-sidebar nav button:hover{border-color:rgba(64,224,251,.43);background:#0d3d5b;color:#f6fbff}
body.bwsl-studio-page .bwai .bwai-sidebar nav button.is-active{border-color:#f0c982!important;background:linear-gradient(110deg,#103e61,#08293f)!important;color:#ffe6aa!important;box-shadow:0 0 12px rgba(21,179,240,.13),inset 0 1px rgba(255,255,255,.1)}
body.bwsl-studio-page .bwai .bwai-side-note{border-color:rgba(62,196,237,.3)}
body.bwsl-studio-page .bwai .bwai-main{min-width:0;padding:clamp(18px,2.5vw,38px)!important}
body.bwsl-studio-page .bwai .bwai-top{padding-bottom:14px;border-bottom:1px solid rgba(240,194,107,.28)}
body.bwsl-studio-page .bwai .bwai-hero{border:1px solid rgba(66,215,248,.51);border-radius:19px;background:radial-gradient(ellipse at 88% 50%,rgba(14,133,197,.25),transparent 52%),linear-gradient(120deg,#0a3457,#04182e);box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 28px rgba(1,9,29,.31)}
body.bwsl-studio-page .bwai .bwai-card,body.bwsl-studio-page .bwai .bwai-module-card{min-width:0;border-radius:16px;border-color:rgba(55,171,213,.42)}
body.bwsl-studio-page .bwai .bwai-primary{background:linear-gradient(110deg,#fbe8b9,#eabb69)!important;color:#102a3c!important}
body.bwsl-studio-page .bwai .bwai-section-title h3{font-size:clamp(18px,2.1vw,24px)!important}
body.bwsl-studio-page .bwai :is(input:not([type=checkbox]),textarea,select){min-width:0;max-width:100%;border-radius:11px;border:1px solid rgba(61,190,230,.61);background:#041b32;color:#eef9ff}
body.bwsl-studio-page .bwai :is(a,button,input,textarea,select):focus-visible{outline:2px solid #f4cb80!important;outline-offset:3px}
@media(max-width:980px){body.bwsl-studio-page .bwai.bwai-studio{grid-template-columns:185px minmax(0,1fr)}body.bwsl-studio-page .bwai .bwai-sidebar{padding:17px 10px}body.bwsl-studio-page .bwai .bwai-sidebar nav button{font-size:11px}body.bwsl-studio-page .bwai .bwai-main{padding:19px!important}}
@media(max-width:760px){
 body.bwsl-studio-page .bwai.bwai-gate,body.bwsl-studio-page .bwai.bwai-studio{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin:11px auto calc(106px + env(safe-area-inset-bottom))!important;border-radius:17px!important}
 body.bwsl-studio-page .bwai.bwai-gate{min-height:350px;padding:23px 20px!important}
 body.bwsl-studio-page .bwai-gate>.bwai-eyebrow{max-width:100%;font-size:9px;letter-spacing:.095em}
 body.bwsl-studio-page .bwai-gate h2{max-width:94%;font-size:clamp(27px,7vw,39px)!important;line-height:1.11!important}
 body.bwsl-studio-page .bwai-gate p{max-width:73%;width:73%;font-size:12px;line-height:1.54;margin-bottom:17px!important}
 body.bwsl-studio-page .bwai-gate:after{right:-17px;top:71%;width:clamp(108px,35vw,180px);height:clamp(108px,35vw,180px);font-size:clamp(26px,7vw,42px);opacity:.55}
 body.bwsl-studio-page .bwai-gate .bwai-primary{min-height:47px;padding:10px 14px;font-size:12.5px!important}
 body.bwsl-studio-page .bwai.bwai-studio{display:block}
 body.bwsl-studio-page .bwai .bwai-sidebar{display:flex;flex-direction:column;padding:15px 11px 12px;gap:10px;border-right:0;border-bottom:1px solid rgba(239,199,112,.32)}
 body.bwsl-studio-page .bwai .bwai-brand{font-size:11px}
 body.bwsl-studio-page .bwai .bwai-sidebar nav{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#268eb9 transparent;padding:2px 0 10px;gap:7px;margin:0}
 body.bwsl-studio-page .bwai .bwai-sidebar nav button{flex:0 0 auto;scroll-snap-align:start;min-width:113px;max-width:180px;min-height:44px;padding:10px 11px;white-space:normal;font-size:11px}
 body.bwsl-studio-page .bwai .bwai-main{padding:14px 12px 22px!important}
 body.bwsl-studio-page .bwai .bwai-top{flex-wrap:wrap;align-items:flex-start;gap:8px 10px;padding-bottom:12px}
 body.bwsl-studio-page .bwai .bwai-hero{min-height:0;padding:18px 16px;border-radius:15px}
 body.bwsl-studio-page .bwai .bwai-hero-four{padding-bottom:124px}
 body.bwsl-studio-page .bwai .bwai-hero-four h2{font-size:clamp(28px,7vw,38px)!important;line-height:1.12;letter-spacing:-.038em}
 body.bwsl-studio-page .bwai .bwai-ambassador{width:166px;height:166px;right:-2%;opacity:.92}
 body.bwsl-studio-page .bwai .bwai-hero-copy p{font-size:12px;line-height:1.58}
 body.bwsl-studio-page .bwai .bwai-stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 body.bwsl-studio-page .bwai .bwai-stats-row>div{min-width:0;padding:9px 8px;border-radius:12px}
 body.bwsl-studio-page .bwai .bwai-stats-row strong{font-size:11px;line-height:1.32}
 body.bwsl-studio-page .bwai .bwai-module-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 body.bwsl-studio-page .bwai .bwai-preview-tool h3{font-size:13px}
 body.bwsl-studio-page .bwai .bwai-card{padding:15px}
 body.bwsl-studio-page .bwai .bwai-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.bwsl-studio-page .bwai .bwai-editor-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:375px){body.bwsl-studio-page .bwai.bwai-gate,body.bwsl-studio-page .bwai.bwai-studio{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important}body.bwsl-studio-page .bwai.bwai-gate{min-height:330px;padding:19px 15px!important}body.bwsl-studio-page .bwai-gate h2{font-size:29px!important;max-width:100%}body.bwsl-studio-page .bwai-gate p{width:77%;max-width:77%;font-size:12px}body.bwsl-studio-page .bwai .bwai-sidebar nav button{min-width:107px}body.bwsl-studio-page .bwai .bwai-module-grid-v4{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:no-preference){body.bwsl-studio-page .bwai-gate:after{animation:bwsl-halo 6s ease-in-out infinite}body.bwsl-studio-page .bwai-studio .bwai-module-card{transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}body.bwsl-studio-page .bwai-studio .bwai-module-card:hover{transform:translateY(-2px)}}
@keyframes bwsl-halo{0%,100%{opacity:.58;box-shadow:0 0 0 10px rgba(16,97,154,.25),0 0 33px rgba(7,197,242,.22)}50%{opacity:.89;box-shadow:0 0 0 13px rgba(16,97,154,.2),0 0 48px rgba(7,197,242,.34)}}
@media(prefers-reduced-motion:reduce){body.bwsl-studio-page .bwai-gate:after,body.bwsl-studio-page .bwai-studio .bwai-module-card,body.bwsl-studio-page .bwai-gate .bwai-primary{animation:none!important;transition:none!important}}
