/*
Theme Name: Affiliate Studio
Theme URI: https://mimbarbangsa.com/
Author: MIMBAR BANGSA
Author URI: https://mimbarbangsa.com/
Description: Premium affiliate content and video studio theme for a dedicated subdomain.
Version: 0.7.4
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: affiliate-studio
*/
:root{--as-navy:#06101e;--as-navy2:#0d1930;--as-panel:#101e36;--as-text:#111827;--as-muted:#667085;--as-gold:#f4c451;--as-gold2:#ffb238;--as-blue:#11a8ff;--as-blue2:#2563eb;--as-red:#ef3340;--as-violet:#7c5cff;--as-green:#34d399;--as-border:#e6e9ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f7f8fb;color:var(--as-text)}img{max-width:100%;height:auto}.as-wrap{width:min(1200px,calc(100% - 36px));margin:auto}.as-header{position:sticky;top:0;z-index:90;background:rgba(5,12,23,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.as-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.as-brand{display:flex;align-items:center;text-decoration:none;min-width:0}.as-brand-logo{display:block;width:205px;max-height:64px;object-fit:contain;object-position:left center}.as-menu{display:flex;align-items:center;gap:23px}.as-menu a{color:#d9e2f1;text-decoration:none;font-size:14px;font-weight:650}.as-menu>a:not(.as-btn):hover{color:white}.as-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:13px;text-decoration:none;font-weight:850;border:1px solid transparent;transition:.2s ease}.as-btn:hover{transform:translateY(-1px)}.as-btn-gold{background:linear-gradient(135deg,var(--as-gold),var(--as-gold2));color:#111827;box-shadow:0 10px 28px rgba(244,196,81,.18)}.as-btn-dark{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13);color:white}.as-btn-primary{background:linear-gradient(135deg,#126df1,#713eff);color:white}.as-mobile-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.16);color:white;border-radius:10px;padding:9px 11px}.as-mobile-menu{display:none;padding:0 0 16px}.as-mobile-menu a{display:block;color:white;text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.as-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(239,51,64,.16),transparent 28%),radial-gradient(circle at 86% 16%,rgba(17,168,255,.18),transparent 28%),linear-gradient(135deg,#040a13 0%,#091426 44%,#12142d 100%);color:white;padding:82px 0 78px}.as-hero:after{content:"";position:absolute;left:-12%;right:-12%;bottom:-100px;height:170px;border-radius:50%;border-top:2px solid rgba(244,196,81,.5);box-shadow:0 -15px 55px rgba(239,51,64,.12)}.as-hero-glow{position:absolute;border-radius:50%;filter:blur(30px);opacity:.55}.as-glow-a{width:250px;height:250px;background:rgba(239,51,64,.15);left:-80px;top:140px}.as-glow-b{width:300px;height:300px;background:rgba(17,168,255,.13);right:-100px;top:80px}.as-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.93fr 1.07fr;gap:44px;align-items:center}.as-eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(244,196,81,.34);background:rgba(244,196,81,.07);padding:8px 13px;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:.08em;color:#f8d87b}.as-dot{width:8px;height:8px;border-radius:50%;background:var(--as-green);box-shadow:0 0 0 5px rgba(52,211,153,.12)}.as-hero h1{font-size:clamp(48px,6vw,78px);line-height:.93;letter-spacing:-.052em;margin:22px 0}.as-gold-text{color:#f5cf72}.as-blue-text{color:#19b2ff}.as-hero-copy>p{font-size:18px;line-height:1.7;color:#aeb8cb;max-width:620px}.as-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.as-quick{display:flex;flex-wrap:wrap;gap:18px;margin-top:23px;color:#b9c4d4;font-size:13px}.as-showcase{position:relative;display:grid;grid-template-columns:1fr 168px;gap:16px;align-items:center}.as-dashboard-card{padding:19px;border-radius:26px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px);box-shadow:0 28px 80px rgba(0,0,0,.28)}.as-dashboard-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.as-dashboard-head div{display:flex;flex-direction:column}.as-dashboard-head small,.as-product-row small,.as-mini-grid small{color:#7f8ca4;font-size:9px;letter-spacing:.08em}.as-dashboard-head strong{margin-top:3px}.as-live{font-size:10px;color:#6ee7b7;background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.18);padding:6px 8px;border-radius:8px}.as-product-row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:11px;border-radius:15px}.as-prod-thumb{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(244,196,81,.18),rgba(17,168,255,.12));display:grid;place-items:center;font-size:24px}.as-prod-copy{display:flex;min-width:0;flex-direction:column}.as-prod-copy strong{font-size:12px}.as-prod-copy span{font-size:9px;color:#8997ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.as-product-row button{border:0;background:#126df1;color:white;border-radius:9px;padding:8px 10px;font-size:10px;font-weight:750}.as-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.as-mini-grid>div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:14px;display:flex;flex-direction:column;gap:3px}.as-mini-grid strong{font-size:11px}.as-process{padding:13px;border-radius:15px;background:linear-gradient(135deg,#f5cc61,#f0a93d);color:#101827}.as-process-top{display:flex;justify-content:space-between;font-size:9px}.as-process>strong{font-size:11px}.as-progressbar{height:7px;background:rgba(15,23,42,.15);border-radius:999px;overflow:hidden;margin-top:8px}.as-progressbar i{display:block;width:82%;height:100%;background:#111827}.as-output-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.as-output-grid div{background:rgba(255,255,255,.05);border-radius:10px;padding:9px 3px;text-align:center;font-size:17px}.as-output-grid small{display:block;color:#8b98ad;font-size:8px;margin-top:2px}.as-phone{border:7px solid #111827;border-radius:28px;overflow:hidden;background:#080b11;box-shadow:0 24px 65px rgba(0,0,0,.34);transform:rotate(1.5deg)}.as-screen{aspect-ratio:9/16;padding:11px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;background:radial-gradient(circle at 50% 28%,rgba(126,92,255,.45),transparent 34%),linear-gradient(180deg,#23304e,#0e1524 64%,#06080c)}.as-phone-top{display:flex;justify-content:space-between;font-size:7px;color:#9eabc0}.as-reel-product{width:68px;height:68px;border-radius:21px;margin:4px auto;display:grid;place-items:center;font-size:35px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.as-screen b{font-size:10px;line-height:1.2;display:block}.as-screen small{display:block;font-size:7px;color:#9aa7bb;margin-top:4px}.as-reel-caption{font-size:7px;background:rgba(0,0,0,.35);padding:5px;border-radius:6px}.as-reel-cta{font-size:8px;background:#f4c451;color:#111827;border-radius:7px;padding:7px 3px;font-weight:900}.as-float-card{position:absolute;min-width:95px;padding:9px 11px;border-radius:13px;background:#fff;color:#142033;box-shadow:0 15px 30px rgba(0,0,0,.2)}.as-float-card small{display:block;font-size:7px;color:#64748b}.as-float-card strong{font-size:17px;margin-right:4px}.as-float-card span{font-size:8px;color:#059669}.as-float-1{right:105px;top:-26px}.as-float-2{right:-8px;bottom:18px}
.as-generator-strip{background:#fff;padding:0 0 22px}.as-generator-box{position:relative;z-index:4;margin-top:-23px;background:white;border:1px solid #e5e7eb;border-radius:17px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;box-shadow:0 18px 45px rgba(15,23,42,.1)}.as-link-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#f6f7fb}.as-generator-box input{border:0;outline:0;font:inherit;min-width:0;padding:0 4px}.as-platforms{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}.as-platforms span{font-size:11px;border:1px solid #e5e7eb;background:#fafbfc;border-radius:999px;padding:6px 10px;color:#667085}
.as-section{padding:78px 0}.as-white{background:#fff}.as-soft{background:linear-gradient(180deg,#f4f6fa,#eef2f8)}.as-dark{background:linear-gradient(135deg,#06101e,#0f1b31);color:white}.as-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}.as-section-head>div{max-width:690px}.as-section-head>p{max-width:410px;color:var(--as-muted);line-height:1.6;margin:0}.as-kicker{display:block;font-size:10px;letter-spacing:.16em;font-weight:900;color:#d29d24;margin-bottom:8px}.as-section h2{font-size:clamp(32px,4vw,50px);line-height:1.04;letter-spacing:-.035em;margin:0}.as-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.as-card{background:#fff;border:1px solid var(--as-border);border-radius:22px;padding:22px;transition:.2s}.as-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(15,23,42,.07)}.as-card .num{width:34px;height:34px;border-radius:10px;background:#f0edff;color:#694ae7;display:grid;place-items:center;font-weight:900;font-size:11px}.as-feature-icon{font-size:29px;margin-top:18px}.as-card h3{margin:10px 0 8px}.as-card p{color:#667085;font-size:14px;line-height:1.55;margin:0}
.as-video-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center}.as-video-copy>p{color:#667085;line-height:1.7}.as-angle-list{display:grid;gap:10px;margin:24px 0}.as-angle-list>div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center}.as-angle-list>b{width:34px;height:34px;border-radius:10px;background:#e9e4ff;color:#6d50df;display:grid;place-items:center;font-size:10px}.as-angle-list span{display:flex;flex-direction:column}.as-angle-list small{color:#7c8799;margin-top:2px}.as-editor{background:#091426;border:1px solid rgba(255,255,255,.1);border-radius:24px;color:white;padding:14px;box-shadow:0 28px 60px rgba(15,23,42,.16)}.as-editor-top{display:flex;justify-content:space-between;color:#c9d4e6;border-bottom:1px solid rgba(255,255,255,.08);padding:5px 4px 12px;font-size:12px}.as-editor-body{display:grid;grid-template-columns:210px 1fr;gap:13px;padding:13px 0}.as-editor-preview{aspect-ratio:9/16;border-radius:15px;background:radial-gradient(circle at 50% 22%,rgba(245,196,81,.22),transparent 30%),linear-gradient(#1a2942,#101726);padding:13px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;overflow:hidden}.as-preview-badge{font-size:7px;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:4px 6px}.as-preview-product{font-size:62px}.as-editor-preview h3{font-size:18px;line-height:.95;margin:0}.as-editor-preview button{border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.25);color:white;border-radius:50%;width:38px;height:38px}.as-editor-controls{display:grid;gap:9px}.as-editor-controls>div,.as-editor-controls label{background:#111e33;border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:10px}.as-editor-controls small{font-size:8px;color:#8795aa}.as-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:6px}.as-thumbs i{height:37px;border-radius:7px;background:linear-gradient(135deg,#263b61,#7c5cff)}.as-thumbs i:nth-child(2){background:linear-gradient(135deg,#784120,#f4c451)}.as-thumbs i:nth-child(3){background:linear-gradient(135deg,#2f165e,#b23cff)}.as-thumbs i:nth-child(4){background:linear-gradient(135deg,#043c4a,#11a8ff)}.as-editor-controls label{display:flex;justify-content:space-between;align-items:center;font-size:10px}.as-editor-controls label b{font-size:9px;font-weight:600;color:#c6d2e5}.as-editor-controls em{width:30px;height:17px;border-radius:20px;background:#1f2937;position:relative}.as-editor-controls em.on{background:#1976ff}.as-editor-controls em:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:white;top:3px;left:3px}.as-editor-controls em.on:after{left:16px}.as-render{text-align:center;background:linear-gradient(135deg,#5c42ff,#912eff)!important;font-size:10px;font-weight:800}.as-timeline{height:48px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:5px;align-items:center}.as-timeline i{height:22px;flex:1;border-radius:4px;background:linear-gradient(90deg,#125bc9,#16b3e9)}.as-timeline i:nth-child(even){background:linear-gradient(90deg,#7c3aed,#ec4899)}
.as-light-head>p{color:#9aa8bc}.as-analytics-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.as-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.as-stat{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:17px;padding:17px}.as-stat small{display:block;color:#8290a5}.as-stat strong{font-size:27px;display:block;margin:5px 0}.as-stat span{font-size:10px;color:#6ee7b7}.as-chart-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:18px}.as-chart-head{display:flex;justify-content:space-between}.as-chart-head small{color:#94a3b8}.as-chart{height:180px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid rgba(255,255,255,.11);margin-top:16px}.as-chart i{flex:1;border-radius:7px 7px 0 0;background:linear-gradient(180deg,#19b2ff,#244ee9)}.as-chart i:nth-child(3n){background:linear-gradient(180deg,#f4c451,#ef8a1e)}.as-days{display:flex;justify-content:space-between;font-size:9px;color:#718096;margin-top:7px}.as-pricing-banner{border:1px solid #e2e7ef;border-radius:26px;background:radial-gradient(circle at 86% 10%,rgba(244,196,81,.16),transparent 25%),linear-gradient(135deg,#fff,#f6f8fb);padding:30px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.as-pricing-banner p{color:#667085;line-height:1.65;max-width:650px}.as-pricing-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.as-pricing-flow span{background:#fff;border:1px solid #e2e7ef;padding:9px 11px;border-radius:10px;font-size:11px;font-weight:800}.as-pricing-flow b{color:#d7a42f}.as-cta-section{background:#fff;padding:0 0 78px}.as-big-cta{background:linear-gradient(135deg,#08111f,#171330);border-radius:26px;padding:32px;color:white;display:flex;align-items:center;justify-content:space-between;gap:26px;box-shadow:0 24px 60px rgba(8,17,31,.16)}.as-big-cta span{font-size:10px;letter-spacing:.16em;color:#f4c451;font-weight:850}.as-big-cta h2{font-size:clamp(28px,3vw,42px);line-height:1.05;max-width:760px;margin:8px 0 0}.as-footer{background:#050b14;color:#cbd5e1;padding:34px 0}.as-footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
@media(max-width:980px){.as-menu{display:none}.as-mobile-toggle{display:block}.as-mobile-menu.open{display:block}.as-hero-grid,.as-video-grid,.as-analytics-grid{grid-template-columns:1fr}.as-showcase{max-width:720px}.as-cards{grid-template-columns:repeat(2,1fr)}.as-section-head{align-items:start;flex-direction:column;gap:12px}.as-pricing-banner{grid-template-columns:1fr}.as-big-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.as-wrap{width:min(100% - 22px,1200px)}.as-brand-logo{width:162px;max-height:55px}.as-hero{padding:55px 0 63px}.as-hero h1{font-size:46px}.as-showcase{grid-template-columns:1fr}.as-phone{width:160px;margin:0 auto}.as-float-card{display:none}.as-generator-box{grid-template-columns:auto 1fr}.as-generator-box .as-btn{grid-column:1/-1}.as-cards,.as-stat-grid{grid-template-columns:1fr}.as-editor-body{grid-template-columns:150px 1fr}.as-editor-preview h3{font-size:13px}.as-quick{gap:8px 14px}.as-quick span{font-size:11px}.as-section{padding:58px 0}.as-pricing-flow b{display:none}.as-big-cta{padding:24px}}

/* V0.5 — Generator Preview */
.as-demo-output{display:none;margin-top:16px;border:1px solid #e6e9ef;background:#fff;border-radius:18px;padding:16px;box-shadow:0 14px 35px rgba(15,23,42,.08)}
.as-demo-output.is-open{display:block}.as-demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.as-demo-head strong{font-size:14px}.as-demo-head span{font-size:10px;color:#059669;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:5px 8px}.as-demo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.as-demo-item{border:1px solid #eef0f4;border-radius:13px;padding:12px;background:#fafbfc}.as-demo-item b{display:block;font-size:12px;margin-bottom:4px}.as-demo-item small{color:#667085;line-height:1.45}.as-generator-message{font-size:11px;color:#b42318;margin-top:8px;display:none}.as-generator-message.is-open{display:block}
@media(max-width:760px){.as-demo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.as-demo-grid{grid-template-columns:1fr}}

/* V0.6 — App Workspace */
.as-app-shell{background:#f3f6fb;min-height:760px;padding:36px 0 70px}.as-app-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px}.as-app-sidebar{background:#0a1425;color:#d6deeb;border-radius:22px;padding:18px;align-self:start;position:sticky;top:92px;box-shadow:0 18px 42px rgba(15,23,42,.12)}.as-side-label{font-size:9px;letter-spacing:.15em;color:#718096;font-weight:900;margin:10px 9px}.as-app-sidebar a{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:11px;color:#c8d2e1;text-decoration:none;font-size:13px;margin:3px 0}.as-app-sidebar a:hover,.as-app-sidebar a.active{background:linear-gradient(135deg,#142744,#17345e);color:#fff}.as-app-sidebar a.active{box-shadow:inset 3px 0 0 #f4c451}.as-app-main{min-width:0}.as-app-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.as-app-heading h1{font-size:clamp(32px,4vw,48px);margin:2px 0 6px;letter-spacing:-.04em}.as-app-heading p{margin:0;color:#667085}.as-save-status{font-size:11px;color:#667085;background:#fff;border:1px solid #e4e8ef;border-radius:999px;padding:8px 11px}.as-app-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.as-app-stats article{background:#fff;border:1px solid #e4e8ef;border-radius:17px;padding:17px}.as-app-stats small{display:block;color:#7b8799;font-size:10px}.as-app-stats strong{display:block;font-size:27px;margin:5px 0}.as-app-stats span{font-size:10px;color:#059669}.as-app-panels{display:grid;grid-template-columns:1.45fr .75fr;gap:14px;margin-bottom:14px}.as-panel{background:#fff;border:1px solid #e4e8ef;border-radius:19px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.045)}.as-panel-large{min-width:0}.as-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.as-panel-head small{font-size:9px;letter-spacing:.12em;color:#8a96a8;font-weight:900}.as-panel-head h3{margin:3px 0 0}.as-panel-head>span{font-size:10px;border:1px solid #e5e7eb;padding:7px 9px;border-radius:9px;color:#667085}.as-app-chart{height:210px;display:flex;align-items:flex-end;gap:11px;border-bottom:1px solid #e9edf3;padding:10px 8px 0}.as-app-chart i{flex:1;min-width:12px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#19b2ff,#2451e7)}.as-app-chart i:nth-child(3n){background:linear-gradient(180deg,#f8cc58,#e99322)}.as-app-days{display:flex;justify-content:space-between;font-size:9px;color:#8a96a8;padding:7px 6px 0}.as-quick-actions{display:grid;gap:9px}.as-quick-actions a{display:block;padding:12px;border:1px solid #e6eaf0;border-radius:12px;text-decoration:none;color:#253148;font-size:12px;font-weight:750;background:#fafbfc}.as-campaign-table{display:grid}.as-table-row{display:grid;grid-template-columns:1.5fr 1fr .6fr .6fr .5fr;gap:12px;align-items:center;padding:12px 8px;border-top:1px solid #edf0f4;font-size:12px}.as-table-head{font-size:9px;color:#8995a7;text-transform:uppercase;letter-spacing:.08em;border-top:0}.as-table-row em{font-style:normal;color:#047857;background:#ecfdf5;border-radius:999px;padding:5px 7px;text-align:center;font-size:9px}.as-builder{display:grid;gap:14px}.as-step-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px}.as-step-title>b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#efeaff;color:#6546d8;font-size:10px}.as-step-title h3{margin:0 0 4px}.as-step-title p{margin:0;color:#7b8799;font-size:12px}.as-field{display:grid;gap:7px}.as-field>span{font-size:11px;font-weight:800;color:#465268}.as-input-action{display:grid;grid-template-columns:1fr auto;gap:9px}.as-input-action input,.as-field select,.as-studio-controls textarea{width:100%;border:1px solid #dfe4ec;border-radius:12px;padding:12px 13px;font:inherit;background:#fff;outline:0}.as-input-action input:focus,.as-field select:focus,.as-studio-controls textarea:focus{border-color:#6f58e8;box-shadow:0 0 0 3px rgba(111,88,232,.1)}.as-import-preview{margin-top:12px;border:1px dashed #d8dee8;border-radius:14px;padding:13px;display:flex;gap:12px;align-items:center;background:#fafbfc}.as-import-thumb{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#eef2f7;font-size:24px}.as-import-preview small,.as-import-preview strong,.as-import-preview span{display:block}.as-import-preview small{font-size:8px;color:#8b96a6}.as-import-preview strong{font-size:12px;margin:2px 0}.as-import-preview span{font-size:10px;color:#778397}.as-choice-grid,.as-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.as-choice-grid button,.as-template-grid button{border:1px solid #e2e7ef;background:#fff;border-radius:12px;padding:12px;font-weight:750;color:#344054;cursor:pointer}.as-choice-grid button.active,.as-template-grid button.active{border-color:#7659eb;background:#f1edff;color:#5a3fd2}.as-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.as-check-grid label,.as-toggle-row{display:flex;gap:8px;align-items:center;border:1px solid #e8ebf0;border-radius:12px;padding:11px;font-size:12px;background:#fbfcfd}.as-builder-footer{display:flex;justify-content:flex-end;gap:10px}.as-result-box{display:none;border:1px solid #cfe7da;background:#f2fcf6;color:#14532d;border-radius:15px;padding:14px;font-size:12px}.as-result-box.is-open{display:block}.as-studio-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.as-studio-phone{background:#080e18;padding:10px;border-radius:32px;box-shadow:0 25px 55px rgba(15,23,42,.22)}.as-studio-screen{aspect-ratio:9/16;border-radius:24px;background:radial-gradient(circle at 50% 24%,rgba(124,92,255,.4),transparent 34%),linear-gradient(180deg,#20304d,#0d1422);color:white;padding:16px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between}.as-studio-label{font-size:9px;color:#b9c4d6}.as-studio-product{font-size:84px}.as-studio-screen h2{font-size:28px;line-height:.95;margin:0}.as-studio-screen p{font-size:11px;color:#d5dcea}.as-studio-cta{width:100%;background:#f4c451;color:#111827;border-radius:10px;padding:10px;font-size:10px;font-weight:900}.as-studio-controls{display:grid;gap:12px}.as-template-grid{grid-template-columns:repeat(4,1fr)}.as-studio-controls textarea{min-height:130px;resize:vertical}.as-toggle-row{justify-content:space-between;margin-top:8px}.as-line-chart{height:260px;border:1px solid #edf0f4;border-radius:15px;background:linear-gradient(180deg,#fbfcfe,#fff);padding:14px;color:#2563eb}.as-line-chart svg{width:100%;height:100%}.as-top-list{display:grid;gap:10px}.as-top-list>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;border:1px solid #edf0f4;border-radius:12px;padding:10px}.as-top-list b{width:30px;height:30px;border-radius:9px;background:#f0edff;color:#6546d8;display:grid;place-items:center;font-size:9px}.as-top-list strong,.as-top-list small{display:block}.as-top-list strong{font-size:11px}.as-top-list small{font-size:9px;color:#7b8799;margin-top:2px}
@media(max-width:980px){.as-app-grid{grid-template-columns:1fr}.as-app-sidebar{position:static;display:flex;overflow-x:auto;gap:5px;border-radius:16px}.as-app-sidebar .as-side-label{display:none}.as-app-sidebar a{white-space:nowrap}.as-app-stats{grid-template-columns:1fr 1fr}.as-app-panels{grid-template-columns:1fr}.as-studio-layout{grid-template-columns:260px 1fr}}
@media(max-width:700px){.as-app-heading{flex-direction:column}.as-app-stats{grid-template-columns:1fr 1fr}.as-table-row{grid-template-columns:1.4fr .8fr .5fr}.as-table-row span:nth-child(2),.as-table-head span:nth-child(2){display:none}.as-choice-grid,.as-check-grid{grid-template-columns:1fr 1fr}.as-studio-layout{grid-template-columns:1fr}.as-studio-phone{max-width:300px;margin:auto}.as-template-grid{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.as-app-stats,.as-choice-grid,.as-check-grid{grid-template-columns:1fr}.as-input-action{grid-template-columns:1fr}.as-builder-footer{flex-direction:column}.as-builder-footer .as-btn{width:100%}.as-table-row{grid-template-columns:1fr .5fr}.as-table-row span:nth-child(3),.as-table-head span:nth-child(3){display:none}}


/* V0.7 — Member Login, Register & Account */
.as-user-chip{display:inline-flex;align-items:center;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px 12px!important;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.055)}
.as-auth-shell{min-height:720px;padding:70px 0;background:radial-gradient(circle at 14% 12%,rgba(124,92,255,.18),transparent 28%),radial-gradient(circle at 86% 18%,rgba(17,168,255,.14),transparent 26%),linear-gradient(135deg,#07101f,#0b1730 58%,#151233);color:#fff}
.as-auth-wrap{width:min(1050px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:1fr 450px;gap:46px;align-items:center}.as-auth-promo h1{font-size:clamp(42px,5.2vw,72px);line-height:.98;letter-spacing:-.055em;margin:13px 0 20px;max-width:650px}.as-auth-promo>p{color:#aebbd0;line-height:1.75;max-width:570px}.as-auth-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;max-width:560px}.as-auth-benefits span{font-size:12px;color:#d8e2f0;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);padding:11px 13px;border-radius:12px}.as-auth-card{background:#fff;color:#111827;border-radius:26px;padding:29px;box-shadow:0 30px 75px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.3)}.as-auth-card-head small{font-size:9px;letter-spacing:.15em;color:#7c5cff;font-weight:900}.as-auth-card-head h2{font-size:28px;margin:6px 0 7px;letter-spacing:-.03em}.as-auth-card-head p{font-size:12px;color:#7b8799;margin:0 0 20px}.as-auth-form{display:grid;gap:13px}.as-auth-form label{display:grid;gap:6px}.as-auth-form label>span{font-size:11px;font-weight:800;color:#455166}.as-auth-form input[type=text],.as-auth-form input[type=email],.as-auth-form input[type=password]{width:100%;min-height:47px;border:1px solid #dde3ec;border-radius:12px;padding:11px 13px;font:inherit;outline:0;background:#fbfcfe}.as-auth-form input:focus{border-color:#795ee8;box-shadow:0 0 0 3px rgba(121,94,232,.1);background:#fff}.as-auth-form label small{font-size:9px;color:#8b96a7}.as-auth-check{grid-template-columns:auto 1fr!important;align-items:center;justify-content:start}.as-auth-check input{margin:0}.as-auth-check span{font-weight:600!important;color:#667085!important}.as-btn-block{width:100%;margin-top:3px}.as-auth-switch{text-align:center;font-size:12px;color:#7b8799;margin:18px 0 0}.as-auth-switch a{color:#6246d6;font-weight:850;text-decoration:none}.as-auth-alert{margin-bottom:14px;padding:11px 12px;border-radius:11px;background:#fff1f2;border:1px solid #fecdd3;color:#b42318;font-size:11px}.as-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.as-profile-card{display:flex;align-items:center;gap:16px}.as-avatar{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#f6c950,#7659eb);color:#111827;font-size:26px;font-weight:950}.as-profile-card small{font-size:9px;letter-spacing:.14em;color:#8a96a8;font-weight:900}.as-profile-card h2{margin:3px 0;font-size:23px}.as-profile-card p{margin:0;color:#7b8799;font-size:12px}.as-plan-card strong{font-size:19px}.as-plan-card p,.as-account-note{color:#667085;line-height:1.7;font-size:12px}.as-plan-card a{font-size:11px;font-weight:850;color:#5d45cb;text-decoration:none}
@media(max-width:900px){.as-auth-wrap{grid-template-columns:1fr;max-width:650px}.as-auth-promo{text-align:center}.as-auth-promo h1,.as-auth-promo>p,.as-auth-benefits{margin-left:auto;margin-right:auto}.as-account-grid{grid-template-columns:1fr}}
@media(max-width:520px){.as-auth-shell{padding:45px 0}.as-auth-wrap{width:min(100% - 22px,1050px)}.as-auth-promo h1{font-size:43px}.as-auth-benefits{grid-template-columns:1fr}.as-auth-card{padding:21px}.as-auth-card-head h2{font-size:24px}}


/* V0.7.1 — White-label account security */
.as-auth-success{margin-bottom:14px;padding:11px 12px;border-radius:11px;background:#ecfdf3;border:1px solid #abefc6;color:#067647;font-size:11px}
.as-security-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end}.as-security-form label{display:grid;gap:6px}.as-security-form label>span{font-size:11px;font-weight:800;color:#455166}.as-security-form input{width:100%;min-height:45px;border:1px solid #dde3ec;border-radius:12px;padding:10px 12px;font:inherit;outline:0;background:#fbfcfe}.as-security-form input:focus{border-color:#795ee8;box-shadow:0 0 0 3px rgba(121,94,232,.1);background:#fff}.as-security-form small{font-size:9px;color:#8b96a7}.as-security-form .as-btn{min-height:45px}
@media(max-width:900px){.as-security-form{grid-template-columns:1fr 1fr}.as-security-form .as-btn{width:100%}}
@media(max-width:560px){.as-security-form{grid-template-columns:1fr}}

.as-profile-wa{margin-top:6px;font-weight:700;color:var(--as-muted,#6b7280)}