dialog{border:1px solid var(--line);border-radius:18px;padding:24px;width:min(650px,calc(100% - 24px));max-height:90svh;color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#181424b8;backdrop-filter:blur(5px)}dialog h2{font-size:28px}dialog button{min-height:44px}.diagnosis-modal-head,.creative-dialog header{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px}.diagnosis-modal-head small{font-size:11px;color:var(--muted)}[data-close-diagnosis]{background:var(--soft);border:0;border-radius:50%;width:44px;font-size:24px;flex-shrink:0}.diagnosis-form{display:grid;gap:18px}.diagnosis-form label{display:grid;gap:8px;font-size:12px;font-weight:600;letter-spacing:.03em}.diagnosis-form input,.diagnosis-form select{width:100%;padding:14px;border:1px solid #ccc8d6;border-radius:8px;background:white;min-height:48px;font-size:16px;color:var(--ink)}.diagnosis-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diagnosis-form small{font-size:13px;line-height:1.5;color:var(--muted)}.creative-dialog{width:min(1100px,calc(100% - 24px));padding:0}.creative-dialog header{position:sticky;top:0;background:white;padding:18px 24px;margin:0;z-index:1;border-bottom:1px solid var(--line)}[data-close-creatives]{border:1px solid var(--line);border-radius:8px;background:white;padding:10px 15px}.ad-note{font-size:14px;padding:18px 24px}.creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 24px 24px}.creative-grid figure{margin:0}.creative-grid img{width:100%;border-radius:10px}.creative-grid figcaption{font-size:13px;margin-top:10px;color:var(--muted)}

.creative-marquees,.campaign-marquees{display:grid;gap:14px;margin-top:28px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.marquee,.campaign-marquee{overflow:hidden}.marquee-track,.campaign-marquee-track{display:flex;width:max-content;gap:14px;animation:marquee 38s linear infinite}.marquee:nth-child(2) .marquee-track,.campaign-marquee:nth-child(2) .campaign-marquee-track{animation-direction:reverse}.marquee-track img{width:200px;height:250px;object-fit:cover;border-radius:12px}.campaign-marquee-track figure{margin:0}.campaign-marquee-track img{display:block;width:200px;height:260px;object-fit:cover;border-radius:12px}.creative-marquees:hover .marquee-track,.campaign-marquees:hover .campaign-marquee-track{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}
