:root{--bg:#fff;--soft:#f5f7fb;--text:#101828;--muted:#667085;--line:#e4e7ec;--primary:#6d4aff;--primary-dark:#4d2ed8;--dark:#101427;--dark-card:#171c32;--success:#12b76a;--shadow:0 24px 70px rgba(19,33,68,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}h1,h2,h3,h4{font-family:Manrope,Inter,sans-serif;line-height:1.1;margin:0 0 18px}h1{font-size:clamp(46px,6vw,80px);letter-spacing:-.055em}h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.045em}h3{font-size:22px}p{margin:0 0 22px;color:var(--muted)}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.narrow{max-width:880px}.section{padding:105px 0}.soft-section{background:var(--soft)}.eyebrow{display:inline-block;margin-bottom:20px;font-weight:800;font-size:12px;letter-spacing:.18em;color:var(--primary)}.large-copy{font-size:20px}.section-heading{max-width:740px;margin-bottom:54px}.section-heading.centered{text-align:center;margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,231,236,.8)}.header-inner{height:78px;display:flex;align-items:center;gap:38px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#9a7cff);color:#fff}.brand-name{font-family:Manrope;font-size:21px}.main-nav{display:flex;gap:28px;margin-left:16px}.main-nav a,.link-button{font-weight:600;color:#344054;font-size:15px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:23px;height:2px;background:#111827;margin:5px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:14px;font-weight:700;transition:.2s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--primary);color:#fff}.button-secondary{background:#fff;border-color:var(--line)}.button-small{min-height:44px;padding:0 18px}.button-light{background:#fff;color:var(--primary)}.button-ghost{border-color:rgba(255,255,255,.4);color:#fff}.hero{padding-top:90px}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.hero-lead{font-size:21px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 18px}.hero-note{font-size:14px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.trust-row div{border-top:1px solid var(--line);padding-top:16px}.trust-row strong,.trust-row span{display:block}.trust-row span{font-size:13px;color:var(--muted)}.browser-window{background:#fff;border:1px solid #e4e7ec;border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.browser-top{height:44px;background:#f7f8fa;border-bottom:1px solid #eceef2;display:flex;align-items:center;padding:0 14px;gap:18px}.browser-dots{display:flex;gap:6px}.browser-dots i{width:8px;height:8px;border-radius:50%;background:#d0d5dd}.address-bar{height:25px;flex:1;border-radius:8px;background:#fff;color:#98a2b3;font-size:11px;display:flex;align-items:center;padding:0 12px}.product-shell{display:flex;min-height:420px;background:#f7f8fc}.product-sidebar{width:58px;background:#12172b;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:18px}.mini-logo{width:26px;height:26px;border-radius:8px;background:var(--primary)}.product-sidebar span{width:22px;height:8px;border-radius:4px;background:#30364d}.product-sidebar .active{background:var(--primary)}.product-main{padding:26px;flex:1}.product-header{display:flex;justify-content:space-between}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ffd5c2,#8b5cf6)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stats-grid article,.chart-card,.activity-card{background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:16px}.stats-grid small,.stats-grid strong,.stats-grid em{display:block}.stats-grid em{font-size:11px;color:var(--success)}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:12px}.card-title{display:flex;justify-content:space-between;font-size:11px}.chart-bars{height:145px;display:flex;gap:8px;align-items:end;margin-top:18px}.chart-bars i{flex:1;background:linear-gradient(180deg,#8b6cff,var(--primary));border-radius:5px 5px 2px 2px}.activity-item{display:grid;grid-template-columns:10px 1fr auto;gap:8px;padding:12px 0;font-size:11px}.activity-item b{width:8px;height:8px;border-radius:50%;background:var(--primary)}.industry-grid,.product-grid,.resource-grid,.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.industry-card,.product-grid article,.resource-grid article,.security-grid article,.values-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.industry-card .icon{font-size:28px;margin-bottom:24px}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.module-orbit{height:430px;border-radius:50%;background:radial-gradient(circle,#fff 0 20%,#f2efff 21% 45%,#eef4ff 46% 70%,#fff 71%);position:relative}.module-orbit div{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:32px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.module-orbit span{position:absolute;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.06)}.module-orbit span:nth-child(1){left:15%;top:15%}.module-orbit span:nth-child(2){right:15%;top:18%}.module-orbit span:nth-child(3){left:6%;top:50%}.module-orbit span:nth-child(4){right:7%;top:52%}.module-orbit span:nth-child(5){left:36%;bottom:8%}.cta-section{padding:0 0 105px}.cta-card{background:linear-gradient(135deg,var(--primary),#8f6dff);color:#fff;border-radius:34px;padding:75px 40px;text-align:center}.cta-card p{color:#eee9ff}.centered-actions{justify-content:center}.page-hero{padding:105px 0 80px;background:linear-gradient(180deg,#f7f5ff,#fff);text-align:center}.page-hero p{font-size:21px}.page-hero .hero-actions{justify-content:center}.product-grid article>span{font-weight:800;color:var(--primary)}.dark-section{background:var(--dark);color:#fff}.dark-section p{color:#aab2c6}.check-list{list-style:none;padding:0}.check-list li{position:relative;padding-left:30px;margin:13px 0}.check-list li:before{content:"✓";position:absolute;left:0;color:#12b76a}.device-stack{height:390px;position:relative}.desktop-device,.phone-device,.tv-device{position:absolute;display:grid;place-items:center;border:8px solid #303750;background:linear-gradient(135deg,#6d4aff,#161b32);color:#fff;font-weight:800}.desktop-device{width:75%;height:65%;left:0;top:10%;border-radius:18px}.phone-device{width:25%;height:58%;right:10%;bottom:0;border-radius:26px}.tv-device{width:50%;height:34%;right:0;top:3%;border-radius:14px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.steps b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f0edff;color:var(--primary)}.solution-list article{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:80px 0;border-bottom:1px solid var(--line)}.solution-list article:nth-child(even)>div:first-child{order:2}.solution-mock{height:370px;border-radius:28px;display:grid;place-items:center;color:#fff;font-size:28px;font-weight:800;box-shadow:var(--shadow)}.creator-mock{background:linear-gradient(135deg,#6d4aff,#d946ef)}.school-mock{background:linear-gradient(135deg,#2563eb,#0ea5e9)}.association-mock{background:linear-gradient(135deg,#0f766e,#14b8a6)}.business-mock{background:linear-gradient(135deg,#111827,#475569)}.feature-sections article{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:42px 0;border-bottom:1px solid var(--line)}.feature-icon{width:70px;height:70px;border-radius:20px;background:#f0edff;display:grid;place-items:center;font-size:30px}.tag-list{display:flex;gap:10px;flex-wrap:wrap}.tag-list span{padding:8px 12px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:600}.billing-toggle{display:inline-flex;padding:5px;background:#eef0f5;border-radius:999px}.billing-toggle button{border:0;background:none;padding:10px 16px;border-radius:999px;font-weight:700}.billing-toggle .active{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.08)}.billing-toggle span{color:#12b76a}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;display:flex;flex-direction:column}.price-card.featured{border-color:var(--primary);box-shadow:0 18px 45px rgba(109,74,255,.12)}.popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:6px 12px;border-radius:999px;font-size:11px}.price-label{font-size:11px;font-weight:800;color:var(--primary);letter-spacing:.13em}.price-card h3{font-size:34px;margin-top:16px}.price-card h3 span{font-size:14px;color:var(--muted)}.price-card ul{padding-left:18px;color:#475467;min-height:185px}.price-card .button{margin-top:auto}.comparison-table{border:1px solid var(--line);border-radius:20px;overflow:hidden}.comparison-table .row{display:grid;grid-template-columns:2fr repeat(4,1fr);padding:16px 20px;border-bottom:1px solid var(--line)}.comparison-table .head{background:var(--soft);font-weight:800}.resource-grid article span{font-size:30px}.resource-grid article a{color:var(--primary);font-weight:700}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.integration-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;display:flex;flex-direction:column}.integration-grid span{font-size:13px;color:var(--muted)}.code-window{background:#101427;color:#c9d1e3;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.code-window>div{padding-bottom:14px;border-bottom:1px solid #2a3148}.code-window pre{white-space:pre-wrap}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.security-grid{grid-template-columns:repeat(4,1fr)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-benefits{display:grid;gap:16px}.contact-benefits div{padding:18px 0;border-bottom:1px solid var(--line)}.contact-benefits strong,.contact-benefits span{display:block}.contact-form,.auth-card form{display:grid;gap:18px}.contact-form label,.auth-card label{display:grid;gap:8px;font-weight:700;font-size:14px}.contact-form input,.contact-form select,.contact-form textarea,.auth-card input{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:12px;font:inherit}.form-success{padding:14px;border-radius:12px;background:#ecfdf3;color:#027a48}.auth-section{min-height:100vh}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-showcase{padding:55px;background:linear-gradient(145deg,#101427,#3b2d7e);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-showcase p{color:#c7cce0;font-size:20px}.auth-showcase h1{font-size:58px}.auth-card{padding:70px;align-self:center;max-width:600px;width:100%}.auth-card form .button{width:100%}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.checkbox{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.checkbox input{width:auto}.auth-footer{text-align:center;margin-top:24px}.auth-footer a,.form-row a{color:var(--primary);font-weight:700}.site-footer{background:#0b1020;color:#fff;padding:72px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px}.footer-brand p{color:#98a2b3;max-width:250px;margin-top:20px}.footer-grid h4{font-size:14px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-grid a{color:#aeb6c7;font-size:14px}.footer-bottom{border-top:1px solid #20263a;margin-top:48px;padding-top:20px;display:flex;justify-content:space-between;color:#667085;font-size:13px}
@media(max-width:1000px){.main-nav,.header-actions .link-button{display:none}.menu-toggle{display:block;margin-left:auto}.header-actions{margin-left:0}.hero-grid,.split-layout,.contact-grid,.solution-list article,.auth-layout{grid-template-columns:1fr}.industry-grid,.product-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid,.integration-grid,.security-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.solution-list article:nth-child(even)>div:first-child{order:0}.auth-showcase{min-height:460px}.auth-card{margin:auto}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}}
@media(max-width:640px){.container{width:min(100% - 28px,1180px)}.section{padding:72px 0}.site-header .button-small{display:none}.main-nav.open{display:flex;position:absolute;top:68px;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;flex-direction:column}.header-inner{height:68px}h1{font-size:44px}.hero-actions{display:grid}.button{width:100%}.trust-row,.industry-grid,.product-grid,.resource-grid,.pricing-grid,.integration-grid,.security-grid,.steps,.values-grid{grid-template-columns:1fr}.product-shell{min-width:560px}.browser-window{overflow-x:auto}.comparison-table{overflow-x:auto}.comparison-table .row{min-width:700px}.feature-sections article{grid-template-columns:1fr}.solution-mock{height:260px}.auth-showcase{padding:30px}.auth-showcase h1{font-size:42px}.auth-card{padding:40px 24px}.footer-grid{grid-template-columns:1fr}}

