/* noto-sans-arabic-arabic-wght-normal */
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/noto-sans-arabic-arabic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* noto-sans-arabic-math-wght-normal */
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/noto-sans-arabic-math-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;
}

/* noto-sans-arabic-symbols-wght-normal */
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/noto-sans-arabic-symbols-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;
}

/* noto-sans-arabic-latin-ext-wght-normal */
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/noto-sans-arabic-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* noto-sans-arabic-latin-wght-normal */
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(fonts/noto-sans-arabic-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root{--bg:#0d100f;--panel:#151a17;--panel2:#1b211d;--line:#2b332e;--text:#edf2eb;--muted:#9ba69f;--accent:#b5f36b;--danger:#f59698}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'Noto Sans Arabic',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,2.6vw,2.55rem);line-height:1.5;letter-spacing:-.8px;font-weight:700}h2{font-size:1.3rem}h3{font-size:1.05rem}svg{flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea,select{color:var(--text);background:#101512;border:1px solid #374038;border-radius:9px;padding:10px 12px;width:100%;min-width:0;outline:0}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b5f36b16}input::placeholder,textarea::placeholder{color:#758178}textarea{resize:vertical}input[type=checkbox]{width:42px;height:23px;appearance:none;background:#354038;border-radius:20px;position:relative;cursor:pointer;flex-shrink:0;padding:0}input[type=checkbox]:before{content:'';position:absolute;right:3px;top:3px;width:15px;height:15px;background:#b4c0b7;border-radius:50%;transition:transform .18s}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:before{background:#12220f;transform:translateX(-18px)}.muted{color:var(--muted)}.fine{font-size:.85rem;color:var(--muted);margin-top:22px}.eyebrow{font:600 .7rem/1.5 Arial,sans-serif;letter-spacing:2.3px;color:var(--accent);margin-bottom:12px;direction:ltr;text-align:inherit}.brand{display:flex;align-items:center;gap:11px;direction:ltr;justify-content:flex-end;font-family:Arial,sans-serif;font-size:1.4rem;letter-spacing:-.5px}.brand-icon{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:var(--accent);color:#152012;flex-shrink:0}.brand img{object-fit:contain}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:8px 16px;border:1px solid #364239;border-radius:9px;background:#202823;font-size:.88rem;font-weight:600;white-space:nowrap}.button:hover{background:#2a352d}.button.primary{background:var(--accent);color:#182510;border-color:var(--accent)}.button.primary:hover{filter:brightness(1.06)}.notice{background:#202a20;color:#cfddc9;border:1px solid #3c5032;border-radius:10px;padding:13px 17px;font-size:.88rem;margin-bottom:20px}.notice.error{background:#3b2425;border-color:#683638;color:#ffc7c7}.notice .button{margin-top:14px}.toast{display:flex;align-items:center;justify-content:space-between;gap:16px}.toast button{font-size:1.6rem}.studio{display:flex;min-height:100vh}.sidebar{width:246px;position:fixed;right:0;top:0;bottom:0;border-left:1px solid var(--line);padding:28px 20px;background:#121713;display:flex;flex-direction:column;z-index:5}.sidebar .brand{justify-content:center;margin:0 0 37px}.workspace-label{display:flex;align-items:center;justify-content:space-between;color:#829087;font-size:.73rem;padding:0 12px 14px}.workspace-label span{font:10px Arial;letter-spacing:1.4px;border:1px solid #354135;border-radius:4px;padding:4px;color:#abb7ac}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:11px;padding:12px;border-radius:9px;color:#a8b4aa;font-size:.89rem;text-align:right;white-space:nowrap}.sidebar nav button:hover{background:#1b241c}.sidebar nav button.active{background:#b5f36b16;color:var(--accent)}.nav-count{margin-right:auto;background:#b5f36b17;padding:0 7px;border-radius:5px;font-size:.76rem}.sidebar-bottom{margin-top:auto;padding-top:30px}.workspace-card{padding:17px;background:linear-gradient(150deg,#243421,#19211a);border:1px solid #35442f;border-radius:12px}.shield{display:block;color:var(--accent);margin-bottom:8px}.workspace-card strong{font-size:.86rem}.workspace-card p{font-size:.75rem;color:#a4b19f;margin-top:5px}.workspace-card button{display:flex;align-items:center;gap:8px;font-size:.77rem;color:var(--accent);margin-top:13px;padding:0}.profile{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.avatar{width:33px;height:33px;border-radius:50%;background:#34402f;color:#d8eacb;font:600 11px Arial;display:grid;place-items:center}.profile b{font-size:.78rem;display:block}.profile small{font:10px Arial;color:#87968b}.profile form{margin-right:auto}.profile button{color:#8c9b90}.studio-main{margin-right:246px;min-width:0;width:calc(100% - 246px);display:flex;flex-direction:column}.studio-header{height:72px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.studio-header>span:first-child{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--muted)}.header-tag{border:1px solid var(--line);border-radius:6px;font-size:.75rem;color:#b2c0b4;padding:4px 10px}.studio-content{padding:32px 36px 60px;max-width:1650px;width:100%;margin:0 auto;flex:1}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #3e4932;background:#20271b;padding:10px 14px;border-radius:9px;margin-bottom:26px;font-size:.78rem;color:#b7c6a7}.demo-banner b{color:#e3efdb;font-weight:500}.demo-banner button{color:var(--accent);white-space:nowrap;font-size:.78rem}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.page-title p{color:var(--muted);font-size:.88rem;margin-top:8px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:34px}.stats article{border:1px solid var(--line);background:var(--panel);padding:18px 21px;border-radius:12px}.stats article>span{font-size:.78rem;color:#a9b5ac;display:flex;align-items:center;justify-content:space-between;gap:10px}.stats article svg{color:#778e79}.stats strong{font:500 2.35rem/1.6 Arial;display:block;letter-spacing:-1.5px;margin-top:3px}.stats small{font-size:.69rem;color:#7e8e82}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.filter-tabs{display:flex;gap:6px}.filter-tabs button{padding:7px 13px;border-radius:7px;font-size:.81rem;color:var(--muted)}.filter-tabs .selected{background:#273023;color:#e5f1df}.search{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:8px;width:240px;color:#7c8a7e;background:var(--panel)}.search input{border:0;background:none;padding:8px 0;font-size:.8rem;box-shadow:none}.page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.page-card{border:1px solid #2e382e;border-radius:12px;overflow:hidden;background:var(--panel);transition:border-color .2s}.page-card:hover{border-color:#596c4d}.card-cover{height:175px;position:relative;display:grid;place-items:center;width:100%;background:radial-gradient(ellipse at 50% 120%,#314326 0%,#10180f 68%)}.cover-1{background:radial-gradient(ellipse at 50% 120%,#2c343b 0%,#101519 68%)}.cover-2{background:radial-gradient(ellipse at 50% 120%,#3f3822 0%,#191710 68%)}.card-number{position:absolute;bottom:15px;left:15px;color:#77856d;font:10px Arial;letter-spacing:1.5px}.card-cover .badge{position:absolute;right:14px;top:14px}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.69rem;padding:2px 9px;border-radius:5px;white-space:nowrap;border:1px solid transparent}.badge.published{color:#c1eea4;background:#213b24;border-color:#315136}.badge.draft{color:#c3c9c6;background:#29302f;border-color:#424b48}.card-play{width:54px;height:54px;display:grid;place-items:center;border:1px solid #687b4f;border-radius:50%;color:#ceeba7;background:#b5f36b0b}.card-format{position:absolute;bottom:15px;right:15px;color:#7e8d7c;font:10px Arial}.card-info{padding:19px}.card-info h3{font-size:.97rem}.slug{font:12px/2.5 monospace;color:#869382;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{display:flex;justify-content:space-between;font-size:.69rem;color:#7e8c81;margin:8px 0 15px}.card-actions{border-top:1px solid var(--line);padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:6px}.card-actions .button{font-size:.7rem;min-height:34px;padding:5px 9px;gap:5px;background:#242e23;border-color:#374231}.card-actions>div{display:flex;align-items:center;gap:1px}.card-actions>div button,.card-actions>div a{padding:6px;color:#8d9d8f;display:inline-flex}.danger-icon:hover{color:var(--danger)!important}.new-card{min-height:332px;border:1px dashed #3d4b38;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#afc39f;background:#151d131c}.new-card>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#283323;color:var(--accent);margin-bottom:4px}.new-card strong{font-size:.95rem}.new-card small{font-size:.75rem;color:#798c75}.new-card:hover{border-color:var(--accent);background:#1c2519}.studio-footer{padding:20px 36px;border-top:1px solid #222c25;display:flex;justify-content:space-between;gap:20px;color:#67796c;font-size:.7rem}.studio-footer span:first-child{font-family:Arial}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.editor-top h1{font-size:1.85rem}.back-link{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.77rem;padding:0;margin-bottom:8px}.editor-buttons{display:flex;gap:9px}.editor-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:start}.editor-fields,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.editor-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 18px;gap:20px}.editor-tabs button{padding:17px 9px;color:var(--muted);font-size:.84rem;border-bottom:2px solid transparent}.editor-tabs button.active{border-color:var(--accent);color:var(--accent)}.form-panel{padding:24px;display:flex;flex-direction:column;gap:21px}.form-panel h2{font-size:1.1rem;margin-bottom:3px}.field{display:flex;flex-direction:column;gap:8px;font-size:.82rem;color:#c4d0c6}.field small{color:#7f9385;font-size:.71rem;line-height:1.8}.field input,.field textarea,.field select{font-size:.86rem}.input-prefix{display:flex;align-items:center;gap:5px;border:1px solid #374038;border-radius:9px;background:#101512;padding-left:12px}.input-prefix span{font:13px monospace;color:#7d8e81}.input-prefix input{border:0;background:none;box-shadow:none;padding-left:0}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.81rem;padding-top:14px;border-top:1px solid var(--line)}.toggle-row strong{font-weight:500}.toggle-row small{display:block;font-size:.72rem;color:#819486;margin-top:5px}.form-panel .notice{margin:0;font-size:.77rem}.preview-panel{position:sticky;top:25px;min-width:0}.preview-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:.78rem;color:var(--muted)}.preview-top>div{background:#1b251c;border-radius:8px;padding:3px;display:flex}.preview-top button{padding:7px 9px;color:#71866e;border-radius:5px}.preview-top button.active{background:#35442c;color:var(--accent)}.editor-preview{border:1px solid #35412f;border-radius:12px;overflow:hidden;background:#0b100c;margin:auto;transition:max-width .2s;max-width:100%}.editor-preview.mobile{max-width:300px}.preview-header{display:flex;align-items:center;gap:7px;padding:15px 19px;border-bottom:1px solid #222d23;font:600 14px Arial;direction:ltr}.mini-mark{background:var(--accent);color:#192713;display:grid;place-items:center;width:22px;height:22px;border-radius:5px;font-size:11px}.preview-dot{margin-left:auto;color:#63765b;font-size:8px}.preview-content{padding:32px 18px;text-align:center}.preview-content .eyebrow{font-size:8px}.preview-content h3{font-size:1.25rem}.preview-content p{color:#809078;font-size:.64rem;margin:10px 0 23px}.preview-player{background:#000;border:1px solid #222f22;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.preview-player strong{font-size:.7rem;color:#ccd9c6}.preview-play{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#14210e}.preview-caption{font-size:.62rem;color:#677d68;margin-top:11px}.preview-note{font-size:.69rem;color:#80917d;text-align:center;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:7px}.ad-editor{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.code-input{font:13px/1.8 monospace!important;color:#c2e4a8!important;min-height:280px}.ad-list{display:flex;flex-direction:column;gap:12px}.ad-row{display:flex;align-items:center;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px}.ad-icon{background:#263320;padding:14px;color:var(--accent);border-radius:9px}.ad-row-info{flex:1}.ad-row-info p{font-size:.77rem;color:var(--muted);margin-top:6px}.empty-panel{padding:70px 20px;text-align:center;background:var(--panel);border:1px dashed #3c4936;border-radius:14px;color:var(--muted)}.empty-panel>svg{color:var(--accent);margin-bottom:20px}.empty-panel h2{color:var(--text)}.empty-panel p{margin:10px 0 25px}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.brand-preview{background:radial-gradient(ellipse at bottom,#293923,#101710 70%);border:1px solid #374332;border-radius:12px;min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px}.brand-preview .brand-icon{height:56px;width:56px;border-radius:15px}.brand-preview h2{font:700 2rem Arial}.brand-preview p{font-size:.75rem;color:var(--muted)}.color-field{display:flex;align-items:center;gap:20px}.color-field input{width:60px;padding:4px;height:43px}.color-field span{font:14px monospace}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.setup-card{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.setup-card>span{font:300 2rem Arial;color:var(--accent);display:block;margin-bottom:20px}.setup-card h2{font-size:1.15rem}.setup-card p{font-size:.84rem;color:var(--muted);margin-top:12px;line-height:1.9}.empty{padding:25px;text-align:center;color:var(--muted)}
.landing{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#1e2b1c 0%,#0c110d 42%,#090d0a 100%);display:flex;flex-direction:column}.public-header{display:flex;align-items:center;justify-content:space-between;max-width:1440px;width:100%;margin:0 auto;padding:26px 42px;border-bottom:1px solid #273324}.public-header .brand{direction:ltr;justify-content:flex-start}.public-label{display:flex;align-items:center;gap:8px;font-size:.76rem;color:#8c9c86}.watch-main{width:100%;max-width:var(--player-max,1100px);margin:0 auto;padding:25px 24px 50px;flex:1}.watch-heading{text-align:center;margin:35px 0 36px}.watch-heading .eyebrow{text-align:center;font-size:10px;letter-spacing:3px}.watch-heading h1{font-size:clamp(1.9rem,4.5vw,3.25rem);letter-spacing:-1px}.watch-heading p{font-size:.9rem;color:#96a48f;margin-top:12px}.watch-screen{border:1px solid #3a4c31;border-radius:15px;overflow:hidden;box-shadow:0 18px 75px #0006;min-width:0;background:#000}.player{position:relative;aspect-ratio:var(--ratio,16/9);background:#000;isolation:isolate}.player.fixed{aspect-ratio:auto;height:var(--height,560px)}.player iframe{width:100%;height:100%;border:0;display:block;position:absolute;inset:0}.player-cover{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;position:absolute;inset:0;width:100%;height:100%;background:#000}.player-cover strong{font-size:1.03rem;font-weight:500}.player-cover>.muted{font-size:.75rem;color:#6d796a}.play-ring{width:81px;height:81px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#15200f;box-shadow:0 0 0 12px #b5f36b07,0 0 0 25px #b5f36b03;transition:transform .2s;margin-bottom:8px}.player-cover:hover .play-ring{transform:scale(1.06)}.player-loading{position:absolute;top:12px;left:12px;background:#0f1718d9;padding:5px 12px;border-radius:6px;font-size:.73rem;pointer-events:none}.player-toolbar{background:#141e13;border-top:1px solid #263522;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 17px;color:#93a187}.player-toolbar>span{display:flex;align-items:center;gap:8px;font-size:.7rem}.player-toolbar>div{display:flex;gap:10px}.player-toolbar button{padding:5px;color:#afbf9e}.watch-help{text-align:center;font-size:.78rem;color:#8c9c83;margin-top:22px}.watch-help>button{font-size:.78rem;border-bottom:1px dashed #55694b}.help-body{padding:20px;border:1px solid #30432b;border-radius:9px;margin-top:15px;background:#172012}.help-body a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);margin-top:10px}.public-footer{max-width:1360px;width:calc(100% - 84px);margin:0 auto;padding:22px 0;border-top:1px solid #263122;display:flex;justify-content:space-between;color:#6d7f61;font-size:.73rem}.public-footer>span:first-child{font-family:Arial;letter-spacing:1px}.ad-slot{text-align:center;margin:20px auto;width:100%;max-width:100%;overflow:hidden}.ad-slot>span{display:block;font-size:.6rem;color:#718368;margin-bottom:6px}.ad-slot iframe{display:block;width:100%;border:0;max-width:100%}.watch-with-side{display:grid;grid-template-columns:minmax(0,1fr) 165px;gap:20px;align-items:start}.side-ads:empty{display:none}.side-ads .ad-slot{margin-top:0}.center-message{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:30px;gap:20px;text-align:center}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-card{max-width:450px;width:100%;padding:70px 35px;margin:auto}.login-card>.brand{justify-content:flex-end;margin-bottom:55px}.login-card h1{margin-bottom:15px}.login-card .stack{display:flex;flex-direction:column;gap:19px;margin-top:35px}.stack label{font-size:.86rem;display:flex;flex-direction:column;gap:8px}.login-art{background:radial-gradient(ellipse at bottom,#527230,#202f1b 70%);border-right:1px solid #384a2a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px}.login-art>span{font:11px Arial;letter-spacing:4px;color:#b6d294;margin-bottom:40px}.login-art h2{font-size:3rem;line-height:1.6;color:#d1edb0}.visual-player{width:85%;aspect-ratio:16/9;background:#070e04;border:1px solid #58793e;border-radius:15px;display:grid;place-items:center;margin:40px 0;color:var(--accent);box-shadow:0 25px 55px #0004}.login-art>p{font-size:.82rem;color:#a6bf8b}
@media(min-width:1600px){.page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-cover{height:220px}}
@media(max-width:1200px){.sidebar{width:215px;padding-inline:15px}.studio-main{margin-right:215px;width:calc(100% - 215px)}.studio-content{padding:26px 24px}.studio-header{padding-inline:24px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{gap:10px}.stats article{padding:15px}.stats small{font-size:.64rem}.editor-layout{grid-template-columns:1fr}.preview-panel{position:static}.editor-preview{max-width:650px}.ad-editor{grid-template-columns:1.15fr 1fr}}
@media(max-width:800px){.sidebar{position:static;width:100%;padding:16px 20px;border-left:0;border-bottom:1px solid var(--line);gap:16px}.sidebar .brand{margin:0;justify-content:center}.sidebar nav{flex-direction:row;justify-content:center;gap:4px;flex-wrap:wrap}.sidebar nav button{font-size:.74rem;padding:8px;gap:6px}.sidebar nav button svg{width:16px}.workspace-label,.sidebar-bottom{display:none}.studio{display:block}.studio-main{margin:0;width:100%}.studio-header{height:52px}.studio-content{padding:22px 20px 40px}.page-title{align-items:flex-start}.page-title h1{font-size:1.8rem}.page-title .button{font-size:.77rem;padding:8px 11px}.stats{grid-template-columns:repeat(2,1fr)}.stats article{padding:18px}.stats small{font-size:.72rem}.demo-banner{font-size:.7rem;align-items:flex-start}.demo-banner button{font-size:.7rem}.ad-editor,.settings-layout{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-art{display:none}.login-card{padding-block:45px}.public-header{padding:20px 24px}.public-footer{width:calc(100% - 48px)}.player.fixed{height:var(--mobile-height,280px)}.play-ring{height:63px;width:63px}.play-ring svg{width:28px}.player-cover{gap:10px}.player-cover strong{font-size:.88rem}.watch-heading{margin:20px 0 28px}.watch-main{padding:20px 18px 35px}.ad-row{flex-wrap:wrap;gap:12px}.ad-row-info{min-width:150px}.setup-grid{gap:14px}.setup-card{padding:20px}}
@media(max-width:520px){.studio-header{padding-inline:18px}.studio-content{padding-inline:16px}.page-title{flex-direction:column;gap:18px}.page-grid{grid-template-columns:1fr}.new-card{min-height:190px}.card-cover{height:185px}.list-toolbar{flex-direction:column;align-items:stretch}.search{width:100%}.filter-tabs{justify-content:space-between}.filter-tabs button{font-size:.75rem}.stats article{padding:14px}.stats article>span{font-size:.75rem}.stats strong{font-size:2rem}.stats small{font-size:.66rem}.demo-banner{flex-direction:column;gap:5px}.editor-top{align-items:flex-start;flex-direction:column}.editor-top h1{font-size:1.7rem}.editor-buttons{width:100%}.editor-buttons .button{flex:1}.form-panel{padding:20px}.two-fields{grid-template-columns:1fr}.setup-grid{grid-template-columns:1fr}.studio-footer{padding-inline:18px;font-size:.63rem}.public-header .brand{font-size:1.15rem}.public-label{font-size:.66rem;gap:4px}.public-label svg{width:14px}.public-header .brand-icon{height:31px;width:31px;border-radius:8px}.watch-heading h1{font-size:2rem}.watch-heading p{font-size:.77rem}.watch-heading .eyebrow{font-size:8px}.player-toolbar{height:41px;padding:0 12px}.public-footer{font-size:.64rem}.player-cover>.muted{display:none}.play-ring{height:54px;width:54px;box-shadow:0 0 0 9px #b5f36b07;margin-bottom:0}.player-cover{gap:12px}.player-cover strong{font-size:.75rem}.watch-with-side .player{min-height:150px}.sidebar nav button{font-size:.7rem;gap:5px}.sidebar nav .nav-count{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:767px){.watch-with-side{display:block}.side-ads{display:none}}

a{color:inherit;text-decoration:none}
.sidebar nav a{display:flex;align-items:center;gap:11px;padding:12px;border-radius:9px;color:#a8b4aa;font-size:.89rem;text-align:right;white-space:nowrap}
.sidebar nav a:hover{background:#1b241c}
.sidebar nav a.active{background:#b5f36b16;color:var(--accent)}
.filter-tabs a{padding:7px 13px;border-radius:7px;font-size:.81rem;color:var(--muted)}
.filter-tabs a.selected{background:#273023;color:#e5f1df}
.card-actions form{display:inline}
.card-actions button,.link-btn{color:#8d9d8f;padding:6px;background:none;border:0;cursor:pointer}
.danger-btn{color:var(--danger)!important}
.button{cursor:pointer;color:var(--text)}
.button.primary{background:var(--accent);color:#12220f;border-color:var(--accent)}
.button.danger{color:var(--danger);border-color:#5a3535}
.form-actions{display:flex;gap:10px;flex-wrap:wrap}
.notice.error{background:#2a1c1c;border-color:#5a3535;color:#f3c4c4}
.inline-form{display:inline}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}
.auth-wrap .login-card{width:100%;max-width:440px}
select{appearance:auto}
textarea{resize:vertical}
.ad-slot{margin:14px 0;text-align:center}
.ad-slot>span{display:block;font-size:.65rem;color:#6f7b72;margin-bottom:4px}
.ad-slot iframe{width:100%;border:0;background:transparent}
.player{position:relative;overflow:hidden}
.player iframe{width:100%;height:100%;border:0;display:block}
.hidden{display:none!important}
.help-btn{color:var(--muted);font-size:.85rem;background:none;border:0;cursor:pointer}
.player-cover{cursor:pointer;width:100%;height:100%;border:0;color:inherit}
.player-toolbar button{background:none;border:0;color:inherit;cursor:pointer;padding:6px}
@media(max-width:900px){.page-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}