/* Real portfolio references and their matching Reels. Scoped to the creative tab. */
#panel-creative .ad-reel-heading { margin:0 0 24px; }
#panel-creative .ad-reel-heading h2 { font-size:24px;line-height:1.15;letter-spacing:-.045em;margin:0 0 10px; }
#panel-creative .ad-reel-heading p { font-size:18px;color:#a7c9c2;line-height:1.5;margin:0; }
#panel-creative .ad-reel-pair { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px; }
#panel-creative .ad-reel-pair figure { margin:0;min-width:0; }
#panel-creative .ad-reel-pair figcaption { font-size:18px;font-weight:700;color:#c8efe7;line-height:1.4;margin-bottom:12px; }
#panel-creative .ad-reel-pair figure:last-child figcaption { color:#a2eee6; }
#panel-creative .ad-reel-media { height:clamp(280px,calc(100dvh - 460px),500px);border:1px solid #31534b;border-radius:16px;background:#06110f;overflow:hidden; }
#panel-creative #reel-sources { display:grid;grid-template-rows:minmax(0,1fr);gap:8px;padding:8px; }
#panel-creative #reel-sources a { display:block;min-height:0;overflow:hidden;border-radius:8px; }
#panel-creative #reel-sources img { display:block;width:100%;height:100%;object-fit:contain; }
#panel-creative #ad-reel-video { display:block;width:100%;height:100%;object-fit:contain;background:#020605; }
#panel-creative .ad-reel-tools { display:flex;gap:10px;flex-wrap:wrap;margin-top:12px; }
#panel-creative .ad-reel-tools button { border:1px solid #41675e;border-radius:10px;background:#102822;color:#d9f7ed;font:inherit;font-size:16px;font-weight:600;min-height:44px;padding:10px 14px;cursor:pointer; }
#panel-creative .ad-reel-tools button:hover { border-color:#a2eee6; }
#panel-creative .ad-reel-tools button:focus-visible,#panel-creative #reel-sources a:focus-visible { outline:2px solid #a2eee6;outline-offset:3px; }
#panel-creative .ad-reel-error { font-size:16px;line-height:1.5;color:#e0ece5;margin-top:12px; }
#panel-creative .ad-reel-copy { margin-top:26px;padding-top:22px;border-top:1px solid #29483e; }
#panel-creative .ad-reel-copy>span:first-child { display:block;font-size:16px;color:#9fbfb7;margin-bottom:10px; }
#panel-creative #ad-headline { font-size:28px;line-height:1.25;letter-spacing:-.035em;white-space:pre-line;margin:0 0 14px; }
#panel-creative #ad-cta { display:inline-block;font-size:18px;color:#b9ede2; }
#panel-creative .creative-caption { max-width:none;margin-top:18px; }
#panel-creative .creative-caption strong { font-size:18px;line-height:1.5; }
#panel-creative .creative-caption p { font-size:16px;line-height:1.5;color:#a5c3bb;margin-top:8px; }
@media(max-width:799px) {
 #panel-creative .ad-reel-heading { margin-bottom:18px; }
 #panel-creative .ad-reel-heading p { font-size:15px; }
 #panel-creative .ad-reel-pair { gap:10px; }
 #panel-creative .ad-reel-pair figcaption { font-size:15px;min-height:42px;margin-bottom:8px; }
 #panel-creative .ad-reel-media { height:280px;border-radius:12px; }
 #panel-creative #reel-sources { display:flex;padding:4px;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory; }
 #panel-creative #reel-sources a { flex:0 0 100%;scroll-snap-align:start; }
 #panel-creative .ad-reel-tools { gap:6px;margin-top:8px; }
 #panel-creative .ad-reel-tools button { font-size:14px;padding:8px; }
 #panel-creative #ad-headline { font-size:25px; }
}

#ad-reel-dialog { width:min(900px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:18px 20px;inset:0;margin:auto;background:#061410;color:#e5faf2;border:1px solid #406a5d;border-radius:16px;overflow:auto; }
#ad-reel-dialog::backdrop { background:#000c; }
#ad-reel-dialog .ad-reel-dialog-head { display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:16px; }
#ad-reel-dialog strong { font-size:22px;line-height:1.35; }
#ad-reel-dialog button { font:inherit;font-size:16px;color:#ddf8ef;border:1px solid #50796d;border-radius:8px;padding:12px 18px;background:#143229;cursor:pointer; }
#ad-reel-dialog video { display:block;width:100%;height:calc(100dvh - 140px);max-height:760px;object-fit:contain;background:#000; }