*{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
:root{--bg:#07152c;--panel:#0f1c34;--panel2:#14243f;--text:#f4f7ff;--muted:#95a7c5;--accent:#8b5cf6;--accent2:#20d5ff;--line:rgba(255,255,255,.1)}
/* -------- marketing home -------- */
.marketing-body{min-height:100vh;color:#eef5ff;background:radial-gradient(circle at 0 10%,#37145d 0,transparent 28%),radial-gradient(circle at 100% 80%,#006f78 0,transparent 28%),#07152c}
.mk-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1360px,92vw);margin:auto;padding:24px 0}.mk-brand{font-size:28px;font-weight:900;letter-spacing:-.04em}.mk-brand span,.mk-copy h1 span{color:#b26cff}.mk-nav nav{display:flex;gap:10px;flex-wrap:wrap}.mk-nav nav a{padding:9px 13px;border-radius:999px;border:1px solid transparent;font-size:13px}.mk-nav nav a:hover{border-color:#52627e;background:#10213d}.mk-main{width:min(1360px,92vw);margin:20px auto 0;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:50px;align-items:center;min-height:68vh}.mk-pill{display:inline-flex;padding:9px 14px;border:1px solid #596b8e;border-radius:999px;background:#101d39}.mk-copy h1{font-size:clamp(54px,7vw,104px);margin:22px 0 4px;line-height:.9;letter-spacing:-.06em}.mk-copy h2{font-size:clamp(26px,3vw,42px);margin:0 0 18px}.mk-copy p{color:#c7d2e7;line-height:1.65;font-size:17px;max-width:700px}.mk-actions{display:flex;gap:12px;margin:26px 0}.mk-actions a{padding:14px 24px;border-radius:999px;font-weight:800}.mk-actions .primary{background:linear-gradient(90deg,#9b38ff,#1cc8ff);box-shadow:0 15px 40px rgba(87,105,255,.35)}.mk-actions .secondary{border:1px solid #7180a0;background:#0a172c}.mk-features{display:flex;gap:24px;flex-wrap:wrap;color:#bdcbe0;font-size:13px}.mk-scene{position:relative;min-height:560px;display:grid;place-items:center;perspective:1200px}.mk-window{width:min(700px,90%);height:390px;border:1px solid #4961a4;border-radius:26px;background:linear-gradient(145deg,#101c39,#0b1730);box-shadow:0 45px 100px rgba(0,0,0,.42),0 0 55px rgba(91,92,255,.25);transform:rotateY(-8deg) rotateX(3deg);animation:mkFloat 5s ease-in-out infinite}.mk-dot{padding:16px 18px;color:#ff6d75;letter-spacing:4px;border-bottom:1px solid #27385c}.mk-window-grid{display:grid;grid-template-columns:190px 1fr;height:calc(100% - 54px)}.mk-window-grid>div:first-child{border-right:1px solid #27385c;padding:26px}.mk-window-grid small{display:block;margin:18px 0;color:#8194b3}.mk-window-grid>div:last-child{padding:32px}.mk-window-grid h3{font-size:36px;margin:0 0 24px}.mk-preview{height:170px;border-radius:22px;background:linear-gradient(145deg,#7b5cf5,#d89aff 55%,#6ae7ff);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.float-card{position:absolute;padding:18px 22px;border-radius:18px;border:1px solid #5874cb;background:linear-gradient(145deg,#281b6d,#152252);box-shadow:0 20px 60px rgba(0,0,0,.35);font-weight:900;animation:floatCard 4s ease-in-out infinite}.fc1{left:4%;top:18%}.fc2{right:2%;top:20%;animation-delay:-1.4s}.fc3{right:10%;bottom:9%;animation-delay:-2.4s}.mk-footer{width:min(1360px,92vw);margin:0 auto;padding:28px 0 40px;border-top:1px solid rgba(255,255,255,.1)}.mk-footer nav{display:flex;gap:16px;flex-wrap:wrap}.mk-footer a{font-size:12px;color:#aab9d1}@keyframes mkFloat{50%{transform:rotateY(-5deg) rotateX(1deg) translateY(-10px)}}@keyframes floatCard{50%{transform:translateY(-10px) rotate(1deg)}}
/* -------- legal -------- */
.legal-body{background:#f4f7fb;color:#142033;min-height:100vh}.legal-shell{width:min(980px,92vw);margin:60px auto;background:#fff;border:1px solid #dde4ef;border-radius:18px;padding:34px;box-shadow:0 18px 55px rgba(24,42,72,.08)}.legal-shell h1{font-size:40px;margin:14px 0}.legal-shell p{line-height:1.75;color:#44536b}.legal-back{color:#2c62c8}.legal-links{border-top:1px solid #e5e9f0;margin-top:34px;padding-top:20px;display:flex;gap:12px;flex-wrap:wrap}.legal-links a{font-size:12px;color:#41526d}
/* -------- admin -------- */
.admin-body{background:#edf2f7;color:#172235;min-height:100vh}.admin-top{height:58px;background:#142033;color:#eaf1ff;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.admin-top a{color:#9fc4ff}.admin-shell{display:grid;grid-template-columns:300px minmax(0,1fr) 360px;gap:16px;width:min(1540px,96vw);margin:18px auto}.admin-left,.admin-right,.admin-card{background:#fff;border:1px solid #dbe4ef;border-radius:16px}.admin-left{padding:14px;align-self:start}.admin-left h2,.admin-card h2{font-size:17px;margin:4px 0 12px}.url-item{padding:9px 0;border-bottom:1px solid #edf1f6}.url-item b{font-size:11px;display:block;margin-bottom:6px}.url-item div{display:flex;gap:6px}.url-item input{min-width:0;flex:1;border:1px solid #d7e0eb;background:#f8fafc;border-radius:8px;padding:7px;font-size:10px;color:#4d5c73}.url-item button,.admin-card button,.login-card button{border:0;border-radius:8px;background:#2463eb;color:#fff;font-weight:800;padding:8px 10px;cursor:pointer}.admin-center{display:grid;gap:16px}.admin-card{padding:18px}.admin-card>h1{margin:0 0 6px}.admin-card>p{color:#69778e}.admin-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.admin-kpis span{padding:14px;background:#f7f9fc;border:1px solid #e3e9f1;border-radius:12px}.admin-kpis b{display:block;font-size:24px}.media-row{display:grid;grid-template-columns:1fr 210px 80px 68px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1f6}.media-row select,.media-row input,.admin-right select,.admin-right textarea{width:100%;border:1px solid #d7e0eb;border-radius:8px;background:#fff;padding:8px;color:#172235}.admin-right{background:transparent;border:0}.sticky{position:sticky;top:74px}.admin-right textarea{margin:10px 0;resize:vertical}.admin-flash{grid-column:1/-1;padding:10px 14px;background:#e9fff0;color:#17663b;border:1px solid #b9e9c8;border-radius:10px}.login-card{width:min(380px,92vw);margin:10vh auto;background:#fff;border:1px solid #dbe4ef;border-radius:18px;padding:24px;box-shadow:0 20px 60px rgba(30,50,80,.12)}.login-card h1{margin:0 0 4px}.login-card p{color:#708096}.login-card label{display:block;margin:14px 0;font-size:12px;font-weight:800}.login-card input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #d5dee9;border-radius:9px}.login-card button{width:100%;padding:11px}.admin-error{background:#fff0f2;color:#9d2235;border:1px solid #ffcbd3;border-radius:9px;padding:9px}
/* -------- landing shared -------- */
.landing{min-height:100vh;background:var(--page-bg,#07152c);color:var(--page-text,#f5f7ff)}.landing-shell{width:min(var(--page-width,1180px),94vw);margin:0 auto;padding:18px 0 48px}.landing-head{text-align:center;padding:20px 10px 18px}.landing-head h1{font-size:clamp(32px,5vw,58px);line-height:1;margin:0 0 9px;letter-spacing:-.04em}.landing-head p{max-width:760px;margin:0 auto;color:var(--page-muted,#9fb0ca);font-size:13px;line-height:1.5}.vp-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.vp-actions a,.vp-actions button{border:1px solid var(--page-line,rgba(255,255,255,.14));border-radius:999px;color:inherit;background:rgba(0,0,0,.12);padding:9px 17px;font-weight:800;cursor:pointer}.fast-card{max-width:700px;margin:0 auto 18px;border-radius:18px;overflow:hidden;border:1px solid var(--page-line,rgba(255,255,255,.12));background:var(--card-bg,#111c31)}.fast-card img{display:block;width:100%;max-height:360px;object-fit:cover}.media-grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--gap,16px)}.media-card{background:var(--card-bg,#111c31);border:1px solid var(--page-line,rgba(255,255,255,.1));border-radius:var(--radius,16px);overflow:hidden;box-shadow:var(--shadow,0 16px 44px rgba(0,0,0,.22));min-width:0}.media-link{display:block}.thumb-wrap{position:relative;aspect-ratio:16/9;background:#070b12;overflow:hidden}.thumb-wrap img,.thumb-wrap video{display:block;width:100%;height:100%;object-fit:cover}.type-badge,.duration{position:absolute;top:8px;background:rgba(0,0,0,.78);color:#fff;padding:4px 6px;border-radius:5px;font-size:10px;font-weight:900}.type-badge{right:8px}.duration{left:8px;top:auto;bottom:8px}.gif-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.66);color:white;font-size:19px;border:1px solid rgba(255,255,255,.3)}.card-copy{padding:12px}.card-copy h2{font-size:14px;margin:0 0 7px;line-height:1.25}.card-copy p{margin:8px 0 0;color:var(--page-muted,#9fb0ca);font-size:11px;line-height:1.45}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--meta,#7fd8ff);font-size:10px}.portal-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 16px}.portal-search{flex:1;padding:11px 14px;background:var(--card-bg,#111c31);border:1px solid var(--page-line,rgba(255,255,255,.1));border-radius:10px;color:var(--page-muted,#9fb0ca)}.portal-search span{float:right}.portal-chips{display:flex;gap:8px;flex-wrap:wrap}.portal-chips span{padding:8px 11px;border:1px solid var(--page-line,rgba(255,255,255,.1));background:var(--card-bg,#111c31);border-radius:999px;font-size:11px}.pagination{display:flex;gap:8px;justify-content:center;margin:24px 0}.pagination span,.pagination a{display:grid;place-items:center;min-width:36px;height:36px;border-radius:6px;background:var(--card-bg,#111c31);border:1px solid var(--page-line,rgba(255,255,255,.1));font-size:12px}.pagination .active{background:var(--accent,#ff2d67);color:white}.seo-block{max-width:900px;margin:28px auto 0;border-top:1px solid var(--page-line,rgba(255,255,255,.1));padding-top:18px}.seo-block h2{font-size:18px}.seo-block p{color:var(--page-muted,#9fb0ca);font-size:12px;line-height:1.6}.extra-card{display:none}.extra-card.show{display:block}
/* 01 Viral Pulse */
.d01{--page-bg:radial-gradient(circle at 0 0,#41105d 0,transparent 25%),radial-gradient(circle at 100% 80%,#00727b 0,transparent 26%),#06152d;--card-bg:#0d1b34;--page-line:rgba(255,255,255,.13);--page-muted:#9bb0cc;--cols:1;--page-width:720px}.d01 .landing-shell{padding-top:6px}.d01 .landing-head{padding-top:18px}.d01 .landing-head h1{font-size:clamp(34px,8vw,54px);margin-top:0}.d01 .media-grid{gap:10px}.d01 .media-card{border-radius:16px}.d01 .card-copy{padding:12px 14px}
/* 02 Ocean Cards */
.d02{--page-bg:linear-gradient(180deg,#052d42,#064f68);--card-bg:#07384c;--page-line:rgba(124,236,255,.22);--page-muted:#bee8f1;--meta:#7cecff;--cols:2;--page-width:900px;--radius:24px}
/* 03 Violet Glass */
.d03{--page-bg:radial-gradient(circle at 15% 20%,#6c2ca7,transparent 32%),radial-gradient(circle at 85% 75%,#294db2,transparent 34%),#1b1030;--card-bg:rgba(31,20,54,.82);--page-line:rgba(215,165,255,.24);--page-muted:#decdf2;--meta:#d7a5ff;--cols:2;--page-width:900px;--radius:26px}
/* 04 Sunset Tiles */
.d04{--page-bg:linear-gradient(150deg,#4b1734,#b84755 45%,#ee805d);--card-bg:#3c1830;--page-line:rgba(255,220,205,.22);--page-muted:#ffe0d5;--meta:#ffd2bd;--cols:3;--page-width:1100px;--radius:18px}
/* 05 Midnight Feed */
.d05{--page-bg:#060b14;--card-bg:#0d1421;--page-line:#26344a;--page-muted:#95a5bd;--meta:#6dd8ff;--cols:1;--page-width:760px;--radius:12px}.d05 .media-card{display:grid;grid-template-columns:42% 58%}.d05 .thumb-wrap{height:100%;aspect-ratio:auto}.d05 .card-copy{align-self:center}
/* 06 Aqua Motion */
.d06{--page-bg:linear-gradient(145deg,#07192a,#0b3040);--card-bg:#0d2433;--page-line:#1c5368;--page-muted:#b7d7df;--meta:#62f2e8;--cols:2;--page-width:980px;--radius:28px}.d06 .media-card:nth-child(odd){transform:translateY(8px)}
/* 07 Dark Media Portal */
.d07{--page-bg:#080909;--card-bg:#151515;--page-line:#303030;--page-muted:#a9a9a9;--meta:#ff4772;--accent:#ff2d67;--cols:4;--page-width:1280px;--radius:4px}.d07 .landing-head{text-align:left;border-bottom:1px solid #252525}.d07 .media-card{box-shadow:none}.d07 .card-copy h2{font-size:12px}
/* 08 Black Accent Feed */
.d08{--page-bg:#000;--card-bg:#111;--page-line:#2a2a2a;--page-muted:#9d9d9d;--meta:#f6a21b;--accent:#f29a00;--cols:3;--page-width:1140px;--radius:8px}.d08 .landing-head{text-align:left}.d08 .portal-chips span{background:#171717}
/* 09 Purple Compact Grid */
.d09{--page-bg:#120525;--card-bg:#29193c;--page-line:#533b6e;--page-muted:#b9a4ce;--meta:#b36cff;--accent:#934fe6;--cols:5;--page-width:1320px;--radius:0}.d09 .media-grid{gap:2px}.d09 .media-card{box-shadow:none}.d09 .card-copy{padding:9px}.d09 .card-copy h2{font-size:11px}.d09 .card-copy p{display:none}
/* 10 Dense Dark Wall */
.d10{--page-bg:#090909;--card-bg:#151515;--page-line:#252525;--page-muted:#a4a4a4;--meta:#d9d9d9;--accent:#ff4b32;--cols:5;--page-width:1500px;--radius:2px}.d10 .media-grid{gap:10px}.d10 .media-card{box-shadow:none}.d10 .card-copy{padding:7px 4px}.d10 .card-copy h2{font-size:11px}.d10 .card-copy p{display:none}
/* 11 Blue Compact Grid */
.d11{--page-bg:#253248;--card-bg:#1b2638;--page-line:#3b4e69;--page-muted:#a7bdd7;--meta:#2bc1ff;--accent:#1c9ce8;--cols:5;--page-width:1280px;--radius:0}.d11 .media-grid{gap:4px}.d11 .card-copy{padding:7px}.d11 .card-copy h2{font-size:10px}.d11 .card-copy p{display:none}
/* 12 Royal Search Portal */
.d12{--page-bg:#0808a6;--card-bg:#1011bd;--page-line:#3c58ff;--page-muted:#84a6ff;--meta:#8bc0ff;--accent:#f2d400;--cols:5;--page-width:1460px;--radius:0}.d12 .landing-head{text-align:left}.d12 .portal-search{background:#0727d7;border-color:#3f62ff}.d12 .media-card{box-shadow:none}.d12 .card-copy{padding:7px}.d12 .card-copy h2{font-size:11px}.d12 .card-copy p{display:none}
/* 13 Dark Sidebar Portal */
.d13{--page-bg:#181818;--card-bg:#242424;--page-line:#373737;--page-muted:#a6a6a6;--meta:#ff6363;--accent:#ff4747;--cols:3;--page-width:1180px;--radius:4px}.d13 .landing-shell{padding-left:190px;position:relative}.d13 .landing-shell:before{content:'Newest\A Popular\A Short Media\A Categories\A Channels\A Watch Later\A History';white-space:pre;position:absolute;left:0;top:110px;width:160px;color:#bbb;line-height:2.5;font-size:12px;border-right:1px solid #333}.d13 .landing-head{text-align:left}
@media(max-width:900px){.mk-nav{align-items:flex-start}.mk-nav nav{display:none}.mk-main{grid-template-columns:1fr;gap:10px;margin-top:0}.mk-copy h1{font-size:64px}.mk-scene{min-height:420px}.mk-window{height:320px}.float-card{font-size:12px;padding:12px 14px}.admin-shell{grid-template-columns:1fr}.admin-left,.admin-right{position:static}.media-row{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:repeat(min(var(--cols),2),minmax(0,1fr))}.d05 .media-card{display:block}.d09,.d10,.d11,.d12{--cols:2}.d07,.d08,.d13{--cols:2}.d13 .landing-shell{padding-left:0}.d13 .landing-shell:before{display:none}.portal-tools{display:block}.portal-chips{margin-top:10px}.landing-head p{font-size:12px}}
@media(max-width:560px){.marketing-body{overflow-x:hidden}.mk-copy h1{font-size:50px}.mk-copy h2{font-size:28px}.mk-scene{min-height:330px}.mk-window{height:260px;width:98%}.mk-window-grid{grid-template-columns:100px 1fr}.mk-window-grid>div:first-child,.mk-window-grid>div:last-child{padding:16px}.mk-window-grid h3{font-size:24px}.mk-preview{height:110px}.fc1{left:0}.fc2{right:0}.fc3{right:4%;bottom:0}.admin-kpis{grid-template-columns:1fr}.media-row{grid-template-columns:1fr}.landing-shell{width:100%;padding:10px 10px 36px}.landing-head{padding:16px 8px 14px}.landing-head h1{font-size:34px}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.d01 .media-grid,.d05 .media-grid,.d08 .media-grid,.d10 .media-grid,.d12 .media-grid{grid-template-columns:1fr}.d02,.d03,.d04,.d06,.d07,.d09,.d11,.d13{--cols:2}.card-copy{padding:8px}.card-copy h2{font-size:11px}.card-copy p{font-size:9px}.meta{font-size:9px;gap:5px}.type-badge,.duration{font-size:8px;padding:3px 5px}.gif-play{width:36px;height:36px;font-size:14px}.portal-chips{overflow-x:auto;flex-wrap:nowrap}.vp-actions{gap:7px}.vp-actions a,.vp-actions button{padding:8px 12px;font-size:11px}.seo-block{padding:14px 4px}.legal-shell{margin:20px auto;padding:22px}.legal-shell h1{font-size:30px}}
/* V10.19.4 — Child-domain-first configuration */
.admin-card h3.subhead{margin:22px 0 10px;font-size:15px}
.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}
.path-grid label,.settings-grid label,.full-field{display:block;font-size:11px;font-weight:800;color:#44536a}
.path-grid input,.settings-grid input,.full-field input,.full-field textarea,.asset-box input,.asset-box select{
width:100%;margin-top:5px;border:1px solid #d7e0eb;border-radius:8px;background:#fff;padding:9px;color:#172235
}
.full-field{margin:12px 0}
.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.settings-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.asset-box{display:grid;grid-template-columns:160px 170px 1fr 1fr;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #edf1f6}
.asset-box>b{font-size:12px}
.media-row>div small{display:block;color:#7a8799;font-size:10px;margin-top:3px}
.enable-toggle{display:flex!important;align-items:center;gap:5px;font-size:11px;font-weight:800}
.admin-card>form>button{margin-top:10px}
@media(max-width:1050px){
.settings-grid,.settings-grid.two{grid-template-columns:1fr}
.asset-box{grid-template-columns:1fr 1fr}
.asset-box>b{grid-column:1/-1}
}
@media(max-width:700px){
.path-grid{grid-template-columns:1fr}
.asset-box{grid-template-columns:1fr}
}
/* V10.19.5 — direct file uploads for Fast/Preview/Favicon */
.asset-box{grid-template-columns:145px 160px minmax(180px,1fr) minmax(180px,1fr) minmax(190px,1fr)}
.asset-upload{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:800;color:#5d6c82}
.asset-upload input[type=file]{width:100%;padding:6px;border:1px dashed #b7c5d8;border-radius:8px;background:#f8fbff;color:#334155;font-size:10px}
@media(max-width:1250px){.asset-box{grid-template-columns:1fr 1fr}.asset-box>b{grid-column:1/-1}.asset-upload{grid-column:1/-1}}
@media(max-width:700px){.asset-box{grid-template-columns:1fr}.asset-upload{grid-column:auto}}