.ad-mock-candidate[hidden],.ad-mock-intents[hidden],.ad-mock-side[hidden],[data-ad-mock-side-layer][hidden]{display:none!important}
.ad-mock-candidate{height:var(--ad-mock-height);margin:0 0 1.75rem;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}
.ad-mock-candidate[data-ad-mock-priority="high"]{--ad-mock-height:90px}
.ad-mock-list-slot>.ad-mock-candidate{margin:0;padding:.75rem 1rem}
.ad-placement-active:not(.ad-mock-active) .ad-mock-list-slot>.ad-mock-candidate{padding:0}
.ad-mock-creative{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(.75rem,2vw,1.25rem);overflow:hidden;border:1px dashed color-mix(in srgb,var(--accent) 48%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));color:var(--ink);box-shadow:var(--neu-inset-xs)}
.ad-mock-tone-green{border-color:color-mix(in srgb,var(--live-ok) 55%,var(--line));background:color-mix(in srgb,var(--live-ok) 8%,var(--surface))}
.ad-mock-tone-orange{border-color:color-mix(in srgb,#d97706 58%,var(--line));background:color-mix(in srgb,#d97706 8%,var(--surface))}
.ad-mock-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;line-height:1.25}
.ad-mock-copy strong{font-size:clamp(.95rem,.87rem + .35vw,1.2rem);text-wrap:balance}
.ad-mock-copy>span:not(.ad-mock-label){margin-top:.2rem;color:var(--ink-soft);font-size:.78rem}
.ad-mock-label{margin-bottom:.35rem;color:var(--accent);font-size:.62rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.ad-mock-action{flex-shrink:0;padding:.48rem .75rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.76rem;font-weight:750}
.ad-mock-spec{position:absolute;right:.65rem;bottom:.3rem;color:var(--ink-soft);font:600 .6rem/1 system-ui,sans-serif;opacity:.76}
.ad-mock-side-layer{position:absolute;inset:0 0 auto;height:0;z-index:3;pointer-events:none}
.ad-mock-side{position:absolute;pointer-events:auto}
.ad-mock-side .ad-mock-creative{align-items:flex-start;flex-direction:column;justify-content:flex-end;padding:1rem}
.ad-mock-side .ad-mock-copy strong{font-size:1rem}
.ad-mock-side .ad-mock-action{align-self:flex-start}
.ad-mock-intents{display:flex;align-items:center;gap:.45rem;margin:.65rem 0 0;flex-wrap:wrap;color:var(--ink-soft);font-size:.72rem}
main>.ad-mock-intents{margin:-1.15rem 0 1.5rem}
.ad-mock-intents>span{font-weight:700}
.ad-mock-intents button{border:1px dashed color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:999px;padding:.35rem .65rem;background:color-mix(in srgb,var(--accent) 5%,var(--surface));color:var(--accent);font:600 .76rem/1.2 system-ui,sans-serif;cursor:pointer}
.ad-mock-intents button:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.ad-mock-status{position:fixed;left:.75rem;bottom:.75rem;z-index:70;width:min(17rem,calc(100vw - 1.5rem));padding:.6rem .75rem;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--ink);box-shadow:0 12px 35px rgb(0 0 0/.2);backdrop-filter:blur(12px);font-size:.72rem}
.ad-mock-status summary{cursor:pointer;font-weight:750;list-style:none}
.ad-mock-status summary::-webkit-details-marker{display:none}
.ad-mock-status>div{padding-top:.55rem}
.ad-mock-status>div>strong,.ad-mock-status>div>span{display:block}
.ad-mock-status>div>span{margin-top:.1rem;color:var(--ink-soft)}
.ad-mock-status dl{display:grid;grid-template-columns:1fr auto;margin:.5rem 0 0}
.ad-mock-status dt,.ad-mock-status dd{border:0;padding:.08rem 0;font-size:.7rem}
.ad-mock-status dd{text-align:right;font-variant-numeric:tabular-nums}
.ad-mock-dialog{width:min(32rem,calc(100vw - 2rem));padding:1.25rem;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:0 24px 70px rgb(0 0 0/.34)}
.ad-mock-dialog::backdrop{background:rgb(0 0 0/.5)}
.ad-mock-dialog h2{margin:.2rem 0 .5rem;font-size:1.35rem}
.ad-mock-dialog p{margin:0;color:var(--ink-soft)}
.ad-mock-dialog form{float:right}
.ad-mock-dialog-close{border:0;border-radius:999px;padding:.42rem .7rem;background:var(--surface);color:var(--ink);box-shadow:var(--neu-elev-xs);cursor:pointer}
.ad-mock-dialog-result{display:flex;flex-direction:column;margin-top:1rem;padding:1rem;border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--surface));box-shadow:var(--neu-inset-xs)}
.ad-mock-dialog-result span{margin-top:.2rem;color:var(--ink-soft);font-size:.82rem}
@media(min-width:1160px) and (max-width:1601px){html.ad-placement-page main{max-width:728px}}
@media(min-width:1602px) and (max-width:1711px){html.ad-placement-page main{max-width:970px}}
@media(min-width:1712px){html.ad-placement-page main{max-width:1080px}}
@media(min-width:760px) and (max-width:1159px){.ad-mock-candidate[data-ad-mock-priority="high"]{--ad-mock-height:250px}}
@media(min-width:344px) and (max-width:759px){.ad-mock-candidate[data-ad-mock-priority="high"]{--ad-mock-height:100px}}
@media(max-width:343px){.ad-mock-candidate[data-ad-mock-priority="high"]{display:none!important}}
@media(max-width:759px){.ad-mock-candidate{margin-bottom:1.25rem}.ad-mock-creative{align-items:flex-start;flex-direction:column;justify-content:flex-end}.ad-mock-action{align-self:flex-start}.ad-mock-status{bottom:.5rem;left:.5rem;width:auto;max-width:calc(100vw - 1rem)}}
@media(prefers-reduced-motion:reduce){.ad-mock-intents button{transition:none}}