/* ===== Signup & Onboarding v0.3 ===== */
.onboarding-body{background:#f6f7fb;min-height:100vh}.onboarding-shell{min-height:100vh;display:grid;grid-template-columns:420px 1fr}.onboarding-aside{background:linear-gradient(145deg,#101427 0%,#2e225f 55%,#6d4aff 100%);color:#fff;padding:46px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.onboarding-aside:before,.onboarding-aside:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.onboarding-aside:before{width:420px;height:420px;right:-220px;top:20%}.onboarding-aside:after{width:260px;height:260px;left:-140px;bottom:5%}.onboarding-aside .brand,.onboarding-aside-copy,.onboarding-visual,.onboarding-aside small{position:relative;z-index:1}.onboarding-aside-copy h1{font-size:46px;letter-spacing:-.045em}.onboarding-aside-copy p{color:#d8d5eb}.onboarding-visual{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-card{padding:18px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:16px}.mini-card span,.mini-card strong{display:block}.mini-card span{font-size:11px;color:#c7c4da}.mini-card.active{background:rgba(255,255,255,.16)}.onboarding-main{padding:34px 52px 70px}.onboarding-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px;max-width:760px;margin:auto}.onboarding-back{font-weight:700;color:#344054}.progress-track{height:5px;background:#e8eaf0;border-radius:99px;max-width:760px;margin:20px auto 42px;overflow:hidden}.progress-track i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#9a7cff);border-radius:99px}.onboarding-card{max-width:760px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:42px;box-shadow:0 22px 60px rgba(25,33,61,.08)}.onboarding-heading h2{font-size:40px}.onboarding-heading.centered{text-align:center}.onboarding-form{display:grid;gap:20px}.onboarding-form label{display:grid;gap:8px;font-weight:700;font-size:14px}.onboarding-form input,.onboarding-form textarea,.onboarding-form select{width:100%;border:1px solid var(--line);border-radius:13px;padding:14px 15px;font:inherit;background:#fff}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.button-wide{width:100%}.social-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#98a2b3;font-size:12px}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.form-bottom-note{text-align:center;margin:18px 0 0}.form-bottom-note a{color:var(--primary);font-weight:700}.consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start;font-weight:500!important;color:#475467}.consent input{width:auto;margin-top:4px}.verify-icon{width:76px;height:76px;border-radius:24px;background:#f0edff;color:var(--primary);display:grid;place-items:center;font-size:34px;margin:0 auto 24px}.verify-box{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fafbfc;text-align:center;margin:25px 0}.text-button{display:block;margin:18px auto 0;border:0;background:none;color:var(--primary);font-weight:700;cursor:pointer;text-align:center}.domain-field{display:grid;grid-template-columns:auto 1fr auto;border:1px solid var(--line);border-radius:13px;overflow:hidden;align-items:center}.domain-field input{border:0;border-radius:0}.domain-field span{padding:0 12px;color:#667085;font-weight:500}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.choice-card,.template-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:20px;cursor:pointer;transition:.2s;background:#fff}.choice-card:hover,.template-card:hover{border-color:#a895ff;transform:translateY(-2px)}.choice-card input,.template-card input{position:absolute;opacity:0;pointer-events:none}.choice-card:has(input:checked),.template-card:has(input:checked){border:2px solid var(--primary);background:#faf9ff}.choice-icon,.choice-card strong,.choice-card small,.template-card strong,.template-card small{display:block}.choice-icon{font-size:28px;margin-bottom:18px}.choice-card small,.template-card small{color:var(--muted);font-weight:500}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.template-preview{height:150px;border-radius:14px;padding:16px;margin-bottom:15px;overflow:hidden}.template-preview div{height:45px;width:70%;border-radius:9px;margin-bottom:12px}.template-preview span{display:block;height:8px;width:85%;border-radius:8px;margin-bottom:8px}.template-preview.purple{background:#f2efff}.template-preview.purple div,.template-preview.purple span{background:#6d4aff}.template-preview.editorial{background:#fff5eb}.template-preview.editorial div,.template-preview.editorial span{background:#b45309}.template-preview.green{background:#ecfdf3}.template-preview.green div,.template-preview.green span{background:#0f766e}.template-preview.dark{background:#151a2e}.template-preview.dark div,.template-preview.dark span{background:#8b78ff}.color-options{display:flex;gap:12px}.color-options input{position:absolute;opacity:0}.color-options span{display:block;width:42px;height:42px;border-radius:14px;background:var(--swatch);border:4px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}.color-options label:has(input:checked) span{box-shadow:0 0 0 3px var(--primary)}.logo-upload{display:flex;gap:16px;align-items:center;border:1px dashed #cbd0da;border-radius:16px;padding:16px}.logo-upload>div:first-child{width:64px;height:64px;border-radius:18px;background:var(--primary);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800;overflow:hidden}.logo-upload img{width:100%;height:100%;object-fit:cover}.logo-upload strong,.logo-upload small{display:block}.logo-upload input{border:0;padding:8px 0}.brand-live-preview{border:1px solid var(--line);border-radius:18px;padding:18px;background:#f8f9fc}.brand-live-preview>small{display:block;margin-bottom:12px;color:#667085}.brand-preview-bar{display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;padding:13px}.brand-preview-bar>span{width:34px;height:34px;border-radius:10px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800}.brand-preview-bar button{margin-left:auto;border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:9px}.ready-animation{width:88px;height:88px;border-radius:50%;background:#ecfdf3;margin:0 auto 26px;display:grid;place-items:center}.ready-animation span{width:58px;height:58px;border-radius:50%;background:#12b76a;color:#fff;display:grid;place-items:center;font-size:30px}.workspace-summary{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin:28px 0}.workspace-summary div{padding:18px}.workspace-summary div:nth-child(odd){border-right:1px solid var(--line)}.workspace-summary div:nth-child(-n+2){border-bottom:1px solid var(--line)}.workspace-summary span,.workspace-summary strong{display:block}.workspace-summary span{font-size:12px;color:var(--muted)}
/* ===== Initial Workspace Dashboard ===== */
.dashboard-body{background:#f5f7fb}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.app-sidebar{position:sticky;top:0;height:100vh;background:#101427;color:#fff;padding:24px 18px;display:flex;flex-direction:column}.workspace-switcher{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;margin:30px 0;padding:12px;background:#1a2037;border:1px solid #293049;border-radius:14px}.workspace-avatar{width:38px;height:38px;border-radius:11px;background:var(--primary);display:grid;place-items:center;font-weight:800}.workspace-switcher strong,.workspace-switcher span{display:block}.workspace-switcher strong{font-size:13px}.workspace-switcher span{font-size:10px;color:#8f98ae}.app-nav{display:flex;flex-direction:column;gap:4px}.app-nav a,.app-sidebar-bottom a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#aeb6ca;font-size:14px;font-weight:600}.app-nav a.active,.app-nav a:hover{background:#242b46;color:#fff}.app-nav span{width:18px}.app-sidebar-bottom{margin-top:auto;border-top:1px solid #293049;padding-top:12px}.app-main{padding:0 34px 50px}.app-header{height:88px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.app-header h1{font-size:24px;margin:0}.app-header small{color:var(--muted)}.app-header-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.app-header-actions button{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:#fff}.user-avatar{width:40px;height:40px;border-radius:12px;background:#f1eaff;color:var(--primary);display:grid;place-items:center;font-weight:800}.app-menu-toggle{display:none}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#fff,#f0edff);border:1px solid #e8e5f9;border-radius:24px;padding:34px;margin:30px 0}.dashboard-welcome h2{font-size:34px}.setup-progress,.quick-actions,.ai-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.setup-head{display:flex;justify-content:space-between}.setup-head div strong,.setup-head div span{display:block}.setup-head span{font-size:13px;color:var(--muted)}.setup-line{height:7px;background:#eceef4;border-radius:99px;margin:18px 0 22px}.setup-line i{display:block;width:33%;height:100%;background:var(--primary);border-radius:99px}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.setup-grid article{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:15px;border:1px solid var(--line);border-radius:14px}.setup-grid article>span{width:34px;height:34px;border-radius:10px;background:#f1f3f7;display:grid;place-items:center;font-weight:800}.setup-grid article.done>span{background:#ecfdf3;color:#039855}.setup-grid strong,.setup-grid small{display:block}.setup-grid strong{font-size:13px}.setup-grid small{font-size:11px;color:var(--muted)}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.dashboard-metrics article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.dashboard-metrics span,.dashboard-metrics strong,.dashboard-metrics small{display:block}.dashboard-metrics strong{font-size:30px;margin:8px 0}.dashboard-metrics small{color:var(--muted)}.dashboard-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel-head{display:flex;justify-content:space-between}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-grid button{padding:16px;border:1px solid var(--line);background:#fff;border-radius:13px;text-align:left;font-weight:700}.ai-panel{background:linear-gradient(145deg,#171c32,#3a2c78);color:#fff}.ai-panel p{color:#cbd0e2}.ai-panel .panel-head span{background:#6d4aff;padding:4px 8px;border-radius:99px;font-size:10px}.ai-prompt{display:flex;background:#fff;border-radius:13px;padding:5px}.ai-prompt input{border:0;outline:0;padding:9px;flex:1}.ai-prompt button{width:40px;border:0;border-radius:9px;background:var(--primary);color:#fff}
@media(max-width:1000px){.onboarding-shell{grid-template-columns:1fr}.onboarding-aside{min-height:430px}.onboarding-main{padding:30px 22px 60px}.app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;z-index:60;left:-280px;width:260px;transition:.2s}.app-sidebar.open{left:0}.app-main{padding:0 20px 40px}.app-menu-toggle{display:block;margin-right:14px}.setup-grid{grid-template-columns:repeat(2,1fr)}.dashboard-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.onboarding-aside{padding:28px;min-height:390px}.onboarding-aside-copy h1{font-size:38px}.onboarding-card{padding:25px}.field-row,.social-auth-grid,.choice-grid,.template-grid,.workspace-summary,.setup-grid,.dashboard-metrics,.dashboard-columns{grid-template-columns:1fr}.workspace-summary div{border:0!important;border-bottom:1px solid var(--line)!important}.dashboard-welcome{align-items:flex-start;flex-direction:column}.quick-grid{grid-template-columns:1fr}}

/* ===== OTTP Workspace v0.4 ===== */
.page-actions,.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;margin:28px 0;gap:18px}.page-actions>div:last-child,.workspace-toolbar>div:last-child{display:flex;gap:10px;align-items:center}.section-title{font-size:28px;margin:0}.page-actions p{margin:4px 0 0;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.status-pill.success{background:#ecfdf3;color:#027a48}.status-pill.warning{background:#fffaeb;color:#b54708}.status-pill.danger{background:#fef3f2;color:#b42318}.status-pill.neutral{background:#f2f4f7;color:#475467}.panel-section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin:18px 0}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.panel-head a{color:var(--primary);font-weight:700;font-size:13px}.activity-list>div,.simple-list>div{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.activity-list>div:last-child,.simple-list>div:last-child{border-bottom:0}.activity-dot{width:9px;height:9px;border-radius:50%;background:var(--primary)}.activity-list strong,.activity-list small,.simple-list strong,.simple-list small{display:block}.activity-list small,.simple-list small{color:var(--muted);font-size:12px}.simple-list b{margin-left:auto}.quick-grid a{padding:16px;border:1px solid var(--line);background:#fff;border-radius:13px;text-align:left;font-weight:700;color:#101828}.dashboard-metrics.compact{margin-top:0}.dashboard-metrics.compact article strong{font-size:27px}.builder-layout{display:grid;grid-template-columns:220px minmax(420px,1fr) 260px;gap:16px;height:calc(100vh - 150px)}.builder-panel,.builder-settings,.builder-canvas{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:auto}.builder-panel,.builder-settings{padding:18px}.page-tree,.block-library{display:grid;gap:7px}.page-tree button,.block-library button{display:flex;justify-content:space-between;border:0;background:#f8f9fb;padding:11px;border-radius:10px;text-align:left}.page-tree button.active{background:#f0edff;color:var(--primary);font-weight:800}.block-library{grid-template-columns:1fr 1fr}.builder-settings label{display:grid;gap:7px;margin-bottom:16px;font-size:12px;font-weight:700}.builder-settings input,.builder-settings textarea,.builder-settings select{border:1px solid var(--line);border-radius:10px;padding:11px;font:inherit}.canvas-top{height:48px;border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:8px}.canvas-top button{border:0;background:#f2f4f7;border-radius:8px;padding:7px}.site-preview{margin:24px auto;background:#fff;border:1px solid #e5e7eb;max-width:900px;min-height:540px;box-shadow:0 10px 35px rgba(15,23,42,.08)}.site-preview nav{display:flex;align-items:center;padding:18px 25px;border-bottom:1px solid #eee}.site-preview nav div{margin-left:auto;color:#475467}.site-preview nav button{margin-left:20px}.preview-hero{text-align:center;padding:82px 60px;background:linear-gradient(145deg,#faf9ff,#eef2ff)}.preview-hero span{font-size:11px;font-weight:800;color:#6d4aff}.preview-hero h2{font-size:45px}.preview-hero button{background:#6d4aff;color:#fff;border:0;padding:13px 20px;border-radius:11px}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:28px}.preview-cards article{height:110px;border-radius:14px;background:#f2f4f7}.icon-button{border:0;background:#f2f4f7;width:34px;height:34px;border-radius:9px}.filter-tabs{display:flex;gap:6px;margin:20px 0}.filter-tabs button{border:0;background:#eef0f4;padding:9px 13px;border-radius:10px;font-weight:700;color:#667085}.filter-tabs button.active{background:#171c32;color:#fff}.table-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.search-input,.table-toolbar select,.page-actions select{border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:#fff}.search-input{min-width:260px}.data-table{overflow:auto}.table-row{display:grid;grid-template-columns:1.6fr .8fr 1fr .8fr .8fr 40px;align-items:center;gap:14px;padding:15px 8px;border-bottom:1px solid var(--line);min-width:850px;font-size:13px}.table-row.table-head{font-size:11px;font-weight:800;color:#667085;text-transform:uppercase}.table-row strong,.table-row small{display:block}.table-row small{color:var(--muted)}.table-row>button{border:0;background:none}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.course-cover{height:155px;padding:18px}.course-cover span{background:rgba(255,255,255,.9);padding:6px 9px;border-radius:99px;font-size:11px;font-weight:800}.purple-gradient{background:linear-gradient(145deg,#6d4aff,#a38bff)}.blue-gradient{background:linear-gradient(145deg,#2563eb,#60a5fa)}.product-card-body{padding:19px}.card-meta,.progress-label,.card-actions{display:flex;justify-content:space-between;align-items:center}.card-meta span,.progress-label{font-size:11px;color:var(--muted)}.mini-progress{height:6px;background:#edf0f4;border-radius:99px;margin:8px 0 18px}.mini-progress i{display:block;height:100%;background:var(--primary);border-radius:99px}.card-actions button{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:9px}.dashed-card{border-style:dashed}.dashed-card>button{width:100%;height:100%;min-height:330px;border:0;background:#fafbfc;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.dashed-card span{font-size:36px}.video-layout{display:grid;grid-template-columns:1fr 320px;gap:18px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.video-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.video-card>div:last-child{padding:14px}.video-card strong,.video-card small{display:block}.video-card small{color:var(--muted);margin-top:5px}.video-thumb{height:145px;display:grid;place-items:center;position:relative}.video-thumb b{position:absolute;right:8px;bottom:8px;background:#101828;color:#fff;padding:4px 6px;border-radius:6px;font-size:10px}.dark-video{background:linear-gradient(135deg,#141827,#403b66)}.purple-video{background:linear-gradient(135deg,#6d4aff,#b79fff)}.blue-video{background:linear-gradient(135deg,#155eef,#84adff)}.play{width:45px;height:45px;background:rgba(255,255,255,.9);border-radius:50%;display:grid;place-items:center}.live-card h3{font-size:24px}.fake-chart{height:230px;margin-top:15px}.fake-chart.bars{display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line)}.fake-chart.bars i{flex:1;background:linear-gradient(180deg,#8b78ff,#6d4aff);border-radius:7px 7px 0 0}.integration-row,.payment-method,.domain-card{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.integration-row>div,.payment-method>div,.domain-card>div:first-child{display:flex;align-items:center;gap:12px}.integration-logo{width:42px;height:42px;border-radius:12px;background:#f0edff;color:var(--primary);display:grid;place-items:center;font-weight:800}.community-layout{display:grid;grid-template-columns:1fr 320px;gap:18px}.composer-user{display:flex;gap:12px}.composer-user button{flex:1;border:1px solid var(--line);background:#f8f9fb;border-radius:999px;text-align:left;padding:0 18px;color:#667085}.composer-actions{display:flex;gap:9px;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.composer-actions button{border:0;background:none;font-weight:700}.post-author{display:flex;align-items:center;gap:10px}.post-author button{margin-left:auto;border:0;background:none}.round-avatar{width:38px;height:38px;border-radius:50%;background:#f0edff;color:var(--primary);display:grid;place-items:center;font-weight:800}.post-banner{color:#fff;padding:28px;border-radius:16px}.post-banner strong,.post-banner span{display:block}.post-stats{display:flex;justify-content:space-between;margin-top:15px;color:#667085;font-size:13px}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.analytics-grid .panel-section{margin:0}.span-2{grid-column:span 2}.line-chart svg{width:100%;height:100%;overflow:visible}.line-chart polyline{fill:none;stroke:#6d4aff;stroke-width:5;stroke-linecap:round}.line-chart polyline.second{stroke:#b9abff;stroke-width:3}.legend{display:flex;gap:14px;font-size:11px;color:#667085}.source-list>div{display:grid;grid-template-columns:1fr auto;gap:6px;margin:18px 0}.source-list i{grid-column:1/3;height:7px;background:linear-gradient(90deg,#6d4aff var(--w),#eef0f4 0);border-radius:99px}.source-list div i{background:#eef0f4;position:relative}.source-list div i:after{content:"";display:block;width:inherit;height:100%;background:#6d4aff;border-radius:99px}.funnel{display:flex;align-items:center;gap:5px}.funnel div{flex:1;text-align:center;background:#f0edff;padding:22px 10px;clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%,5% 50%)}.funnel strong,.funnel span{display:block}.ai-workspace{display:grid;grid-template-columns:220px 1fr 220px;gap:16px;height:calc(100vh - 118px);padding:18px 0}.ai-workspace .panel-section{margin:0}.ai-history{display:flex;flex-direction:column;gap:8px}.ai-history>button{border:0;background:#f7f8fb;border-radius:10px;padding:11px;text-align:left}.ai-history>button.active{background:#f0edff;color:var(--primary)}.ai-chat{display:flex;flex-direction:column}.ai-chat-head{display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid var(--line)}.ai-orb{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#6d4aff,#a38bff);color:#fff;display:grid;place-items:center}.chat-messages{flex:1;overflow:auto;padding:18px 0}.chat-message{display:flex;gap:10px;margin-bottom:18px}.chat-message>span{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#f0edff;display:grid;place-items:center;color:var(--primary);font-weight:800}.chat-message.user{flex-direction:row-reverse}.chat-message.user>div{background:#f0edff}.chat-message>div{max-width:75%;background:#f7f8fb;padding:12px 15px;border-radius:14px}.chat-message p{margin:0}.chat-composer{display:flex;border:1px solid var(--line);border-radius:14px;padding:7px}.chat-composer textarea{flex:1;border:0;resize:none;padding:8px;outline:0}.chat-composer button{width:44px;border:0;border-radius:10px;background:var(--primary);color:#fff}.suggestion-chips{display:flex;gap:7px;margin-bottom:10px}.suggestion-chips button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 10px;font-size:11px}.ai-context .checkbox{display:flex;gap:8px;margin:13px 0}.person-cell{display:flex;gap:10px;align-items:center}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.role-grid article{border:1px solid var(--line);border-radius:14px;padding:16px}.role-grid strong,.role-grid span,.role-grid b{display:block}.role-grid span{color:var(--muted);margin:6px 0 14px}.domain-icon{width:42px;height:42px;border-radius:12px;background:#f0edff;display:grid;place-items:center;color:var(--primary)}.dns-instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dns-instructions>div{background:#f8f9fb;border-radius:14px;padding:16px}.dns-instructions span{width:30px;height:30px;border-radius:50%;background:#171c32;color:#fff;display:grid;place-items:center}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.integration-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;display:flex;flex-direction:column;gap:13px}.integration-grid article button{margin-top:auto;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px}.billing-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;background:linear-gradient(145deg,#151a2e,#43337f);color:#fff;padding:34px;border-radius:24px}.billing-hero p{color:#cbd0e2}.plan-price strong{font-size:50px}.usage-item{margin-bottom:18px}.usage-item>span,.usage-item>b{display:inline-block}.usage-item>b{float:right}.usage-item i{display:block;height:7px;background:rgba(255,255,255,.15);border-radius:99px;clear:both;margin-top:8px}.usage-item em{display:block;height:100%;background:#9f8cff;border-radius:99px}.big-value{font-size:34px}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:18px}.settings-nav{display:flex;flex-direction:column;gap:5px}.settings-nav button{border:0;background:none;text-align:left;padding:11px;border-radius:9px}.settings-nav button.active{background:#f0edff;color:var(--primary);font-weight:800}.settings-form{display:grid;gap:18px}.settings-form>label,.settings-form .field-row label{display:grid;gap:7px;font-weight:700;font-size:13px}.settings-form input,.settings-form textarea,.settings-form select{border:1px solid var(--line);border-radius:11px;padding:12px;font:inherit}.switch input{display:none}.switch span{display:block;width:46px;height:26px;border-radius:99px;background:#d0d5dd;padding:3px}.switch span:after{content:"";display:block;width:20px;height:20px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{transform:translateX(20px)}.toast{position:fixed;right:24px;bottom:24px;background:#101828;color:#fff;padding:13px 17px;border-radius:12px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:rgba(10,15,30,.58);display:none;place-items:center;z-index:90;padding:20px}.modal-backdrop.open{display:grid}.demo-modal{width:min(540px,100%);background:#fff;border-radius:22px;padding:26px;position:relative}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:24px}.modal-form{display:grid;gap:14px}.modal-form label{display:grid;gap:6px;font-size:13px;font-weight:700}.modal-form input,.modal-form textarea,.modal-form select{border:1px solid var(--line);border-radius:10px;padding:11px;font:inherit}
@media(max-width:1200px){.builder-layout{grid-template-columns:200px 1fr}.builder-settings{display:none}.integration-grid{grid-template-columns:repeat(3,1fr)}.ai-workspace{grid-template-columns:190px 1fr}.ai-context{display:none}}@media(max-width:900px){.card-grid,.video-grid,.integration-grid,.analytics-grid{grid-template-columns:repeat(2,1fr)}.video-layout,.community-layout,.billing-hero,.settings-layout{grid-template-columns:1fr}.span-2{grid-column:auto}.builder-layout{grid-template-columns:1fr}.builder-panel{display:none}.ai-workspace{grid-template-columns:1fr}.ai-history{display:none}.dns-instructions,.role-grid{grid-template-columns:1fr}}@media(max-width:640px){.page-actions,.workspace-toolbar{align-items:flex-start;flex-direction:column}.page-actions>div:last-child{width:100%;flex-wrap:wrap}.search-input{min-width:0;width:100%}.card-grid,.video-grid,.integration-grid,.analytics-grid{grid-template-columns:1fr}.builder-layout{height:auto}.site-preview{margin:10px}.preview-hero{padding:50px 20px}.preview-hero h2{font-size:34px}.community-layout{display:block}.funnel{display:grid}.funnel div{clip-path:none;border-radius:12px}.app-header-actions button{display:none}.table-toolbar{flex-direction:column}.ai-workspace{height:auto}.chat-messages{min-height:500px}}

/* ===== Multi-channel OTT module v0.5 ===== */
.ott-channel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ott-channel-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.ott-channel-cover{height:150px;padding:16px;display:flex;justify-content:space-between;align-items:flex-start}.kids-cover{background:linear-gradient(135deg,#ffd166,#ff7a59 55%,#7a5cff)}.academy-cover{background:linear-gradient(135deg,#1d4ed8,#60a5fa)}.cinema-cover{background:linear-gradient(135deg,#111827,#6d28d9)}.ott-logo{width:54px;height:54px;border-radius:17px;background:rgba(255,255,255,.92);display:grid;place-items:center;font-weight:900;color:#1f2937;box-shadow:0 8px 20px rgba(17,24,39,.15)}.ott-logo.large{width:72px;height:72px;font-size:24px}.ott-channel-cover .ott-logo{align-self:flex-end}.ott-channel-content{padding:20px}.ott-channel-head{display:flex;justify-content:space-between}.ott-channel-head h3{margin-bottom:2px}.ott-channel-head small{color:var(--muted)}.ott-channel-head button{border:0;background:none}.ott-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.ott-card-stats span{font-size:11px;color:var(--muted)}.ott-card-stats b{display:block;color:#101828;font-size:17px}.ott-revenue-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0}.ott-channel-card .card-actions{gap:8px}.ott-channel-card .card-actions a,.ott-channel-card .card-actions button{flex:1;text-align:center}.create-channel-card{border-style:dashed;min-height:390px}.create-channel-card>button{width:100%;height:100%;border:0;background:#fafbfc;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.create-channel-card>button span{font-size:42px}.feature-check-list{display:grid;gap:12px}.channel-hero{display:flex;justify-content:space-between;align-items:center;margin:28px 0;padding:26px;background:linear-gradient(135deg,#171c32,#3b2a72);color:#fff;border-radius:22px}.compact-hero{padding:20px 24px}.channel-hero-brand{display:flex;align-items:center;gap:16px}.channel-hero-brand h2{margin:5px 0 0;font-size:30px}.channel-hero-brand p{margin:2px 0;color:#cbd0e2}.channel-hero-actions{display:flex;gap:10px}.channel-tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:24px}.channel-tabs a{padding:12px 14px;color:#667085;font-weight:700;white-space:nowrap;border-bottom:2px solid transparent}.channel-tabs a.active{color:var(--primary);border-color:var(--primary)}.ott-video-row{grid-template-columns:2fr .8fr .8fr .8fr .7fr .8fr}.ott-video-management{grid-template-columns:2fr .9fr 1.2fr .5fr .7fr .8fr .6fr}.video-title-cell{display:flex;align-items:center;gap:10px}.mini-thumb{width:64px;height:42px;border-radius:9px;display:grid;place-items:center;color:#fff;flex:0 0 64px}.editor-header{display:flex;justify-content:space-between;align-items:center;margin:28px 0}.editor-header>div:last-child{display:flex;gap:10px}.editor-header a{color:var(--primary);font-weight:700}.video-editor-layout{display:grid;grid-template-columns:1fr 320px;gap:18px}.video-upload-zone{display:flex;align-items:center;gap:14px;border:1px dashed #c9ced8;border-radius:16px;padding:18px}.video-upload-zone>span{width:54px;height:54px;border-radius:14px;background:#171c32;color:#fff;display:grid;place-items:center}.video-upload-zone>div{flex:1}.video-upload-zone strong,.video-upload-zone small{display:block}.processing-row{display:flex;justify-content:space-between;margin-top:12px;padding:10px 12px;background:#ecfdf3;color:#027a48;border-radius:10px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.asset-upload{display:grid;gap:8px}.asset-upload input{font-size:11px}.thumbnail-placeholder{height:120px;border-radius:14px;background:linear-gradient(135deg,#3b2a72,#7c5cff);color:#fff;display:grid;place-items:center;font-weight:800}.thumb-vertical{height:150px;background:linear-gradient(135deg,#155eef,#60a5fa)}.thumb-poster{height:180px;background:linear-gradient(135deg,#111827,#6d28d9)}.video-editor-aside label{display:grid;gap:7px;margin-bottom:14px;font-size:12px;font-weight:700}.video-editor-aside input,.video-editor-aside select{border:1px solid var(--line);border-radius:10px;padding:11px}.sticky-panel{position:sticky;top:18px}.seo-score{background:#ecfdf3;color:#027a48;border-radius:99px;padding:7px 10px;font-weight:800}.playlist-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.playlist-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.playlist-card>div:last-child{padding:17px}.playlist-stack{height:150px;padding:14px;position:relative}.playlist-stack:before,.playlist-stack:after{content:"";position:absolute;left:14px;right:14px;height:10px;background:rgba(255,255,255,.25);border-radius:8px}.playlist-stack:before{bottom:-7px}.playlist-stack:after{bottom:-13px;opacity:.5}.playlist-stack span{background:rgba(255,255,255,.9);padding:6px 9px;border-radius:99px;font-size:11px;font-weight:800}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rule-grid article{padding:16px;background:#f8f9fb;border-radius:14px}.rule-grid strong,.rule-grid span,.rule-grid b{display:block}.rule-grid span{color:var(--muted);margin:6px 0 12px}.monetization-layout{display:grid;grid-template-columns:1fr 320px;gap:18px}.monetization-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.monetization-option{position:relative;border:1px solid var(--line);border-radius:14px;padding:16px;cursor:pointer}.monetization-option input{position:absolute;opacity:0}.monetization-option:has(input:checked){border:2px solid var(--primary);background:#faf9ff}.monetization-option span,.monetization-option small{display:block}.monetization-option span{font-weight:800}.monetization-option small{color:var(--muted);margin-top:4px}.pricing-plan-list article{display:grid;grid-template-columns:1.5fr .8fr .5fr 30px;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.pricing-plan-list strong,.pricing-plan-list span{display:block}.pricing-plan-list span{color:var(--muted)}.paywall-preview{text-align:center;border:1px solid var(--line);border-radius:18px;padding:16px}.paywall-video{height:130px;background:linear-gradient(135deg,#111827,#4c1d95);border-radius:12px}.paywall-lock{display:grid;place-items:center;width:54px;height:54px;margin:-27px auto 12px;background:#fff;border-radius:50%;box-shadow:0 8px 20px rgba(0,0,0,.15);font-size:22px}.paywall-preview button{width:100%;border:0;background:var(--primary);color:#fff;padding:11px;border-radius:10px;margin-top:8px}.paywall-preview button.secondary-pay{background:#fff;color:#101828;border:1px solid var(--line)}.ott-builder{height:calc(100vh - 210px)}.ott-site-preview{margin:20px auto;background:#0d1120;color:#fff;border-radius:16px;overflow:hidden;max-width:900px;min-height:560px}.ott-site-preview nav{display:flex;align-items:center;padding:18px 24px;background:#11162a}.ott-site-preview nav div{margin-left:auto;color:#bbc2d0}.ott-site-preview nav button{margin-left:20px;background:#7c5cff;color:#fff;border:0;padding:9px 14px;border-radius:9px}.ott-preview-hero{height:300px;padding:70px 48px;background:linear-gradient(90deg,rgba(9,12,24,.95),rgba(9,12,24,.2)),linear-gradient(135deg,#ff7a59,#7c5cff)}.ott-preview-hero h2{font-size:44px}.ott-preview-hero button{background:#fff;border:0;padding:11px 16px;border-radius:10px}.ott-preview-hero button.ghost{background:rgba(255,255,255,.15);color:#fff}.ott-site-preview>section:not(.ott-preview-hero){padding:12px 24px}.ott-content-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ott-content-row article{height:95px;border-radius:10px;background:linear-gradient(135deg,#27304f,#6d4aff)}.ott-bars{height:260px}
@media(max-width:1200px){.ott-channel-grid{grid-template-columns:repeat(2,1fr)}.playlist-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.video-editor-layout,.monetization-layout{grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr 1fr}.ott-builder{height:auto}.playlist-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.ott-channel-grid,.playlist-grid,.asset-grid,.monetization-options,.rule-grid{grid-template-columns:1fr}.channel-hero,.editor-header{align-items:flex-start;flex-direction:column;gap:15px}.channel-hero-actions,.editor-header>div:last-child{width:100%;flex-wrap:wrap}.ott-card-stats{grid-template-columns:1fr 1fr}.ott-video-management,.ott-video-row{min-width:950px}.pricing-plan-list article{grid-template-columns:1fr}.channel-tabs{margin-left:-20px;margin-right:-20px;padding-left:20px}}