/* Media-led creative previews, with clear production status. */
.media-teaser{padding:0}.media-teaser img{width:100%;height:100%;object-fit:cover}.teaser-front strong{top:auto;bottom:66px;font-size:33px}.teaser-front .teaser-shade{background:linear-gradient(transparent 40%,#081826e8)}.teaser-play{font-size:20px;bottom:18px;width:32px;height:32px}.creative-media{position:relative;aspect-ratio:9/14;overflow:hidden;border:1px solid #4a4a42;border-radius:8px;background:#202522;isolation:isolate;width:100%}.creative-media>img,.creative-media>canvas,.creative-media>video{display:block;width:100%;height:100%;object-fit:cover}.creative-media>canvas{object-fit:cover}.brand-media{background:#e8edf0;display:flex;align-items:center}.brand-media>canvas{height:auto;object-fit:contain}.video-media video{object-fit:cover;background:#102132}.creator-photo{object-position:50% 38%}.creator-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 23%,transparent 47%,#051424ed)}.media-status{position:absolute;top:16px;left:16px;padding:7px 9px;background:#131e25dc;border:1px solid #ffffff42;border-radius:4px;color:#fff;font-size:9px;letter-spacing:1px;pointer-events:none}.creator-brand{position:absolute;top:54px;left:19px;font-size:21px;font-weight:650;color:#fff;text-shadow:0 2px 8px #0007;max-width:90%;overflow-wrap:anywhere}.creator-caption{position:absolute;bottom:28px;left:25px;right:25px;color:#fff}.creator-caption>span{display:block;font-size:10px;letter-spacing:1.5px;margin-bottom:13px;color:#eee}.creator-caption strong{display:block;font-family:var(--display);font-size:clamp(28px,3vw,44px);font-weight:600;letter-spacing:-1.6px;line-height:1.08;overflow-wrap:anywhere}.creator-caption small{display:block;font-size:12px;margin-top:23px;border-top:2px solid var(--creative-color);padding-top:12px}.media-open{display:block;background:none;padding:0;border:0;text-align:left;color:inherit;cursor:zoom-in;width:100%;border-radius:8px}.media-open:hover .creative-media{border-color:#d8d5c6}.media-open:focus-visible,.media-detail-button:focus-visible{outline:2px solid #ff8358;outline-offset:5px}.media-detail-button{display:flex;justify-content:space-between;align-items:center;gap:6px;width:100%;border:0;border-bottom:1px solid #45443b;background:none;text-align:left;color:#e8e3d7;font-size:12px;padding:13px 0;cursor:pointer;line-height:1.5}.media-detail-button:hover{color:#ff946e}.media-detail-button:disabled{color:#96958b;cursor:wait}.media-detail-button>span{font-size:17px}.media-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;background:#202522;color:#ddd5c7;font-size:13px;text-align:center}.concept-meta{margin:20px 0 10px}.concept-hook{min-height:50px}.detail-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr)}.detail-visual .creative-media{max-height:65vh;aspect-ratio:9/16;max-width:360px;margin:auto}.detail-visual .brand-media{aspect-ratio:4/5;max-height:none}.detail-visual .creator-caption strong{font-size:34px}.media-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.media-actions button{justify-content:center}.detail-copy{padding-top:10px}.script-details p{white-space:pre-line}.motion-note{line-height:1.6}.results-note>p{max-width:670px}.stage-caption{margin-top:10px}
@media(min-width:1500px){.creative-media{aspect-ratio:9/13}.creator-caption strong{font-size:46px}}
@media(max-width:900px){.creator-caption{left:18px;right:18px;bottom:21px}.creator-caption strong{font-size:29px;letter-spacing:-1px}.media-status{left:12px;top:12px;font-size:8px}.creator-brand{left:14px;font-size:18px}.creator-caption>span{font-size:8px}.creator-caption small{font-size:10px}.media-detail-button{font-size:11px}}
@media(max-width:680px){.concept-grid{grid-template-columns:1fr;gap:38px}.creative-media{aspect-ratio:9/13;max-height:610px}.creator-caption strong{font-size:42px}.creator-caption{left:25px;right:25px;bottom:28px}.creator-brand{font-size:23px;left:20px}.media-status{font-size:10px;left:17px;top:17px}.creator-caption>span{font-size:10px}.creator-caption small{font-size:12px}.media-detail-button{font-size:13px}.concept-hook{min-height:0}.detail-grid{grid-template-columns:1fr}.detail-visual{position:static}.detail-visual .creative-media{max-height:none;width:100%;max-width:340px}.results-note{align-items:start}.teaser-front strong{font-size:28px}}

.video-media .media-status{left:auto;right:16px}