.creative-controls{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.creative-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;flex:1;min-width:170px}.creative-controls select{width:100%}.creative-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creative-highlights article{display:flex;flex-direction:column;gap:10px;background:#fff4e9;border:1px solid #f1d7c1;padding:18px;border-radius:12px}.creative-highlights strong{font-size:23px}.creative-highlights small{line-height:1.5;overflow-wrap:anywhere}.creative-muted{font-size:12px;color:#65666b;line-height:1.6;overflow-wrap:anywhere}.creative-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}.creative-card{border:1px solid #e5dfd9;border-radius:14px;overflow:hidden;background:#fff}.creative-image{display:block;width:100%;padding:0!important;border:0!important;border-radius:0!important;background:#f2f0ed!important;cursor:zoom-in!important}.creative-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.creative-no-image{aspect-ratio:1;display:grid;place-items:center;padding:20px;text-align:center;background:#f3f2ef;color:#76716a}.creative-body{padding:18px}.creative-body h3{font-size:16px;line-height:1.5;margin:14px 0 8px}.creative-badges{display:flex;gap:6px;flex-wrap:wrap}.creative-badges span,.creative-signal{font-size:11px;border-radius:6px;background:#f4f2ee;padding:6px 9px}.creative-signal{border-left:3px solid #f17824}.creative-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.creative-facts div{border-bottom:1px solid #eee9e4;padding:7px 0;min-width:0}.creative-facts dt{font-size:11px;color:#6c6c6c;line-height:1.4}.creative-facts dd{margin:5px 0 0;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.creative-advice{font-size:12px;background:#faf7f3;padding:12px;border-radius:8px;line-height:1.6}.creative-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.creative-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:#f7f4ef;padding:16px;border-radius:12px}.creative-comparison article{min-width:0}.creative-comparison img{width:100%;height:auto;max-height:220px;object-fit:contain}.creative-comparison h4{min-height:45px;font-size:13px}.creative-comparison p{font-size:11px;overflow-wrap:anywhere}.creative-dialog{max-width:min(1100px,94vw);max-height:92vh;overflow:auto;border:1px solid #ded8d1;border-radius:16px;padding:24px;color:#41444c}.creative-dialog::backdrop{background:#191817b3}.creative-dialog h2{font-size:22px}.creative-dialog button{padding:10px 16px;border:1px solid #ccc;border-radius:7px;background:#fff;cursor:pointer}.creative-close{float:right}.creative-detail{display:grid;grid-template-columns:1fr 1fr;gap:28px}.creative-detail img{display:block;width:100%;height:auto}.creative-detail p{font-size:13px;line-height:1.6}.creative-dialog .table{width:100%;font-size:13px}.creative-dialog td,.creative-dialog th{padding:10px;text-align:left}.creative-panel input:focus-visible,.creative-panel button:focus-visible{outline:3px solid #f17824;outline-offset:2px}@media(max-width:1200px){.creative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.creative-grid,.creative-highlights,.creative-detail{grid-template-columns:1fr}.creative-comparison{display:flex;overflow-x:auto}.creative-comparison article{min-width:240px}.creative-dialog{padding:16px}.creative-controls label{min-width:130px}}


/* One row per ad, small embedded thumbnail and aligned metrics. */
.creative-controls{gap:8px;margin:12px 0}.creative-controls label{gap:4px;min-width:140px}
.creative-highlights{gap:10px}.creative-highlights article{gap:5px;padding:12px}.creative-highlights strong{font-size:19px}.creative-highlights small{font-size:11px;line-height:1.35}
.creative-list-scroll{overflow:auto;max-height:72vh;margin-top:14px;border:1px solid #e5dfd9;border-radius:9px}
.creative-list{width:100%;border-collapse:separate;border-spacing:0;font-size:12px;background:#fff}
.creative-list th,.creative-list td{padding:9px 10px;border-bottom:1px solid #ece7e1;vertical-align:middle;text-align:left}
.creative-list thead th{position:sticky;top:0;z-index:2;background:#faf3eb;font-weight:600;font-size:11px;line-height:1.35;min-width:70px}
.creative-list tbody tr:hover{background:#fffaf5}.creative-list tbody tr:last-child>*{border-bottom:0}
.creative-list .creative-num{text-align:right;font-variant-numeric:tabular-nums}.creative-list td.creative-num{white-space:nowrap}
.creative-thumb{display:block;padding:0!important;border:0!important;border-radius:5px!important;background:#f3f1ed!important;width:64px;height:64px;overflow:hidden;cursor:zoom-in!important}
.creative-thumb img{display:block;width:64px;height:64px;object-fit:contain}.creative-thumb .creative-no-image{width:64px;height:64px;padding:4px;font-size:9px}
.creative-name{min-width:170px;max-width:240px;font-weight:400}.creative-name strong{display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.creative-name span{display:block;color:#717171;font-size:10px;line-height:1.4;margin-top:3px;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creative-status{display:inline-block;background:#f4f2ee;border-radius:5px;padding:4px 6px;font-size:10px;white-space:nowrap}
.creative-row-actions{display:flex;flex-direction:column;gap:4px;min-width:84px}.creative-row-actions label{display:flex;align-items:center;gap:4px;min-height:28px;font-size:11px}.creative-row-actions button{font-size:11px;padding:5px 8px;min-height:30px}
.creative-comparison img{max-height:120px}.creative-comparison{gap:12px;padding:12px}
@media(max-width:700px){.creative-list th,.creative-list td{padding:7px}.creative-list thead th:first-child{left:0;z-index:3}.creative-list tbody td:first-child{position:sticky;left:0;background:#fff;z-index:1}.creative-name{min-width:155px}.creative-thumb,.creative-thumb img{width:56px;height:56px}}

.creative-update-notice{min-height:34px;margin:4px 0}.creative-update-notice button{background:#fff4e9;color:#8b420e;border:1px solid #efc8a6;border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer}
