/* Watch experience: source templates, shared discovery chrome, no legacy page overrides. */
.wx-main{padding-top:calc(var(--mh-header) + 26px);max-width:2200px;padding-bottom:70px}.wx-main button,.wx-main select,.wx-main textarea,.wx-dialog button,.wx-dialog input{font:inherit}.wx-main textarea:focus-visible,.wx-main select:focus-visible,.wx-dialog input:focus-visible{outline:2px solid #ff7388;outline-offset:3px}.wx-main button:disabled{opacity:.45;cursor:default}.wx-main h1,.wx-main h2,.wx-main h3{line-height:1.25}.wx-muted{color:var(--mh-muted);font-size:13px}.wx-status{color:#f3b5c0;font-size:13px}.wx-status:empty{display:none}.wx-text-link{color:#ff8197;font-size:13px}.wx-button{border:1px solid #ffffff14;border-radius:999px;padding:9px 15px;background:#25262e;color:#eeeef6;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:650;min-height:40px;white-space:nowrap}.wx-button:hover{background:#33343e}.wx-primary-button,.wx-subscribe{background:#f42b4c;color:#fff;border-color:transparent}.wx-primary-button:hover,.wx-subscribe:hover{background:#da1d3c}.wx-subscribe[aria-pressed=true]{background:#272831;color:#ddd}.wx-owner{display:flex;gap:16px;align-items:center;padding:12px 16px;background:#24212c;border:1px solid #ffffff12;border-radius:12px;margin-bottom:18px;font-size:12px}.wx-owner form{margin-left:auto}.wx-owner button{background:none;color:#ffd2db;border:1px solid #ffffff20;padding:7px 12px;border-radius:8px}.wx-owner a{color:#ff869d}
.wx-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:26px;align-items:start}.wx-primary{min-width:0}.wx-stage{position:relative;aspect-ratio:16/9;border-radius:17px;background:#000;overflow:hidden;box-shadow:0 18px 65px #0005;isolation:isolate}.wx-stage>#wx-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;max-height:100%}.wx-player-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;color:#91919f;font-size:11px;min-height:52px}.wx-player-tools>div{display:flex;align-items:center;gap:6px;margin-left:auto}.wx-player-tools button{background:#1b1c23;color:#c1c1ce;border:1px solid #ffffff0d;border-radius:7px;padding:5px 8px;font-size:11px}.wx-player-tools button[aria-pressed=true]{color:#ff7691;background:#fd264416}.wx-player-tools select{background:transparent;color:inherit;border:0;padding:5px 3px;font-size:11px}.wx-speed{display:flex;align-items:center;gap:4px;white-space:nowrap}.wx-video-title{font-size:clamp(21px,2.1vw,29px);letter-spacing:-.6px;margin:8px 0 20px;font-weight:730;overflow-wrap:anywhere}.wx-byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.wx-creator{display:flex;align-items:center;gap:11px;min-width:0}.wx-avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:#303039;font-size:19px}.wx-avatar img{height:100%;width:100%;object-fit:cover}.wx-creator strong{display:flex;align-items:center;gap:6px;font-size:14px}.wx-creator small{display:block;margin-top:3px;color:#9292a2;font-size:11px}.wx-actions{display:flex;align-items:center;gap:7px;margin-left:auto;flex-wrap:wrap}.wx-actions .mh-authentic-howl{height:20px;width:20px;color:inherit}.wx-actions b:empty{display:none}.wx-actions button[aria-pressed=true]{color:#ff869e;background:#f3294919}.wx-more{position:relative}.wx-more summary{list-style:none;cursor:pointer}.wx-more summary::-webkit-details-marker{display:none}.wx-more nav{position:absolute;z-index:60;right:0;top:47px;min-width:185px;display:grid;padding:7px;background:#22232b;border:1px solid #ffffff20;border-radius:12px;box-shadow:0 12px 35px #0008}.wx-more nav a,.wx-more nav button{padding:11px;text-align:left;border:0;background:none;color:#e9e9f0;font:inherit;font-size:12px;border-radius:7px}.wx-more nav a:hover,.wx-more nav button:hover{background:#ffffff0a}
.wx-description{margin-top:20px;background:#1c1d24;border:1px solid #ffffff07;border-radius:13px;padding:14px 16px}.wx-description summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;cursor:pointer;font-size:12px;font-weight:650}.wx-description summary::-webkit-details-marker{display:none}.wx-description summary span span{margin:0 7px;color:#6d6e80}.wx-description-prompt{color:#b5b6c4;font-weight:500}.wx-description p{white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.7;color:#c1c1cf}.wx-description>div p:last-child{margin-bottom:0}.wx-chapters{margin-top:23px}.wx-chapters h2{font-size:17px}.wx-chapters>div{display:flex;gap:10px;overflow-x:auto}.wx-chapters button{min-width:150px;max-width:240px;text-align:left;background:#1d1e26;border:1px solid #ffffff13;border-radius:10px;color:#ddd;padding:12px;display:grid;gap:6px;white-space:normal}.wx-chapters b{font-size:12px;color:#ff839b}.wx-chapters span{font-size:12px}
.wx-recommendations{min-width:0}.wx-aside-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 17px}.wx-aside-title h2{font-size:17px;margin:0}.wx-switch{display:flex;align-items:center;gap:7px;font-size:11px;color:#b7b7c4;cursor:pointer}.wx-switch input{accent-color:#f42b4c}.wx-video-card{min-width:0}.wx-video-thumb{position:relative;display:block;background:#25252f;aspect-ratio:16/9;border-radius:12px;overflow:hidden}.wx-video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 200ms ease}.wx-video-thumb:hover img{transform:scale(1.04)}.wx-video-thumb>span{position:absolute;bottom:7px;right:7px;color:#fff;background:#000b;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.wx-video-thumb.is-pulse{aspect-ratio:9/13}.wx-video-card h3{font-size:14px;line-height:1.4;margin:10px 0 5px;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wx-card-creator{font-size:12px;color:#a7a7b6;display:flex;align-items:center;gap:5px}.wx-video-card small{color:#737489;font-size:11px;display:block;margin-top:4px}.wx-video-card.is-compact{display:grid;grid-template-columns:44% minmax(0,1fr);gap:10px;margin-bottom:16px}.wx-video-card.is-compact h3{margin:0 0 6px;font-size:12px;-webkit-line-clamp:3}.wx-video-card.is-compact .wx-card-creator{font-size:11px}.wx-video-card.is-compact small{font-size:10px}.wx-pulse-discovery{border-top:1px solid #ffffff12;margin-top:24px;padding-top:19px}.wx-pulse-discovery h2{font-size:17px;margin:0 0 17px}.wx-pulse-discovery h2 span{display:block;font-size:10px;font-weight:500;color:#9999a9;margin-top:5px}.wx-suggestion{display:grid;grid-template-columns:78px 1fr;gap:12px;margin:0 0 16px;align-items:center}.wx-suggestion img{width:78px;height:103px;object-fit:cover;border-radius:10px;background:#262631}.wx-suggestion strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.45}.wx-suggestion small{display:block;margin-top:7px;font-size:11px;color:#9696a9}.wx-discover-link{display:block;margin-top:24px;font-size:12px;color:#a6a6b7;padding:15px;border:1px solid #ffffff13;border-radius:10px;text-align:center}.wx-playlist{padding:14px;background:#20212b;border:1px solid #ffffff14;border-radius:12px;margin-bottom:18px}.wx-playlist a{color:#f4f4fb;display:block;font-size:13px;font-weight:650}.wx-playlist small{display:block;color:#9e9fb2;font-size:11px;margin-top:6px}.wx-playlist div{display:flex;justify-content:space-between;margin-top:12px}.wx-up-next{position:absolute;inset:0;z-index:25;background:#0b0b10e8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.wx-up-next>span{font-size:12px;color:#b2b2c0}.wx-up-next>strong{font-size:clamp(15px,2vw,23px);max-width:80%}.wx-up-next div{display:flex;gap:10px}.wx-up-next button{padding:9px 15px;border-radius:999px;background:#272833;color:#fff;border:0}.wx-up-next button:first-child{background:#ef2b4b}
.wx-comments{margin-top:34px;border-top:1px solid #ffffff0d;padding-top:24px}.wx-comments>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.wx-comments h2{font-size:19px;margin:0}.wx-comments h2 span{color:#9d9eae;font-size:14px;font-weight:500}.wx-comments label{color:#9293a6;font-size:11px}.wx-comments select{background:#1c1d26;border:1px solid #ffffff12;border-radius:8px;color:#dddde8;padding:7px}.wx-composer textarea{display:block;resize:vertical;min-height:75px;max-height:280px;width:100%;border:1px solid #ffffff15;border-radius:12px;padding:14px;background:#191a22;color:#eeeef6;font-size:13px}.wx-composer>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.wx-composer>div span{font-size:12px;color:#f2acbb}.wx-signin-prompt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border:1px solid #ffffff12;border-radius:12px;color:#aaaaba;font-size:13px}.wx-comment{display:flex;gap:12px;padding:20px 0;border-bottom:1px solid #ffffff08}.wx-comment-avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;background:#2a2b36;border-radius:50%;overflow:hidden;color:#c8c8d7}.wx-comment-avatar img{height:100%;width:100%;object-fit:cover}.wx-comment-content{min-width:0;flex:1}.wx-comment-header{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px}.wx-comment-header strong{font-weight:650}.wx-comment-header time{color:#75768a;font-size:10px}.wx-comment-header em{background:#ffffff12;color:#b7b8cb;padding:1px 6px;border-radius:4px;font-size:9px;font-style:normal}.wx-comment-text{font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:#cacbd8;margin:6px 0 9px}.wx-comment-text button{background:#ff597521;border:0;color:#ff9bae;border-radius:4px;padding:1px 4px;font-size:inherit}.wx-comment-actions{display:flex;gap:14px}.wx-comment-actions button{background:none;border:0;color:#b4b4c8;font-size:11px;padding:4px 0}.wx-comment-actions button:hover{color:white}.wx-replies{margin-top:8px}.wx-replies .wx-comment{padding:13px 0}.wx-reply-form{margin-top:12px}.wx-reply-form textarea{min-height:65px}.wx-reply-form .wx-button{font-size:11px;min-height:32px;padding:5px 12px}
.wx-channel-banner{position:relative;height:clamp(160px,20vw,270px);border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#66243788,transparent 55%),linear-gradient(125deg,#1f1d2c,#17171f);border:1px solid #ffffff08}.wx-channel-banner img{height:100%;width:100%;object-fit:cover}.wx-channel-banner>div{padding:38px 46px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.wx-channel-banner span{font-size:11px;font-weight:700;letter-spacing:.22em;color:#ffffff77}.wx-channel-banner span b{color:#ff6f8c}.wx-channel-banner strong{font-size:clamp(27px,4vw,54px);letter-spacing:-1.5px;line-height:1.1;font-weight:760;color:#fffffff0}.wx-channel-header{display:flex;gap:24px;align-items:center;padding:27px 3px 24px}.wx-channel-avatar{display:grid;place-items:center;width:116px;height:116px;background:#2b2b38;border-radius:50%;font-size:38px;overflow:hidden;flex-shrink:0;border:3px solid #ffffff10}.wx-channel-avatar img{height:100%;width:100%;object-fit:cover}.wx-channel-identity{min-width:0;flex:1}.wx-channel-identity h1{display:flex;align-items:center;gap:10px;font-size:clamp(26px,3vw,40px);letter-spacing:-1px;margin:0 0 7px}.wx-channel-identity .mh-verified{height:21px;width:21px;font-size:13px}.wx-channel-identity p{font-size:12px;color:#9293a5;margin:4px 0}.wx-channel-identity p span{margin:0 5px}.wx-channel-identity p b{font-weight:400}.wx-channel-bio{max-width:610px;line-height:1.6}.wx-channel-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wx-channel-tabs{display:flex;align-items:center;gap:27px;overflow-x:auto;scrollbar-width:none;position:sticky;top:var(--mh-header);z-index:30;background:#101014f5;backdrop-filter:blur(14px);border-bottom:1px solid #ffffff15;padding-top:6px;margin-bottom:23px}.wx-channel-tabs a{padding:13px 0;font-size:13px;font-weight:600;color:#a2a3b6;white-space:nowrap;border-bottom:2px solid transparent}.wx-channel-tabs a[aria-current=page]{color:#fff;border-bottom-color:#fa2b4d}.wx-channel-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.wx-channel-tools h2{margin:0;font-size:20px}.wx-channel-tools label{font-size:12px;color:#9495a7}.wx-channel-tools select{background:#23242d;color:#dedee9;border:0;border-radius:7px;padding:7px 10px;margin-left:6px}.wx-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 18px}.wx-empty{padding:48px 22px;text-align:center;border:1px dashed #ffffff1c;border-radius:15px}.wx-empty h2{font-size:22px}.wx-empty p{font-size:13px;color:#9899ad}.wx-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:30px 0;color:#9192a7;font-size:12px}.wx-event-list{display:grid;gap:12px}.wx-event-list a{display:flex;gap:18px;padding:18px;border-radius:12px;background:#1c1d25;align-items:center}.wx-event-list span{color:#fb829b;font-size:11px}.wx-event-list small{margin-left:auto;color:#9192a7}.wx-about{max-width:760px;padding:10px 0}.wx-about p{color:#b3b4c7;line-height:1.8;font-size:14px;overflow-wrap:anywhere}.wx-about dl,.wx-dialog dl{display:grid;grid-template-columns:auto 1fr;gap:14px 25px;font-size:13px}.wx-about dt,.wx-dialog dt{color:#9293a9}.wx-about dd,.wx-dialog dd{margin:0}
.wx-dialog{width:min(530px,calc(100vw - 30px));padding:25px;background:#1a1b23;border:1px solid #ffffff22;border-radius:19px;color:#eeeef6;box-shadow:0 30px 90px #0008;max-height:calc(100dvh - 40px);overflow:auto}.wx-dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.wx-dialog-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.wx-dialog-title h2{font-size:23px;letter-spacing:-.5px;margin:0}.wx-dialog>p{font-size:13px;color:#a3a3b7}.wx-check{display:flex;align-items:center;gap:8px;font-size:13px;margin:20px 0 12px}.wx-check input{accent-color:#f82d4d}.wx-copy-row{display:flex;align-items:center;gap:9px}.wx-copy-row input{min-width:0;flex:1;color:#e3e3ed;border:1px solid #ffffff1b;border-radius:9px;background:#101118;padding:11px;font-size:12px}#wx-native-share{margin-top:15px}.wx-toast{position:fixed;z-index:10001;left:50%;bottom:25px;transform:translateX(-50%);border:1px solid #ffffff20;border-radius:10px;padding:12px 19px;max-width:90vw;background:#eeeff7;color:#17171d;box-shadow:0 10px 45px #0006;font-size:13px}.wx-mobile{display:none}
.wx-theater .wx-watch-layout{grid-template-columns:minmax(0,1fr) 340px}.wx-theater .wx-primary{display:contents}.wx-theater .wx-stage,.wx-theater .wx-player-tools{grid-column:1/-1}.wx-theater .wx-stage{aspect-ratio:auto;height:min(72vh,900px)}.wx-theater .wx-player-tools{margin-top:-22px}.wx-theater .wx-video-title,.wx-theater .wx-byline,.wx-theater #wx-action-status,.wx-theater .wx-description,.wx-theater .wx-chapters,.wx-theater .wx-comments{grid-column:1;margin:0}.wx-theater .wx-recommendations{grid-column:2;grid-row:3/span 7}.wx-theater .wx-video-title{margin-top:0}
@media(min-width:1700px){.wx-watch-layout{grid-template-columns:minmax(0,1fr) 400px;gap:32px}.wx-channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1180px){.wx-watch-layout{grid-template-columns:minmax(0,1fr) 275px;gap:20px}.wx-actions{margin-left:0}.wx-channel-actions{width:100%;justify-content:flex-start}.wx-channel-header{flex-wrap:wrap}.wx-channel-identity{flex-basis:calc(100% - 150px)}.wx-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.wx-watch-layout,.wx-theater .wx-watch-layout{grid-template-columns:1fr}.wx-primary,.wx-theater .wx-primary{display:block}.wx-theater .wx-recommendations{grid-column:1;grid-row:auto}.wx-theater .wx-stage{height:auto;aspect-ratio:16/9}.wx-theater .wx-player-tools{margin-top:0}.wx-recommendations{border-top:1px solid #ffffff10;padding-top:23px}.wx-recommendations #wx-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wx-suggestion{grid-template-columns:70px 1fr}#wx-pulse-suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wx-video-title{font-size:23px}#wx-theater{display:none}}
@media(max-width:760px){.wx-main{padding:calc(var(--mh-header) + 14px) 14px 94px;margin-left:0}.wx-stage{border-radius:12px}.wx-video-title{font-size:21px;margin:7px 0 17px}.wx-byline{gap:12px}.wx-actions{gap:6px;width:100%}.wx-actions .wx-button{padding:8px 12px;min-height:38px;font-size:12px}.wx-comments{margin-top:27px}.wx-description{padding:13px}.wx-description summary{font-size:11px}.wx-player-tools{flex-wrap:wrap}.wx-channel-banner{height:180px;border-radius:14px}.wx-channel-banner>div{padding:25px}.wx-channel-header{gap:14px;padding:21px 0}.wx-channel-avatar{width:78px;height:78px;font-size:27px}.wx-channel-identity{flex-basis:calc(100% - 100px)}.wx-channel-identity h1{font-size:29px}.wx-channel-tabs{gap:23px}.wx-channel-tools h2{font-size:18px}.wx-channel-grid{gap:24px 14px}.wx-mobile{position:fixed;bottom:0;left:0;right:0;z-index:85;display:flex;justify-content:space-around;align-items:center;min-height:59px;padding:9px 10px max(9px,env(safe-area-inset-bottom));background:#16161dee;border-top:1px solid #ffffff10;backdrop-filter:blur(18px)}.wx-mobile a{font-size:11px;color:#c0c0d0;padding:8px}.wx-toast{bottom:80px}.wx-event-list a{align-items:flex-start;flex-direction:column;gap:8px}.wx-event-list small{margin-left:0}.wx-owner{flex-wrap:wrap;gap:10px}.wx-owner form{margin-left:0}.wx-dialog{padding:20px}.wx-copy-row{flex-wrap:wrap}.wx-copy-row input{flex-basis:100%}.wx-copy-row .wx-button{width:100%}}
@media(max-width:480px){.wx-channel-grid{grid-template-columns:1fr}.wx-channel-avatar{width:68px;height:68px}.wx-channel-identity h1{font-size:27px}.wx-creator strong{font-size:13px}.wx-byline>.wx-subscribe{margin-left:auto}.wx-recommendations #wx-related-list,#wx-pulse-suggestions{grid-template-columns:1fr}.wx-recommendations .wx-video-card.is-compact{grid-template-columns:43% 1fr}.wx-comment-header{gap:6px}.wx-signin-prompt{align-items:flex-start;flex-direction:column}}

/* BEGIN RV_WATCH_AD_DELIVERY_CSS_V1_20260728 */

.watch-ad-player-host {
    position: relative;
}

.watch-ad-overlay {
    position: absolute;
    z-index: 500;
    inset: 0;
    display: grid;
    place-items: center;
    background: #050608;
}

.watch-ad-overlay[hidden] {
    display: none;
}

.watch-ad-stage {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows:
        auto
        minmax(0, 1fr)
        auto;
    background: #050608;
}

.watch-ad-label {
    position: absolute;
    z-index: 3;
    top: 14px;
    left: 14px;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.68);
    color: #f2f3f5;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.watch-ad-media {
    grid-row: 1 / 4;
    min-width: 0;
    min-height: 0;
    display: grid;
    place-items: center;
}

.watch-ad-media video,
.watch-ad-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    background: #050608;
}

.watch-ad-controls {
    position: absolute;
    z-index: 4;
    right: 15px;
    bottom: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.watch-ad-controls > span {
    margin-right: auto;
    padding: 8px 10px;
    border-radius: 9px;
    background: rgba(0, 0, 0, 0.68);
    color: white;
    font-size: 12px;
    font-weight: 900;
}

.watch-ad-controls button {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.72);
    color: white;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 900;
}

.watch-ads-admin-body {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(
            circle at 82% 0,
            rgba(255, 48, 78, 0.11),
            transparent 30%
        ),
        #090a0e;
    color: #f3f4f7;
}

.watch-ads-admin-header {
    position: sticky;
    z-index: 50;
    top: 0;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 0 clamp(20px, 4vw, 56px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
    background: rgba(9, 10, 14, 0.92);
    backdrop-filter: blur(20px);
}

.watch-ads-admin-header > a {
    display: flex;
    align-items: center;
    gap: 11px;
    color: white;
    text-decoration: none;
}

.watch-ads-admin-header > a > span {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #ff304e;
    font-size: 15px;
    font-weight: 950;
}

.watch-ads-admin-header nav {
    display: flex;
    align-items: center;
    gap: 22px;
}

.watch-ads-admin-header nav a {
    color: #89919d;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.watch-ads-admin-main {
    width: min(1420px, calc(100% - 38px));
    margin: 0 auto;
    padding: 48px 0 82px;
}

.watch-ads-admin-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
}

.watch-ads-admin-heading > div > span,
.watch-ads-panel-heading > span {
    color: #ff7186;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.watch-ads-admin-heading h1 {
    margin: 10px 0 0;
    font-size: clamp(48px, 7vw, 88px);
    line-height: 0.94;
    letter-spacing: -0.07em;
}

.watch-ads-admin-heading p {
    max-width: 760px;
    margin: 18px 0 0;
    color: #87909c;
    font-size: 16px;
    line-height: 1.7;
}

.watch-ads-status {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #b2b8c0;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.watch-ads-status.is-active {
    background: rgba(68, 209, 128, 0.10);
    color: #8de3b2;
}

.watch-ads-status.is-paused,
.watch-ads-status.is-ended {
    background: rgba(255, 173, 66, 0.10);
    color: #ffc273;
}

.watch-ads-notice {
    margin-top: 24px;
    padding: 15px 17px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 800;
}

.watch-ads-notice.is-success {
    border: 1px solid rgba(68, 209, 128, 0.22);
    background: rgba(68, 209, 128, 0.07);
    color: #8de3b2;
}

.watch-ads-notice.is-error {
    border: 1px solid rgba(255, 73, 91, 0.24);
    background: rgba(255, 73, 91, 0.07);
    color: #ff9baa;
}

.watch-ads-stats {
    display: grid;
    grid-template-columns:
        repeat(auto-fit, minmax(190px, 1fr));
    gap: 14px;
    margin-top: 30px;
}

.watch-ads-stats article {
    min-height: 125px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 17px;
    background: #0c0e13;
}

.watch-ads-stats span {
    color: #7f8792;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

.watch-ads-stats strong {
    margin-top: 10px;
    font-size: 31px;
}

.watch-ads-panel {
    margin-top: 28px;
    padding: clamp(22px, 3vw, 32px);
    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 20px;
    background: #0c0e13;
}

.watch-ads-panel-heading h2 {
    margin: 7px 0 0;
    font-size: 30px;
    letter-spacing: -0.05em;
}

.watch-ads-create-form,
.watch-ads-creative-form {
    display: grid;
    grid-template-columns:
        repeat(3, minmax(0, 1fr));
    gap: 15px;
    margin-top: 22px;
}

.watch-ads-create-form label,
.watch-ads-creative-form label,
.watch-ads-status-form label {
    color: #858d98;
    font-size: 12px;
    font-weight: 850;
    text-transform: uppercase;
}

.watch-ads-create-form input,
.watch-ads-create-form select,
.watch-ads-creative-form input,
.watch-ads-status-form select,
.watch-ads-creative-list select {
    width: 100%;
    min-height: 44px;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.025);
    color: #ebedf0;
    font: inherit;
    font-size: 14px;
}

.watch-ads-create-form button,
.watch-ads-creative-form button,
.watch-ads-status-form button,
.watch-ads-creative-list button {
    min-height: 44px;
    padding: 0 16px;
    border: 0;
    border-radius: 11px;
    background: #ff304e;
    color: white;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
}

.watch-ads-create-form > button,
.watch-ads-check {
    grid-column: 1 / -1;
}

.watch-ads-check {
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: none !important;
}

.watch-ads-check input {
    width: auto;
    min-height: auto;
    margin: 0;
    accent-color: #ff304e;
}

.watch-ads-campaign-list {
    display: grid;
    grid-template-columns:
        repeat(auto-fill, minmax(240px, 1fr));
    gap: 13px;
    margin-top: 22px;
}

.watch-ads-campaign-list > a {
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.018);
    color: inherit;
    text-decoration: none;
}

.watch-ads-campaign-list h3 {
    margin: 13px 0 0;
    font-size: 18px;
}

.watch-ads-campaign-list p,
.watch-ads-muted {
    margin: 8px 0 0;
    color: #7c8590;
    font-size: 12px;
    line-height: 1.6;
}

.watch-ads-campaign-list strong {
    display: block;
    margin-top: 13px;
    color: #d8dce2;
    font-size: 13px;
}

.watch-ads-admin-layout {
    display: grid;
    grid-template-columns:
        minmax(0, 1.3fr)
        minmax(320px, 0.7fr);
    gap: 20px;
    align-items: start;
}

.watch-ads-placement-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    grid-column: 1 / -1;
}

.watch-ads-placement-checks label {
    display: flex;
    align-items: center;
    gap: 8px;
    text-transform: none;
}

.watch-ads-placement-checks input {
    width: auto;
    min-height: auto;
    margin: 0;
    accent-color: #ff304e;
}

.watch-ads-creative-list {
    display: grid;
    gap: 13px;
    margin-top: 22px;
}

.watch-ads-creative-list article {
    display: grid;
    grid-template-columns:
        170px
        minmax(0, 1fr)
        150px;
    gap: 15px;
    align-items: center;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.018);
}

.watch-ads-creative-list img,
.watch-ads-creative-list video {
    width: 170px;
    display: block;
    aspect-ratio: 16 / 9;
    border-radius: 10px;
    background: black;
    object-fit: contain;
}

.watch-ads-creative-list span {
    color: #ff7186;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.watch-ads-creative-list h3 {
    margin: 7px 0 0;
    font-size: 16px;
}

.watch-ads-creative-list p {
    margin: 7px 0 0;
    color: #7c8590;
    font-size: 12px;
}

.watch-ads-status-form {
    display: grid;
    gap: 14px;
    margin-top: 22px;
}

.watch-ads-details {
    display: grid;
    gap: 10px;
    margin: 22px 0 0;
}

.watch-ads-details > div {
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.018);
}

.watch-ads-details dt {
    color: #747d88;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.watch-ads-details dd {
    margin: 7px 0 0;
    color: #d8dce2;
    font-size: 13px;
}

@media (max-width: 950px) {
    .watch-ads-admin-layout {
        grid-template-columns: 1fr;
    }

    .watch-ads-create-form,
    .watch-ads-creative-form {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .watch-ads-admin-header {
        padding: 0 14px;
    }

    .watch-ads-admin-header > a strong {
        display: none;
    }

    .watch-ads-admin-header nav {
        gap: 11px;
        overflow-x: auto;
    }

    .watch-ads-admin-header nav a {
        white-space: nowrap;
        font-size: 11px;
    }

    .watch-ads-admin-main {
        width: min(100% - 20px, 1420px);
        padding-top: 28px;
    }

    .watch-ads-admin-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .watch-ads-create-form,
    .watch-ads-creative-form {
        grid-template-columns: 1fr;
    }

    .watch-ads-create-form > button,
    .watch-ads-check,
    .watch-ads-placement-checks {
        grid-column: auto;
    }

    .watch-ads-creative-list article {
        grid-template-columns: 1fr;
    }

    .watch-ads-creative-list img,
    .watch-ads-creative-list video {
        width: 100%;
    }
}