:root{--bg:#050817;--panel:#0d1328;--panel2:#121a35;--line:#263155;--text:#f7f7fb;--muted:#aab3ce;--purple:#9b3cff;--pink:#ec4fc8;--blue:#3268ff;--green:#2fd48f;--orange:#ff9b4a;--danger:#ff5e77;--radius:22px;--shadow:0 25px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0%,rgba(80,37,176,.24),transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);position:sticky;top:0;z-index:50;background:rgba(5,8,23,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:14px;font-weight:800}.brand img{width:94px;height:48px;object-fit:contain}.brand span{font-size:.83rem;color:#d7dcf0;border-left:1px solid #334064;padding-left:14px}.nav{display:flex;align-items:center;gap:8px}.nav>a{padding:11px 15px;color:#cbd2e8;border-radius:12px}.nav>a:hover,.nav>a.active{background:#151c39;color:#fff}.nav-toggle{display:none;background:#151c39;color:#fff;border:1px solid #2e3a62;border-radius:12px;padding:10px 13px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:14px 22px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(120deg,var(--purple),var(--pink) 48%,var(--blue));box-shadow:0 12px 30px rgba(104,64,255,.28)}.btn:hover{transform:translateY(-1px)}.btn.small{padding:10px 15px}.btn.secondary{background:#151d3a;border:1px solid #34416e;box-shadow:none}.hero{min-height:680px;padding:90px clamp(22px,6vw,90px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:70px;align-items:center;overflow:hidden}.hero-copy{max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#d37cff;font-size:.76rem;font-weight:900}.hero h1{font-size:clamp(3rem,6vw,6.4rem);line-height:.96;letter-spacing:-.055em;margin:18px 0 24px}.hero h1 em{font-style:normal;background:linear-gradient(120deg,#b75cff,#ff57cb,#3c76ff);-webkit-background-clip:text;color:transparent}.hero p{font-size:1.15rem;color:var(--muted);max-width:680px}.scan-form{display:flex;gap:12px;padding:10px;background:rgba(15,22,48,.88);border:1px solid #2b3967;border-radius:18px;margin-top:34px}.scan-form label{flex:1}.scan-form label span{display:none}.scan-form input{width:100%;height:54px;border:0;background:transparent;color:#fff;padding:0 15px;outline:0}.hero-visual{min-height:500px;position:relative;perspective:900px}.audit-orbit{position:absolute;inset:9% 4%;border-radius:50%;border:1px solid rgba(168,87,255,.32);box-shadow:0 0 110px rgba(116,42,255,.23);transform:rotate(-12deg)}.audit-orbit:before,.audit-orbit:after{content:"";position:absolute;border-radius:50%;background:linear-gradient(145deg,#db60ff,#4b55ff);box-shadow:0 0 35px #8147ff}.audit-orbit:before{width:30px;height:30px;top:12%;right:12%}.audit-orbit:after{width:18px;height:18px;bottom:10%;left:8%}.score-card,.mini-card,.chart-card{position:absolute;border:1px solid rgba(141,156,221,.2);background:linear-gradient(145deg,rgba(23,31,67,.95),rgba(9,13,31,.97));box-shadow:var(--shadow);border-radius:22px}.score-card{width:280px;height:220px;left:20%;top:24%;padding:28px;display:flex;flex-direction:column;transform:rotateY(-12deg) rotateX(7deg)}.score-card span,.mini-card span{color:#aeb8d5}.score-card b{font-size:5.5rem;line-height:1;margin-top:12px}.score-card i{font-style:normal;color:var(--green)}.mini-card{padding:18px 20px;width:180px}.mini-card b{display:block;font-size:2rem}.mini-card.one{right:0;top:11%;animation:float 5s ease-in-out infinite}.mini-card.two{left:2%;bottom:10%;animation:float 6s ease-in-out infinite reverse}.chart-card{right:1%;bottom:12%;width:250px;height:150px;padding:22px}.chart-line{height:75px;border-bottom:2px solid #e44fd3;background:linear-gradient(160deg,transparent 40%,rgba(230,71,207,.18));clip-path:polygon(0 80%,15% 57%,30% 67%,47% 25%,61% 44%,77% 10%,100% 19%,100% 100%,0 100%)}.chart-card small{color:#aeb8d5}@keyframes float{50%{transform:translateY(-16px)}}.alert{padding:14px 16px;border-radius:12px;margin:16px 0}.alert.error{background:rgba(255,94,119,.12);border:1px solid rgba(255,94,119,.4);color:#ffc0c9}.alert.success{background:rgba(47,212,143,.12);border:1px solid rgba(47,212,143,.35);color:#aef2d2}.report-section,.feature-section{padding:80px clamp(22px,6vw,90px)}.report-section{background:#080d20}.report-head{display:flex;align-items:center;gap:28px;margin-bottom:35px}.report-head h2,.report-head h1{margin:5px 0;word-break:break-word}.report-head form,.report-head>.btn{margin-left:auto}.score-ring{--score:0;position:relative;width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--score)*1%),#222c50 0)}.score-ring:after{content:"";position:absolute;inset:10px;background:#0b1128;border-radius:50%}.score-ring strong,.score-ring span{z-index:1}.score-ring strong{font-size:2.7rem}.score-ring span{position:absolute;bottom:33px;font-size:.8rem;color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.metrics-grid article,.dashboard-stats article{background:linear-gradient(145deg,#111a37,#0b1026);border:1px solid #263259;border-radius:18px;padding:22px}.metrics-grid span,.dashboard-stats span{color:var(--muted)}.metrics-grid b,.dashboard-stats b{font-size:2rem;display:block;margin-top:5px}.issues-list{display:grid;gap:12px}.issue{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:#0e152e;border:1px solid #243155;border-radius:16px;padding:18px}.issue h3{margin:0}.issue p{margin:3px 0;color:var(--muted)}.status-dot{width:12px;height:12px;border-radius:50%}.issue.pass .status-dot{background:var(--green)}.issue.warning .status-dot{background:var(--orange)}.issue.critical .status-dot{background:var(--danger)}.pill{font-size:.78rem;padding:7px 10px;border-radius:999px;background:#19213f}.feature-section h2{font-size:clamp(2.3rem,4vw,4.5rem);max-width:900px;line-height:1.05}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article{background:#0c1229;border:1px solid #26335d;border-radius:var(--radius);padding:18px}.feature-grid h3{font-size:1.35rem}.feature-grid p{color:var(--muted)}.feature-demo{height:250px;border-radius:16px;background:linear-gradient(145deg,#151d42,#090d20);overflow:hidden;position:relative}.crawl i{position:absolute;width:84px;height:70px;border:1px solid #7a59ff;border-radius:12px;background:#141c3b}.crawl i:nth-child(1){left:25px;top:35px}.crawl i:nth-child(2){right:28px;top:70px}.crawl i:nth-child(3){left:95px;bottom:26px}.crawl span{position:absolute;width:160px;height:2px;top:120px;left:70px;background:linear-gradient(90deg,#a94aff,#3f78ff);transform:rotate(18deg);animation:pulse 2s infinite}.priorities{display:flex;align-items:center;justify-content:center;gap:12px}.priorities b{display:grid;place-items:center;width:72px;height:100px;border-radius:15px;background:#151d40;border:1px solid #485384;animation:rise 3.5s infinite}.priorities b:nth-child(2){animation-delay:.4s}.priorities b:nth-child(3){animation-delay:.8s}.progress{display:flex;align-items:flex-end;gap:18px;padding:45px}.progress span{flex:1;background:linear-gradient(#eb50c8,#4c64ff);border-radius:9px 9px 0 0;animation:bars 3s ease-in-out infinite}.progress span:nth-child(1){height:35%}.progress span:nth-child(2){height:62%;animation-delay:.4s}.progress span:nth-child(3){height:85%;animation-delay:.8s}@keyframes pulse{50%{filter:brightness(2);transform:rotate(18deg) scaleX(1.15)}}@keyframes rise{50%{transform:translateY(-13px)}}@keyframes bars{50%{height:45%}}footer{border-top:1px solid #1f294a;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding:55px clamp(22px,6vw,90px);color:#9fa8c4}footer img{width:110px}footer a,footer span{display:block;margin-top:8px}footer strong{color:#fff}.auth-wrap{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:50px 20px}.auth-card{width:min(460px,100%);background:#0d142d;border:1px solid #29365f;border-radius:24px;padding:34px;box-shadow:var(--shadow)}.auth-card img{width:105px}.auth-card h1{font-size:2.4rem;margin:12px 0}.auth-card p,.auth-card small{color:var(--muted)}.auth-card label,.project-form label{display:block;color:#ccd3e7;font-weight:700;margin:17px 0}.auth-card input,.project-form input{width:100%;background:#090e21;border:1px solid #2d3a62;border-radius:12px;padding:14px;color:#fff;margin-top:7px}.auth-card .btn{width:100%;margin:8px 0 18px}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 82px)}.sidebar{border-right:1px solid #202b4e;background:#080d20;padding:32px 20px;display:flex;flex-direction:column;justify-content:space-between}.sidebar a{display:block;padding:12px 14px;border-radius:10px;color:#b7c0da;margin:3px 0}.sidebar a.active,.sidebar a:hover{background:#151e3d;color:#fff}.side-label{display:block;color:#717eaa;text-transform:uppercase;font-size:.7rem;letter-spacing:.14em;padding:12px 14px}.dashboard-main{padding:50px clamp(22px,5vw,70px)}.dashboard-title{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:32px}.dashboard-title h1{font-size:clamp(2.3rem,4vw,4rem);margin:5px 0}.dashboard-title p{color:var(--muted)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.dashboard-stats i{font-style:normal;color:#7884aa;font-size:.85rem}.panel{background:#0c132b;border:1px solid #26335a;border-radius:20px;padding:24px}.panel-head{display:flex;justify-content:space-between;align-items:center}.audit-table a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #202b4c}.audit-table strong,.audit-table span{display:block}.audit-table span{color:#96a0be}.table-score{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#162141;border:1px solid #384978;font-weight:900}.empty{text-align:center;padding:55px 20px}.empty.compact{padding:25px}.split-panels{display:grid;grid-template-columns:380px 1fr;gap:22px}.project-list article{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #202a49}.project-list strong,.project-list span{display:block}.project-list span{color:var(--muted)}.project-list b{font-size:1.7rem}.back{color:#bfc7df}.dashboard-report{margin-top:28px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{min-height:430px}.feature-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.split-panels{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr}.nav-toggle{display:block}.nav{display:none;position:absolute;top:82px;left:16px;right:16px;flex-direction:column;align-items:stretch;padding:14px;background:#0d142d;border:1px solid #293760;border-radius:18px}.nav.open{display:flex}.nav>a{display:block}.brand span{display:none}}@media(max-width:620px){.topbar{height:72px;padding:0 16px}.brand img{width:82px}.nav{top:72px}.hero{padding:52px 18px;min-height:auto}.hero h1{font-size:3.45rem}.hero p{font-size:1rem}.scan-form{flex-direction:column}.scan-form .btn{width:100%}.hero-visual{min-height:375px}.score-card{left:10%;width:230px;height:190px}.score-card b{font-size:4.4rem}.mini-card{width:145px}.chart-card{width:190px}.report-section,.feature-section,.dashboard-main{padding:45px 18px}.report-head{align-items:flex-start;flex-wrap:wrap}.report-head form,.report-head>.btn{margin-left:0}.score-ring{width:112px;height:112px}.score-ring span{bottom:25px}.metrics-grid{grid-template-columns:1fr 1fr}.issue{grid-template-columns:auto 1fr}.issue .pill{grid-column:2}.feature-demo{height:210px}.dashboard-title{align-items:flex-start;flex-direction:column}.dashboard-title .btn{width:100%}.audit-table a{grid-template-columns:auto 1fr}.audit-table a>span{grid-column:2}.auth-card{padding:25px}footer{grid-template-columns:1fr}.feature-section h2{font-size:2.5rem}}
/* Phase 2 */
select{font:inherit;color:#fff;background:#090e21;border:1px solid #2d3a62;border-radius:12px;padding:13px;width:100%}.muted{color:var(--muted)}.check-list{display:grid;gap:14px;color:#cbd4ed}.check-list span{padding:13px 15px;border:1px solid #26345b;background:#101831;border-radius:12px}.dashboard-stats.four{grid-template-columns:repeat(4,1fr)}.report-tabs{display:flex;gap:8px;margin:0 0 18px}.report-tabs a,.filter-pills a{padding:9px 13px;border-radius:999px;background:#151d39;border:1px solid #2b3862}.filter-pills{display:flex;gap:8px;margin-bottom:18px}.filter-pills a.active{background:linear-gradient(120deg,var(--purple),var(--blue));border-color:transparent}.compact-list .issue{padding:15px}.issue small{color:#7885aa;display:block;margin-top:5px}.issue a{color:#b987ff;word-break:break-all}.top-gap{margin-top:22px}.page-table a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:15px 0;border-top:1px solid #202b4c}.page-table strong,.page-table span{display:block}.page-table span{color:#96a0be;word-break:break-word}.score-badge-large{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 75%,#253054 75%);font-size:2.2rem;font-weight:900}.score-badge-large small{font-size:.7rem;display:block;margin-top:-30px;color:var(--muted)}.meta-grid{display:grid;gap:16px}.meta-grid div{padding:15px;border-radius:13px;background:#0a1024;border:1px solid #243055}.meta-grid dt{color:#7f8bad;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.meta-grid dd{margin:6px 0 0;word-break:break-word}.project-cards{display:grid;gap:15px}.project-cards article{padding:18px;border:1px solid #26335a;background:#0a1024;border-radius:16px}.project-card-head{display:flex;justify-content:space-between;gap:20px}.project-card-head strong,.project-card-head span{display:block}.project-card-head span,.project-meta{color:var(--muted)}.project-card-head b{font-size:2rem}.project-meta{display:flex;gap:18px;font-size:.84rem;margin:12px 0}.inline-settings{display:grid;grid-template-columns:minmax(110px,1fr) auto auto auto;gap:9px;align-items:center}.check-inline{display:flex!important;align-items:center;gap:6px;margin:0!important;white-space:nowrap}.check-inline input{width:auto!important;margin:0!important}.btn[disabled]{opacity:.45;cursor:not-allowed}@media(max-width:1050px){.dashboard-stats.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.dashboard-stats.four{grid-template-columns:1fr 1fr}.page-table a{grid-template-columns:auto minmax(0,1fr)}.page-table a>span{grid-column:2}.inline-settings{grid-template-columns:1fr 1fr}.inline-settings .btn{width:100%}.project-meta{flex-direction:column;gap:3px}.score-badge-large{width:86px;height:86px}.report-tabs{overflow:auto}.compact-list .issue{grid-template-columns:auto minmax(0,1fr)}.compact-list .pill{grid-column:2}.dashboard-main{overflow:hidden}}@media print{.topbar,.sidebar,footer,.btn,.report-tabs{display:none!important}.app-shell{display:block}.dashboard-main{padding:0;color:#111}.panel,.metrics-grid article,.dashboard-stats article,.issue{background:#fff;color:#111;border-color:#ccc;box-shadow:none}body{background:#fff;color:#111}.muted,.issue p,.issue small,.page-table span{color:#444!important}}


/* v22 interactive issue centre */
.interactive-issues{display:grid;gap:12px;margin-top:18px}.issue-card{border:1px solid #26345c;background:#0d152f;border-radius:17px;overflow:hidden}.issue-card.open{border-color:#6545a8;box-shadow:0 18px 45px rgba(0,0,0,.2)}.issue-summary{appearance:none;width:100%;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;text-align:left;padding:20px;cursor:pointer}.issue-summary-copy strong,.issue-summary-copy span{display:block}.issue-summary-copy strong{font-size:1.08rem}.issue-summary-copy strong small{color:#919bbd;font-weight:600}.issue-summary-copy span{color:var(--muted);margin-top:3px}.issue-chevron{font-size:1.25rem;transition:transform .2s}.issue-summary[aria-expanded=true] .issue-chevron{transform:rotate(180deg)}.issue-detail{border-top:1px solid #27345b;padding:22px;background:rgba(5,9,24,.42)}.issue-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.issue-detail section{padding:16px;border:1px solid #243157;background:#0a1128;border-radius:13px}.issue-detail h4{margin:0 0 7px}.issue-detail p{margin:0;color:#b6c0dc}.issue-value{position:relative;margin-top:14px}.issue-value code{display:block;padding:12px 74px 12px 12px;background:#05091a;border-radius:9px;color:#e3d6ff;white-space:pre-wrap;word-break:break-word}.copy-btn{position:absolute;right:25px;bottom:25px;border:1px solid #41517e;background:#172141;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}.affected-urls{display:grid;gap:7px}.affected-urls a{color:#c390ff;word-break:break-all}.fix-box{margin-top:14px;border-color:rgba(47,212,143,.3)!important;background:rgba(47,212,143,.06)!important}.issue-actions{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}
@media(max-width:620px){.issue-summary{grid-template-columns:auto minmax(0,1fr) auto;padding:16px;gap:11px}.issue-summary .pill{grid-column:2}.issue-chevron{grid-column:3;grid-row:1/3}.issue-detail{padding:14px}.issue-detail-grid{grid-template-columns:1fr}.issue-actions .btn{width:100%}}

/* Stage 1 commercial SaaS foundation */
.pricing-page{padding:78px clamp(20px,6vw,88px) 100px}.pricing-intro{text-align:center;max-width:860px;margin:0 auto 45px}.pricing-intro h1{font-size:clamp(2.8rem,5vw,5.4rem);line-height:1;letter-spacing:-.05em;margin:15px 0}.pricing-intro p{color:var(--muted);font-size:1.1rem}.billing-toggle{display:inline-flex;padding:6px;background:#10162d;border:1px solid #2c375e;border-radius:999px;margin-top:20px}.billing-toggle button{border:0;background:transparent;color:#bec7df;padding:11px 18px;border-radius:999px;cursor:pointer}.billing-toggle button.active{background:#fff;color:#090c18}.billing-toggle small{color:#8de2bd}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1200px;margin:auto}.price-card{position:relative;background:linear-gradient(150deg,#101832,#0a1025);border:1px solid #2a365f;border-radius:25px;padding:32px;display:flex;flex-direction:column;min-height:590px}.price-card.featured{border-color:#9c51ff;box-shadow:0 30px 90px rgba(113,51,221,.22);transform:translateY(-12px)}.popular{position:absolute;top:-16px;left:28px;padding:7px 13px;border-radius:999px;background:linear-gradient(120deg,var(--pink),var(--blue));font-weight:800;font-size:.78rem}.price-card h2{font-size:1.8rem;margin:8px 0}.price-card>p,.price-card small{color:var(--muted)}.price{display:flex;align-items:flex-end;gap:8px;margin:25px 0 4px}.price b{font-size:3rem;line-height:1}.price ul{padding:0}.price-card ul{list-style:none;padding:0;display:grid;gap:11px;color:#ccd4eb;margin:28px 0}.price-card .btn{margin-top:auto}.annual-note{min-height:25px}.pricing-foot{text-align:center;color:var(--muted);margin-top:30px}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.plan-limits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.plan-limits span{padding:14px;background:#091025;border:1px solid #26345a;border-radius:13px;color:var(--muted)}.plan-limits b{display:block;color:#fff}.billing-actions{display:grid;gap:12px}.stack{display:grid;gap:12px}.security-row{display:grid;grid-template-columns:1fr 160px 190px;gap:20px;padding:14px 0;border-top:1px solid #202b4c}.security-row span,.security-row time{color:var(--muted)}code{color:#d6b6ff}.plan-badge{padding:6px 10px;border-radius:999px;background:#211943;color:#dfbaff;font-size:.76rem}
@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.billing-grid{grid-template-columns:1fr}}
@media(max-width:620px){.pricing-page{padding:50px 16px}.price-card{min-height:auto;padding:24px}.plan-limits{grid-template-columns:1fr}.security-row{grid-template-columns:1fr}.billing-toggle{width:100%}.billing-toggle button{flex:1;padding:10px 8px}}

/* CreatorOS v3.0 commercial journey */
.pricing-intro h1 em{font-style:normal;background:linear-gradient(120deg,#b75cff,#ff57cb,#3c76ff);-webkit-background-clip:text;color:transparent}.plan-kicker{color:#aa78ff;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900}.limit-chips{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.limit-chips span{font-size:.76rem;padding:7px 9px;border-radius:999px;background:#161f40;border:1px solid #2d3b67;color:#c4cee8}.no-risk{text-align:center;margin-top:12px}.comparison-panel{max-width:1200px;margin:55px auto 0;padding:35px;border:1px solid #2b3862;border-radius:25px;background:linear-gradient(145deg,#101831,#090f23);display:grid;grid-template-columns:1fr 1.25fr;gap:35px;align-items:center}.comparison-panel h2{font-size:2rem;margin:8px 0}.journey-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.journey-steps span{padding:16px;background:#0a1128;border:1px solid #29365e;border-radius:14px}.journey-steps b{color:#d46bff;margin-right:10px}.subscription-strip{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px 24px;margin-bottom:26px;border:1px solid #343f71;border-radius:20px;background:linear-gradient(120deg,rgba(139,52,255,.17),rgba(49,100,255,.10),#0d142d)}.subscription-strip>div:first-child strong,.subscription-strip>div:first-child small{display:block}.subscription-strip>div:first-child strong{font-size:1.2rem;margin:8px 0 2px}.subscription-strip>div:first-child small{color:var(--muted)}.usage-mini{display:flex;gap:10px}.usage-mini span{padding:10px 12px;border-radius:12px;background:rgba(6,10,27,.5);border:1px solid #2a3760;color:var(--muted);font-size:.76rem}.usage-mini b{display:block;color:#fff;font-size:.9rem}.commercial-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.upgrade-card{background:linear-gradient(140deg,rgba(139,52,255,.16),rgba(49,104,255,.12),#0d142d)!important}.billing-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mini-plan{padding:20px;border:1px solid #29365e;border-radius:16px;background:#0a1128}.mini-plan.current{border-color:#9b55ff;box-shadow:inset 0 0 0 1px rgba(155,85,255,.25)}.mini-plan>span,.mini-plan>strong,.mini-plan>p{display:block}.mini-plan>strong{font-size:1.7rem;margin:8px 0}.mini-plan>strong small{font-size:.75rem;color:var(--muted)}.current-label{color:#70e0b2}.upgrade-inline{display:grid;gap:5px;margin-top:16px;padding:14px;border-radius:12px;background:rgba(156,81,255,.1);border:1px solid rgba(156,81,255,.35)}.upgrade-inline span{color:var(--muted)}.upgrade-inline a{color:#d596ff;font-weight:800}.upgrade-nav{margin-left:4px}
@media(max-width:1000px){.subscription-strip{grid-template-columns:1fr}.usage-mini{flex-wrap:wrap}.comparison-panel{grid-template-columns:1fr}.commercial-grid{grid-template-columns:1fr}.billing-plan-grid{grid-template-columns:1fr}}
@media(max-width:620px){.journey-steps{grid-template-columns:1fr}.subscription-strip{padding:18px}.usage-mini{display:grid;grid-template-columns:1fr 1fr}.usage-mini span:last-child{grid-column:1/-1}}
/* v3.1 conversion, onboarding and checkout journey */
.onboarding-wrap{min-height:72vh;display:grid;place-items:center;padding:60px 22px}.onboarding-card{width:min(850px,100%);padding:44px;border:1px solid #303d6b;border-radius:28px;background:radial-gradient(circle at 85% 10%,rgba(151,72,255,.22),transparent 35%),linear-gradient(145deg,#121a36,#080e20);box-shadow:0 30px 90px rgba(0,0,0,.35)}.onboarding-card h1,.upgrade-hero h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:1.02;margin:12px 0 18px}.onboarding-steps{display:grid;gap:12px;margin:30px 0}.onboarding-steps article{display:flex;gap:16px;padding:18px;border:1px solid #2c3964;border-radius:16px;background:rgba(5,10,28,.6)}.onboarding-steps b{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#b239ff,#326dff)}.onboarding-steps h3{margin:0 0 5px}.onboarding-steps p{margin:0;color:var(--muted)}
.upgrade-hero{max-width:1180px;margin:0 auto;padding:80px 25px 35px;display:grid;grid-template-columns:1.25fr .75fr;gap:45px;align-items:center}.upgrade-hero>div>p{font-size:1.15rem;color:var(--muted);max-width:720px}.unlock-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.unlock-list span{padding:12px 14px;border:1px solid #2e3a65;border-radius:12px;background:#0d1530}.unlock-preview{padding:28px;border-radius:26px;border:1px solid #374477;background:linear-gradient(150deg,#141d3b,#080e21);box-shadow:0 30px 80px rgba(67,35,160,.25)}.unlock-preview span,.unlock-preview strong,.unlock-preview b{display:block}.unlock-preview strong{font-size:2rem;margin:8px 0 20px}.blurred-issues{display:grid;gap:10px;margin:20px 0}.blurred-issues i{height:62px;border-radius:12px;background:linear-gradient(90deg,#1b2549,#303a64,#1b2549);filter:blur(2px);opacity:.68}.compact-pricing{padding-top:25px}.two-paid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin:auto}.checker-preview+.unlock-report-card{margin-top:22px}.unlock-report-card{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:26px;border:1px solid rgba(190,77,255,.45);border-radius:22px;background:linear-gradient(120deg,rgba(171,48,255,.2),rgba(50,106,255,.14),#101730)}.unlock-report-card h2{margin:6px 0}.unlock-report-card p{margin:0;color:var(--muted)}.unlock-actions{display:flex;gap:10px;flex-wrap:wrap;min-width:max-content}
@media(max-width:800px){.upgrade-hero{grid-template-columns:1fr;padding-top:45px}.unlock-list{grid-template-columns:1fr}.two-paid{grid-template-columns:1fr}.unlock-report-card{display:block}.unlock-actions{margin-top:18px;min-width:0}.onboarding-card{padding:28px 20px}}


/* Social Ads module */
.head-actions,.success-actions,.form-actions{display:flex;gap:12px;flex-wrap:wrap}.connection-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid rgba(139,92,246,.3);background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(15,23,42,.88));border-radius:20px;margin:22px 0}.connection-card p{margin:5px 0 0;color:#aeb8d0}.status-dot{width:11px;height:11px;border-radius:50%;display:inline-block;background:#64748b;margin-right:9px}.status-dot.on{background:#32d583;box-shadow:0 0 16px rgba(50,213,131,.7)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.metric{padding:20px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(15,23,42,.7)}.metric span{display:block;color:#93a0b8;font-size:.83rem}.metric strong{display:block;font-size:1.7rem;margin-top:8px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:34px 0 14px}.campaign-list{display:grid;gap:12px}.campaign-row{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;border-radius:18px;border:1px solid rgba(148,163,184,.14);background:rgba(12,19,40,.74);color:inherit;text-decoration:none}.campaign-row:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.48)}.campaign-row h3{margin:8px 0 4px}.campaign-row p,.campaign-row span{color:#9aa6bd}.campaign-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(139,92,246,.16);font-size:.74rem}.campaign-status.active,.campaign-status.paused_in_meta{background:rgba(50,213,131,.14);color:#76e6ab}.upgrade-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;border-radius:18px;background:linear-gradient(90deg,#6d28d9,#2563eb);margin:18px 0}.upgrade-strip span{display:block;opacity:.85;margin-top:4px}.social-packages{max-width:1180px;margin:30px auto 70px}.setup-panel,.form-section,.connection-flow{padding:24px;border:1px solid rgba(148,163,184,.17);background:rgba(12,19,40,.78);border-radius:20px;margin:20px 0}.setup-panel code{display:block;overflow:auto;padding:12px;border-radius:10px;background:#050817;color:#c4b5fd}.connection-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.flow-step b{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#7c3aed}.campaign-form{display:grid;gap:18px}.form-section h2{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.campaign-form label{display:grid;gap:7px;color:#dce3f1}.campaign-form input,.campaign-form select,.campaign-form textarea{width:100%;padding:12px 13px;border-radius:11px;border:1px solid rgba(148,163,184,.25);background:#081027;color:#fff}.help{color:#94a3b8;font-size:.86rem}.btn.danger{background:#c43b55}.success-wrap{min-height:65vh;display:grid;place-items:center;padding:50px 20px}.success-card{max-width:680px;text-align:center;padding:44px;border-radius:26px;background:rgba(12,19,40,.86);border:1px solid rgba(139,92,246,.28)}.success-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#22c55e;margin:0 auto 18px;font-size:2rem}.table-wrap{overflow:auto;border:1px solid rgba(148,163,184,.15);border-radius:18px}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:16px;text-align:left;border-bottom:1px solid rgba(148,163,184,.11)}.table-wrap td small{display:block;color:#94a3b8;margin-top:4px}
@media(max-width:800px){.metric-grid{grid-template-columns:repeat(2,1fr)}.connection-flow,.form-grid{grid-template-columns:1fr}.connection-card,.campaign-row,.upgrade-strip{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.social-packages{padding:0 15px}}
.product-section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;max-width:1160px;margin:70px auto 24px;padding:0 20px}.product-section-heading h2{margin:6px 0 0;font-size:clamp(28px,4vw,48px)}.product-section-heading p{max-width:520px;color:var(--muted)}.social-heading{margin-top:90px}.current-plan-button{cursor:default;opacity:.85}.product-status-grid .panel{display:flex;flex-direction:column;align-items:flex-start}.top-gap-small{margin-top:16px}.unified-pricing .pricing-grid{margin-bottom:30px}@media(max-width:760px){.product-section-heading{display:block;margin-top:48px}.product-section-heading p{margin-top:12px}.social-heading{margin-top:60px}}

/* CreatorOS v4 foundation */
.fix-list{display:grid;gap:14px}.fix-card{border:1px solid rgba(148,163,184,.18);border-radius:18px;background:rgba(13,22,48,.72);overflow:hidden}.fix-card summary{list-style:none;cursor:pointer;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:18px}.fix-card summary::-webkit-details-marker{display:none}.fix-card summary>div{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.fix-card summary strong{font-size:1.02rem}.fix-card summary small{grid-column:2;color:#9faccc;margin-top:4px;overflow-wrap:anywhere}.severity-dot{width:10px;height:10px;border-radius:50%;background:#6d7b9e;grid-row:1/3}.severity-dot.critical{background:#ff5c7a;box-shadow:0 0 18px rgba(255,92,122,.55)}.severity-dot.warning{background:#ff9d52}.severity-dot.notice{background:#50a7ff}.fix-body{border-top:1px solid rgba(148,163,184,.15);padding:22px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px}.fix-explain p{color:#aeb9d4;line-height:1.7}.suggestion-box{padding:20px;border-radius:16px;background:linear-gradient(145deg,rgba(130,54,255,.14),rgba(42,86,255,.08));border:1px solid rgba(184,107,255,.25)}.suggestion-box>span{display:block;color:#e98cff;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;margin-bottom:14px}.suggestion-box label{display:block;color:#b7c0d9;font-size:.82rem;margin:12px 0}.suggestion-box textarea{width:100%;min-height:84px;margin-top:7px;padding:12px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:#080e22;color:#fff;resize:vertical}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.actions form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.text-btn{border:0;background:transparent;color:#aeb9d4;cursor:pointer;padding:10px}.empty-state{padding:36px;text-align:center;color:#aeb9d4}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:20px}.status-grid article{padding:18px;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(10,18,42,.7);display:grid;gap:8px}.status-grid article span,.flag-row small{color:#9faccc}.status-grid article strong{font-size:1.08rem}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:20px}.table-wrap{overflow:auto}.flag-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;border-top:1px solid rgba(148,163,184,.12)}.flag-row div{display:grid;gap:4px}.pill{padding:7px 10px;border-radius:999px;background:rgba(144,89,255,.12);color:#d9c4ff;font-size:.78rem}
@media(max-width:900px){.fix-body,.two-col{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.status-grid{grid-template-columns:1fr}.fix-card summary{padding:16px}.fix-body{padding:16px}.suggestion-box{padding:15px}}
/* CreatorOS v4.1 growth engine */
.growth-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;margin:20px 0}.health-timeline{height:230px;display:flex;align-items:end;gap:14px;padding:25px 10px 5px;border-top:1px solid rgba(148,163,184,.12)}.health-point{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px;min-width:36px}.health-point span{width:min(46px,75%);border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#dd58ff,#6951ff 55%,#2e72ff);box-shadow:0 10px 28px rgba(117,71,255,.25);min-height:8px}.health-point b{font-size:.95rem}.health-point small{color:#8f9bb8;white-space:nowrap}.priority-links{display:grid;gap:10px;margin-top:22px}.priority-links a{display:flex;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid rgba(148,163,184,.16);border-radius:13px;background:rgba(7,13,32,.55)}.priority-links a:hover{border-color:#824cff;background:rgba(91,53,190,.12)}
.task-board{display:grid;gap:14px}.task-card{display:grid;grid-template-columns:84px 1fr auto;gap:20px;align-items:center;padding:20px;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(12,20,44,.78)}.task-card.done{opacity:.6}.task-priority{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(192,68,255,.22),rgba(49,108,255,.16));border:1px solid rgba(179,91,255,.3)}.task-priority span{font-size:.65rem;color:#adb8d4;text-transform:uppercase}.task-priority strong{font-size:1.35rem;margin-top:-8px}.task-copy h3{margin:4px 0}.task-copy p{margin:4px 0 8px;color:#aeb9d4}.task-copy small{color:#d989ff;text-transform:uppercase;letter-spacing:.09em}.task-actions select,.content-form select,.content-form input{padding:12px;border-radius:12px;border:1px solid rgba(148,163,184,.25);background:#081027;color:#fff}.content-form{display:grid;gap:16px}.content-form label{display:grid;gap:7px}.content-form small{color:#97a4c2}.feature-checks{display:grid;gap:12px;margin-top:20px}.feature-checks span{padding:15px;border:1px solid rgba(148,163,184,.15);border-radius:13px;background:rgba(8,15,34,.55)}.draft-grid{display:grid;gap:12px;padding:4px}.draft-card{border:1px solid rgba(148,163,184,.16);border-radius:16px;background:rgba(11,19,42,.74);overflow:hidden}.draft-card summary{cursor:pointer;padding:18px;display:flex;justify-content:space-between;gap:18px}.draft-card summary div{display:grid;gap:5px}.draft-card summary small{color:#9ba8c5}.draft-card>div{padding:18px;border-top:1px solid rgba(148,163,184,.13);display:grid;grid-template-columns:1fr 1fr;gap:14px}.draft-card label{display:grid;gap:7px;color:#aeb9d4}.draft-card textarea{min-height:92px;padding:12px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:#070d20;color:#fff}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.market-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:300px;padding:24px;border:1px solid rgba(148,163,184,.17);border-radius:22px;background:radial-gradient(circle at 90% 0%,rgba(142,71,255,.18),transparent 38%),linear-gradient(145deg,#111a36,#090f23)}.market-card .pill{position:absolute;right:20px;top:20px}.market-card h2{margin:22px 0 8px}.market-card p{color:#aeb9d4;flex:1}.market-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#b43bff,#326eff);font-weight:900;box-shadow:0 14px 30px rgba(104,65,255,.3)}.market-card button:disabled{opacity:.55;cursor:default}
@media(max-width:980px){.growth-grid,.market-grid{grid-template-columns:1fr 1fr}.task-card{grid-template-columns:72px 1fr}.task-actions{grid-column:2}}
@media(max-width:680px){.growth-grid,.market-grid{grid-template-columns:1fr}.health-timeline{gap:7px;overflow-x:auto}.health-point{min-width:45px}.task-card{grid-template-columns:1fr}.task-priority{width:58px;height:58px}.task-actions{grid-column:auto}.draft-card>div{grid-template-columns:1fr}}

/* v4.2 portal navigation, branding and mobile workspace */
.topbar{height:76px;padding:0 clamp(18px,3.5vw,52px);gap:24px;background:rgba(5,8,23,.94);box-shadow:0 12px 45px rgba(0,0,0,.18)}
.brand{flex:0 0 auto}.brand img{width:88px;height:48px}.brand span{font-size:.82rem;white-space:nowrap}
.desktop-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.desktop-nav>a{padding:10px 14px;border-radius:12px;color:#cbd2e8;white-space:nowrap}.desktop-nav>a:hover,.desktop-nav>a.active{color:#fff;background:linear-gradient(135deg,rgba(155,60,255,.2),rgba(50,104,255,.16));box-shadow:inset 0 0 0 1px rgba(146,116,255,.22)}
.topbar-actions{display:flex;align-items:center;gap:10px}.workspace-toggle{display:none;width:46px;height:46px;border:1px solid #334067;background:#111831;border-radius:14px;padding:11px;cursor:pointer}.workspace-toggle span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px}
.sidebar-mobile-head,.sidebar-backdrop{display:none}
.app-shell{min-height:calc(100vh - 76px);align-items:stretch}.sidebar{top:76px;height:calc(100vh - 76px);overflow-y:auto;padding-bottom:30px}.dashboard-main{min-width:0;padding-top:54px}.dashboard-title{gap:24px}.dashboard-title h1{font-size:clamp(2.35rem,4.3vw,4.5rem);line-height:1.02}.dashboard-title p{max-width:720px}
.product-status-grid,.billing-grid,.billing-plan-grid,.commercial-grid,.growth-grid{min-width:0}.billing-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-plan{min-width:0}.mini-plan p{overflow-wrap:anywhere}
footer{position:relative;z-index:1}

@media (max-width:1180px){
 .desktop-nav>a{padding:9px 10px;font-size:.9rem}.brand span{display:none}.topbar{gap:12px}.upgrade-nav{display:none}
 .billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
 .topbar{height:72px;padding:0 18px}.brand img{width:84px}.desktop-nav{display:none}.workspace-toggle{display:block}.nav-toggle{display:block}
 .desktop-nav.open{display:flex;position:fixed;top:72px;left:12px;right:12px;z-index:120;flex-direction:column;align-items:stretch;padding:14px;background:#0b1027;border:1px solid #2b3762;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
 .desktop-nav.open a{width:100%}
 .app-shell{display:block;min-height:calc(100vh - 72px)}
 .sidebar-backdrop{display:block;position:fixed;inset:72px 0 0;background:rgba(1,3,12,.72);backdrop-filter:blur(4px);z-index:98;opacity:0;visibility:hidden;transition:.25s}
 .sidebar{display:flex!important;position:fixed!important;z-index:99!important;left:0!important;top:72px!important;width:min(390px,92vw)!important;height:calc(100dvh - 72px)!important;max-height:none!important;transform:translateX(-105%);transition:transform .28s ease;padding:0 18px 28px;background:linear-gradient(180deg,#0a1027,#070b1c);border-right:1px solid #28355e;box-shadow:25px 0 80px rgba(0,0,0,.5)}
 .sidebar.open{transform:translateX(0)}body.workspace-open{overflow:hidden}.workspace-open .sidebar-backdrop{opacity:1;visibility:visible}
 .sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 12px;font-weight:800;font-size:1.05rem}.sidebar-close{width:42px;height:42px;border-radius:12px;border:1px solid #334067;background:#121a34;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}
 .sidebar>div:not(.sidebar-mobile-head){width:100%}.sidebar a{min-height:48px;display:flex;align-items:center;margin:5px 0;padding:11px 14px;border-radius:12px}.sidebar .side-label{margin-top:14px}
 .dashboard-main{margin-left:0!important;width:100%!important;padding:34px 18px 58px!important}.dashboard-title{align-items:flex-start;flex-direction:column}.dashboard-title>.btn{width:100%}
 .subscription-strip{grid-template-columns:1fr!important;gap:16px!important}.subscription-strip>.btn{width:100%}.usage-mini{grid-template-columns:repeat(3,minmax(0,1fr))}
 .dashboard-stats.four,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.growth-grid,.commercial-grid,.billing-grid,.product-status-grid{grid-template-columns:1fr!important}.billing-plan-grid{grid-template-columns:1fr!important}.panel{min-width:0}
 footer{grid-template-columns:1fr!important;padding:42px 22px!important;gap:28px!important}
}
@media (max-width:560px){
 .dashboard-main{padding:28px 14px 48px!important}.dashboard-title h1{font-size:2.35rem}.dashboard-title p{font-size:1rem}.panel{padding:20px!important;border-radius:18px!important}
 .dashboard-stats.four,.metrics-grid{grid-template-columns:1fr!important}.usage-mini{grid-template-columns:1fr!important}.plan-limits{grid-template-columns:1fr!important}.btn{width:100%}.panel-head{align-items:flex-start!important;flex-direction:column!important;gap:10px}.audit-table>a{grid-template-columns:auto 1fr!important}.audit-table>a>span:last-child{grid-column:2}
 .billing-plan-grid{gap:14px}.mini-plan{padding:20px}.sidebar{width:100vw!important;max-width:none!important}
}
/* CreatorOS v5 commercial modules */
.assistant-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:24px}.assistant-form,.assistant-answer,.assistant-prompts{padding:8px}.assistant-form label{display:block;margin-bottom:18px}.assistant-form select,.assistant-form textarea,.form-grid input,.form-grid textarea{width:100%;margin-top:8px}.assistant-answer{border-left:1px solid rgba(139,92,246,.35);padding-left:28px}.assistant-prompts{display:grid;gap:12px}.assistant-prompts button{background:#11182f;border:1px solid #293254;color:#eef2ff;padding:16px 18px;border-radius:14px;text-align:left;cursor:pointer}.assistant-prompts button:hover{border-color:#8b5cf6;transform:translateY(-1px)}.status-line{display:flex;align-items:center;gap:10px}.status-dot{width:10px;height:10px;border-radius:50%;background:#64748b;box-shadow:0 0 16px currentColor}.status-dot.up{background:#22c55e;color:#22c55e}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.metric-row>div{background:#0a1022;border:1px solid #242e51;border-radius:14px;padding:14px}.metric-row span{display:block;color:#94a3b8;font-size:.82rem}.metric-row b{display:block;margin-top:5px;font-size:1.05rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .wide{grid-column:1/-1}.form-grid .check{display:flex;align-items:center;gap:10px}.form-grid .check input{width:auto;margin:0}.upgrade-panel{max-width:760px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
@media(max-width:800px){.assistant-shell,.form-grid{grid-template-columns:1fr}.assistant-answer{border-left:0;border-top:1px solid rgba(139,92,246,.35);padding:24px 8px 8px}.form-grid .wide{grid-column:auto}.metric-row{grid-template-columns:1fr}}

/* v5.1 Meta Ads Manager */
.meta-workspace{max-width:1500px}.meta-page-head{align-items:flex-end}.meta-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid rgba(148,163,184,.16);background:rgba(10,16,36,.82);border-radius:18px;margin:20px 0}.meta-account{display:flex;align-items:center;gap:10px}.meta-account small{display:block;color:#94a3b8;margin-top:3px}.meta-toolbar-actions{display:flex;align-items:center;gap:10px}.meta-toolbar-actions select{width:auto;min-width:150px;padding:10px 36px 10px 12px}.meta-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:20px 0}.meta-kpi-grid article{padding:18px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(145deg,rgba(18,27,57,.92),rgba(8,13,31,.9));border-radius:18px}.meta-kpi-grid span,.meta-kpi-grid small{display:block;color:#94a3b8}.meta-kpi-grid strong{display:block;font-size:1.6rem;margin:7px 0 3px}.meta-chart-panel,.meta-campaign-panel{padding:22px;border:1px solid rgba(148,163,184,.16);background:rgba(8,13,31,.76);border-radius:22px;margin-top:18px}.metric-switch{display:flex;gap:5px;padding:4px;border:1px solid #27345c;border-radius:12px}.metric-switch button{width:auto;margin:0;padding:8px 12px;background:transparent;color:#a9b3cc;border-radius:8px}.metric-switch button.active{background:#1b2850;color:#fff}.meta-chart{height:210px;display:flex;align-items:flex-end;gap:10px;padding:30px 12px 8px;border-bottom:1px solid #253154;background:linear-gradient(180deg,rgba(110,53,238,.06),transparent)}.meta-chart span{flex:1;min-width:8px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#df49df,#536dff);box-shadow:0 0 18px rgba(145,73,255,.22);animation:metaBar 1s ease both}@keyframes metaBar{from{height:0}}.campaign-actions{display:flex;gap:18px}.campaign-table-wrap{overflow:auto}.campaign-table{width:100%;border-collapse:collapse;min-width:1040px}.campaign-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8390ad;padding:12px;text-align:left;border-bottom:1px solid #273254}.campaign-table td{padding:14px 12px;border-bottom:1px solid rgba(148,163,184,.1);vertical-align:middle}.campaign-table tbody tr[data-campaign-row]{cursor:pointer}.campaign-table tbody tr[data-campaign-row]:hover{background:rgba(83,109,255,.05)}.campaign-name-cell{display:flex;align-items:center;gap:12px;min-width:250px}.campaign-name-cell strong,.campaign-name-cell small{display:block}.campaign-name-cell small{color:#8f9ab5;margin-top:4px}.creative-thumb{width:48px;height:48px;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#6d28d9,#2563eb);display:grid;place-items:center;flex:0 0 auto}.creative-thumb img{width:100%;height:100%;object-fit:cover}.creative-thumb span{font-weight:900;text-transform:uppercase}.delivery-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:#19213f;color:#bac4dc;font-size:.76rem;white-space:nowrap}.delivery-badge i{width:7px;height:7px;border-radius:50%;background:#94a3b8}.delivery-badge.active{color:#7ae6ae;background:rgba(34,197,94,.12)}.delivery-badge.active i{background:#31d67b}.delivery-badge.review{color:#ffd27a;background:rgba(245,158,11,.12)}.delivery-badge.review i{background:#f59e0b}.delivery-badge.paused{color:#c0c9df}.delivery-badge.error{color:#ff9caf;background:rgba(244,63,94,.12)}.delivery-badge.error i{background:#f43f5e}.row-menu{width:40px;margin:0;padding:8px;background:transparent;color:#aab4ce}.campaign-detail{display:none;background:#080d21}.campaign-detail.open{display:table-row}.campaign-detail-grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:20px;padding:10px 4px}.campaign-detail-grid span{color:#8290ae;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.campaign-detail-grid strong{display:block;margin:5px 0}.campaign-detail-grid p{color:#98a3be;font-size:.86rem;margin:0}.detail-actions{display:flex;flex-direction:column;gap:8px}.mobile-campaign-cards{display:none}.empty-state.polished{text-align:center;padding:56px 20px}.empty-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(145deg,#a43aea,#3768ff);font-size:2rem}
.campaign-builder-page{max-width:1250px}.wizard-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:24px 0}.wizard-progress button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:0;padding:12px;background:#0c142d;border:1px solid #26345b;color:#8f9ab5}.wizard-progress button b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#17213f}.wizard-progress button.active{border-color:#8b5cf6;color:#fff;background:linear-gradient(120deg,rgba(124,58,237,.23),rgba(37,99,235,.15))}.wizard-progress button.active b{background:linear-gradient(135deg,#a83de9,#3b68ff)}.wizard-step{display:none;padding:28px;border:1px solid rgba(148,163,184,.17);background:rgba(8,13,31,.8);border-radius:22px}.wizard-step.active{display:block}.wizard-copy{margin-bottom:22px}.wizard-copy h2{font-size:clamp(1.7rem,3vw,2.35rem);margin:6px 0}.wizard-copy p{color:#9ba7c2}.objective-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 24px}.objective-grid label{display:block}.objective-grid input{position:absolute;opacity:0}.objective-grid span{display:block;padding:20px;border:1px solid #29365e;border-radius:18px;background:#0d1530;cursor:pointer;min-height:105px}.objective-grid b,.objective-grid small{display:block}.objective-grid small{margin-top:8px;color:#8f9ab5}.objective-grid input:checked+span{border-color:#9b5cf6;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(37,99,235,.12));box-shadow:0 0 0 2px rgba(139,92,246,.12)}.audience-preview,.budget-summary,.approval-notice{margin-top:20px;padding:18px;border:1px solid #29365e;border-radius:16px;background:#0b132c}.audience-preview span,.budget-summary span{color:#8996b3;font-size:.8rem}.audience-preview strong{display:block;font-size:1.25rem;margin:7px 0}.budget-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.budget-summary strong{display:block;margin-top:5px}.creative-builder{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px}.creative-fields{display:grid;gap:15px}.ad-preview{background:#fff;color:#111;border-radius:18px;overflow:hidden;align-self:start;box-shadow:0 24px 70px rgba(0,0,0,.35)}.preview-header{display:flex;gap:10px;align-items:center;padding:14px}.preview-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#111827;color:#fff;font-weight:900}.preview-header strong,.preview-header small{display:block}.preview-header small{color:#667085;margin-top:2px}.ad-preview>p{padding:0 14px;margin:0 0 12px;white-space:pre-wrap}.preview-image{height:250px;background:#e9edf3;display:grid;place-items:center;color:#697386;overflow:hidden}.preview-image img{width:100%;height:100%;object-fit:cover}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#f5f6f8}.preview-footer small,.preview-footer strong{display:block}.preview-footer small{color:#667085;text-transform:uppercase;font-size:.66rem}.preview-footer button{width:auto;margin:0;padding:9px 13px;background:#e4e7ec;color:#111}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.review-grid article{padding:18px;border:1px solid #28365f;background:#0b132c;border-radius:16px}.review-grid span{color:#8996b3}.review-grid strong{display:block;margin-top:7px}.approval-notice{border-color:rgba(50,213,131,.3);background:rgba(50,213,131,.07)}.wizard-actions{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding:12px;border:1px solid rgba(148,163,184,.18);background:rgba(5,8,23,.94);backdrop-filter:blur(14px);border-radius:16px}.wizard-actions button{width:auto;margin:0}.wizard-actions [data-wizard-save],.wizard-actions [data-wizard-approve],.wizard-actions [data-wizard-publish]{display:none}
@media(max-width:1100px){.meta-kpi-grid{grid-template-columns:repeat(3,1fr)}.creative-builder{grid-template-columns:1fr 360px}.objective-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.meta-page-head,.meta-toolbar{align-items:flex-start;flex-direction:column}.meta-toolbar-actions{width:100%}.meta-toolbar-actions select{flex:1}.meta-kpi-grid{grid-template-columns:repeat(2,1fr)}.meta-chart-panel,.meta-campaign-panel{padding:16px}.campaign-table-wrap{display:none}.mobile-campaign-cards{display:grid;gap:14px}.mobile-campaign-cards article{padding:17px;border:1px solid #27345b;border-radius:18px;background:#0c142d}.mobile-campaign-head{display:flex;justify-content:space-between;gap:16px}.mobile-campaign-head h3{margin:9px 0}.mobile-campaign-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.mobile-campaign-metrics div{padding:10px;background:#081026;border-radius:12px}.mobile-campaign-metrics span,.mobile-campaign-metrics strong{display:block}.mobile-campaign-metrics span{font-size:.7rem;color:#8e9ab6}.mobile-campaign-actions{display:flex;gap:14px;margin-top:14px}.creative-builder{grid-template-columns:1fr}.ad-preview{max-width:500px}.wizard-progress span{display:none}.wizard-progress button{padding:10px}.review-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.meta-kpi-grid{grid-template-columns:1fr 1fr}.meta-kpi-grid article{padding:14px}.meta-kpi-grid strong{font-size:1.3rem}.meta-toolbar-actions{flex-direction:column;align-items:stretch}.meta-toolbar-actions select{width:100%}.meta-chart{height:150px;gap:5px}.mobile-campaign-metrics{grid-template-columns:1fr 1fr}.objective-grid,.review-grid,.budget-summary{grid-template-columns:1fr}.wizard-step{padding:19px}.wizard-actions{display:grid;grid-template-columns:1fr 1fr}.wizard-actions button{width:100%}.wizard-actions [data-wizard-save],.wizard-actions [data-wizard-approve],.wizard-actions [data-wizard-publish]{grid-column:1/-1}}

/* CreatorOS v5.2 portal navigation and creative upload refinements */
@media (min-width:901px){
  .app-shell{grid-template-columns:272px minmax(0,1fr)}
  .sidebar{position:sticky;top:76px;height:auto;min-height:calc(100vh - 76px);align-self:start;overflow:visible;padding:26px 16px 34px;background:linear-gradient(180deg,#090f25 0%,#070b1b 100%);border-right:1px solid rgba(133,149,205,.16)}
  .sidebar>div:not(.sidebar-mobile-head){display:block;padding:8px;border-radius:18px;background:rgba(14,21,47,.48);border:1px solid rgba(91,111,170,.12);margin-bottom:16px}
  .sidebar a{position:relative;min-height:46px;display:flex;align-items:center;padding:11px 13px 11px 42px;margin:3px 0;border-radius:12px;color:#aeb8d2;font-size:.92rem;font-weight:650;transition:.18s ease}
  .sidebar a:before{content:"";position:absolute;left:15px;width:10px;height:10px;border:2px solid #68769e;border-radius:3px;opacity:.9}
  .sidebar a:nth-of-type(1):before{border-radius:50%}.sidebar a:nth-of-type(2):before{transform:rotate(45deg)}
  .sidebar a.active,.sidebar a:hover{background:linear-gradient(100deg,rgba(139,92,246,.22),rgba(59,130,246,.10));color:#fff;box-shadow:inset 3px 0 #a855f7}
  .sidebar a.active:before,.sidebar a:hover:before{border-color:#d66dff;box-shadow:0 0 12px rgba(194,86,255,.55)}
  .side-label{padding:10px 12px 8px;color:#7d88aa;font-size:.65rem;letter-spacing:.18em}
  .app-content,.dashboard-main{min-width:0}
}
.creative-upload-label{display:block}
.upload-dropzone{position:relative;display:flex;min-height:112px;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin-top:8px;padding:18px;border:1.5px dashed #52618e;border-radius:16px;background:linear-gradient(145deg,rgba(26,36,78,.72),rgba(9,15,35,.85));text-align:center;cursor:pointer;transition:.2s ease}
.upload-dropzone:hover{border-color:#c15cff;background:linear-gradient(145deg,rgba(92,46,170,.24),rgba(13,22,53,.9));transform:translateY(-1px)}
.upload-dropzone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0!important}
.upload-dropzone b{color:#fff}.upload-dropzone small{color:#8f9aba;font-weight:500}
.preview-image img{width:100%;height:100%;object-fit:cover;display:block}
.campaign-form button[disabled]{opacity:.65;cursor:wait;transform:none}
@media(max-width:900px){
 .sidebar>div:not(.sidebar-mobile-head){padding-bottom:14px}.sidebar a{font-size:.98rem}
}

/* v5.4 command centre and deployment hardening */
.tool-launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.tool-launch-grid a{display:flex;flex-direction:column;gap:7px;min-height:132px;padding:20px;border:1px solid #293760;border-radius:16px;background:linear-gradient(145deg,#111a38,#0a1025);transition:.2s}.tool-launch-grid a:hover{transform:translateY(-2px);border-color:#8d55ff;box-shadow:0 16px 35px rgba(91,54,209,.18)}.tool-launch-grid strong{font-size:1.04rem}.tool-launch-grid span{color:var(--muted);font-size:.9rem}.product-command-centre{margin-top:22px}@media(max-width:960px){.tool-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.tool-launch-grid{grid-template-columns:1fr}.tool-launch-grid a{min-height:auto}}

/* v5.6 customer Meta approval workflow */
.campaign-review-status{margin-top:16px;padding:16px;border:1px solid #35416e;border-radius:15px;background:#0a1027}.campaign-review-status span{display:block;color:#9aa5c4;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}.campaign-review-status strong{display:block;margin:5px 0;font-size:1.15rem}.campaign-review-status p{margin:6px 0 0;color:#aeb7d0}

/* CreatorOS Genesis CRM */
.crm-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:14px;overflow-x:auto;padding-bottom:12px}.crm-column{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:12px;min-height:360px}.crm-column-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.crm-column-head span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(139,92,246,.18)}.crm-card{background:#11162a;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:14px;margin-bottom:10px;box-shadow:0 10px 24px rgba(0,0,0,.18)}.crm-card div{display:flex;flex-direction:column}.crm-card small{opacity:.64;margin-top:3px}.crm-card b{display:block;margin:12px 0 4px}.crm-card p{font-size:.86rem;opacity:.72;min-height:38px}.crm-card select{width:100%;background:#0a0e1c;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:9px}.crm-empty{opacity:.45;text-align:center;padding:40px 8px}.modal{width:min(680px,calc(100% - 24px));border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#0e1324;color:#fff;padding:0;box-shadow:0 28px 80px rgba(0,0,0,.55)}.modal::backdrop{background:rgba(3,5,14,.78);backdrop-filter:blur(5px)}.modal form{padding:24px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head button{background:none;border:0;color:#fff;font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.form-grid label{display:flex;flex-direction:column;gap:7px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{background:#080c18;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px}@media(max-width:760px){.crm-board{grid-template-columns:1fr;overflow:visible}.crm-column{min-height:auto}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}


/* Genesis Sprint 2: Meta Ads hierarchy and creative library */
.creative-library-layout{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:24px;align-items:start}.creative-upload-card{position:sticky;top:100px}.creative-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.creative-library-grid article{border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.035)}.creative-library-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.creative-library-grid article>div{padding:12px 14px;display:flex;justify-content:space-between;gap:8px}.creative-library-grid small{display:block;opacity:.7}.creative-card-actions button{border:0;background:none;color:#c4b5fd;cursor:pointer}.creative-card-actions form{display:inline}.campaign-name-cell a{color:inherit;text-decoration:none}.campaign-name-cell a:hover{color:#c4b5fd}.campaign-object-tabs{display:flex;gap:8px;margin:0 0 16px}.campaign-object-tabs button{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#cbd5e1;padding:10px 16px;border-radius:999px;cursor:pointer}.campaign-object-tabs button.active{background:linear-gradient(135deg,#7c3aed,#2563eb);color:white;border-color:transparent}.campaign-object-panel{display:none}.campaign-object-panel.active{display:block}.campaign-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.campaign-summary-grid>div{padding:16px;border-radius:16px;background:rgba(255,255,255,.04)}.campaign-summary-grid span,.object-row small{display:block;color:#94a3b8;font-size:.82rem}.object-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.object-row>div{display:flex;align-items:center;gap:12px}.object-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(139,92,246,.2);color:#c4b5fd;font-weight:800}.ad-object-card{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08)}.creative-thumb.large{width:120px;height:120px}.creative-thumb.large img{width:100%;height:100%;object-fit:cover;border-radius:14px}.campaign-copy-review{margin-top:20px}.admin-subnav{display:flex;gap:8px;margin:0 0 20px}.admin-subnav a{padding:10px 16px;border-radius:999px;background:#fff;color:#334155;text-decoration:none;border:1px solid #e2e8f0}.admin-subnav a.active{background:#111827;color:white;border-color:#111827}
@media(max-width:900px){.creative-library-layout{grid-template-columns:1fr}.creative-upload-card{position:static}.creative-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.creative-library-grid{grid-template-columns:1fr}.campaign-object-tabs{overflow:auto;padding-bottom:4px}.campaign-summary-grid{grid-template-columns:1fr}.ad-object-card{grid-template-columns:82px 1fr}.creative-thumb.large{width:82px;height:82px}}

/* Genesis Sprint 3: AI Meta Campaign Studio */
.ai-meta-page{max-width:1500px}.ai-meta-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.6fr);gap:24px;align-items:start}.ai-brief h2,.ai-explainer h2{margin-top:0}.goal-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 24px}.goal-picker label{cursor:pointer}.goal-picker input{position:absolute;opacity:0}.goal-picker span{display:flex;min-height:54px;align-items:center;justify-content:center;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(255,255,255,.035);font-weight:700;text-align:center;padding:10px;transition:.2s}.goal-picker input:checked+span{border-color:#9b87f5;background:linear-gradient(135deg,rgba(124,58,237,.25),rgba(59,130,246,.15));box-shadow:0 0 0 2px rgba(139,92,246,.14)}.ai-explainer{position:sticky;top:104px;background:radial-gradient(circle at top right,rgba(124,58,237,.22),transparent 48%),#111827}.ai-orb{display:grid;width:66px;height:66px;border-radius:22px;place-items:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6);font-size:21px;font-weight:900;box-shadow:0 16px 38px rgba(99,102,241,.32);margin-bottom:20px}.ai-explainer ul{list-style:none;padding:0;margin:20px 0}.ai-explainer li{padding:10px 0;border-bottom:1px solid rgba(148,163,184,.13)}.ai-explainer li:before{content:'✓';color:#34d399;margin-right:10px;font-weight:900}.ai-output{margin-top:28px;border:1px solid rgba(139,92,246,.28);border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(76,29,149,.18),rgba(15,23,42,.82))}.confidence{min-width:118px;text-align:center;padding:15px 18px;border-radius:17px;background:rgba(16,185,129,.12);border:1px solid rgba(52,211,153,.25)}.confidence strong{display:block;font-size:28px;color:#6ee7b7}.confidence span{font-size:12px;color:#a7f3d0}.ai-output-grid{display:grid;grid-template-columns:1.4fr 1.4fr .7fr;gap:14px;margin:20px 0}.ai-output-grid article{border-radius:18px;padding:18px;background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.15)}.ai-output-grid article>span{display:block;color:#a78bfa;text-transform:uppercase;letter-spacing:.09em;font-size:11px;font-weight:800;margin-bottom:9px}.ai-copy-review{background:#0b1220}.ad-preview-card{max-width:590px;margin:24px auto;border-radius:16px;background:#fff;color:#1f2937;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.3)}.ad-preview-head{display:flex;gap:11px;align-items:center;padding:14px}.ad-preview-head>span{display:grid;width:42px;height:42px;border-radius:50%;place-items:center;background:#6d28d9;color:#fff;font-size:22px;font-weight:900}.ad-preview-head small,.ad-preview-bottom small{display:block;color:#6b7280}.ad-preview-card>p{padding:0 14px 14px;margin:0}.ad-preview-visual{height:260px;display:grid;place-items:center;background:linear-gradient(135deg,#5b21b6,#2563eb);color:#fff;font-weight:800}.ad-preview-bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:#f3f4f6}.ad-preview-bottom button{border:0;border-radius:8px;padding:10px 14px;font-weight:800}.brand-profile-form{max-width:1000px}.form-grid .wide{grid-column:1/-1}
@media(max-width:900px){.ai-meta-grid{grid-template-columns:1fr}.ai-explainer{position:static}.goal-picker{grid-template-columns:repeat(2,1fr)}.ai-output-grid{grid-template-columns:1fr}.ai-output{padding:16px}.ad-preview-visual{height:200px}}
@media(max-width:520px){.goal-picker{grid-template-columns:1fr 1fr}.goal-picker span{font-size:13px;min-height:48px}.ai-output .section-head{align-items:flex-start}.confidence{min-width:92px;padding:10px}.confidence strong{font-size:22px}}

/* Genesis Sprint 4: Growth Manager and command dashboard */
.command-dashboard,.growth-manager-page{max-width:1550px}.command-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.command-welcome h1{margin:.2rem 0 .45rem;font-size:clamp(2rem,4vw,3.25rem)}.command-actions{display:flex;gap:10px;flex-wrap:wrap}.command-hero{display:grid;grid-template-columns:180px 1fr 220px;gap:28px;align-items:center;background:radial-gradient(circle at 8% 20%,rgba(124,58,237,.28),transparent 35%),linear-gradient(145deg,#111936,#090f24);overflow:hidden}.mini-growth-ring,.growth-ring{--score:0;position:relative;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#8b5cf6 calc(var(--score)*1%),rgba(255,255,255,.08) 0);box-shadow:0 18px 55px rgba(88,54,190,.22)}.mini-growth-ring{width:150px;height:150px}.mini-growth-ring:before,.growth-ring:before{content:'';position:absolute;inset:12px;border-radius:50%;background:#0c132c}.mini-growth-ring>* ,.growth-ring>*{position:relative;z-index:1}.mini-growth-ring strong{display:block;text-align:center;font-size:2.8rem}.mini-growth-ring span{display:block;font-size:.77rem;color:#aab4d0}.command-hero-copy h2{font-size:1.55rem;margin:.45rem 0}.command-hero-copy p{color:#aab4d0;max-width:720px}.command-hero-copy a{color:#c4b5fd;font-weight:800}.plan-mini{padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.045)}.plan-mini span,.plan-mini small{display:block;color:#9ca8c7}.plan-mini strong{display:block;margin:6px 0 12px}.plan-mini a{display:inline-block;margin-top:12px;color:#c4b5fd}.command-metrics,.signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.command-metrics article,.signal-grid article{padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035)}.command-metrics span,.signal-grid span{display:block;color:#9aa6c4;font-size:.82rem}.command-metrics b,.signal-grid strong{display:block;font-size:1.85rem;margin:8px 0}.command-metrics small,.signal-grid small{color:#8d98b5}.command-grid,.growth-manager-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:18px;margin-top:18px}.command-grid.lower{grid-template-columns:1.15fr .85fr}.dashboard-priority-list a,.product-status-list a{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);color:inherit;text-decoration:none}.dashboard-priority-list a>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(139,92,246,.17);color:#c4b5fd;font-weight:900}.dashboard-priority-list a>div,.product-status-list a>div{flex:1}.dashboard-priority-list small,.product-status-list small{display:block;color:#929fbd;margin-top:4px}.quick-ai{background:radial-gradient(circle at top right,rgba(59,130,246,.25),transparent 45%),linear-gradient(145deg,#15113a,#0b132b)}.ai-prompt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.ai-prompt-chips a{padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.045);font-size:.82rem}.product-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#2563eb);font-weight:900}.status-live,.status-muted{font-size:.74rem;padding:6px 9px;border-radius:999px}.status-live{color:#6ee7b7;background:rgba(16,185,129,.12)}.status-muted{color:#bac3d8;background:rgba(148,163,184,.12)}.growth-score-hero{display:grid;grid-template-columns:210px 1fr 150px;gap:30px;align-items:center}.growth-ring{width:190px;height:190px}.growth-ring:before{inset:14px}.growth-ring strong{display:block;font-size:3.5rem;text-align:center}.growth-ring span{display:block;color:#9ca8c7}.growth-delta{padding:20px;border-radius:18px;background:rgba(255,255,255,.04);text-align:center}.growth-delta strong{display:block;font-size:2rem;color:#6ee7b7}.growth-delta span{font-size:.78rem;color:#9ca8c7}.recommendation-item{display:grid;grid-template-columns:12px 1fr auto;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.08);color:inherit;text-decoration:none}.priority-dot{width:10px;height:10px;border-radius:50%}.recommendation-item.critical .priority-dot{background:#fb7185}.recommendation-item.high .priority-dot{background:#fbbf24}.recommendation-item.medium .priority-dot{background:#60a5fa}.recommendation-item.low .priority-dot{background:#94a3b8}.recommendation-item p{margin:4px 0 0;color:#9ba7c3;font-size:.88rem}.recommendation-item>b{color:#c4b5fd;font-size:.82rem}.ask-growth textarea{width:100%;margin:16px 0;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#080d1e;color:#fff;resize:vertical}.ai-response-banner{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:18px 20px;margin-bottom:18px;border:1px solid rgba(139,92,246,.3);border-radius:18px;background:rgba(91,33,182,.15)}.ai-response-banner span{font-weight:900;color:#c4b5fd}.ai-response-banner p{margin:0}.growth-history details{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.growth-history summary{cursor:pointer;font-weight:800}.growth-history summary span{float:right;color:#8490ae;font-size:.78rem}.growth-history p{color:#aab4d0}
@media(max-width:1050px){.command-hero,.growth-score-hero{grid-template-columns:150px 1fr}.plan-mini,.growth-delta{grid-column:1/-1}.command-grid,.growth-manager-grid,.command-grid.lower{grid-template-columns:1fr}.command-metrics,.signal-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.command-welcome{align-items:flex-start;flex-direction:column}.command-actions{width:100%}.command-actions .btn{flex:1;text-align:center}.command-hero,.growth-score-hero{grid-template-columns:1fr;text-align:center}.mini-growth-ring,.growth-ring{margin:auto}.command-metrics,.signal-grid{grid-template-columns:1fr 1fr}.command-metrics article,.signal-grid article{padding:15px}.command-metrics b,.signal-grid strong{font-size:1.4rem}.recommendation-item{grid-template-columns:10px 1fr}.recommendation-item>b{grid-column:2}.growth-history summary span{display:block;float:none;margin-top:4px}}

/* Genesis Sprint 4.1: Smart business onboarding and primary website */
.smart-onboarding{min-height:calc(100vh - 72px);padding:42px 20px;background:radial-gradient(circle at 10% 10%,rgba(124,58,237,.22),transparent 34%),radial-gradient(circle at 88% 20%,rgba(37,99,235,.18),transparent 30%),#070b18}.onboarding-shell{width:min(1220px,100%);margin:auto;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}.onboarding-intro{position:sticky;top:96px;padding:34px}.onboarding-intro img{width:150px;height:auto;margin-bottom:26px}.onboarding-intro h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:.98;margin:.35rem 0 1rem}.onboarding-intro p{max-width:520px;color:#a8b2cc;font-size:1.04rem;line-height:1.65}.onboarding-progress{display:flex;align-items:center;margin:34px 0 8px}.onboarding-progress span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #4b5678;background:#0b1124;color:#9da8c4;font-weight:800}.onboarding-progress span.done{border-color:#8b5cf6;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff}.onboarding-progress i{width:46px;height:2px;background:#313c5f}.onboarding-intro>small{color:#7783a3;word-spacing:10px}.onboarding-form-card{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(155deg,rgba(20,28,61,.96),rgba(8,13,30,.98));box-shadow:0 32px 90px rgba(0,0,0,.34)}.onboarding-form-card>section{display:flex;gap:14px;align-items:center;padding-top:24px;margin-top:24px;border-top:1px solid rgba(255,255,255,.08)}.onboarding-form-card>section:first-of-type{padding-top:0;margin-top:0;border-top:0}.onboarding-form-card h2{margin:0 0 4px}.onboarding-form-card section p{margin:0;color:#8e9ab7}.step-badge{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:13px;background:rgba(139,92,246,.18);color:#c4b5fd;font-weight:900}.website-field>div{display:flex;align-items:center;margin-top:8px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#080d1e;overflow:hidden}.website-field>div span{padding:0 0 0 13px;color:#7f8aa8}.website-field>div input{border:0!important;background:transparent!important;box-shadow:none!important}.connected-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0 4px}.connected-feature-grid span{padding:10px 12px;border-radius:11px;background:rgba(16,185,129,.08);color:#a7f3d0;font-size:.83rem}.scan-toggle{display:flex!important;gap:13px!important;align-items:flex-start!important;margin-top:15px;padding:16px;border:1px solid rgba(139,92,246,.25);border-radius:15px;background:rgba(91,33,182,.1)}.scan-toggle input{width:auto!important;margin-top:4px}.scan-toggle span{display:block}.scan-toggle strong,.scan-toggle small{display:block}.scan-toggle small{margin-top:3px;color:#909bb8}.onboarding-actions{display:flex;align-items:center;gap:16px;margin-top:26px}.onboarding-actions>a{color:#99a4bf}.goal-picker.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0}.connect-website-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin:0 0 18px;border:1px solid rgba(139,92,246,.25);border-radius:18px;background:linear-gradient(135deg,rgba(91,33,182,.18),rgba(37,99,235,.10))}.connect-website-banner h2{margin:.25rem 0}.connect-website-banner p{margin:0;color:#9ba6c1}.primary-site-strip{display:flex;align-items:center;gap:14px;padding:13px 17px;margin:0 0 18px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035)}.primary-site-strip img{width:34px;height:34px;object-fit:contain;border-radius:8px;background:#fff}.primary-site-strip>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.primary-site-strip small{color:#8f9ab7;font-size:.68rem;letter-spacing:.12em}.primary-site-strip span{color:#97a2bd;font-size:.86rem;overflow:hidden;text-overflow:ellipsis}.primary-site-actions{margin-left:auto;display:flex;gap:12px}.primary-site-actions a{color:#c4b5fd;font-size:.86rem}.account-primary-site{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.03)}.account-primary-site img{width:44px;height:44px;object-fit:contain;border-radius:10px;background:#fff}.account-primary-site a{color:#c4b5fd;word-break:break-all}.account-primary-site span{color:#8f9ab7;font-size:.84rem}.primary-badge{display:inline-block;margin-left:7px;padding:3px 7px;border-radius:999px;background:rgba(16,185,129,.14);color:#6ee7b7;font-size:.65rem;font-style:normal;vertical-align:middle}
@media(max-width:900px){.onboarding-shell{grid-template-columns:1fr}.onboarding-intro{position:static;padding:12px 8px}.onboarding-intro h1{font-size:2.6rem}.connected-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.smart-onboarding{padding:22px 10px}.onboarding-form-card{padding:18px;border-radius:20px}.onboarding-progress i{width:28px}.onboarding-form-card .form-grid{grid-template-columns:1fr}.connected-feature-grid{grid-template-columns:1fr 1fr}.goal-picker.compact{grid-template-columns:1fr}.onboarding-actions,.connect-website-banner,.primary-site-strip{align-items:stretch;flex-direction:column}.onboarding-actions .btn{width:100%;text-align:center}.primary-site-actions{margin-left:0}.primary-site-strip img{width:40px;height:40px}}

/* v6.5.4 — dark form controls and browser autofill consistency */
.auth-card input,
.auth-card select,
.auth-card textarea,
.onboarding-form-card input,
.onboarding-form-card select,
.onboarding-form-card textarea,
.dashboard-main input,
.dashboard-main select,
.dashboard-main textarea,
.workspace input,
.workspace select,
.workspace textarea,
.panel input,
.panel select,
.panel textarea,
.form-grid input,
.form-grid select,
.form-grid textarea,
.website-field input,
input[type="url"],
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"] {
  color:#fff !important;
  caret-color:#fff;
}

.auth-card input::placeholder,
.onboarding-form-card input::placeholder,
.dashboard-main input::placeholder,
.workspace input::placeholder,
.panel input::placeholder,
.form-grid input::placeholder,
.website-field input::placeholder,
textarea::placeholder,
input::placeholder {
  color:rgba(220,226,243,.56) !important;
  opacity:1;
}

.auth-card input:focus,
.auth-card select:focus,
.auth-card textarea:focus,
.onboarding-form-card input:focus,
.onboarding-form-card select:focus,
.onboarding-form-card textarea:focus,
.dashboard-main input:focus,
.dashboard-main select:focus,
.dashboard-main textarea:focus,
.workspace input:focus,
.workspace select:focus,
.workspace textarea:focus,
.panel input:focus,
.panel select:focus,
.panel textarea:focus,
.form-grid input:focus,
.form-grid select:focus,
.form-grid textarea:focus,
.website-field:focus-within {
  border-color:#8b5cf6 !important;
  box-shadow:0 0 0 3px rgba(139,92,246,.2) !important;
  outline:none !important;
}

/* Keep Chrome, Edge and Safari autofill dark with readable white text. */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color:#fff !important;
  caret-color:#fff !important;
  -webkit-box-shadow:0 0 0 1000px #080d1e inset !important;
  box-shadow:0 0 0 1000px #080d1e inset !important;
  transition:background-color 9999s ease-out 0s;
}

/* The prefixed onboarding website control has its border on the wrapper. */
.website-field>div:focus-within {
  border-color:#8b5cf6 !important;
  box-shadow:0 0 0 3px rgba(139,92,246,.2) !important;
}
.website-field>div input {
  color:#fff !important;
  caret-color:#fff !important;
}
/* CreatorOS AI Ads Studio v1 */
.ai-image-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:24px;align-items:start}.size-picker{border:0;padding:0;margin:24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.size-picker legend{font-weight:800;margin-bottom:12px}.size-picker label{display:block}.size-picker input{position:absolute;opacity:0}.size-picker span{display:block;padding:16px;border:1px solid rgba(148,163,184,.22);border-radius:16px;background:rgba(12,18,40,.72);cursor:pointer}.size-picker input:checked+span{border-color:#a855f7;background:linear-gradient(135deg,rgba(168,85,247,.24),rgba(37,99,235,.18));box-shadow:0 0 0 2px rgba(168,85,247,.12)}.ai-creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ai-creative-grid article{border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:12px;background:rgba(9,14,32,.7)}.ai-creative-grid img{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#050816;border-radius:12px}.ai-creative-grid article>div{display:flex;justify-content:space-between;gap:8px;padding:12px 2px}.ai-creative-grid small{color:#9aa6bf}.generated-creatives{margin-top:24px}@media(max-width:900px){.ai-image-layout{grid-template-columns:1fr}.ai-creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.size-picker,.ai-creative-grid{grid-template-columns:1fr}.ai-creative-grid img{max-height:520px}}

/* v6.7 AI Ads Studio 2.0 */
.director-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:22px;margin-bottom:24px}.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.variant-grid article{position:relative;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(12,18,38,.78)}.variant-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:13px;background:#080c1c}.variant-grid h3{margin:14px 0 7px}.variant-grid p{color:#aeb8d0;font-size:.92rem}.variant-badge{position:absolute;top:24px;left:24px;z-index:2;background:#fff;color:#111827;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800}.brand-profile-form textarea{min-height:78px}@media(max-width:900px){.director-grid,.variant-grid{grid-template-columns:1fr}}
/* v6.8 Creative Studio Pro */
.head-actions{display:flex;gap:10px;flex-wrap:wrap}.director-grid.pro{grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr)}.size-picker.kit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.size-picker.kit label span{display:flex;flex-direction:column;gap:2px}.size-picker.kit small{opacity:.62;font-size:.75rem}.creative-score-panel .score-sample{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin:14px 0;border-radius:16px;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(37,99,235,.12));border:1px solid rgba(255,255,255,.1)}.creative-score-panel .score-sample span{font-size:1.65rem;font-weight:800;color:#9ee7ff}.variant-grid.pro article{display:flex;flex-direction:column}.variant-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.format-badge{font-size:.72rem;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.07);color:#cbd5e1}.creative-scores{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:12px 0}.creative-scores span{display:flex;justify-content:space-between;padding:7px 9px;border-radius:9px;background:rgba(255,255,255,.05);font-size:.76rem}.creative-scores b{color:#9ee7ff}@media(max-width:900px){.director-grid.pro{grid-template-columns:1fr}.size-picker.kit{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.size-picker.kit{grid-template-columns:1fr}.head-actions{width:100%}.head-actions .btn{flex:1}}

:root{--accent:#ff3b8d;--accent2:#9b3cff;--accent3:#397cff}.creator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.creator-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:22px}.creator-card b{font-size:30px;display:block}.creator-hero{background:radial-gradient(circle at 85% 10%,rgba(255,59,141,.25),transparent 36%),linear-gradient(135deg,#11152c,#121020);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;margin-bottom:22px}.creator-hero h1{font-size:clamp(34px,5vw,58px);margin:.2em 0}.gradient-text{background:linear-gradient(90deg,#ff3b8d,#bd36e8,#397cff);-webkit-background-clip:text;color:transparent}.vault-toolbar,.post-platforms,.post-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.media-tile{position:relative;background:#0d1123;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;min-height:180px}.media-tile img,.media-tile video{width:100%;height:180px;object-fit:cover}.media-meta{padding:12px}.platform-chip{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#10152b}.platform-chip input{accent-color:#ff3b8d}.calendar-list{display:grid;gap:12px}.calendar-item{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#0f1428}.network-gate{background:linear-gradient(135deg,rgba(255,59,141,.16),rgba(57,124,255,.12));border:1px solid rgba(255,59,141,.35);border-radius:22px;padding:28px}.circle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.circle-card{padding:22px;border-radius:18px;background:#10152a;border:1px solid rgba(255,255,255,.1)}.upload-zone{border:2px dashed rgba(255,255,255,.2);padding:24px;border-radius:18px;background:rgba(255,255,255,.025)}@media(max-width:900px){.creator-grid,.media-grid,.circle-grid{grid-template-columns:1fr 1fr}.calendar-item{grid-template-columns:1fr}}@media(max-width:560px){.creator-grid,.media-grid,.circle-grid{grid-template-columns:1fr}.creator-hero{padding:22px}.media-tile img,.media-tile video{height:260px}}

/* CreatorOS v0.3 social platform icon system */
.social-platform-icon,.social-channel-logo,.dashboard-social-icon,.calendar-social-icon,.analytics-social-icon{display:block;object-fit:contain;flex:0 0 auto}.social-platform-icon{width:34px;height:34px}.post-platforms{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px}.platform-select-card{padding:0;background:transparent;border:0}.platform-select-card>input{position:absolute;opacity:0;pointer-events:none}.platform-visual{position:relative;display:flex;min-height:92px;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:14px 10px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));cursor:pointer;transition:.2s ease}.platform-visual strong{font-size:.86rem;color:#f8fafc}.platform-visual i{position:absolute;right:8px;bottom:8px;width:19px;height:19px;border-radius:6px;display:grid;place-items:center;background:#a83cf4;color:#fff;font-size:.7rem;font-style:normal;opacity:0;transform:scale(.7);transition:.2s}.platform-select-card:hover .platform-visual{border-color:rgba(255,59,141,.55);transform:translateY(-2px)}.platform-select-card>input:checked+.platform-visual{border-color:#d93cff;background:linear-gradient(145deg,rgba(255,59,141,.16),rgba(57,124,255,.12));box-shadow:0 0 0 2px rgba(217,60,255,.1),0 14px 30px rgba(0,0,0,.2)}.platform-select-card>input:checked+.platform-visual i{opacity:1;transform:scale(1)}.social-channel-card{display:flex;flex-direction:column;min-height:245px}.social-channel-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}.social-channel-logo{width:50px;height:50px;border-radius:14px;box-shadow:0 10px 25px rgba(0,0,0,.24)}.social-channel-heading h2{margin:0 0 5px}.connection-state{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:800}.connection-state.is-connected{background:rgba(34,197,94,.14);color:#63e68a}.connection-state.is-offline{background:rgba(148,163,184,.12);color:#aeb8cc}.social-channel-card form{margin-top:auto}.connected-platform-logos{display:flex;align-items:center;margin:12px 0 8px}.dashboard-social-icon{width:29px;height:29px;border-radius:9px;margin-right:-5px;border:2px solid #11152c;background:#11152c}.calendar-platform-icons{display:flex!important;align-items:center;gap:5px;margin-top:8px}.calendar-social-icon{width:22px;height:22px;border-radius:6px}.analytics-platform-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.analytics-platform-strip span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:.82rem}.analytics-social-icon{width:25px;height:25px;border-radius:7px}@media(max-width:850px){.post-platforms{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media(max-width:500px){.post-platforms{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-visual{min-height:82px}.calendar-platform-icons{flex-wrap:wrap}}


/* CreatorOS v0.4 high-fidelity publisher workspace */
.creator-app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);background:#070a16}.creator-sidebar{position:sticky;top:0;height:100vh;width:220px;display:flex;flex-direction:column;padding:18px 12px;background:linear-gradient(180deg,#0a0c18,#0b0e1d);border-right:1px solid rgba(255,255,255,.07);overflow-y:auto;z-index:60}.sidebar-brand{display:flex;align-items:center;padding:2px 10px 18px}.sidebar-brand img{width:165px;height:52px;object-fit:contain;object-position:left center}.creator-nav{display:flex;flex-direction:column;gap:4px}.creator-nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 12px;border-radius:10px;color:#cbd0e0;font-size:.91rem}.creator-nav a:hover{background:rgba(255,255,255,.045);color:#fff}.creator-nav a.active{color:#fff;background:linear-gradient(100deg,#ff337f,#a531f0);box-shadow:0 10px 28px rgba(177,40,195,.28)}.nav-icon{width:20px;height:20px;display:grid;place-items:center}.nav-icon svg{width:20px;height:20px}.nav-badge{margin-left:auto;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#ff337f;color:#fff;font-size:.72rem;font-weight:800}.sidebar-profile{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#121624}.creator-avatar,.preview-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ff3b8d,#8c3cff);color:#fff;font-weight:900}.creator-avatar{width:38px;height:38px}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile small{color:#8f97ad}.sidebar-profile>span{margin-left:auto}.sidebar-upgrade{margin-top:12px;padding:18px;border-radius:14px;background:#111523;border:1px solid rgba(255,255,255,.06)}.sidebar-upgrade h3{margin:7px 0}.sidebar-upgrade p{font-size:.82rem;color:#9da5bb}.sidebar-upgrade .btn{width:100%;padding:10px}.upgrade-crown{font-size:25px;color:#ff7a5f}.creator-workspace{min-width:0;padding:22px 26px 45px}.creator-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.creator-page-header h1{margin:0;font-size:1.65rem}.creator-page-header p{margin:3px 0 0;color:#9ba3b8}.creator-header-actions{display:flex;align-items:center;gap:10px}.toolbar-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#0c101d;color:#e7e9f2}.toolbar-btn svg{width:17px;height:17px}.new-post-btn{padding:11px 18px}.workspace-toggle{display:none}.post-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 405px;gap:14px;align-items:start}.post-builder-main{display:grid;gap:14px}.post-step-card,.preview-card,.preview-info-card{background:#0d101d;border:1px solid rgba(255,255,255,.085);border-radius:14px}.post-step-card{padding:18px}.step-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.step-title>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#a541ff,#7139ff);font-size:.76rem;font-weight:900}.step-title h2{font-size:1rem;margin:0}.step-title p{font-size:.8rem;margin:2px 0 0;color:#8f97ab}.select-all-label{margin-left:auto;display:flex;align-items:center;gap:8px;color:#aab0c0;font-size:.8rem}.mockup-platforms{grid-template-columns:repeat(8,minmax(72px,1fr));gap:8px}.mockup-platforms .platform-visual{min-height:70px;padding:9px 6px;border-radius:10px}.mockup-platforms .social-platform-icon{width:27px;height:27px}.mockup-platforms .platform-visual strong{font-size:.69rem;font-weight:600}.editor-tabs{display:flex;gap:30px;border-bottom:1px solid rgba(255,255,255,.08);margin:0 -2px}.editor-tabs button{padding:8px 2px;border:0;background:transparent;color:#a5abc0;cursor:pointer}.editor-tabs button.active{color:#fff;border-bottom:2px solid #e644dd}.editor-panel{display:none}.editor-panel.active{display:block}.editor-panel textarea{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.06);border-radius:0;background:#090c17;resize:vertical;min-height:138px;padding:16px;color:#fff}.editor-tools{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-top:0;border-radius:0 0 10px 10px;background:#0a0d18}.editor-tools button{border:0;background:transparent;color:#e9eaf0;padding:6px 8px}.char-counters,.char-counters span{display:flex;align-items:center;gap:6px}.char-counters{gap:12px}.char-counters img{width:17px;height:17px}.char-counters b{font-size:.75rem}.ai-caption-btn{padding:7px 11px!important;border-radius:8px!important;background:rgba(179,71,255,.15)!important;color:#dd84ff!important}.ai-prompt-box{padding:18px;background:#090c17;border-radius:10px}.media-heading{display:flex;justify-content:space-between;align-items:end;margin-top:18px}.media-heading h3,.media-heading p{margin:0}.media-heading p{color:#939bae;font-size:.8rem}.media-heading a{font-size:.8rem;color:#d56aff}.media-strip{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:3px}.media-preview-tile,.add-media-tile{position:relative;flex:0 0 132px;height:126px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:#111525}.media-preview-tile img,.media-preview-tile video{width:100%;height:100%;object-fit:cover}.media-preview-tile input{position:absolute;inset:0;opacity:0}.media-preview-tile i{position:absolute;top:7px;right:7px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#0b0e17;color:#fff;font-style:normal;opacity:.65}.media-preview-tile:has(input:checked){outline:2px solid #e13dca}.media-preview-tile:has(input:checked) i{background:#e13dca;opacity:1}.add-media-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#aab0c0;border-style:dashed}.add-media-tile span{font-size:30px}.video-duration{position:absolute;right:6px;bottom:6px;background:#05060b;border-radius:6px;padding:3px 6px;font-size:.65rem}.platform-customisation{margin-top:14px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}.platform-customisation summary{cursor:pointer;font-weight:700}.platform-customisation summary small{display:block;font-weight:400;color:#8f97ab}.customisation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.schedule-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:12px 24px;align-items:center}.schedule-option{display:flex;align-items:flex-start;gap:10px}.schedule-option input{margin-top:5px;accent-color:#db42ec}.schedule-option b,.schedule-option small{display:block}.schedule-option small{color:#8f97ab}.schedule-fields{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:8px}.schedule-fields label{display:flex;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#0b0f1c;padding:0 10px}.schedule-fields svg{width:17px}.schedule-fields input,.schedule-fields select{width:100%;border:0;background:transparent;padding:11px 5px;color:#fff}.repeat-toggle{display:flex;align-items:center;gap:10px}.repeat-toggle>input{display:none}.repeat-toggle>span{width:34px;height:19px;border-radius:99px;background:#4a5060;position:relative}.repeat-toggle>span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;left:2px;top:2px;background:#fff;transition:.2s}.repeat-toggle>input:checked+span{background:#dc3ce3}.repeat-toggle>input:checked+span:after{left:17px}.repeat-toggle b,.repeat-toggle small{display:block}.repeat-toggle small{font-weight:400;color:#8f97ab}.mockup-actions{justify-content:flex-end;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.07)}.mockup-actions .btn{min-width:190px}.schedule-submit svg{width:17px;margin-right:7px}.post-preview-column{display:grid;gap:14px;position:sticky;top:18px}.preview-card,.preview-info-card{padding:15px}.preview-head h2,.preview-head p{margin:0}.preview-head h2{font-size:1rem}.preview-head p{font-size:.78rem;color:#8f97ab}.preview-tabs{display:flex;gap:13px;margin:10px 0;border-bottom:1px solid rgba(255,255,255,.07);overflow-x:auto}.preview-tabs button{display:flex;align-items:center;gap:6px;padding:8px 2px;border:0;background:transparent;color:#b7bccb;white-space:nowrap}.preview-tabs button.active{color:#fff;border-bottom:2px solid #e13fd8}.preview-tabs img{width:18px;height:18px}.social-post-preview{border:1px solid rgba(255,255,255,.09);border-radius:10px;overflow:hidden;background:#0a0d17}.social-preview-user{display:flex;align-items:center;gap:8px;padding:10px}.social-preview-user .preview-avatar{width:28px;height:28px}.social-preview-user span{color:#4f8cff}.social-preview-user b{margin-left:auto}.preview-media{aspect-ratio:1.25/1;background:#111525;display:grid;place-items:center;overflow:hidden}.preview-media img,.preview-media video{width:100%;height:100%;object-fit:cover}.preview-placeholder{padding:25px;text-align:center;color:#737c91}.preview-actions{padding:9px 10px;font-size:21px}.preview-actions span{float:right}.social-post-preview p{margin:4px 10px;font-size:.79rem}.preview-hashtags{color:#66aaff;padding-bottom:10px}.preview-info-card h3{margin:0 0 10px}.preview-info-card dl{margin:0}.preview-info-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:5px 0}.preview-info-card dt{color:#9aa2b6}.preview-info-card dd{margin:0;text-align:right}.preview-info-card dd img{width:19px;height:19px;margin-left:-3px;border-radius:5px}.status-pill{display:inline-flex;padding:4px 8px;border-radius:99px;background:rgba(157,68,255,.2);color:#c37bff;font-size:.72rem}.checklist-card ul{list-style:none;padding:0;margin:0}.checklist-card li{padding:5px 0;color:#8f97ab}.checklist-card li:before{content:"✓";margin-right:8px;color:#3dd57e}.checklist-card li.incomplete:before{content:"○";color:#5f6679}@media(max-width:1250px){.post-builder-layout{grid-template-columns:minmax(0,1fr) 340px}.mockup-platforms{grid-template-columns:repeat(4,1fr)}}@media(max-width:980px){.creator-app-shell{grid-template-columns:1fr}.creator-sidebar{position:fixed;left:-260px;width:245px;transition:left .25s}.creator-sidebar.open{left:0}.workspace-toggle{display:flex}.creator-page-header{align-items:flex-start}.post-builder-layout{grid-template-columns:1fr}.post-preview-column{position:static;grid-template-columns:1fr 1fr}.preview-card{grid-row:span 2}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:55}.workspace-open .sidebar-backdrop{display:block}.creator-sidebar{z-index:70}}@media(max-width:720px){.creator-workspace{padding:16px}.creator-page-header{flex-direction:column}.creator-header-actions{width:100%;overflow-x:auto}.toolbar-btn{white-space:nowrap}.mockup-platforms{grid-template-columns:repeat(2,1fr)}.schedule-grid{grid-template-columns:1fr}.schedule-fields{grid-template-columns:1fr}.post-preview-column{grid-template-columns:1fr}.customisation-grid{grid-template-columns:1fr}.mockup-actions .btn{min-width:0;flex:1}.sidebar-upgrade{display:none}}
/* CreatorOS v0.5 sidebar and profile refinements */
.creator-sidebar{height:100vh;overflow:hidden!important;padding:14px 12px 12px;display:flex;flex-direction:column}
.creator-sidebar::-webkit-scrollbar,.creator-nav::-webkit-scrollbar{display:none}
.creator-nav{overflow:visible!important;display:grid;gap:2px}
.creator-nav a{min-height:36px;padding:7px 10px;font-size:.82rem}
.creator-nav .nav-icon{width:18px;height:18px}.creator-nav .nav-icon svg{width:18px;height:18px}
.sidebar-brand{padding:2px 8px 10px}.sidebar-brand img{width:172px;max-height:42px;object-fit:contain;object-position:left center}
.sidebar-profile{margin-top:auto;padding:9px}.sidebar-upgrade{margin-top:8px;padding:12px}.sidebar-upgrade h3{font-size:.92rem}.sidebar-upgrade p{margin:4px 0 9px;font-size:.72rem}.sidebar-upgrade .btn{padding:8px;font-size:.76rem}
.sidebar-profile a{color:inherit;text-decoration:none}
.brand img,.auth-card>img{content:url('creatoros-logo.svg');width:220px;max-height:54px;object-fit:contain;object-position:left center}
.creator-profile-page{max-width:1220px;width:100%}.creator-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-card{background:#0d101d;border:1px solid rgba(255,255,255,.085);border-radius:16px;padding:22px;display:grid;gap:14px}.profile-card h2,.profile-card p{margin:0}.profile-card p,.profile-card small{color:#98a1b7}.profile-card label{display:grid;gap:7px}.profile-card input,.profile-card textarea,.profile-card select{width:100%;padding:12px 13px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#090d19;color:#fff}.profile-avatar-xl{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#ff3b8d,#7f3cff,#397cff);font-size:2rem;font-weight:900}.profile-goals-card{grid-column:1/-1}.profile-next-list{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.profile-next-list>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff3b8d,#7f3cff);font-weight:900}.profile-next-list p{display:grid}.profile-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px}.profile-actions .btn{min-width:170px}
@media(max-height:780px) and (min-width:981px){.creator-nav a{min-height:31px;padding:5px 9px}.sidebar-upgrade{display:none}.sidebar-brand img{max-height:34px}.sidebar-profile{margin-top:6px}}
@media(max-width:760px){.creator-profile-grid{grid-template-columns:1fr}.profile-goals-card,.profile-actions{grid-column:auto}.profile-actions{flex-direction:column}.profile-actions .btn{width:100%}}
/* CreatorOS v0.6 unified logo */
.brand img,.auth-card>img,.sidebar-brand img,.onboarding-intro img{content:url('creatoros-logo-white-transparent.png?v=6')!important;object-fit:contain!important}
.brand img{width:175px!important;max-height:48px!important}.auth-card>img{width:230px!important;max-height:70px!important}.sidebar-brand img{width:185px!important}

/* CreatorOS v0.7.1 compact one-screen workspace navigation */
.creator-sidebar{padding:10px 10px 9px!important}
.creator-nav{display:flex!important;flex-direction:column!important;gap:1px!important;overflow:hidden!important;min-height:0!important}
.creator-nav a{min-height:29px!important;padding:4px 8px!important;border-radius:9px!important;font-size:.77rem!important;line-height:1.1!important;gap:8px!important}
.creator-nav .nav-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
.creator-nav .nav-icon svg{width:17px!important;height:17px!important}
.sidebar-brand{padding:0 7px 6px!important}
.sidebar-brand img{width:160px!important;max-height:36px!important}
.sidebar-profile{padding:7px!important;margin-top:auto!important;min-height:48px!important}
.sidebar-profile .creator-avatar{width:32px!important;height:32px!important}
.sidebar-profile strong{font-size:.78rem!important}.sidebar-profile small{font-size:.67rem!important}
.sidebar-upgrade{margin-top:5px!important;padding:7px 9px!important;display:flex!important;align-items:center!important;gap:8px!important;border-radius:12px!important}
.sidebar-upgrade .upgrade-crown{font-size:1rem!important}.sidebar-upgrade h3{font-size:.76rem!important;margin:0!important}.sidebar-upgrade p{display:none!important}.sidebar-upgrade .btn{margin-left:auto!important;padding:6px 9px!important;font-size:.68rem!important;white-space:nowrap!important}
@media(max-height:860px) and (min-width:981px){.creator-nav a{min-height:27px!important;padding:3px 8px!important;font-size:.73rem!important}.sidebar-upgrade{display:none!important}.sidebar-profile{min-height:42px!important}.sidebar-brand img{max-height:31px!important}}

/* CreatorOS v0.7.2 sidebar/profile/pricing hotfix */
@media (min-width:981px){
 .creator-sidebar{height:100vh!important;max-height:100vh!important;padding:8px 9px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
 .creator-nav{flex:1 1 auto!important;overflow:hidden!important;gap:0!important;justify-content:flex-start!important}
 .creator-nav a{min-height:25px!important;height:25px!important;padding:2px 7px!important;margin:0!important;font-size:.715rem!important;line-height:1!important;border-radius:7px!important;gap:7px!important}
 .creator-nav .nav-icon,.creator-nav .nav-icon svg{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
 .creator-nav .nav-icon{width:16px!important;height:16px!important;flex:0 0 16px!important;display:grid!important;place-items:center!important}
 .creator-nav .nav-icon svg{width:15px!important;height:15px!important}
 .sidebar-brand{padding:0 6px 5px!important;margin:0!important;min-height:38px!important}.sidebar-brand img{width:146px!important;max-height:31px!important}
 .sidebar-profile{display:none!important}
 .sidebar-upgrade.compact-upgrade{margin-top:5px!important;padding:5px 7px!important;min-height:37px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:6px!important;align-items:center!important}
 .sidebar-upgrade.compact-upgrade h3{font-size:.69rem!important;margin:0!important}.sidebar-upgrade.compact-upgrade p{display:none!important}.sidebar-upgrade.compact-upgrade .btn{padding:5px 7px!important;font-size:.62rem!important;margin:0!important;width:auto!important}.nav-badge{font-size:.57rem!important;min-width:18px!important;height:18px!important;padding:0 4px!important}
}
.dashboard-profile-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:20px 22px;margin:0 0 22px;background:linear-gradient(135deg,rgba(236,79,200,.10),rgba(50,104,255,.08));border:1px solid rgba(139,92,246,.28);border-radius:20px}.dashboard-profile-strip h2{margin:2px 0}.dashboard-profile-strip p{margin:0;color:var(--muted)}.creator-avatar.large{width:54px;height:54px;font-size:1.2rem}@media(max-width:760px){.dashboard-profile-strip{grid-template-columns:auto 1fr}.dashboard-profile-strip .btn{grid-column:1/-1;width:100%}}

/* CreatorOS v0.7.3 balanced sidebar and non-overlapping publisher layout */
@media (min-width:981px){
  .creator-app-shell{grid-template-columns:235px minmax(0,1fr)!important}
  .creator-sidebar{width:235px!important;padding:12px 11px 10px!important}
  .sidebar-brand{min-height:46px!important;padding:0 8px 8px!important}
  .sidebar-brand img{width:165px!important;max-height:36px!important}
  .creator-nav{gap:1px!important}
  .creator-nav a{min-height:31px!important;height:31px!important;padding:5px 9px!important;font-size:.80rem!important;line-height:1.1!important;border-radius:8px!important;gap:9px!important}
  .creator-nav .nav-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
  .creator-nav .nav-icon svg{width:17px!important;height:17px!important}
  .nav-badge{font-size:.64rem!important;min-width:19px!important;height:19px!important}
  .sidebar-upgrade.compact-upgrade{min-height:42px!important;padding:6px 8px!important}
  .sidebar-upgrade.compact-upgrade h3{font-size:.74rem!important}
  .sidebar-upgrade.compact-upgrade .btn{font-size:.66rem!important;padding:6px 8px!important}
}

.creator-workspace{overflow-x:hidden!important}
.post-builder-layout{grid-template-columns:minmax(0,1fr) minmax(310px,360px)!important;gap:20px!important;width:100%!important;min-width:0!important}
.post-builder-main,.post-preview-column,.post-step-card,.preview-card,.preview-info-card{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
.editor-step,.platform-step,.schedule-step{overflow:hidden!important}
.mockup-platforms{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}
.mockup-platforms .platform-visual{min-width:0!important}
.editor-panel textarea,.customisation-grid textarea{max-width:100%!important;box-sizing:border-box!important}
.schedule-fields{grid-template-columns:minmax(150px,1.15fr) minmax(105px,.8fr) minmax(145px,1fr)!important}
.preview-card{overflow:hidden!important}
.preview-tabs{max-width:100%!important}
.social-post-preview{max-width:100%!important}

@media (max-width:1280px) and (min-width:981px){
  .creator-workspace{padding:20px 20px 40px!important}
  .post-builder-layout{grid-template-columns:minmax(0,1fr) minmax(290px,325px)!important;gap:16px!important}
  .schedule-grid{grid-template-columns:210px minmax(0,1fr)!important;gap:12px 16px!important}
  .schedule-fields{grid-template-columns:1fr 105px!important}
  .schedule-fields label:last-child{grid-column:1/-1}
}

@media (max-width:1120px) and (min-width:981px){
  .post-builder-layout{grid-template-columns:1fr!important}
  .post-preview-column{position:static!important;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr)!important}
  .preview-card{grid-row:span 2}
}

@media (max-height:760px) and (min-width:981px){
  .creator-nav a{min-height:28px!important;height:28px!important;padding:4px 8px!important;font-size:.76rem!important}
  .sidebar-brand{min-height:40px!important}.sidebar-brand img{max-height:31px!important}
  .sidebar-upgrade.compact-upgrade{display:none!important}
}

/* CreatorOS v0.7.4 navigation polish */
@media (min-width:981px){
  .creator-app-shell{grid-template-columns:255px minmax(0,1fr)!important}
  .creator-sidebar{width:255px!important;padding:14px 13px 12px!important}
  .sidebar-brand{min-height:50px!important;padding:0 9px 9px!important}
  .sidebar-brand img{width:176px!important;max-height:39px!important}
  .creator-nav{gap:2px!important;overflow:visible!important}
  .creator-nav a{min-height:34px!important;height:34px!important;padding:6px 10px!important;font-size:.86rem!important;line-height:1.1!important;gap:10px!important;border-radius:9px!important}
  .creator-nav .nav-icon{width:20px!important;height:20px!important;flex:0 0 20px!important;background:none!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;overflow:visible!important}
  .creator-nav .nav-icon::before,.creator-nav .nav-icon::after{content:none!important;display:none!important}
  .creator-nav .nav-icon svg{display:block!important;width:19px!important;height:19px!important;background:none!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;filter:none!important;overflow:visible!important}
  .creator-nav .nav-icon svg rect,.creator-nav .nav-icon svg circle,.creator-nav .nav-icon svg path{fill:none!important;stroke:currentColor!important}
  .creator-nav a.active .nav-icon,.creator-nav a.active .nav-icon svg{background:transparent!important;box-shadow:none!important}
  .sidebar-upgrade.compact-upgrade{margin-top:auto!important;min-height:40px!important;padding:6px 8px!important}
}
@media (max-height:760px) and (min-width:981px){
  .creator-nav a{min-height:31px!important;height:31px!important;padding:5px 9px!important;font-size:.82rem!important}
  .sidebar-upgrade.compact-upgrade{display:none!important}
}

/* CreatorOS v0.7.5 — mobile workspace and Create Post repair */
html,body{max-width:100%;overflow-x:hidden}
@media (max-width:980px){
  .creator-app-shell{display:block!important;min-width:0!important;width:100%!important}
  .creator-workspace{width:100%!important;max-width:100%!important;margin:0!important;padding:86px 18px 28px!important;overflow:hidden!important}
  .creator-sidebar{
    position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,320px)!important;height:100dvh!important;
    max-height:100dvh!important;transform:translateX(-105%)!important;left:0!important;z-index:1002!important;
    transition:transform .24s ease!important;overflow-y:auto!important;overflow-x:hidden!important;
    padding:16px 14px 22px!important;box-shadow:20px 0 55px rgba(0,0,0,.55)!important
  }
  .creator-sidebar.open{transform:translateX(0)!important}
  .sidebar-backdrop{position:fixed!important;inset:0!important;z-index:1001!important;background:rgba(2,4,15,.78)!important;backdrop-filter:blur(5px);display:none!important}
  body.workspace-open .sidebar-backdrop{display:block!important}
  body.workspace-open{overflow:hidden!important}
  .sidebar-mobile-head{display:flex!important;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;background:#080d20;padding:3px 2px 10px;margin-bottom:4px}
  .sidebar-close{display:grid!important;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid #303a5f;background:#12182e;color:#fff;font-size:25px}
  .workspace-toggle{
    display:flex!important;position:fixed!important;left:16px!important;top:max(14px,env(safe-area-inset-top))!important;
    width:48px!important;height:48px!important;z-index:1000!important;border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;background:linear-gradient(135deg,#ec4fc8,#8d43ff 55%,#3268ff)!important;
    box-shadow:0 12px 32px rgba(139,67,255,.38)!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important
  }
  .workspace-toggle span{display:block!important;width:22px!important;height:2px!important;border-radius:4px!important;background:#fff!important}
  .creator-page-header{position:relative!important;display:block!important;margin:0 0 18px!important;padding-left:56px!important;min-height:55px!important}
  .creator-page-header h1{font-size:clamp(2rem,9vw,2.65rem)!important;line-height:1.04!important;margin:0 0 8px!important}
  .creator-page-header p{font-size:1rem!important;line-height:1.5!important;margin:0!important}
  .creator-header-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;width:100%!important;margin-top:20px!important;overflow:visible!important}
  .creator-header-actions .toolbar-btn,.creator-header-actions .new-post-btn{width:100%!important;min-width:0!important;min-height:50px!important;padding:10px 12px!important;font-size:.94rem!important;white-space:normal!important}
  .creator-header-actions .new-post-btn{grid-column:1/-1!important}
  .post-builder-layout{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:16px!important;overflow:visible!important}
  .post-builder-main,.post-preview-column{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:16px!important;position:static!important}
  .post-preview-column{order:2!important}
  .post-step-card,.preview-card,.preview-info-card{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:18px!important;border-radius:18px!important;overflow:hidden!important}
  .step-title{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important;align-items:start!important}
  .step-title .select-all-label{grid-column:1/-1!important;justify-self:start!important;margin-left:44px!important}
  .step-title h2{font-size:1.15rem!important;margin:0!important}.step-title p{font-size:.86rem!important}
  .mockup-platforms,.post-platforms{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
  .platform-select-card,.platform-chip{width:100%!important;min-width:0!important;margin:0!important}
  .platform-visual{min-height:96px!important;padding:12px 6px!important;justify-content:center!important;text-align:center!important}
  .platform-visual img{width:32px!important;height:32px!important}.platform-visual strong{font-size:.78rem!important;overflow-wrap:anywhere}
  .editor-tabs{overflow-x:auto!important}.editor-panel textarea{width:100%!important;min-height:150px!important;font-size:16px!important}
  .editor-tools{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.char-counters{justify-content:flex-end!important;flex-wrap:wrap!important}
  .media-heading{align-items:flex-start!important;gap:10px!important}.media-heading a{font-size:.82rem!important;text-align:right}
  .media-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important}
  .media-preview-tile,.add-media-tile{width:100%!important;min-width:0!important;height:130px!important}
  .schedule-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  .schedule-fields{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
  .schedule-fields label,.schedule-fields input,.schedule-fields select{width:100%!important;min-width:0!important}
  .repeat-toggle{margin:0!important}.mockup-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.mockup-actions .btn{width:100%!important;min-width:0!important}
  .preview-tabs{width:100%!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important;padding-bottom:3px!important;scrollbar-width:none!important}.preview-tabs::-webkit-scrollbar{display:none!important}
  .preview-tabs button{flex:0 0 auto!important}.social-post-preview{width:100%!important;max-width:100%!important}.preview-media{aspect-ratio:1/1!important;min-height:280px!important}
  .social-post-preview p{overflow-wrap:anywhere!important;white-space:normal!important}.preview-info-card dl>div{align-items:flex-start!important}.preview-info-card dd{max-width:58%!important;overflow-wrap:anywhere!important}
}
@media (max-width:420px){
  .creator-workspace{padding-left:12px!important;padding-right:12px!important}
  .creator-page-header{padding-left:54px!important}.creator-page-header h1{font-size:2rem!important}
  .creator-header-actions{grid-template-columns:1fr!important}.creator-header-actions .new-post-btn{grid-column:auto!important}
  .mockup-platforms,.post-platforms{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .post-step-card,.preview-card,.preview-info-card{padding:14px!important}
  .preview-media{min-height:240px!important}
}


/* CreatorOS v0.7.6 — proper mobile workspace header */
.mobile-workspace-header{display:none}
@media(max-width:980px){
  .mobile-workspace-header{
    position:sticky;top:0;z-index:1000;height:72px;padding:0 18px;
    display:flex;align-items:center;justify-content:space-between;
    background:rgba(5,8,23,.96);backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,.09);
  }
  .mobile-workspace-brand{display:flex;align-items:center;min-width:0}
  .mobile-workspace-brand img{display:block;width:162px;height:42px;object-fit:contain;object-position:left center}
  .mobile-menu-button{
    display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;
    border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;
    background:linear-gradient(135deg,#f33ca5,#a33dff 55%,#3973ff)!important;
    box-shadow:0 10px 28px rgba(142,61,255,.32)!important;
  }
  .mobile-menu-button span{display:block!important;width:23px!important;height:2px!important;min-height:2px!important;background:#fff!important;border-radius:3px!important;opacity:1!important;transform:none!important}
  .creator-page-header .workspace-toggle{display:none!important}
  .creator-app-shell,.app-shell{padding-top:0!important}
  .creator-workspace,.dashboard-main{min-width:0!important;width:100%!important}
  body.workspace-open{overflow:hidden!important}
  .creator-sidebar{top:0!important;height:100dvh!important;max-height:100dvh!important;padding-top:12px!important}
  .sidebar-mobile-head{min-height:52px!important}
}
@media(max-width:520px){
  .mobile-workspace-header{height:66px;padding:0 14px}
  .mobile-workspace-brand img{width:145px;height:38px}
  .mobile-menu-button{width:44px!important;height:44px!important;min-width:44px!important}
  .creator-workspace{padding:18px 14px 38px!important}
  .creator-page-header h1{font-size:2rem!important;line-height:1.08!important}
  .creator-page-header p{font-size:1rem!important;line-height:1.5!important}
  .creator-header-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;overflow:visible!important}
  .creator-header-actions .new-post-btn{grid-column:1/-1!important;width:100%!important}
  .toolbar-btn,.new-post-btn{min-height:50px!important;padding:11px 12px!important;justify-content:center!important}
  .post-step-card{padding:16px!important}
  .mockup-platforms{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .mockup-platforms .platform-visual{min-height:116px!important;width:100%!important;padding:15px 8px!important}
  .mockup-platforms .social-platform-icon{width:42px!important;height:42px!important}
  .mockup-platforms .platform-visual strong{font-size:.91rem!important;text-align:center!important}
  .step-title{flex-wrap:wrap!important}
  .select-all-label{width:100%!important;margin:8px 0 0 36px!important}
  .post-preview-column{width:100%!important;min-width:0!important}
  .preview-card,.preview-info-card,.social-post-preview{max-width:100%!important;min-width:0!important}
  .preview-tabs{max-width:100%!important}
}

/* CreatorOS v0.7.8 — left-aligned mobile menu and app-style header */
@media(max-width:980px){
  .mobile-workspace-header{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto;
    gap:12px;
    justify-content:initial!important;
  }
  .mobile-menu-button{grid-column:1;grid-row:1;justify-self:start}
  .mobile-workspace-brand{grid-column:2;grid-row:1;justify-self:start;overflow:hidden}
  .mobile-workspace-brand img{max-width:100%;object-fit:contain;object-position:left center}
  .mobile-header-actions{grid-column:3;grid-row:1;display:flex;align-items:center;gap:9px}
  .mobile-header-icon,.mobile-avatar{
    width:40px;height:40px;min-width:40px;border-radius:13px;
    display:grid;place-items:center;text-decoration:none;color:#fff;
    border:1px solid rgba(255,255,255,.12);background:rgba(18,25,52,.86)
  }
  .mobile-header-icon{position:relative;font-size:1.1rem}
  .mobile-header-icon i{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:#ff3aa7;box-shadow:0 0 10px rgba(255,58,167,.8)}
  .mobile-avatar{font-weight:900;background:linear-gradient(135deg,#f33ca5,#a33dff 55%,#3973ff);box-shadow:0 8px 22px rgba(142,61,255,.25)}
  .creator-sidebar{left:0!important;right:auto!important;width:min(88vw,360px)!important;transform:translateX(-105%)!important;transition:transform .25s ease!important}
  body.workspace-open .creator-sidebar,.creator-sidebar.open{transform:translateX(0)!important}
}
@media(max-width:520px){
  .mobile-workspace-header{grid-template-columns:44px minmax(0,1fr) auto;gap:9px;padding:0 12px!important}
  .mobile-workspace-brand img{width:132px!important;height:36px!important}
  .mobile-header-icon,.mobile-avatar{width:38px;height:38px;min-width:38px;border-radius:12px}
}
@media(max-width:390px){
  .mobile-workspace-brand img{width:118px!important}
  .mobile-header-icon{display:none}
}

/* CreatorOS v0.7.9 auth navigation */
.creator-auth-header .brand span{display:none}.creator-auth-header .brand img{width:174px;max-height:46px;object-fit:contain}.creator-auth-nav{gap:20px}.creator-auth-nav a{white-space:nowrap}.auth-mobile-menu{display:none}
@media(max-width:1050px){.creator-auth-nav{display:none!important}.creator-auth-header .nav-toggle{display:flex!important;width:48px;height:48px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:linear-gradient(135deg,#ff3b8d,#bd36e8,#397cff);flex-direction:column;justify-content:center;align-items:center;gap:5px}.creator-auth-header .nav-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}.auth-mobile-menu{position:fixed;inset:0;z-index:1000;background:#080b1d;padding:22px;transform:translateX(-100%);transition:transform .25s ease;display:block}.auth-mobile-menu.open{transform:translateX(0)}.auth-mobile-menu-head{display:flex;justify-content:space-between;align-items:center}.auth-mobile-menu-head img{width:180px}.auth-mobile-close{width:46px;height:46px;border-radius:13px;border:1px solid #343954;background:#11162c;color:#fff;font-size:30px}.auth-mobile-menu nav{display:grid;gap:10px;margin-top:30px}.auth-mobile-menu nav a{padding:15px 16px;border:1px solid #292f4b;border-radius:13px;background:#0f1429;font-weight:700}.auth-mobile-menu nav .btn{margin-top:10px}}
.creator-only-pricing{max-width:1180px;margin:0 auto;padding:70px 30px}.creator-pricing-intro{text-align:center;max-width:850px;margin:0 auto 50px}.creator-pricing-intro h1{font-size:clamp(42px,6vw,72px);line-height:1;letter-spacing:-.04em}.creator-pricing-intro em{font-style:normal;background:linear-gradient(90deg,#ff3b8d,#bd36e8,#397cff);-webkit-background-clip:text;color:transparent}.creator-pricing-intro p{max-width:700px;margin:18px auto 25px}.creator-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.creator-plan-grid{grid-template-columns:1fr}.creator-only-pricing{padding:50px 18px}}


/* CreatorOS v0.8.0 — unified auth navigation and creator-only billing */
.creator-auth-header{height:82px;position:sticky;top:0;z-index:900;background:rgba(5,8,23,.94);backdrop-filter:blur(20px) saturate(135%);border-bottom:1px solid rgba(153,105,255,.15);box-shadow:0 14px 42px rgba(0,0,0,.2)}
.creator-auth-shell{width:min(100% - 42px,1180px);height:100%;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
.creator-auth-brand{display:flex;align-items:center}.creator-auth-brand img{display:block;width:150px;height:54px;object-fit:contain}
.creator-auth-nav{justify-self:center;display:flex;align-items:center;gap:3px;padding:7px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 34px rgba(0,0,0,.16)}
.creator-auth-nav a{min-height:42px;display:flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;color:#dce3f6;font-size:.86rem;font-weight:650;white-space:nowrap}
.creator-auth-nav a:hover{color:#fff;background:linear-gradient(135deg,rgba(164,85,255,.22),rgba(54,105,255,.16))}
.creator-auth-cta{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:14px;color:#fff;font-weight:800;background:linear-gradient(120deg,var(--purple),var(--pink) 48%,var(--blue));box-shadow:0 12px 30px rgba(104,64,255,.28);white-space:nowrap}
.creator-auth-toggle{display:none!important}
.creator-billing-page .dashboard-title p{max-width:760px}.creator-status-grid{grid-template-columns:1.2fr .8fr}.creator-usage-limits span{min-width:0}.creator-only-plan-grid .mini-plan p{min-height:52px}
@media(max-width:1080px){.creator-auth-nav a{padding:9px 9px;font-size:.76rem}.creator-auth-brand img{width:128px}.creator-auth-cta{padding:11px 13px;font-size:.82rem}}
@media(max-width:900px){.creator-auth-header{height:76px}.creator-auth-shell{width:calc(100% - 28px);grid-template-columns:1fr auto}.creator-auth-brand img{width:142px;height:50px}.creator-auth-nav,.creator-auth-cta{display:none}.creator-auth-toggle{display:flex!important;width:48px;height:48px;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:linear-gradient(135deg,#ff3b8d,#bd36e8,#397cff);flex-direction:column;justify-content:center;align-items:center;gap:5px}.creator-auth-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px}.creator-status-grid{grid-template-columns:1fr}}
@media(max-width:620px){.creator-auth-shell{width:calc(100% - 22px)}.creator-auth-brand img{width:128px}.creator-billing-page .dashboard-title{gap:14px}.creator-billing-page .dashboard-title .btn{width:100%}.creator-only-plan-grid{grid-template-columns:1fr!important}}


/* CreatorOS v0.8.1 — balanced mobile header and creator profile routing */
@media(max-width:980px){
  .mobile-workspace-header{
    position:sticky!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    height:64px!important;
    padding:0 14px!important;
  }
  .mobile-menu-button{
    position:relative!important;
    z-index:2!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:12px!important;
    gap:4px!important;
    box-shadow:0 7px 20px rgba(142,61,255,.25)!important;
  }
  .mobile-menu-button span{
    width:19px!important;
    height:2px!important;
    min-height:2px!important;
  }
  .mobile-workspace-brand{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    justify-self:auto!important;
    max-width:156px!important;
    z-index:1!important;
  }
  .mobile-workspace-brand img{
    width:150px!important;
    height:38px!important;
    max-width:150px!important;
    object-position:center center!important;
  }
  .mobile-header-actions{
    position:relative!important;
    z-index:2!important;
    margin-left:auto!important;
    gap:8px!important;
  }
  .mobile-header-icon,.mobile-avatar{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    border-radius:11px!important;
  }
}
@media(max-width:430px){
  .mobile-workspace-brand img{width:140px!important;max-width:140px!important}
}
@media(max-width:390px){
  .mobile-workspace-brand img{width:132px!important;max-width:132px!important}
  .mobile-header-icon{display:none!important}
}

/* CreatorOS v0.8.2 — stable mobile app header and anti-zoom layout */
html,body{max-width:100%;overflow-x:hidden}
@media(max-width:980px){
  .mobile-workspace-header{
    position:sticky!important;top:0!important;height:68px!important;
    display:grid!important;grid-template-columns:44px 1fr 88px!important;
    align-items:center!important;padding:0 14px!important;gap:8px!important;
  }
  .mobile-menu-button{
    position:relative!important;grid-column:1!important;width:40px!important;height:40px!important;min-width:40px!important;
    padding:0!important;border:0!important;border-radius:10px!important;
    background:transparent!important;box-shadow:none!important;gap:4px!important;
  }
  .mobile-menu-button::before{
    content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(16,22,46,.78);
  }
  .mobile-menu-button span{position:relative!important;z-index:1!important;width:20px!important;height:2px!important;background:#fff!important;border-radius:2px!important}
  .mobile-workspace-brand{
    position:static!important;grid-column:2!important;justify-self:center!important;transform:none!important;
    max-width:none!important;width:auto!important;overflow:visible!important;
  }
  .mobile-workspace-brand img{width:150px!important;height:38px!important;max-width:150px!important;object-fit:contain!important;object-position:center!important}
  .mobile-header-actions{grid-column:3!important;justify-self:end!important;margin:0!important;gap:7px!important}
  .mobile-header-icon,.mobile-avatar{width:38px!important;height:38px!important;min-width:38px!important}
  .creator-workspace,.dashboard-main,.creator-app-shell,.app-shell{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  input,select,textarea,button{font-size:16px!important}
  .panel,.creator-card,.post-step-card,.preview-card,.preview-info-card,.social-post-preview{max-width:100%!important;min-width:0!important}
}
@media(max-width:430px){
  .mobile-workspace-header{grid-template-columns:42px 1fr 82px!important;padding:0 10px!important}
  .mobile-workspace-brand img{width:142px!important;max-width:142px!important}
  .mobile-menu-button{width:38px!important;height:38px!important;min-width:38px!important}
  .mobile-header-icon,.mobile-avatar{width:36px!important;height:36px!important;min-width:36px!important}
}
@media(max-width:370px){
  .mobile-workspace-brand img{width:128px!important;max-width:128px!important}
  .mobile-header-icon{display:none!important}
  .mobile-workspace-header{grid-template-columns:40px 1fr 38px!important}
}