/* Advertising uses separate surfaces so dismissing an ad never rebuilds the video. */
@media(max-width:1199px){.ad-fixed{display:none}}
.ad-host:empty { display:none }
.ad-host { margin:28px 0 }
.ad-unit { position:relative; overflow:hidden; border:1px solid #554147; border-radius:12px; background:#211b22; color:#f8edf0; text-align:left; }
.ad-creative { display:flex; min-width:0; gap:24px; align-items:center; padding:22px 30px; color:inherit; text-decoration:none; }
.ad-creative-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:8px }
.ad-disclosure { font-size:10px; line-height:1.6; color:#d5a8b6; letter-spacing:.08em; text-transform:uppercase }
.ad-disclosure i { padding:0 5px; font-style:normal }
.ad-creative-copy strong { font-size:22px; font-weight:600; letter-spacing:-.025em; line-height:1.2; overflow-wrap:anywhere }
.ad-creative-copy p { margin:0; max-width:520px; color:#bfb1bb; font-size:12px; line-height:1.6; overflow-wrap:anywhere }
.ad-creative-copy small { color:#bba0ab; font-size:10px; letter-spacing:.13em }
.ad-art { width:100px; height:100px; flex-shrink:0; position:relative; display:grid; place-items:center }
.ad-art i { position:absolute; inset:8px; border:1px solid #e0a5b4; border-radius:22px; transform:rotate(-15deg); background:linear-gradient(135deg,#e0a5b41c,#ac54621c) }
.ad-art i:nth-child(2) { transform:rotate(4deg); inset:16px; border-color:#c86683 }
.ad-art i:nth-child(3) { transform:rotate(20deg); inset:24px; border-color:#713c50 }
.ad-art span { font-family:Georgia,serif; font-size:44px; color:#f6c9d7; z-index:1 }
.ad-banner .ad-art { width:72px; height:72px }
.ad-banner .ad-creative { min-height:120px }
.ad-creative-image { width:140px; max-height:180px; object-fit:contain; border-radius:6px; align-self:center }
.ad-cta { font-size:12px; color:#ffe4ed; border-bottom:1px solid #be7c91; padding:4px 0 }
.ad-close { position:absolute; z-index:2; top:8px; right:8px; width:28px; height:28px; border:1px solid #bca3ae55; background:#161217; border-radius:50%; color:white; font-size:20px; cursor:pointer; display:grid; place-items:center; line-height:1 }
.ad-close:focus-visible { outline:2px solid #ff97b5; outline-offset:3px }
.ad-entry-dialog { padding:0; max-width:480px; width:calc(100vw - 40px); border:0; background:transparent; color:inherit; border-radius:16px; box-shadow:0 30px 100px #0009 }
.ad-entry-dialog::backdrop { background:#09070cc9; backdrop-filter:blur(5px) }
.ad-entry .ad-creative { padding:46px 36px 38px; flex-direction:column; align-items:flex-start; min-height:320px; background:radial-gradient(ellipse at top right,#78405255,transparent 75%) }
.ad-entry .ad-art { align-self:center; width:120px; height:110px }
.ad-entry .ad-creative-copy strong { font-size:29px }
.ad-entry .ad-creative-image { width:100%; max-height:240px }
.ad-fixed { position:fixed; z-index:30 }
.ad-fixed-floating { left:14px; top:40%; width:144px }
.ad-fixed-corner { right:22px; bottom:54px; width:280px }
.ad-floating .ad-creative { flex-direction:column; padding:32px 14px 18px; gap:12px }
.ad-floating .ad-art { width:62px; height:62px }
.ad-floating .ad-creative-copy strong { font-size:16px }
.ad-floating .ad-creative-copy p { display:none }
.ad-floating .ad-creative-image { width:100%; max-height:140px }
.ad-corner .ad-creative { padding:32px 20px 20px; gap:14px }
.ad-corner .ad-art { display:none }
.ad-corner .ad-creative-copy strong { font-size:20px }
.ad-square .ad-creative { min-height:250px; padding:24px; flex-direction:column; align-items:flex-start; gap:15px }
.ad-square .ad-art { width:65px; height:65px }
.ad-square .ad-creative-copy strong { font-size:21px }
.ad-pause-host { position:absolute; z-index:3; width:min(280px,75%); top:50%; left:50%; transform:translate(-50%,-50%); max-height:calc(100% - 150px); margin:0; overflow:auto; border-radius:12px }
.ad-pause .ad-creative { padding:30px 18px 18px; min-height:150px }
.ad-pause .ad-art,.ad-pause .ad-creative-copy p { display:none }
.ad-pause .ad-creative-copy strong { font-size:18px }
.ad-preview-bar { position:fixed; left:0; right:0; bottom:0; z-index:41; background:#f2dce4; color:#402330; border-top:1px solid #b78b9c; display:flex; gap:16px; align-items:center; justify-content:space-between; padding:10px 24px; box-shadow:0 -8px 30px #0002 }
.ad-preview-bar>div { display:flex; gap:16px; align-items:center; flex-wrap:wrap }
.ad-preview-bar b { font-size:12px }
.ad-preview-bar span { font-size:11px; color:#7a5868 }
.ad-preview-bar a,.ad-preview-bar button { color:#672e49; background:transparent; border:0; font-size:11px; text-decoration:underline; cursor:pointer; padding:2px }
body.modal-open .ad-fixed { visibility:hidden }
.ad-summary { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:28px 30px; margin:20px 0; border:1px solid #e0cdd3; border-radius:14px; background:linear-gradient(120deg,#f7e8ed,#fff9f4); color:#35292e }
.ad-kicker { font-size:10px; letter-spacing:.17em; font-weight:700; color:#a5697d }
.ad-summary h2 { font-size:28px; margin:10px 0; letter-spacing:-.025em }
.ad-summary h2 b { font-size:38px; color:#c08a9b; margin-left:12px; font-weight:400 }
.ad-summary p { font-size:12px; color:#86707a; margin:0; line-height:1.6 }
.ad-summary-actions { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end }
.ad-policy { display:flex; align-items:center; gap:20px; padding:20px 24px; margin-bottom:24px }
.ad-policy>div { flex:1 }
.ad-policy label { display:flex; align-items:center; gap:10px; font-size:13px }
.ad-policy p { margin:7px 0 0 25px; font-size:12px; color:#8c7a82 }
.ad-state { font-size:11px; white-space:nowrap; background:#f1eef0; color:#8c7c84; border-radius:30px; padding:7px 12px }
.ad-state.enabled { background:#e4f5ed; color:#247e57 }
.ad-manager { display:grid; grid-template-columns:270px minmax(0,1fr); gap:24px; align-items:start }
.ad-slot-list { border:1px solid #e8e1e5; border-radius:12px; padding:8px; background:#fff }
.ad-slot-option { display:flex; gap:12px; align-items:center; padding:16px 10px; border-radius:7px; color:#66565e; text-decoration:none; margin:2px 0 }
.ad-slot-option:hover { background:#faf6f8 }
.ad-slot-option.selected { background:#f9eaf0; color:#a23360 }
.ad-slot-index { color:#bd9ea9; font-size:11px; font-family:monospace }
.ad-slot-option>span:nth-child(2) { flex:1 }
.ad-slot-option strong { font-size:12px; display:block; line-height:1.5; font-weight:600 }
.ad-slot-option small { font-size:10px; color:#9d8c94; display:block; margin-top:5px }
.ad-slot-indicator { width:6px; height:6px; border-radius:50%; background:#ddd3d8 }
.ad-slot-indicator.enabled { background:#48a77d }
.ad-editor { min-width:0; padding:24px }
.ad-editor-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:20px }
.ad-editor-heading h2 { font-size:20px; margin:7px 0 0 }
.ad-editor-heading code { font-size:11px; color:#9b7e8a }
.ad-layout-preview { border:1px solid #e5dce1; border-radius:8px; overflow:hidden; background:#f9f6f8; margin-bottom:24px }
.ad-browser-chrome { display:flex; align-items:center; gap:4px; padding:10px 12px; background:#efeaed }
.ad-browser-chrome i { width:4px; height:4px; background:#d2c2ca; border-radius:50% }
.ad-browser-chrome span { margin:auto; font-size:9px; color:#b19ba6; letter-spacing:.1em }
.ad-wireframe { position:relative; height:190px; padding:16px 12%; overflow:hidden }
.ad-wire-nav { height:7px; width:45%; background:#ddd3d9; border-radius:4px; margin-bottom:10px }
.ad-wire-hero { height:62px; background:linear-gradient(90deg,#e6dce2,#f0e9ed); border-radius:4px }
.ad-wire-row { display:flex; gap:7px; margin-top:9px }
.ad-wire-row i { background:#e6dce2; height:60px; flex:1; border-radius:4px }
.ad-wire-position { position:absolute; background:#e7b6c7; border:1px dashed #aa5272; border-radius:4px; color:#7e294d; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; font-size:10px; font-weight:600 }
.ad-wire-position span { font-size:8px; letter-spacing:.1em; color:#a55c77 }
.ad-layout-entry .ad-wire-position { inset:30px 30% }
.ad-layout-floating .ad-wire-position { left:4%; top:60px; width:20%; height:105px }
.ad-layout-corner .ad-wire-position { right:4%; bottom:15px; width:32%; height:75px }
.ad-layout-banner .ad-wire-position { left:12%; right:12%; bottom:23px; height:43px }
.ad-layout-square .ad-wire-position { right:12%; top:28px; width:25%; height:135px }
.ad-layout-pause .ad-wire-position { inset:44px 32% }
.ad-editor-form h3 { margin:25px 0 17px; padding-top:20px; border-top:1px solid #eee7eb; font-size:12px; font-weight:600 }
.ad-editor-form .field { margin-bottom:16px }
.ad-enable { font-size:13px; display:flex; align-items:center; gap:9px }
.ad-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px }
.ad-hint { color:#9b8791; font-size:11px; line-height:1.7; margin:-5px 0 18px }
.ad-checks { border:0; padding:0; margin:16px 0; display:flex; flex-wrap:wrap; gap:12px 18px }
.ad-checks legend { font-size:12px; margin-bottom:12px; color:#8b7680 }
.ad-checks label { display:flex; gap:6px; align-items:center; font-size:12px; color:#705f68 }
.ad-checks input,.ad-policy input,.ad-enable input { accent-color:#c14f7f }
.ad-roadmap { padding:24px; margin-top:24px }
.ad-roadmap h2 { margin:10px 0; font-size:20px }
.ad-roadmap p { color:#9b8791; font-size:12px }
.ad-roadmap ol { display:grid; grid-template-columns:repeat(6,1fr); padding:0; margin:24px 0 0; list-style:none; gap:8px }
.ad-roadmap li { display:flex; flex-direction:column; gap:12px; background:#faf6f8; padding:16px; border-radius:8px; min-width:0 }
.ad-roadmap li b { font-size:20px; color:#bc8399; font-weight:400 }
.ad-roadmap li span { font-size:11px; line-height:1.7; color:#735e68 }
.ad-roadmap li small { color:#bd9cac; font-size:10px }
@media(min-width:1500px) { .ad-fixed-floating { left:max(14px,calc((100vw - 1400px)/2 - 150px)) } }
@media(max-width:1100px) { .ad-manager { grid-template-columns:220px minmax(0,1fr); gap:16px } .ad-summary { align-items:flex-start; flex-direction:column } .ad-roadmap ol { grid-template-columns:repeat(3,1fr) } }
@media(max-width:899px) { .ad-fixed,.ad-host[data-ad-slot="player-side"] { display:none } .ad-creative { padding:20px; gap:14px } .ad-banner .ad-art { width:48px; height:48px } .ad-banner .ad-art span { font-size:30px } .ad-banner .ad-creative { min-height:100px } .ad-banner .ad-creative-copy strong { font-size:17px } .ad-banner .ad-creative-copy p { font-size:11px } .ad-preview-bar { bottom:65px; padding:8px 12px; gap:10px } .ad-preview-bar span { display:none } .ad-preview-bar>div { gap:8px } .ad-preview-bar b,.ad-preview-bar a,.ad-preview-bar button { font-size:10px } }
@media(max-width:650px) { .ad-manager { display:block } .ad-slot-list { display:grid; grid-template-columns:1fr 1fr; margin-bottom:16px } .ad-slot-option { padding:10px 7px; gap:7px } .ad-slot-option strong { font-size:11px } .ad-slot-option small { font-size:9px } .ad-slot-indicator { display:none } .ad-policy { flex-wrap:wrap; padding:18px } .ad-policy>div { flex-basis:100% } .ad-policy p { line-height:1.7 } .ad-summary { padding:22px } .ad-summary h2 { font-size:24px } .ad-summary-actions { justify-content:flex-start } .ad-editor { padding:18px } .ad-fields { grid-template-columns:1fr; gap:0 } .ad-roadmap ol { grid-template-columns:repeat(2,1fr) } .ad-creative-image { width:80px; max-height:120px } .ad-entry .ad-creative-copy strong { font-size:24px } .ad-entry .ad-creative { min-height:300px; padding:36px 25px 28px } .ad-host { margin:20px 0 } }

/* Local material library and bounded mobile creatives. */
.aa-toolbar{display:flex;gap:8px;margin:12px 0}.aa-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px}.aa-layout .panel{min-width:0}.aa-list{display:grid;gap:6px}.aa-row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #e5e5eb;border-radius:9px;color:inherit;text-decoration:none}.aa-row.selected{border-color:#df377a;background:#fff4f8}.aa-row>img{width:72px;height:54px;object-fit:cover;border-radius:5px}.aa-row>span{min-width:0;display:grid;gap:4px}.aa-row b{overflow-wrap:anywhere}.aa-row small{font-size:11px;color:#6f7280}.aa-media{display:grid;justify-items:start;gap:8px;margin:12px 0}.aa-media>img,.aa-media>video{width:100%;max-height:280px;object-fit:contain;background:#101015;border-radius:8px}.aa-media>small{color:#6f7280}.aa-replace{display:flex;gap:8px;margin:12px 0}.aa-layout hr{border:0;border-top:1px solid #eee;margin:22px 0}.aa-row[hidden]{display:none}
.ad-has-media>.ad-creative{gap:16px;padding:14px 50px 14px 14px}.ad-has-media .ad-media-video,.ad-has-media .ad-creative-image,.ad-animation{width:42%;max-height:180px;flex:0 1 42%;min-width:0;object-fit:contain;border-radius:6px;background:#101015}.ad-animation{position:relative;display:grid}.ad-animation>img{width:100%;max-height:150px;object-fit:contain}.ad-animation>button{font:inherit;font-size:10px;min-height:32px;border:0;background:#342833;color:#f8edf0;padding:6px;cursor:pointer}.ad-has-media .ad-cta{padding:8px 12px;min-height:36px;font-size:12px;background:#c52d68;border-radius:6px}.ad-has-media .ad-creative-copy strong{font-size:17px}.ad-has-media [data-ad-play-note]{letter-spacing:0}.ad-close{min-width:44px;min-height:44px;z-index:4;top:0;right:0}.ad-unit [hidden]{display:none!important}
@media(max-width:767px){.aa-layout{grid-template-columns:1fr;gap:12px}.aa-layout .panel{padding:14px}.aa-layout h2{font-size:18px}.aa-layout h3{font-size:15px}.aa-row{padding:8px}.aa-media>img,.aa-media>video{max-height:220px}.ad-host{margin:12px 0}.ad-has-media>.ad-creative{padding:10px 42px 10px 10px;gap:10px}.ad-has-media .ad-creative-copy{gap:5px}.ad-has-media .ad-creative-copy strong{font-size:14px}.ad-has-media .ad-creative-copy p{font-size:11px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ad-has-media .ad-media-video{width:52%;flex-basis:52%;max-height:160px}.ad-has-media:has(video)>.ad-creative{padding:42px 10px 10px;display:grid;gap:8px}.ad-has-media:has(video) .ad-media-video{width:100%;height:160px;max-height:160px}.ad-has-media:has(video) .ad-creative-copy{display:grid;grid-template-columns:1fr auto;align-items:center}.ad-has-media:has(video) .ad-disclosure{grid-column:1/-1}.ad-has-media:has(video) .ad-creative-copy p{display:none}.ad-entry-dialog .ad-has-media .ad-media-video{height:180px}.ad-unit .ad-close{width:44px;height:44px}.ad-pause .ad-creative-copy p{display:none}.ad-pause .ad-creative-copy strong{font-size:12px}.ad-pause .ad-creative{padding:6px 40px 6px 6px;gap:6px}.ad-pause .ad-animation>img,.ad-pause .ad-creative-image{max-height:54px}.ad-pause .ad-animation>button{min-height:28px;font-size:9px}.ad-pause .ad-cta{padding:4px;min-height:28px}}

.ad-pause-host{top:12px;left:auto;right:12px;transform:none;width:min(280px,74%);max-height:calc(50% - 84px)}.ad-pause .ad-creative{min-height:0;padding:8px 44px 8px 8px}.ad-pause .ad-creative-copy strong{font-size:12px}.ad-pause .ad-creative-copy{gap:3px}.ad-pause .ad-animation{width:36%;flex-basis:36%}.ad-pause .ad-animation>button{font-size:9px;min-height:26px}.ad-pause .ad-animation>img,.ad-pause .ad-creative-image{max-height:40px}.ad-pause .ad-disclosure{font-size:8px}.ad-pause .ad-cta{padding:3px 6px;min-height:24px;font-size:10px}.ad-pause .ad-creative-copy p{display:none}