@font-face{font-family:Didnex;src:url('assets/arabic-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Didnex;src:url('assets/arabic-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
:root{--bg:#f5f7f6;--surface:#fff;--text:#162d25;--muted:#7c8983;--green:#4f46e5;--green2:#2563eb;--lime:#c4b5fd;--pale:#edf6eb;--border:#e7ece8;--red:#c96355;--orange:#c89d49;--shadow:0 18px 60px #163e2510;--font:Didnex,Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.9}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{transition:background .2s,color .2s,box-shadow .2s,transform .2s}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}input,select,textarea{border:1px solid #dfe7e1;border-radius:10px;background:#fff;padding:10px 13px;min-width:0;outline:none;width:100%;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px #28825e14}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--green);box-shadow:none}.icon{width:20px;height:20px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:700}h2{font-size:24px}h3{font-size:16px}.muted{color:var(--muted)}.small{font-size:11px}.ltr{direction:ltr;display:inline-block}.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;border:1px solid transparent;padding:10px 18px;border-radius:10px;font-weight:700;white-space:nowrap;line-height:1.8}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:#0c4230;box-shadow:0 4px 12px #17563f20}.btn-lime{background:var(--lime);color:var(--green)}.btn-secondary{background:#fff;border-color:var(--border)}.btn-secondary:hover{background:#f0f5f1}.btn-ghost{color:var(--green);padding:8px 10px}.btn-sm{padding:6px 11px;font-size:11px;border-radius:8px}.btn-danger{background:#fff0ed;color:var(--red)}.icon-btn{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--border);border-radius:10px;background:#fff}.icon-btn:hover{background:#f0f4f1}.logo{display:flex;align-items:center;gap:9px;font-size:27px;font-weight:700;letter-spacing:-1px}.brand-mark{width:37px;height:37px;display:inline-block;flex-shrink:0;background:url('/assets/didnex-symbol-indigo.svg') center/contain no-repeat;border-radius:12px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.pill{border-radius:20px;padding:3px 10px;font-size:10px;display:inline-flex;align-items:center;gap:6px;background:var(--pale);color:var(--green)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.eyebrow{font-size:11px;color:var(--green2);font-weight:700;letter-spacing:.3px}.section-label{font-size:10px;font-weight:700;color:#9ba6a0;margin:18px 16px 9px}.divider{height:1px;background:var(--border);margin:20px 0}.num{font-feature-settings:'tnum';font-weight:700}.empty{padding:55px 20px;text-align:center;color:var(--muted)}.empty .icon{width:36px;height:36px;margin-bottom:15px}.hide{display:none!important}
/* website */
.website{background:#fbfcf8}.site-nav{height:90px;max-width:1240px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ecdf}.site-links{display:flex;gap:30px;align-items:center;color:#657267;font-size:12px}.site-links a:hover{color:var(--green)}.site-nav-actions{display:flex;gap:12px;align-items:center}.demo-chip{background:#f0f3e8;color:#71805d;font-size:10px;padding:3px 9px;border-radius:6px}.hero{max-width:1240px;margin:auto;padding:80px 32px 76px;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.hero h1{font-size:49px;line-height:1.65;letter-spacing:-1.6px;margin:19px 0 20px}.hero h1 em{font-style:normal;color:var(--green2);position:relative}.hero h1 em:after{content:'';height:7px;border-radius:100%;background:var(--lime);position:absolute;bottom:3px;right:0;left:0;z-index:0;opacity:.8}.hero-description{font-size:14px;line-height:2.3;color:#778277;max-width:450px}.hero-actions{display:flex;gap:12px;margin:27px 0 24px}.hero-note{display:flex;align-items:center;gap:8px;font-size:11px;color:#8e988c}.hero-note .icon{width:15px;height:15px;color:var(--green2)}.hero-art{height:466px;position:relative;direction:ltr;background:#eaf1dd;border:1px solid #e2e8d6;border-radius:34px;overflow:visible}.art-orbit{position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid #d6e1bf;left:55px;top:57px}.art-orbit:after{content:'';position:absolute;inset:45px;border:1px dashed #d3dfb9;border-radius:50%}.float-label{position:absolute;right:20px;top:25px;direction:rtl;font-size:11px;color:#6b7e53;background:#f7faef;padding:6px 13px;border-radius:30px}.phone{width:202px;height:373px;border:7px solid #183e2e;background:#fff;border-radius:32px;position:absolute;left:52px;top:45px;box-shadow:10px 24px 40px #284a231c;transform:rotate(-7deg);overflow:hidden}.phone-top{height:27px;display:flex;justify-content:center;align-items:flex-start}.phone-top:before{content:'';width:73px;height:14px;background:#183e2e;border-radius:0 0 11px 11px}.phone-screen{padding:13px;direction:rtl;font-size:9px}.phone-head{display:flex;align-items:center;gap:7px;padding:2px 0 12px}.phone-head b{font-size:12px}.phone-lines{margin:10px 0}.phone-lines i{display:block;height:6px;background:#eef2eb;margin:7px 0;border-radius:5px}.phone-lines i:nth-child(2){width:70%}.phone-ad{height:172px;border-radius:14px;background:#e7ecd9;position:relative;overflow:hidden;padding:12px;color:#25452b}.phone-ad small{font-size:7px;background:#fff7;padding:1px 5px;border-radius:3px}.phone-ad h4{font-size:19px;line-height:1.8;margin:12px 0 4px}.phone-ad span{background:#244c36;color:#fff;font-size:8px;padding:4px 8px;border-radius:5px}.phone-shape{width:85px;height:100px;background:#c5dc9e;position:absolute;border-radius:50px 50px 16px 16px;bottom:-24px;left:-20px;transform:rotate(-20deg);border:10px solid #dde8c4}.growth-card{direction:rtl;position:absolute;width:230px;background:#fff;right:-14px;top:125px;border:1px solid #e3e8dd;border-radius:17px;padding:19px;box-shadow:var(--shadow)}.growth-card .growth-number{font-size:30px;margin:6px 0 1px;font-weight:700}.mini-chart{width:100%;height:76px;overflow:visible}.publish-card{position:absolute;background:var(--green);color:#fff;bottom:23px;right:27px;direction:rtl;border-radius:14px;padding:13px 19px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow)}.publish-card .icon{width:25px;height:25px;color:var(--lime)}.publish-card p{font-size:10px;color:#b7d2c1}.art-dot{position:absolute;left:22px;bottom:45px;background:var(--lime);width:42px;height:42px;border-radius:13px;transform:rotate(-15deg);display:grid;place-items:center;color:var(--green)}.site-strip{max-width:1176px;margin:auto;padding:23px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e9da;border-bottom:1px solid #e3e9da;gap:20px;color:#7a8576;font-size:11px}.site-strip span{display:flex;align-items:center;gap:8px}.site-strip .icon{color:var(--green);width:19px;height:19px}.site-section{max-width:1240px;margin:auto;padding:78px 32px}.section-heading{text-align:center;max-width:600px;margin:0 auto 40px}.section-heading h2{font-size:30px;margin:10px 0}.section-heading p{color:var(--muted);font-size:13px}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:24px}.audience-card{border-radius:23px;padding:32px;background:#f0f4e9;border:1px solid #e5eadb;overflow:hidden;position:relative}.audience-card.dark{background:#173e2e;color:#fff;border-color:#173e2e}.audience-card h3{font-size:24px;margin:15px 0 10px}.audience-card>p{max-width:390px;font-size:12px;color:#7d8977}.audience-card.dark>p{color:#b7cdbb}.audience-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:#dfeacb;color:#38633c}.dark .audience-icon{background:#2a533a;color:#d6f787}.audience-list{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0;font-size:10px}.audience-list span{display:flex;gap:5px;align-items:center}.audience-list .icon{width:14px;height:14px;color:#79a456}.dark .audience-list .icon{color:var(--lime)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step-item{border-top:1px solid #dfe7d5;padding-top:22px}.step-num{font-size:13px;color:var(--green2);background:#edf4e4;padding:4px 11px;border-radius:7px}.step-item h3{font-size:17px;margin:17px 0 9px}.step-item p{font-size:12px;color:var(--muted);line-height:2.1}.site-cta{background:#e7f1d9;max-width:1176px;margin:0 auto 70px;padding:35px 45px;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-cta h2{font-size:25px}.site-cta p{color:#6f805e;font-size:12px;margin-top:5px}.site-footer{border-top:1px solid #e5ebdf;max-width:1176px;margin:auto;padding:30px 0;display:flex;justify-content:space-between;align-items:center;color:#8d9786;font-size:10px}.site-footer .logo{color:var(--text);font-size:22px}.site-footer .brand-mark{width:30px;height:30px;border-radius:10px}.faq{max-width:740px;margin:0 auto}.faq details{border-bottom:1px solid #e1e8d9;padding:16px 0}.faq summary{cursor:pointer;font-size:13px;font-weight:700}.faq details p{font-size:12px;color:var(--muted);padding-top:12px}
/* app */
.app-shell{min-height:100vh;display:grid;grid-template-columns:242px 1fr;direction:rtl}.sidebar{background:#fff;border-left:1px solid var(--border);padding:30px 19px 17px;display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;width:242px;z-index:30}.sidebar .logo{padding:0 15px 27px;font-size:29px}.workspace-select{border:1px solid var(--border);border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:9px;width:100%;text-align:right;background:#fcfdfb}.workspace-select .workspace-avatar{width:34px;height:34px;background:#e9efdf;border-radius:9px;display:grid;place-items:center;font-weight:700;color:#688344}.workspace-select span:nth-child(2){flex:1;font-size:11px}.workspace-select small{display:block;font-weight:400;color:var(--muted);font-size:9px}.workspace-select .icon{width:15px}.nav-item{width:100%;text-align:right;padding:10px 15px;display:flex;align-items:center;gap:11px;color:#849088;border-radius:9px;position:relative;margin:3px 0;font-size:12px}.nav-item .icon{width:19px;height:19px}.nav-item:hover{background:#f6f8f4;color:var(--green)}.nav-item.active{background:#edf5e6;color:var(--green);font-weight:700}.nav-item .nav-count{font-size:9px;background:#dfeccf;border-radius:5px;padding:0 6px;margin-right:auto;line-height:1.9}.sidebar-bottom{margin-top:auto}.help-card{background:#f6f7ef;border:1px solid #eaf0df;padding:15px;border-radius:12px;position:relative;margin:18px 4px}.help-card .help-icon{background:#e5edcf;border-radius:8px;display:inline-grid;place-items:center;width:30px;height:30px;color:#5c783f;margin-bottom:6px}.help-card p{font-size:10px;color:#97a085;margin:4px 0 10px}.help-card button{font-size:10px;font-weight:700;color:#5c783f}.sidebar-bottom .version{color:#adb4aa;font-size:9px;padding:7px 12px;text-align:center}.main-shell{grid-column:2;min-width:0;direction:rtl}.topbar{height:83px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 37px;gap:16px}.topbar-breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:#98a298}.topbar-breadcrumb b{font-weight:400;color:#3d5144}.topbar-actions{display:flex;align-items:center;gap:15px}.topbar-actions .notification{position:relative;border:0;width:32px}.notification:after{content:'';width:5px;height:5px;background:#c4a45b;border:2px solid #fff;border-radius:50%;position:absolute;top:5px;left:7px}.user-area{border-right:1px solid var(--border);padding-right:17px;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1e9da;color:#9e8554;font-size:11px;font-weight:700}.user-area b{font-size:10px;display:block}.user-area small{font-size:8px;color:#98a398;display:block}.mobile-menu{display:none}.app-content{max-width:1560px;margin:auto;padding:29px 37px 40px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.page-heading h1{font-size:23px;font-weight:700;letter-spacing:-.6px}.page-heading p{font-size:11px;color:#8b978e;margin-top:2px}.heading-actions{display:flex;align-items:center;gap:10px}.date-select{font-size:10px;width:auto;padding:9px 12px;background:#fff;border-color:var(--border)}.demo-bar{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#859176;border:1px solid #e3eadb;border-radius:9px;padding:6px 12px;background:#f1f5eb;margin-bottom:20px}.demo-bar span{display:flex;align-items:center;gap:6px}.demo-bar .icon{width:13px;height:13px}.welcome-banner{background:#e6efdb;border:1px solid #dfe9d2;border-radius:15px;padding:23px 26px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;gap:20px;margin-bottom:23px}.welcome-banner h2{font-size:18px;margin-bottom:3px}.welcome-banner p{font-size:11px;color:#7b8c6d}.welcome-banner .btn{font-size:10px;margin-top:15px;padding:7px 14px}.banner-art{width:210px;height:100px;position:relative;flex-shrink:0;direction:ltr}.banner-art .orbit{border:1px solid #ceddc0;border-radius:50%;width:140px;height:140px;position:absolute;left:23px;top:-20px}.banner-art .orbit:after{content:'';position:absolute;inset:20px;border:1px dashed #c7d8b8;border-radius:50%}.banner-art .mini-box{background:#fff;border:1px solid #d7e3ca;position:absolute;left:43px;top:15px;width:98px;border-radius:13px;padding:10px 14px;transform:rotate(-10deg);box-shadow:0 6px 13px #24491209}.banner-art .mini-box b{display:block;font-size:24px;color:#386542}.banner-art .mini-box small{font-size:8px;color:#94a484}.banner-art .floating-square{width:34px;height:34px;border-radius:10px;background:#cae79a;color:#517630;position:absolute;display:grid;place-items:center;left:135px;top:2px;transform:rotate(10deg)}.banner-art .floating-square:last-child{left:10px;top:67px;width:27px;height:27px;transform:rotate(-12deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:23px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:13px;padding:17px 19px 13px;min-width:0}.stat-card-top{display:flex;justify-content:space-between;align-items:center;color:#8b978e;font-size:10px}.stat-card-top .stat-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;background:#edf4e7;color:#76964f}.stat-card:nth-child(2) .stat-icon{background:#eef2f8;color:#92a4c1}.stat-card:nth-child(3) .stat-icon{background:#fbf3e2;color:#ceb271}.stat-card:nth-child(4) .stat-icon{background:#f3edf5;color:#ad91b4}.stat-card-top .icon{width:17px;height:17px}.stat-value{font-size:27px;letter-spacing:-.5px;margin:10px 0 4px;display:flex;align-items:baseline;gap:5px;white-space:nowrap}.stat-value small{font-size:10px;color:#9ba69d;font-weight:400}.stat-bottom{display:flex;align-items:center;gap:6px;font-size:8px;color:#a4afa5}.trend{font-size:9px;color:#69a276;background:#f0f7ec;padding:0 5px;border-radius:4px;display:inline-flex;align-items:center;gap:2px}.trend .icon{width:11px;height:11px}.dashboard-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;margin-bottom:23px;min-width:0}.card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.card-pad{padding:20px 23px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px 0}.card-head h3{font-size:13px}.card-head p{font-size:9px;color:#a3aca3;margin-top:2px}.chart-legend{display:flex;gap:13px;font-size:9px;color:#89968a;align-items:center}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:6px;height:6px;background:var(--green2);border-radius:50%}.chart-legend span:nth-child(2) i{background:#d7e5be}.tabs{display:flex;gap:5px;align-items:center;border:1px solid var(--border);padding:3px;border-radius:8px;background:#fafbf9}.tabs button{padding:3px 9px;border-radius:5px;font-size:9px;color:#96a191}.tabs button.active{background:#edf4e7;color:#698843}.chart-wrap{padding:15px 15px 4px;min-width:0;direction:ltr}.performance-chart{width:100%;height:235px;overflow:visible}.chart-caption{padding:0 23px 15px;display:flex;justify-content:space-between;font-size:9px;color:#98a28f}.chart-caption b{color:var(--green);font-size:10px}.wallet-card{background:#154b38;color:#fff;border:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.wallet-card:before{content:'';position:absolute;width:240px;height:240px;border:1px solid #2c6148;border-radius:50%;left:-122px;top:-80px}.wallet-card:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #2c6148;border-radius:50%;left:-92px;top:-50px}.wallet-top{padding:22px;position:relative;z-index:1}.wallet-top .row{justify-content:space-between;font-size:11px;color:#b6cdbc}.wallet-top .icon{width:20px;height:20px;color:var(--lime)}.wallet-top .money{font-size:31px;font-weight:700;margin:23px 0 4px;display:flex;gap:6px;align-items:baseline}.wallet-top .money small{font-size:10px;font-weight:400;color:#b8ccbb}.wallet-top>p{color:#7fa78c;font-size:9px}.wallet-footer{padding:0 22px 22px;z-index:1}.wallet-budget{font-size:9px;display:flex;justify-content:space-between;color:#afc5b1;margin-bottom:10px}.wallet-track{background:#2c6148;border-radius:10px;height:4px;margin-bottom:19px}.wallet-track span{display:block;background:var(--lime);width:64%;height:100%;border-radius:10px}.wallet-footer .btn{width:100%;font-size:11px;padding:9px}.table-head{padding:18px 23px;display:flex;justify-content:space-between;align-items:center;gap:14px}.table-head h3{font-size:13px}.table-head p{font-size:9px;color:#9aa69a}.table-head .btn{font-size:10px}.table-tools{display:flex;gap:10px;align-items:center}.search-field{position:relative;width:220px}.search-field input{padding:8px 32px 8px 10px;font-size:10px;background:#fbfcfa;border-color:#e9eee7}.search-field .icon{width:15px;height:15px;position:absolute;right:10px;top:12px;color:#a1aba0}.filter-select{width:130px;padding:8px 11px;font-size:10px;border-color:#e9eee7}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:right}th{font-size:9px;background:#fafbf8;border-top:1px solid #edf1e9;border-bottom:1px solid #edf1e9;padding:11px 20px;font-weight:400;color:#98a392}td{padding:15px 20px;border-bottom:1px solid #edf1e9;font-size:10px;color:#687a6b}tr:last-child td{border-bottom:0}.campaign-cell{display:flex;gap:11px;align-items:center}.campaign-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f2e9da;color:#aa8b51;font-size:15px;font-weight:700}.campaign-avatar.mint{background:#e9f0e2;color:#7f9b63}.campaign-avatar.lilac{background:#eee9f0;color:#9e85ab}.campaign-avatar.blue{background:#e8eef6;color:#7894b9}.campaign-cell b{display:block;font-size:11px;color:#465a49;font-weight:700}.campaign-cell small{display:block;font-size:8px;color:#abb4a8}.status{display:inline-flex;gap:5px;align-items:center;font-size:9px;padding:1px 7px;border-radius:5px;background:#eff6e9;color:#739a55}.status.paused{background:#f4f2ed;color:#a69c80}.status.pending{background:#fbf4df;color:#bd9c4f}.status.rejected{background:#fcefed;color:#c37a6c}.progress{height:3px;background:#edf1e8;border-radius:5px;min-width:70px;width:80px;margin-top:6px}.progress span{height:100%;display:block;background:#b6cf94;border-radius:5px;max-width:100%}.budget-cell small{color:#aab4a6;font-size:8px}.cell-actions{display:flex;gap:4px}.cell-actions button{width:25px;height:27px;display:grid;place-items:center;border-radius:5px;color:#99a68f}.cell-actions button:hover{background:#edf5e6;color:var(--green)}.cell-actions .icon{width:14px;height:14px}.table-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding:13px 23px;font-size:9px;color:#a4afa0}.app-footnote{font-size:9px;color:#adb5a8;text-align:center;margin-top:25px}.bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:23px}.placement-row{display:flex;align-items:center;gap:12px;margin-top:17px}.placement-row .icon-wrap{background:#f3f5ed;border-radius:9px;width:33px;height:33px;display:grid;place-items:center;color:#90a374}.placement-row .icon{width:16px;height:16px}.placement-row .placement-name{flex:1;font-size:10px;color:#708164}.placement-row .placement-name small{display:block;font-size:8px;color:#a5af9c}.placement-row b{font-size:11px;color:#5f7357}.tips-card{background:#f4f5ec;border-color:#e9eddc;padding:22px}.tips-card h3{font-size:13px;margin:9px 0}.tips-card p{font-size:10px;color:#9ba48c;line-height:2}.tips-card .btn{margin-top:12px;font-size:10px}.table-check{width:14px;height:14px;accent-color:var(--green)}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.creative-card{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.creative-art{height:170px;display:flex;align-items:center;justify-content:center;padding:22px;position:relative;background:#edf2e5;text-align:center}.creative-art h3{font-size:22px;line-height:1.7}.creative-art small{position:absolute;top:10px;right:12px;font-size:8px;background:#ffffff80;padding:0 6px;border-radius:4px}.creative-art .creative-cta{font-size:9px;background:var(--green);color:#fff;padding:3px 10px;border-radius:5px;margin-top:10px;display:inline-block}.creative-info{padding:17px}.creative-info h3{font-size:12px}.creative-info p{font-size:9px;color:var(--muted);margin:4px 0 12px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-card{background:#fff;border:1px solid var(--border);padding:22px;border-radius:14px}.media-card .media-logo{width:45px;height:45px;background:#f0f5e8;border-radius:13px;display:grid;place-items:center;color:#87a46b;font-size:20px}.media-card h3{font-size:14px;margin:13px 0 3px}.media-card .domain{font-size:9px;color:#9ca890;direction:ltr;text-align:right;display:block}.media-card .stats{margin:22px 0 17px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);padding-top:17px}.media-card .stats small{font-size:8px;color:#a6b09d;display:block}.media-card .stats b{font-size:16px}.media-card .row .btn{font-size:9px}.two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.settings-form{padding:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:block;font-size:11px}.field>span{display:block;font-weight:700;margin-bottom:6px;color:#5a6d57}.field small{color:#a0ab97;font-size:9px;display:block;margin-top:5px}.field input,.field select,.field textarea{font-size:11px}.full{grid-column:1/-1}.settings-form .btn{margin-top:22px}.info-list{padding:22px}.info-list li{list-style:none;font-size:11px;color:#8b9883;padding:12px 0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:15px}.info-list li b{color:#5d7351;font-size:10px}.review-card{display:flex;gap:18px;border-bottom:1px solid var(--border);padding:22px;align-items:center}.review-card:last-child{border:0}.review-info{flex:1}.review-info h3{font-size:13px}.review-info p{font-size:10px;color:#99a68e;margin-top:4px}.review-card .review-actions{display:flex;gap:7px}.review-card .btn{font-size:10px}.report-bars{display:flex;align-items:flex-end;justify-content:space-between;height:220px;direction:ltr;gap:12px;margin:20px 10px 0;border-bottom:1px solid #e5ebdd}.report-bar{background:#c8dea7;border-radius:6px 6px 0 0;flex:1;position:relative;max-width:50px;min-height:6px}.report-bar:nth-child(3n){background:var(--green2)}.report-bar span{font-size:8px;position:absolute;bottom:-29px;left:50%;transform:translateX(-50%);color:#9ca790;white-space:nowrap}.report-key{font-size:11px;display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border);color:#8c9a80}.report-key:last-child{border:0}.report-key b{color:#4d6b3b}.finance-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:23px}.finance-summary .card{padding:23px}.finance-summary h3{font-size:11px;color:#95a288}.finance-summary .num{font-size:26px;margin:10px 0;display:block}.finance-summary .num small{font-size:10px;color:#a0ae91;font-weight:400}.finance-summary .btn{font-size:10px}.notice-card{padding:18px 22px;border:1px solid #e5eacd;background:#f5f7ea;border-radius:12px;display:flex;gap:12px;font-size:11px;color:#8e9d78;margin-bottom:20px}.notice-card .icon{color:#8ca55d}.wallet-number{direction:ltr;display:inline-block}.notification-pop{position:absolute;left:37px;top:70px;z-index:50;width:310px;background:white;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow);padding:20px}.notification-pop h3{font-size:13px}.notification-pop p{font-size:10px;color:#96a28b;border-bottom:1px solid var(--border);padding:13px 0}.notification-pop p:last-child{border:0}.mobile-overlay{display:none}
/* dialogs */
.modal-backdrop{position:fixed;inset:0;background:#0d281c66;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:100;padding:22px}.modal{width:610px;max-height:92vh;overflow:auto;background:#fff;border-radius:21px;box-shadow:0 30px 100px #0c281b40;animation:appear .2s ease-out;outline:0}.modal.wide{width:760px}.modal-head{padding:22px 27px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.modal-head h2{font-size:19px}.modal-head p{font-size:10px;color:var(--muted);margin-top:4px}.modal-body{padding:25px 27px}.modal-footer{border-top:1px solid var(--border);padding:17px 27px;display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-footer .btn{font-size:11px}.modal-steps{display:flex;justify-content:space-between;padding:18px 27px;background:#fafcf7;gap:12px}.modal-step{font-size:10px;color:#a1ae95;display:flex;gap:7px;align-items:center}.modal-step b{width:23px;height:23px;display:grid;place-items:center;border:1px solid #dce6d3;border-radius:50%;font-size:9px}.modal-step.active{color:var(--green);font-weight:700}.modal-step.active b{background:var(--green);color:white;border-color:var(--green)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:13px}.choice{display:block;border:1px solid #e2eadc;border-radius:11px;padding:13px;cursor:pointer}.choice:has(input:checked){background:#f0f7e9;border-color:#a8c88a}.choice .row{gap:7px;font-size:12px;font-weight:700}.choice small{display:block;color:#a0ad93;font-size:9px;margin-top:4px}.form-note{font-size:10px;color:#99a88b;background:#f5f8f0;padding:12px 15px;border-radius:9px;margin-top:20px}.form-note.warning{background:#faf6e9;color:#a6976e}.summary-list{margin:0;padding:0}.summary-list li{list-style:none;display:flex;justify-content:space-between;font-size:11px;padding:10px 0;border-bottom:1px solid var(--border);color:#8e9d80}.summary-list li b{font-weight:700;color:#456437}.upload-box{border:1px dashed #c8d9ba;border-radius:13px;padding:25px;text-align:center;background:#fafcf7;display:block;cursor:pointer;margin:15px 0}.upload-box .icon{width:28px;height:28px;color:#95ae7c;display:block;margin:0 auto 7px}.upload-box span{font-size:11px;color:#819769}.upload-box small{font-size:9px;color:#a4b296;display:block}.upload-box input{margin-top:13px;font-size:9px}.role-options{display:grid;gap:12px;margin-top:17px}.role-option{border:1px solid var(--border);border-radius:12px;padding:17px;text-align:right;display:flex;align-items:center;gap:14px;width:100%}.role-option:hover{border-color:#bad29f;background:#f5f9ef}.role-option .icon{color:#8fae70}.role-option span{flex:1}.role-option b{display:block;font-size:13px}.role-option small{font-size:10px;color:#9cab8e}.auth-brand{display:flex;justify-content:center;margin-bottom:15px}.auth-intro{text-align:center;margin-bottom:25px}.auth-intro h3{font-size:21px}.auth-intro p{font-size:10px;color:#a0ac95;margin-top:5px}.checkbox-label{display:flex;gap:7px;align-items:flex-start;font-size:10px;color:#8e9d80}.modal-error{color:#c26456;font-size:10px;margin-top:10px}.auth-submit{width:100%;margin-top:20px}.readable{font-size:12px;line-height:2.2;color:#87997a}.readable h3{font-size:14px;color:var(--text);margin:16px 0 6px}.readable li{margin-bottom:6px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#163e2e;color:white;padding:13px 23px;border-radius:12px;box-shadow:var(--shadow);z-index:200;font-size:12px;max-width:90vw;transition:.25s}#toast.show{transform:translate(-50%,0);opacity:1}.modal-open{overflow:hidden}:focus-visible{outline:2px solid #6b9f42;outline-offset:4px}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.app-content{padding:35px 50px}.topbar{padding:0 50px}.stats-grid{gap:22px}.dashboard-grid{grid-template-columns:1fr 340px}}
@media(max-width:1200px){.app-shell{grid-template-columns:210px 1fr}.sidebar{width:210px;padding-right:12px;padding-left:12px}.app-content{padding:25px}.topbar{padding:0 25px}.stat-value{font-size:23px}.dashboard-grid{grid-template-columns:1fr 265px}.stat-card{padding:15px}.hero h1{font-size:40px}.hero{gap:35px}.hero-art{height:440px}.phone{left:25px}.growth-card{right:-7px;width:210px}.site-links{gap:17px}.site-strip,.site-cta,.site-footer{margin-right:32px;margin-left:32px}.format-grid,.media-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.wallet-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.wallet-top .money{margin-top:10px}.wallet-footer{padding-top:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr 1fr;gap:25px}.hero-art{height:395px}.phone{left:17px;top:25px;height:340px;width:180px}.growth-card{right:-10px;top:126px;width:185px;padding:15px}.growth-card .growth-number{font-size:25px}.hero h1{font-size:34px}.publish-card{right:12px;bottom:15px;padding:11px}.site-links{display:none}.hero{padding-top:50px}.art-orbit{width:280px;height:280px;left:14px}.site-strip{gap:16px;flex-wrap:wrap;justify-content:center}.site-strip>p{width:100%;text-align:center}.hero-description{font-size:12px}.hero-actions{gap:8px}.hero-actions .btn{padding:10px 13px;font-size:11px}.bottom-grid,.two-col{grid-template-columns:1fr}.finance-summary{grid-template-columns:1fr 1fr}.topbar-breadcrumb{font-size:10px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(100%);transition:transform .25s;width:242px}.app-shell.nav-open .sidebar{transform:translateX(0)}.app-shell.nav-open .mobile-overlay{display:block;position:fixed;inset:0;background:#163e2e50;z-index:29}.mobile-menu{display:grid}.topbar{height:68px;padding:0 18px}.topbar-breadcrumb>span:first-child,.topbar-breadcrumb>span:nth-child(2){display:none}.topbar-actions{gap:8px}.topbar-actions>.btn{display:none}.user-area{padding-right:10px}.user-area>div:nth-child(2){display:none}.app-content{padding:21px 17px}.page-heading{align-items:flex-start;margin-bottom:18px}.page-heading h1{font-size:20px}.heading-actions{gap:5px}.heading-actions .btn{padding:8px 11px;font-size:10px}.heading-actions .date-select{display:none}.welcome-banner{padding:19px 20px}.welcome-banner h2{font-size:16px}.banner-art{width:125px;transform:scale(.85);transform-origin:left}.stats-grid{gap:11px}.stat-card{padding:14px}.stat-value{font-size:25px}.stat-card-top{font-size:9px}.stat-bottom{font-size:7px}.dashboard-grid{gap:15px}.card-head{padding:18px 18px 0}.card-head .chart-legend{display:none}.wallet-card{grid-template-columns:1fr 1fr}.wallet-top{padding:20px}.wallet-top .money{font-size:26px}.wallet-footer{padding:20px}.wallet-budget{font-size:8px}.table-head{padding:16px;flex-wrap:wrap}.table-head .table-tools{width:100%}.search-field{flex:1;width:auto}.table-tools .filter-select{width:115px}.table-footer{padding:12px 16px}.stat-card-top .stat-icon{width:29px;height:29px}.performance-chart{height:210px}.format-grid,.media-grid{grid-template-columns:1fr 1fr;gap:12px}.media-card{padding:17px}.finance-summary{gap:12px}.finance-summary .card{padding:18px}.finance-summary .num{font-size:23px}.finance-summary .card:last-child{grid-column:1/-1}.form-grid{gap:13px}.review-card{flex-wrap:wrap;gap:13px}.review-actions{margin-right:auto}.notification-pop{left:17px;top:60px}.demo-bar{font-size:8px;padding:6px 10px}.demo-bar>button{white-space:nowrap;font-size:8px}.site-nav{height:76px;padding:0 22px}.site-nav .logo{font-size:25px}.site-nav-actions{gap:9px}.site-nav-actions .btn{font-size:10px;padding:9px 12px}.site-nav-actions>.demo-chip{display:none}.hero{grid-template-columns:1fr;padding:38px 25px 50px;gap:40px}.hero h1{font-size:37px;line-height:1.7;max-width:370px;margin-top:16px}.hero-description{font-size:13px;max-width:420px}.hero-art{max-width:420px;width:100%;margin:auto;height:400px}.phone{width:188px;height:344px;left:32px;top:25px}.growth-card{right:5px;top:115px;width:210px}.publish-card{right:20px}.hero-actions .btn{font-size:12px;padding:11px 16px}.site-strip{margin:0 25px;font-size:10px;gap:20px}.site-section{padding:55px 25px}.section-heading h2{font-size:25px}.section-heading p{font-size:12px}.audiences{grid-template-columns:1fr;gap:18px}.audience-card{padding:25px}.steps-grid{grid-template-columns:1fr;gap:25px}.step-item h3{margin-top:12px}.step-item p{max-width:450px}.site-cta{margin:0 25px 40px;padding:25px;display:block}.site-cta h2{font-size:22px}.site-cta .btn{margin-top:18px}.site-footer{margin:0 25px;gap:20px;flex-wrap:wrap}.site-footer .logo{font-size:20px}.site-footer p{font-size:9px}.modal-backdrop{padding:12px}.modal{border-radius:16px;max-height:94vh}.modal-head{padding:18px}.modal-head h2{font-size:17px}.modal-body{padding:20px}.modal-footer{padding:15px 20px}.modal-steps{padding:15px 20px;gap:7px}.modal-step{font-size:8px;gap:4px}.modal-step b{width:20px;height:20px}.choices{gap:9px}.choice{padding:11px}.choice .row{font-size:11px}.choice small{font-size:8px}.modal-footer .btn{font-size:10px}.form-note{font-size:9px}}
@media(max-width:400px){.stat-value{font-size:22px}.stat-card{padding:12px}.stat-bottom>span:last-child{display:none}.page-heading p{font-size:10px}.welcome-banner p{font-size:9px}.banner-art{display:none}.wallet-top .money{font-size:23px}.format-grid,.media-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.hero h1{font-size:32px}.phone{left:16px}.growth-card{right:-3px;width:185px}.growth-card .growth-number{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.loading-state{min-height:85vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#7d8b74}.auth-page{max-width:610px;margin:55px auto;padding:0 22px}.auth-page>.logo{justify-content:center;margin-bottom:30px}.auth-page .card{padding:30px}.auth-page h1{font-size:23px;margin:18px 0 9px}.auth-page .muted{font-size:12px;margin-bottom:25px}.auth-page .choices{margin-top:22px}.chart-empty{height:250px;padding-top:75px}.finance-summary>.card:has(.wallet-card){padding:0;overflow:hidden}.finance-summary .wallet-card{height:100%;border-radius:0}.finance-summary .wallet-top .money{font-size:28px}.form-code{direction:ltr;text-align:left;width:100%;min-height:130px;font:12px/1.8 monospace;background:#f4f7ef;padding:15px;border:1px solid #e2e9da;border-radius:9px;white-space:pre-wrap;overflow-wrap:anywhere}.file-preview{max-height:230px;max-width:100%;display:block;margin:15px auto}.no-scroll{overflow:hidden}.form-error{font-size:11px;color:#b55748;margin:12px 0}.modal-footer .small{max-width:60%;color:#97a38b}.card .info-list{padding:10px 0}.ticket-response{background:#f1f6e9;padding:13px;border-radius:9px;font-size:11px;margin-top:10px;white-space:pre-wrap}.ticket-item{padding:20px;border-bottom:1px solid var(--border)}.ticket-item p{color:#7b8d6d;font-size:11px;white-space:pre-wrap;margin-top:8px}.org-button{border:1px solid var(--border);border-radius:10px;padding:13px 15px;width:100%;text-align:right;margin:5px 0;display:flex;align-items:center;gap:12px}.org-button span{flex:1}.org-button small{display:block;color:var(--muted);font-size:10px}.org-button:hover{background:#f1f6e8}.verify-record{display:grid;grid-template-columns:80px 1fr;gap:7px;font-size:11px;margin:14px 0}.verify-record code{font:11px/1.9 monospace;direction:ltr;overflow-wrap:anywhere;background:#f3f6ee;padding:4px 8px;border-radius:5px}.verify-record span{color:#8c9b7c}th{font-size:10px;color:#6f7e65}td{font-size:11px;color:#5e7355}.campaign-cell small{color:#8a987e;font-size:9px}.stat-bottom{font-size:9px;color:#8a987d}.stat-card-top{font-size:11px;color:#728468}.field input[disabled]{background:#f4f6f0;color:#8b9a7c}button:disabled{opacity:.5;cursor:wait;transform:none}.notification-pop{max-height:440px;overflow:auto}.notification-pop p{font-size:11px;color:#6f8361}.docs-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:40px;padding:35px 25px 80px}.docs-nav{position:sticky;top:20px;align-self:start;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.docs-nav a{display:block;padding:7px 0;color:#6e805f;font-size:11px}.docs-body{min-width:0}.docs-body>section{padding:30px 0;border-bottom:1px solid #dce6d4;scroll-margin-top:25px}.docs-body h1{font-size:30px;line-height:1.7}.docs-body h2{font-size:21px;margin:6px 0 14px}.docs-body h3{font-size:15px;margin:22px 0 9px}.docs-body p,.docs-body li{font-size:12px;color:#667d55;line-height:2.2}.docs-body code{font-family:monospace;font-size:11px;direction:ltr;display:inline-block}.docs-body pre{direction:ltr;text-align:left;background:#163e2e;color:#e1edcf;padding:22px;border-radius:12px;font:12px/1.9 monospace;overflow:auto;margin:16px 0}.docs-body pre code{color:inherit;font-size:12px}.docs-body table{white-space:normal}.docs-body table td{border:1px solid #dfe8d8}.docs-body table th{padding:12px;border:1px solid #dfe8d8}.docs-body a{color:#247147;text-decoration:underline}.docs-header{max-width:1180px;margin:auto;padding:28px 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.docs-body .btn{color:inherit;text-decoration:none}.docs-body .btn-primary{color:#fff}.docs-note{padding:16px 20px;border:1px solid #dce6c8;border-radius:11px;background:#f0f6e6;margin:17px 0}.docs-note.warning{background:#faf4df;border-color:#ece0b6}.docs-body .docs-note p{margin:0}.docs-list{padding-right:22px}@media(max-width:760px){.docs-layout{display:block;padding:20px}.docs-nav{position:static;display:flex;flex-wrap:wrap;gap:5px 17px;margin-bottom:30px}.docs-nav h3{width:100%}.docs-nav a{font-size:10px}.docs-body h1{font-size:25px}.docs-body pre{font-size:10px;padding:14px}.docs-header{padding:20px}.auth-page{margin-top:30px}.auth-page .card{padding:22px}.docs-body table{font-size:10px}.docs-body .table-scroll{max-width:100%}}
/* Growth workspaces */
.sidebar nav{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin}.sidebar-bottom{flex-shrink:0}.sidebar .help-card{padding:12px;margin:12px 0}.sidebar .help-card p{margin-bottom:6px}.sidebar .nav-item{padding-top:10px;padding-bottom:10px}.growth-note{display:flex;gap:12px;padding:17px 20px;border:1px solid #dce6c8;background:#f0f6e6;border-radius:12px;font-size:11px;line-height:2;margin-bottom:22px;color:#56704d}.growth-note>.icon{flex-shrink:0;margin-top:5px}.growth-note a{text-decoration:underline;color:#246d46}.growth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.growth-grid h3{margin:15px 0 8px}.growth-grid .btn{margin:12px 0 0 8px}.growth-section{margin-top:24px}.growth-description{font-size:12px;color:#687e5a;line-height:2.1;white-space:pre-wrap;margin:12px 0 18px}.growth-id{display:block;direction:ltr;font-size:10px;color:#839374;overflow-wrap:anywhere;margin:15px 0}.growth-summary{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#6e805f;margin:0 0 24px}.growth-summary b{color:#244f32;margin-right:6px}.growth-definition{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;padding:20px 0}.growth-definition span{color:#8a987f}.growth-definition b{text-align:left;color:#4e6d41}.growth-checkboxes{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:12px;margin-top:10px}.growth-checkboxes label,.growth-check{display:flex;align-items:center;gap:8px}.growth-check{font-size:12px;line-height:2}.growth-rate{font-size:21px;font-weight:700;margin:20px 0 5px;color:#244a33}.growth-rate small{font-size:10px;font-weight:400;display:block;color:#86977c}.growth-experiment{padding:25px;border-bottom:1px solid var(--border)}.growth-cohorts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#f5f8f0;border-radius:12px;padding:20px;margin:17px 0}.growth-cohorts>div{display:flex;flex-direction:column;gap:8px}.growth-cohorts small,.growth-cohorts span{font-size:10px;color:#849579}.growth-cohorts b{font-size:18px;color:#315d3c}.growth-thumb{width:95px;height:80px;object-fit:contain;border-radius:7px;background:#eef3e9}.block{display:block}.diagnostic-checks{display:grid;gap:12px;margin:0 0 25px}.diagnostic-check{display:flex;align-items:center;gap:12px;font-size:12px;border-radius:8px;padding:12px}.diagnostic-check.pass{background:#f0f6e6;color:#37653c}.diagnostic-check.warn{background:#faf2dc;color:#9f7b26}.poster-editor{display:grid;grid-template-columns:1fr 270px;gap:25px}.poster-editor .field{margin-bottom:15px}.poster-editor canvas{width:100%;height:auto;background:#173e2c;border-radius:10px}.poster-editor .field input[type=color]{height:45px;padding:3px}.growth-experiment .row.wrap .btn{margin-left:8px}fieldset.field{border:1px solid var(--border);border-radius:10px;padding:15px}.card table .btn{margin:3px}.growth-grid .card{min-width:0}.growth-grid .card p{overflow-wrap:anywhere}.growth-experiment .row.between{align-items:flex-start}td code{font-size:9px;overflow-wrap:anywhere;white-space:normal}@media(max-width:1050px){.growth-grid{grid-template-columns:1fr}.growth-cohorts{gap:12px;padding:15px}.growth-cohorts b{font-size:15px}}@media(max-width:650px){.poster-editor{grid-template-columns:1fr}.poster-editor canvas{max-width:270px;margin:auto}.growth-cohorts{grid-template-columns:1fr;gap:15px}.growth-cohorts>div{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}.growth-cohorts b{font-size:14px}.growth-experiment{padding:18px}.growth-grid{gap:15px}.growth-note{padding:14px}.sidebar .help-card{display:none}.growth-definition{font-size:10px}.growth-summary{gap:12px}}

.docs-nav{max-height:calc(100vh - 40px);overflow-y:auto}@media(max-width:760px){.docs-nav{max-height:none;overflow:visible}}
/* Report surfaces */
.analytics-trend{margin-bottom:20px;overflow:hidden}.analytics-chart{padding:12px 20px 0;direction:ltr}.analytics-chart svg{width:100%;display:block;min-height:200px}.analytics-chart circle:focus{outline:none;stroke:#d3ed8c;stroke-width:7}.analytics-chart-note{padding:8px 25px 16px;font-size:11px;color:var(--muted)}.analytics-trend select{display:block;min-width:155px;margin-top:5px;border:1px solid var(--border);border-radius:9px;padding:7px;background:#fff;color:var(--green)}.analytics-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.analytics-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.analytics-kpis strong{display:block;font-size:24px;margin-top:10px}.analytics-donut{display:flex;align-items:center;gap:18px;margin-top:15px}.analytics-donut svg{width:150px;flex:none}.analytics-donut ul{list-style:none;padding:0;width:100%;display:grid;gap:10px}.analytics-donut li{display:flex;align-items:center;gap:7px;font-size:11px}.analytics-donut li i{width:9px;height:9px;border-radius:50%;flex:none}.analytics-donut li b{margin-right:auto}.analytics-donut li small{color:var(--muted)}.analytics-no-data{padding:50px 15px;text-align:center;font-size:12px;color:var(--muted)}.analytics-bars{display:grid;gap:15px;margin:22px 0}.analytics-bars .row{font-size:12px}.analytics-bar{background:#edf1e8;border-radius:6px;height:9px;overflow:hidden;margin-top:8px}.analytics-bar span{display:block;height:100%;background:linear-gradient(90deg,#a7c965,#36754c);border-radius:6px}.analytics-rewards{display:flex;gap:35px;align-items:center;margin:20px 0}.analytics-rewards>div:first-child{flex:1}.analytics-rewards b{display:block;font-size:26px}.analytics-rewards span{font-size:11px;color:var(--muted)}.landing-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.landing-format-grid h3{margin:12px 0}.landing-format-grid a{display:inline-block;margin-top:12px}.landing-format-grid .icon{width:25px;height:25px}.analytics-two .card{min-width:0}.analytics-rewards+.card{margin-bottom:20px}
@media(max-width:1050px){.analytics-kpis{grid-template-columns:repeat(2,1fr)}.analytics-donut{flex-direction:column;gap:0}.analytics-donut ul{max-width:300px}.landing-format-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.analytics-two{grid-template-columns:1fr}.analytics-chart{padding:10px 4px 0}.analytics-trend .card-head{align-items:flex-start;gap:8px;flex-wrap:wrap}.analytics-chart svg{min-height:170px}.analytics-rewards{flex-wrap:wrap;gap:18px}.analytics-rewards>div:first-child{flex-basis:100%}.landing-format-grid{grid-template-columns:1fr}.analytics-kpis strong{font-size:21px}}
.docs-search{display:block;margin:18px 0 7px;font-size:11px}.docs-search span{display:block;margin-bottom:7px}.docs-search input{width:100%;padding:10px;border:1px solid var(--border);border-radius:9px;background:#fff}.docs-nav #docs-search-status{line-height:1.8;margin-bottom:10px;min-height:35px}.docs-nav a.active{background:#e4edda;color:#245a3d;font-weight:700;border-radius:7px}.docs-code-box{position:relative;margin:18px 0}.docs-code-box pre{margin:0;padding-top:44px}.docs-copy{position:absolute;top:9px;left:10px;border:1px solid #59745f;background:#254d36;color:#e8f0dc;padding:4px 10px;font-size:10px;cursor:pointer;border-radius:6px}.docs-quick-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:25px 0}.docs-quick-links a{border:1px solid var(--border);background:#f6f8f1;border-radius:12px;padding:16px;text-decoration:none}.docs-quick-links b,.docs-quick-links span{display:block}.docs-quick-links span{font-size:11px;margin-top:6px;color:var(--muted)}.docs-body section[hidden],.docs-nav a[hidden]{display:none!important}.docs-body section{scroll-margin-top:105px}@media(max-width:650px){.docs-quick-links{grid-template-columns:repeat(2,1fr)}}
.docs-nav{max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin}.docs-copy:focus-visible{outline:3px solid #d9f591;outline-offset:2px}@media(max-width:760px){.docs-nav{max-height:none;overflow:visible}.docs-nav .docs-search,.docs-nav #docs-search-status{width:100%;flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Account entry and device targeting */
.auth-top{max-width:1150px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 30px}.auth-top nav{display:flex;gap:23px;font-size:12px;color:var(--muted)}.auth-top nav .active{color:var(--green);font-weight:700}.auth-shell{max-width:1100px;margin:25px auto 45px;padding:0 30px;display:grid;grid-template-columns:.9fr 1.1fr;gap:0;align-items:stretch}.auth-story{background:#173f2c;color:#edf6e8;padding:38px;border-radius:0 24px 24px 0;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.auth-story>.pill{align-self:flex-start;background:#ffffff12;border:1px solid #ffffff25;color:#d9efaf}.auth-story h2{font-size:35px;line-height:1.8;margin:5px 0 14px}.auth-story p{color:#bdd0b8;font-size:12px}.auth-story ul{list-style:none;display:grid;gap:17px;padding:22px 0 28px;font-size:11px}.auth-story li{display:flex;align-items:center;gap:9px}.auth-story li .icon{color:#d3ed8c;width:17px}.auth-story>a{color:#d3ed8c}.auth-orbit{height:110px;position:relative;margin:30px 0;display:grid;place-items:center}.auth-orbit>.brand-mark{width:61px;height:61px;border-color:#d9f591}.auth-orbit i{position:absolute;border:1px solid #bed69730;inset:0 20px;border-radius:50%;transform:rotate(-25deg)}.auth-orbit i:nth-of-type(2){inset:20px 0;transform:rotate(25deg)}.auth-orbit i:nth-of-type(3){inset:-10px 45px;transform:rotate(-55deg)}.auth-card{padding:38px 40px;background:#fff;border:1px solid var(--border);border-radius:24px 0 0 24px;min-width:0}.auth-card h1{font-size:27px;line-height:1.8;margin:8px 0 10px}.auth-card>.muted{font-size:12px;margin-bottom:23px}.auth-provider-note{font-size:11px;color:var(--muted);margin:15px 0;line-height:2.1}.auth-role-picks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.auth-role{border:1px solid var(--border);padding:17px 13px;border-radius:13px;display:flex;flex-direction:column;gap:7px;font-size:12px;background:#fbfcfa}.auth-role.selected{border-color:#6b9c4d;background:#eff6e6;box-shadow:0 0 0 1px #6b9c4d}.auth-role>.icon{width:24px;height:24px;color:var(--green)}.auth-role>span{font-size:10px;color:var(--muted)}.auth-progress{list-style:none;display:flex;gap:12px;padding:0;margin:20px 0;color:#9aa293;font-size:10px}.auth-progress li{padding-bottom:8px;border-bottom:2px solid #edf0e8;flex:1}.auth-progress li.done{border-color:#89ae5c;color:#31583c}.auth-identity{padding:15px;border-radius:12px;background:#f4f7ed;display:flex;align-items:center;gap:12px;margin:22px 0}.auth-identity span{display:block;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.auth-divider{border-top:1px solid var(--border);text-align:center;margin:35px 0 12px}.auth-divider span{display:inline-block;padding:0 12px;background:white;transform:translateY(-13px);font-size:11px;color:var(--muted)}.auth-switch{font-size:12px;text-align:center;margin:22px 0 0}.auth-switch a{color:var(--green);font-weight:700}.auth-footer{text-align:center;color:var(--muted);font-size:10px;padding:0 20px 30px}.auth-footer a{margin-right:20px}.auth-workspaces{display:grid;gap:10px;margin-top:20px}.auth-workspaces button{display:flex;align-items:center;text-align:right;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px}.auth-workspaces button>span{flex:1}.auth-workspaces small{display:block;font-size:10px;color:var(--muted)}.auth-card .auth-submit{width:100%;justify-content:center}.auth-card .form-error:empty{margin:0}.targeting-fields{display:grid;gap:15px}.targeting-fields fieldset{border:1px solid var(--border);border-radius:12px;margin:0;padding:13px 15px}.targeting-fields legend{font-size:12px;padding:0 7px;font-weight:700}.targeting-options{display:flex;gap:10px;flex-wrap:wrap}.targeting-options label{display:flex;align-items:center;gap:7px;border:1px solid #e3e9df;background:#fafcf6;border-radius:8px;padding:8px 11px;font-size:11px;cursor:pointer}.targeting-options label:has(input:checked){background:#edf6e3;border-color:#8bad61;color:var(--green)}.targeting-fields small{display:block;font-size:10px;color:var(--muted);margin-top:10px}.targeting-preview{border-radius:12px;padding:18px;background:#f6f8f1;margin-top:22px}.targeting-preview h3{font-size:14px}.targeting-preview .form-grid{margin:14px 0}.targeting-preview [role=status]{font-size:11px;margin-top:14px}.target-match{color:#24683a}.target-mismatch{color:#9b5e29}.targeting-options input:focus-visible{outline:2px solid #32734c;outline-offset:3px}
@media(max-width:820px){.auth-shell{grid-template-columns:1fr;max-width:620px}.auth-story{display:none}.auth-card{border-radius:20px;padding:30px}.auth-top{padding:22px}.auth-top nav{gap:17px}.auth-card h1{font-size:25px}}@media(max-width:450px){.auth-shell{padding:0 16px;margin-top:12px}.auth-card{padding:24px 20px}.auth-role-picks{gap:8px}.auth-role{padding:13px 10px}.auth-top nav{gap:12px;font-size:11px}.targeting-options label{padding:7px 9px}}

.password-input{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;direction:ltr;min-width:0}.password-input input{width:100%;min-width:0;padding:12px 14px;direction:ltr;text-align:left}.password-input button{position:static;inset:auto;display:grid;place-items:center;background:transparent;border:0;color:var(--muted);padding:10px;min-width:44px;width:44px;cursor:pointer}.auth-check{display:flex;align-items:center;gap:8px;font-size:13px}.auth-check input{accent-color:#244f46;width:16px;height:16px}.auth-options{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:13px}.auth-card .form-grid{margin-top:22px}.recovery-key{font-size:20px;text-align:center;direction:ltr;letter-spacing:1px;overflow-wrap:anywhere;white-space:pre-wrap}.auth-session{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.account-id{padding:12px;background:#f5f7f4;border-radius:10px;margin:16px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.account-id code{font-size:12px}.auth-card .form-error:empty{display:none}.auth-card .form-error{margin:14px 0}.auth-card .auth-submit{margin-top:18px}@media(max-width:540px){.auth-options{align-items:flex-start;flex-direction:column}.account-id{align-items:flex-start;flex-direction:column}.recovery-key{font-size:16px}.auth-session{align-items:flex-start}}

.docs-hub{max-width:1120px;margin:auto;padding:30px 28px 60px}.docs-hub>header,.docs-hub>footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.docs-hub-intro{max-width:760px;margin:72px 0 38px}.docs-hub-intro h1{font-size:clamp(32px,5vw,48px);line-height:1.5;margin:14px 0}.docs-hub p{color:var(--muted);line-height:2}.docs-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.docs-role-grid>a{color:inherit;transition:border-color .2s,transform .2s}.docs-role-grid>a:hover{border-color:#9aaa83;transform:translateY(-3px)}.docs-role-grid h2{font-size:24px;margin:22px 0 12px}.docs-role-grid b{display:inline-block;margin-top:18px;color:#285a48}.docs-hub>section.card{margin-top:20px}.docs-hub>footer{margin-top:38px;font-size:13px;color:var(--muted)}.documentation-frame{display:block;border:0;width:100%;height:78vh;min-height:580px;background:#fff;border-radius:0 0 16px 16px}.documentation-card{overflow:hidden}.documentation-card>.card-head{flex-wrap:wrap;gap:18px}.docs-embedded{padding-top:16px}.docs-embedded .docs-nav{top:16px}.docs-embedded .docs-body{padding-top:12px}@media(max-width:760px){.docs-role-grid{grid-template-columns:1fr}.docs-hub-intro{margin-top:42px}.docs-hub>header,.docs-hub>footer{flex-wrap:wrap}.docs-hub{padding:24px 18px}.documentation-frame{min-height:540px;height:78vh}.docs-embedded .docs-nav{position:static}}
/* Operations and publisher controls, release 3. */
.pro-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.pro-feature-grid .card{min-width:0}.pro-feature-grid p{color:var(--muted,#6d7d70);line-height:1.9}.pro-thumb{width:84px;height:58px;object-fit:contain;border:1px solid #e2e8dd;border-radius:8px;background:#f5f7ef}.pro-search{display:flex;align-items:center;gap:12px;padding:16px 24px;flex-wrap:wrap}.pro-search>input{min-width:220px;flex:1;padding:12px;border:1px solid #dae3d3;border-radius:10px;background:#fbfcf8}.pro-search>.field{min-width:220px;flex:1}.pro-pagination{padding:20px;justify-content:center}.pro-hours{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.pro-hours label{padding:6px;background:#f4f7ee;border-radius:6px}.pro-bars>div{display:grid;grid-template-columns:minmax(120px,1fr) 2fr 50px;gap:12px;align-items:center;margin:10px 0;font-size:12px}.pro-bars meter{width:100%;height:18px;accent-color:#82ac42}.pro-wrap{white-space:normal;overflow-wrap:anywhere;display:block;direction:ltr}.auth-email-recovery{max-width:460px;margin:0 auto 30px;text-align:center}.pro-feature-grid .pill{margin-bottom:12px}.pro-feature-grid h3{margin:10px 0}.card details>pre{max-width:380px;overflow:auto;direction:ltr;text-align:left;font-size:11px}.pro-hours input{margin-left:4px}.pro-inline-code{overflow-wrap:anywhere;direction:ltr}.pro-feature-grid .btn{margin-top:8px;margin-left:5px}@media(max-width:760px){.pro-feature-grid{grid-template-columns:1fr}.pro-hours{grid-template-columns:repeat(4,minmax(0,1fr))}.pro-search{padding:14px}.pro-bars>div{grid-template-columns:100px 1fr 32px}.pro-feature-grid .card{padding:20px}.pro-pagination{flex-wrap:wrap}}

/* Studio and advanced insights */
.studio-hero{display:grid;grid-template-columns:1.4fr .7fr;gap:28px;padding:30px;border:1px solid #cbdac4;background:linear-gradient(120deg,#edf2dd,#f9fbf3);border-radius:18px;margin-bottom:24px;align-items:center}.studio-hero h2{font-size:25px;margin:12px 0}.studio-hero p{color:#5b7057}.studio-hero-art{min-height:210px;max-width:350px;background:#173e2c;color:#fff;padding:22px;border-radius:18px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.studio-hero-art:before{content:'';position:absolute;width:160px;height:160px;left:-45px;top:-45px;background:#cbef6e;border-radius:50%;opacity:.8}.studio-hero-art b{font-size:23px;position:relative}.studio-hero-art span,.studio-hero-art i{font-size:11px;font-style:normal}.studio-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;padding:20px}.studio-project-card{border:1px solid var(--border);border-radius:13px;overflow:hidden;background:#fff}.studio-project-swatch{min-height:160px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.studio-project-swatch b{font-size:19px}.studio-project-swatch small,.studio-project-swatch span{font-size:10px}.studio-library-search{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.studio-library-search>input{min-width:220px;flex:1}.modal.studio-modal{max-width:1240px;width:calc(100vw - 36px)}.studio-modal-body{padding:0!important}.studio-editor{display:grid;grid-template-columns:320px minmax(0,1fr);direction:rtl;max-height:78vh;overflow:hidden}.studio-editor-controls{padding:20px;overflow-y:auto;background:#f7f9f2;border-left:1px solid var(--border)}.studio-editor-name{margin-bottom:20px}.studio-editor-settings{display:grid;gap:10px}.studio-editor-stage{padding:22px;overflow-y:auto;background:#fff}.studio-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}.studio-canvas-wrap{background:repeating-conic-gradient(#edf1e9 0 25%,#f7f9f4 0 50%) 0/20px 20px;border:1px solid #e3eadc;display:flex;align-items:center;justify-content:center;min-height:360px;padding:20px;border-radius:12px;margin:16px 0}.studio-canvas-wrap canvas{max-width:100%;max-height:465px;object-fit:contain;box-shadow:0 8px 30px #183c2a20}.studio-preview-controls{display:flex;align-items:center;gap:12px;font-size:10px;flex-wrap:wrap}.studio-preview-controls input{flex:1;min-width:120px;padding:0}.studio-scene-tabs{display:flex;gap:8px;overflow-x:auto;padding:18px 0}.studio-scene-tabs button{min-width:110px;text-align:right;background:#fff;border:1px solid #dfe7d8;border-radius:9px;padding:10px;display:flex;flex-direction:column;gap:4px;font-size:10px}.studio-scene-tabs button.selected{border-color:#32734c;background:#e7efda}.studio-scene-tabs span{font-size:13px;font-weight:bold}.studio-scene-tabs small{color:#6a7e57}.studio-scene-form{display:grid;gap:12px;margin-top:20px}.studio-scene-form h3{font-size:14px;margin:0}.studio-scene-form .form-grid{gap:10px}.studio-colors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.studio-file-btn{display:block;border:1px dashed #94ae80;padding:9px;border-radius:8px;text-align:center;font-size:11px;cursor:pointer}.studio-file-btn input{max-width:100%;font-size:10px}.studio-preflight{display:flex;flex-direction:column;gap:6px;background:#f4f7ed;border:1px solid #dfe8d5;border-radius:12px;padding:15px;margin:20px 0;font-size:11px}.studio-warning{color:#875b1d;margin:0}.studio-error{color:#b93e37!important}.studio-export-panel{padding:18px;border:1px solid #dce7d4;border-radius:12px}.studio-export-panel h3{margin:0;font-size:15px}.studio-export-panel .field{min-width:180px}.studio-export-panel progress{display:block;width:100%;height:9px;accent-color:#32734c;margin:15px 0}.studio-bottom-actions{margin-top:20px}.studio-output-preview{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:15px;border:1px solid #dce6d5;border-radius:10px;margin-top:12px}.studio-output-preview video,.studio-output-preview img{width:140px;max-height:220px;object-fit:contain;background:#173e2c}.studio-output-preview p{margin:8px 0}.insight-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.insight-card{display:flex;flex-direction:column;gap:12px}.insight-card strong{font-size:24px;color:#245a3d}.insight-change{color:#536f48}.insight-heat-scroll{overflow:auto;padding:0 18px}.insight-heatmap{border-collapse:separate!important;border-spacing:4px;min-width:860px;width:100%;font-size:10px}.insight-heatmap th{text-align:center;padding:4px!important;font-weight:500;background:transparent!important}.insight-heatmap td{padding:0!important;border-radius:5px;background:rgba(50,115,76,var(--heat));height:27px;min-width:26px;text-align:center;border:1px solid #dfe8d8}.insight-heatmap td span{font-size:9px;background:#ffffffb8;padding:1px 3px;border-radius:3px}.insight-heatmap td:focus{outline:2px solid #245a3d}.insight-heatmap th:first-child{min-width:75px;position:sticky;right:0;background:#fff!important;z-index:1}
@media(max-width:1100px){.insight-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-editor{grid-template-columns:280px minmax(0,1fr)}.studio-editor-stage{padding:16px}}
@media(max-width:700px){.studio-hero{grid-template-columns:1fr;padding:22px}.studio-hero-art{display:none}.modal.studio-modal{width:calc(100vw - 16px)}.studio-editor{display:flex;flex-direction:column;max-height:none;overflow:visible}.studio-editor-controls{overflow:visible;border-left:0}.studio-editor-stage{overflow:visible;order:-1;padding:12px}.studio-canvas-wrap{min-height:250px;padding:10px}.studio-canvas-wrap canvas{max-height:340px}.studio-stage-toolbar{flex-wrap:wrap}.studio-export-panel{padding:12px}.studio-output-preview{grid-template-columns:1fr}.studio-output-preview video,.studio-output-preview img{width:100%;max-height:280px}.insight-cards{gap:10px}.insight-card{padding:13px}.insight-card strong{font-size:20px}.studio-project-grid{grid-template-columns:1fr}.studio-editor-stage .row{gap:8px}}
/* Platform settings center */
.brand-mark{background-image:var(--brand-logo,url('/assets/didnex-symbol-indigo.svg'))}.platform-tabs{display:flex;gap:8px;padding:16px 22px;overflow-x:auto;border-bottom:1px solid var(--border)}.platform-tabs button{white-space:nowrap;padding:8px 14px;border-radius:10px;border:1px solid var(--border)}.platform-tabs button.active{background:var(--green);color:#fff}.platform-body .settings-form{padding:26px}.platform-body .form-grid{gap:22px}.platform-assets{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 26px 26px}.platform-assets img{object-fit:contain;display:block;margin:16px 0}.platform-secret{border:1px solid var(--border);border-radius:12px;padding:20px}.platform-secret p{color:var(--muted);margin:8px 0}.platform-domain-current{background:var(--pale);padding:22px;border-radius:12px;margin-bottom:20px}.platform-domain-current strong{font-size:20px;display:block;overflow-wrap:anywhere}.platform-domain-row{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border)}.platform-body pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;overflow:auto}.platform-body .full{grid-column:1/-1}@media(max-width:700px){.platform-assets{grid-template-columns:1fr}.platform-tabs{padding:12px}.platform-body .settings-form{padding:18px}.platform-domain-row{align-items:flex-start;flex-direction:column}.platform-settings .card-head{align-items:flex-start;flex-direction:column}}
.push-platform-guide p{white-space:pre-line;margin:16px 0;line-height:2.2}.push-platform-guide h2{margin:34px 0 12px}.push-platform-guide .code-block{font-family:ui-monospace,monospace;font-size:12px;white-space:pre;overflow:auto;max-width:100%;tab-size:2}.push-platform-guide a{overflow-wrap:anywhere}

/* Studio workspace: each pane fits the viewport without intrinsic canvas overflow. */
.modal.studio-modal{width:calc(100vw - 32px);max-width:1560px;height:calc(100vh - 44px);height:calc(100dvh - 44px);max-height:none;display:flex;flex-direction:column;overflow:hidden}
.studio-modal .modal-head{flex:none;padding:16px 22px}
.studio-modal-body{flex:1;min-height:0;overflow:hidden}
.studio-editor{height:100%;max-height:none;grid-template-columns:280px minmax(0,1fr);min-height:0;min-width:0}
.studio-editor-controls{min-height:0;min-width:0;padding:18px;overscroll-behavior:contain;scrollbar-gutter:stable}
.studio-editor-controls .field,.studio-scene-form .form-grid>*{min-width:0}
.studio-editor-controls input,.studio-editor-controls select,.studio-editor-controls textarea{max-width:100%;box-sizing:border-box}
.studio-editor-stage{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;padding:18px;min-width:0;min-height:0;overflow:hidden}
.studio-preview-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;min-width:0;min-height:0}
.studio-stage-toolbar{flex-wrap:wrap;gap:8px}
.studio-stage-toolbar label{white-space:nowrap}
.studio-canvas-wrap{min-height:0;min-width:0;margin:0;padding:16px;overflow:hidden;box-sizing:border-box}
.studio-canvas-wrap canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;box-shadow:none}
.studio-preview-controls{gap:10px;display:grid;grid-template-columns:auto 1fr}
.studio-preview-controls input{min-width:0;width:100%;grid-column:1/-1;grid-row:2}
#studio-clock{white-space:nowrap;text-align:left;font-variant-numeric:tabular-nums}
.studio-delivery-pane{min-height:0;min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 2px}
.studio-preflight{margin:0 0 14px;padding:12px;line-height:1.9}
.studio-export-panel{padding:14px}
.studio-export-panel .row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.studio-export-panel .field{min-width:0;grid-column:1/-1}
.studio-export-panel [data-s-action=cancel-export]{grid-column:1/-1}
.studio-export-panel .btn{white-space:normal;justify-content:center}
.studio-export-panel progress{margin:12px 0}
#studio-export-status{line-height:1.9;overflow-wrap:anywhere}
.studio-output-preview{grid-template-columns:1fr;gap:10px;padding:10px}
.studio-output-preview video,.studio-output-preview img{display:block;width:100%;max-height:180px}
.studio-output-preview .row{display:flex}
.studio-bottom-actions{gap:8px;margin-top:14px}
.studio-bottom-actions .btn{flex:1 1 110px;white-space:normal}
@media(min-width:701px) and (max-width:1100px){
 .studio-editor{grid-template-columns:250px minmax(0,1fr)}
 .studio-editor-stage{display:flex;flex-direction:column;overflow-y:auto;padding:14px}
 .studio-preview-pane{flex:none;height:clamp(280px,52vh,440px);height:clamp(280px,52dvh,440px)}
 .studio-delivery-pane{flex:none;overflow:visible}
 .studio-export-panel .row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .studio-export-panel [data-s-action=cancel-export]{grid-column:auto}
 .studio-export-panel .field{grid-column:1/-1}
}
@media(max-width:700px){
 .modal.studio-modal{width:calc(100vw - 16px);height:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto}
 .studio-modal .modal-head{padding:14px;position:sticky;top:0;background:var(--soft,#fff);z-index:2}
 .studio-modal-body{flex:none;overflow:visible}
 .studio-editor{height:auto;display:flex;flex-direction:column;overflow:visible}
 .studio-editor-controls{overflow:visible;padding:16px}
 .studio-editor-stage{display:flex;flex-direction:column;overflow:visible;padding:12px}
 .studio-preview-pane{height:clamp(300px,65vh,500px);height:clamp(300px,65dvh,500px);flex:none}
 .studio-delivery-pane{overflow:visible}
 .studio-canvas-wrap{padding:12px}
 .studio-export-panel .row{grid-template-columns:1fr 1fr}
}

.admin-workspace-tools{padding:16px 20px;margin-bottom:20px}.admin-table-search{display:grid;gap:6px;font-size:11px;min-width:220px;flex:1;max-width:360px}.admin-table-search input{width:100%;min-width:0}.admin-workspace-tools .row{gap:8px}.admin-workspace-tools p{margin:12px 0 0}.admin-pinned-links{display:flex;gap:8px;flex-wrap:wrap}.admin-pinned-links a{font-size:11px;margin-top:12px;padding:5px 10px;border-radius:8px;border:1px solid var(--border)}#admin-page-body th[data-admin-sort]{cursor:pointer}#admin-page-body th[data-admin-sort]:focus-visible{outline:2px solid var(--green);outline-offset:-3px}#admin-page-body th[aria-sort=ascending]:after{content:' ↑'}#admin-page-body th[aria-sort=descending]:after{content:' ↓'}#admin-page-body tr[hidden]{display:none!important}.admin-payment-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end}.admin-payment-filters .field{min-width:0}.admin-payment-filters input,.admin-payment-filters select{width:100%;min-width:0}.platform-section-tools{padding:0 0 18px;border-bottom:1px solid var(--border);margin-bottom:20px}.platform-default{justify-self:start;border:0;background:transparent;color:var(--green);font:inherit;font-size:10px;text-decoration:underline;cursor:pointer;padding:3px 0}.platform-default:focus-visible{outline:2px solid var(--green)}
@media(max-width:1100px){.admin-payment-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-payment-filters button{grid-column:1/-1}.admin-workspace-tools>.row{align-items:stretch}.admin-table-search{max-width:none}}
@media(max-width:600px){.admin-payment-filters{grid-template-columns:1fr}.admin-workspace-tools{padding:14px}.admin-table-search{min-width:0;width:100%}.admin-workspace-tools .btn{flex:1 1 140px}}

/* Focused integration examples; keyboard-native details and readable RTL copy. */
.docs-format-example{border:1px solid var(--border,#dce2ef);border-radius:14px;margin:10px 0;overflow:hidden;background:var(--card,#fff)}
.docs-format-example>summary,.connect-install>summary{padding:14px 16px;cursor:pointer;font-weight:700;min-height:48px}
.docs-format-example[open]>summary{border-bottom:1px solid var(--border,#dce2ef)}
.docs-format-example pre{margin:0;border-radius:0;max-width:100%;overflow:auto}
.connect-install{border:1px solid var(--border,#dce2ef);border-radius:14px;margin:16px 0;max-width:100%}
.docs-format-example summary:focus-visible,.connect-install summary:focus-visible{outline:3px solid var(--green,#6366f1);outline-offset:-3px}