.stack { display: grid; gap: 12px; }
.opportunity, .draft { border: 1px solid var(--line); border-radius: 10px; padding: 15px; background: #fbfdfe; display: grid; grid-template-columns: 1fr auto; gap: 12px; }
.opportunity h3, .draft h3 { margin: 0 0 4px; font-size: 16px; }
.opportunity p, .draft p { margin: 4px 0; }
.score { font-size: 22px; font-weight: 800; color: var(--blue); }
.draft-platforms { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.draft-actions,.creative-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.creative-dialog{width:min(1180px,94vw);max-width:none}.creative-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.creative-grid section{min-width:0}.creative-grid label{display:grid;gap:5px;margin:10px 0;font-weight:650}.creative-grid textarea,.creative-grid input[type=url]{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}.creative-grid textarea{min-height:82px;resize:vertical}.creative-grid label small{font-weight:400;color:var(--muted)}.variant{border:1px solid var(--line);border-radius:10px;padding:12px;margin:10px 0;background:#fff}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-card{border:1px solid var(--line);border-radius:10px;padding:8px}.media-card img{width:100%;height:180px;object-fit:cover;border-radius:7px}.quality-box{padding:12px 16px;border-radius:10px;margin-bottom:14px}.quality-box.pass{background:#e9f8ef;color:#146c3b}.quality-box.hold{background:#fff4dd;color:#7a5100}.quality-box ul{margin:6px 0 0}.creative-actions{position:sticky;bottom:0;background:#fff;padding:14px 0 4px;border-top:1px solid var(--line)}
.empty { padding: 18px; text-align: center; border: 1px dashed var(--line); border-radius: 10px; color: var(--muted); }
@media (max-width: 760px) { .opportunity, .draft,.creative-grid { grid-template-columns: 1fr; }.media-grid{grid-template-columns:1fr}.media-card img{height:220px} }
.meta-config { display: grid; grid-template-columns: 1fr 1fr auto auto; gap: 9px; }
.meta-config input { border: 1px solid var(--line); border-radius: 8px; padding: 10px; min-width: 0; }
.audit-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.audit-metrics div{padding:13px;background:#f4f9fc;border-radius:9px}.audit-metrics small,.audit-metrics strong{display:block}.audit-metrics strong{font-size:22px}.audit-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:13px;border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:9px}.audit-item.high{border-left-color:#d58b12}.audit-item p{margin:4px 0}.audit-item small{color:var(--muted)}.lead-log{margin-top:15px}.integration input{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:8px;padding:10px}.integration>small{display:block;margin-top:6px;color:var(--muted)}
code { overflow-wrap: anywhere; }
@media (max-width: 760px) { .meta-config,.audit-metrics { grid-template-columns: 1fr; }.audit-item{grid-template-columns:1fr} }