:root{--plum:#522749;--rose:#a45f86;--gold:#b38b3d;--creative-border:#e7e2e9}body{background:#f6f5f8}.sidebar{background:#201923}.sidebar nav a{padding:13px 14px;border-radius:8px;font-size:14px;color:#bdb4c3;display:flex;justify-content:space-between;align-items:center}.sidebar nav a:hover,.sidebar nav a.active{background:#493345;color:#fff}.nav-new{font:10px var(--num);background:#ffffff14;padding:4px 6px;border-radius:4px}.topbar{position:sticky;top:0;z-index:5;background:#ffffffed;backdrop-filter:blur(8px)}.source-pill{font:12px var(--num);display:flex;align-items:center;gap:7px}.source-pill i{width:6px;height:6px;background:#3c8f70;border-radius:50%}.creative-header{margin:6px 0 24px}.creative-header h1{font-size:30px}.creative-header p{font-size:14px}.control-panel{border:1px solid var(--creative-border);background:#fff;border-radius:12px;padding:16px 20px}.control-line{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}.period-presets,.date-fields{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.period-presets button,.view-switch button{background:none;border:1px solid transparent;border-radius:7px;padding:8px 11px;font-size:12px}.period-presets button.selected,.view-switch button.selected{background:#eee5ed;border-color:#decddd;color:var(--plum)}.date-fields label,.targets label,.library-tools label{display:flex;align-items:center;gap:9px;font-size:12px;color:#7c7083}input,select{font:13px var(--font);border:1px solid #e1dbe5;border-radius:7px;background:#fff;padding:8px;color:var(--ink);min-width:0}.data-coverage{font-size:12px;color:#86798d;margin-top:12px;line-height:1.8}.data-coverage bdi,.num{font-family:var(--num);direction:ltr;unicode-bidi:isolate;display:inline-block}.creative-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.kpi{padding:20px;border:1px solid var(--creative-border);border-radius:12px;background:#fff}.kpi:first-child{background:var(--plum);border-color:var(--plum);color:#fff}.kpi-label{font-size:13px;color:#827487}.kpi:first-child .kpi-label{color:#d9bfd2}.kpi strong{display:block;font:700 clamp(23px,2.1vw,34px) var(--num);margin:12px 0 4px;direction:ltr;text-align:right}.kpi small{font-size:11px;color:#95869c}.kpi:first-child small{color:#d9bfd2}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:30px 0 15px}.section-head h2{font-size:21px;margin-top:5px}.eyebrow{font-size:11px;color:#9b7993;letter-spacing:.3px}.text-button{border:0;background:none;color:var(--plum);font-size:12px}.format-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.format-card{position:relative;text-align:right;padding:17px 14px;border:1px solid var(--creative-border);border-radius:11px;background:#fff;transition:transform .16s,border-color .16s}.format-card:hover{transform:translateY(-2px);border-color:#b991ad}.format-card.selected{border:2px solid var(--plum);padding:16px 13px;background:#faf5f9}.format-card .format-icon{width:33px;height:33px;display:grid;place-items:center;background:#f3edf3;color:#8f5e83;border-radius:9px;margin-bottom:12px}.format-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}.format-card h3{font-size:15px;margin-bottom:4px}.format-card small{font-size:11px;color:#8f8196}.format-card dl{font-size:11px;margin:17px 0 0}.format-card dl div{display:flex;justify-content:space-between;gap:5px;padding:8px 0;border-top:1px solid #eee9f0}.format-card dt{color:#8a7c92}.format-card dd{margin:0;font:600 12px var(--num);direction:ltr}.format-card.empty{background:#faf9fb}.format-card.empty p{font-size:12px;color:#a699ac;margin-top:20px}.fine-print{font-size:11px;line-height:1.9;color:#93869b;margin-top:13px}.targets{display:flex;gap:15px}.targets input{width:74px;direction:ltr;font-family:var(--num)}.analysis-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(245px,1fr);gap:18px}.matrix-panel,.reading-panel{border:1px solid var(--creative-border);border-radius:12px;padding:20px;background:#fff;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.panel-title h3{font-size:15px}.panel-title span{font-size:10px;color:#9a8ba1}#creative-matrix svg{width:100%;display:block;direction:ltr}#creative-matrix text{font:11px var(--num);fill:#a094a7}.matrix-dot{cursor:pointer;transition:opacity .15s}.matrix-dot:hover,.matrix-dot:focus{opacity:1;stroke:#211222;stroke-width:3}.reading-row{padding:18px 0;border-bottom:1px solid #eee8f0}.reading-row:last-child{border:0}.reading-row strong{display:block;font-size:15px}.reading-row p{font-size:12px;color:#8c7f92;margin-top:5px}.reading-row .count{float:left;font:700 27px var(--num);color:#7f5376}.reading-row .good{color:#298065}.library-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--creative-border);border-radius:10px;padding:14px;margin-bottom:16px}.search-field{flex:1;min-width:180px}.search-field input{width:100%}.library-tools select{max-width:225px}.view-switch{display:flex;gap:3px}.count-badge{font-size:12px;border:1px solid #dfd4e2;background:white;border-radius:20px;padding:6px 12px;color:#81708a}.ad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ad-tile{background:#fff;border:1px solid var(--creative-border);border-radius:12px;overflow:hidden;min-width:0}.ad-visual{aspect-ratio:1.45;background:#eee9ef;position:relative;display:grid;place-items:center;overflow:hidden}.ad-visual img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#f2edf3}.ad-visual .asset-fallback{color:#bbaabc;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px}.asset-fallback svg{width:38px;height:38px;stroke:currentColor;fill:none;stroke-width:1.4}.visual-badge{position:absolute;bottom:10px;right:10px;border-radius:5px;font-size:10px;background:#fffdf5ee;color:#67536e;padding:4px 8px}.ad-content{padding:14px}.ad-content h3{font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.campaign-name{font-size:10px;color:#a494ab;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 12px}.ad-values{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;border-top:1px solid #eee9f0;padding-top:12px}.ad-values span{display:block;font-size:10px;color:#a090a9}.ad-values b{font:700 15px var(--num);display:block;direction:ltr;text-align:right;margin-top:3px}.tile-footer{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:15px}.status-chip{font-size:10px;padding:4px 7px;border-radius:4px;background:#f2edf4;color:#8c7a95}.status-chip.good{background:#e9f4ee;color:#2d7b59}.status-chip.review{background:#fff2e1;color:#9a732b}.tile-footer button{border:0;background:none;color:#734566;font-size:11px;padding:6px 0}.ads-table-wrap{overflow:auto;border:1px solid var(--creative-border);border-radius:12px;background:#fff}.ads-table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}.ads-table th,.ads-table td{padding:15px;border-bottom:1px solid #eee8f0;text-align:right}.ads-table th{font-size:11px;color:#8c7a97;background:#faf7fb}.ads-table td button{max-width:245px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;border:0;background:none;color:var(--plum);font:inherit;cursor:pointer}.empty-state{padding:50px 20px;text-align:center;background:#fff;border:1px dashed #d9cddd;border-radius:12px;color:#9b87a3;font-size:14px}.methodology{margin:30px 0;background:#eee9f0;border-radius:10px;padding:18px 20px;font-size:12px;color:#8d7b96}.methodology summary{cursor:pointer;color:#65516e}.methodology div{display:grid;gap:9px;margin-top:14px}#creative-error{background:#fff4e5;padding:20px;margin:20px 0;border-radius:10px;line-height:1.9}dialog{border:1px solid #e0d5e4;border-radius:15px;max-width:920px;width:calc(100% - 32px);max-height:90vh;padding:30px;color:var(--ink);font-family:var(--font)}dialog::backdrop{background:#20102599;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:12px;left:15px;background:#f4eff5;border:0;border-radius:50%;width:32px;height:32px;font-size:23px}.detail-heading{margin-bottom:20px;padding-left:30px}.detail-heading h2{font-size:21px;overflow-wrap:anywhere}.detail-heading p{font-size:12px;color:#9b88a2}.detail-layout{display:grid;grid-template-columns:250px 1fr;gap:25px}.detail-asset{width:100%;max-height:320px;object-fit:contain;border-radius:9px;background:#f0eaf3}.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.detail-metrics span{font-size:11px;color:#907a9b}.detail-metrics b{display:block;font:700 20px var(--num);margin-top:4px;direction:ltr;text-align:right}.detail-copy{white-space:pre-wrap;font-size:13px;line-height:1.9;background:#f9f6fa;padding:15px;border-radius:8px;margin-top:20px}.detail-chart svg{width:100%;direction:ltr}.detail-chart text{font:10px var(--num);fill:#97889f}.detail-footer{margin-top:20px;font-size:11px;color:#97849f}.detail-footer a{color:var(--plum);text-decoration:underline}.ad-paging{display:flex;justify-content:center;margin-top:20px}[hidden]{display:none!important}button:focus-visible,select:focus-visible{outline:3px solid #b387aa;outline-offset:3px}@media(min-width:1700px){.ad-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1250px){.format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ad-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.creative-header h1{font-size:25px}.targets{flex-wrap:wrap;gap:6px}.analysis-grid{grid-template-columns:1.6fr 1fr}}@media(max-width:950px){.sidebar{width:180px}.workspace{margin-right:180px}.ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-grid{grid-template-columns:1fr}.creative-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.detail-asset{max-height:180px}}@media(max-width:680px){.sidebar{position:relative;width:100%;padding:12px 16px}.sidebar .store,.sidebar .coverage,.sidebar .nav-label,.brand small{display:none}.sidebar .brand{padding:0}.sidebar nav{display:flex;overflow:auto;gap:5px;margin-top:10px}.sidebar nav a{white-space:nowrap;font-size:11px;padding:9px 11px}.workspace{margin-right:0}.topbar{height:47px;padding:0 16px}.creative-header{align-items:flex-start}.creative-header h1{font-size:22px;max-width:240px}.creative-header p{font-size:12px}.creative-header .button{font-size:11px;padding:8px;white-space:nowrap}.creative-header .page-kicker{font-size:9px}main{padding:20px 14px}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.format-card{padding:14px}.ad-grid{gap:10px}.ad-content{padding:11px}.ad-content h3{font-size:12px}.section-head{align-items:flex-start;flex-wrap:wrap}.section-head h2{font-size:19px}.control-panel{padding:14px}.date-fields input{max-width:124px}.targets label{font-size:11px}.library-tools{padding:10px;gap:9px}.library-tools label{font-size:11px}.library-tools select{max-width:155px}.detail-metrics{grid-template-columns:repeat(2,1fr)}dialog{padding:25px 18px}.panel-title{align-items:flex-start;flex-direction:column}.num{max-width:100%}.kpi{padding:15px}.kpi strong{font-size:25px}}

.platform-line{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e8e2eb}.platform-line label{display:flex;align-items:center;gap:12px;font-weight:700}.platform-line select{min-width:150px;padding:12px 18px;border:1px solid #cfc4d4;border-radius:8px;background:#fff;color:#522749;font:inherit}.platform-line p{flex:1;min-width:240px;margin:0}#processing-note:not(:empty){background:#fff7e6;border:1px solid #e7cf99;padding:12px;border-radius:8px;color:#785924}

.ad-visual video{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#201b24}.detail-asset{max-width:100%;max-height:420px}video.detail-asset{width:100%;background:#201b24;border-radius:12px}

.media-preview{position:relative;background:#201b24;overflow:hidden;isolation:isolate}.ad-visual .media-preview{position:absolute;inset:0;width:100%;height:100%}.media-preview.detail-asset{aspect-ratio:9/16;max-height:420px}.media-preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.media-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#d6c6d5;background:#29212f;font-size:12px;text-align:center;padding:20px}.media-spinner{width:24px;height:24px;border:2px solid #665067;border-top-color:#ebd2e4;border-radius:50%;animation:media-spin .9s linear infinite}.media-preview[data-state="ready"] .media-status{display:none}.media-preview[data-state="error"] .media-spinner{display:none}.media-preview[data-state="error"] .media-status{padding-bottom:65px}.media-play{position:absolute;inset:0;margin:auto;width:52px;height:52px;background:#ffffffeb;border:1px solid #ffffff;border-radius:50%;color:#522749;font-size:22px;box-shadow:0 3px 18px #0005;cursor:pointer}.media-retry{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #a48aa4;background:#493345;color:#fff;border-radius:7px;padding:8px 14px;font:12px var(--font);cursor:pointer}.ad-visual:has(.media-preview)>.asset-fallback{display:none}.ad-visual:has(.media-preview) .visual-badge{bottom:auto;top:10px;pointer-events:none;z-index:2}@keyframes media-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.media-spinner{animation:none}}

.tiktok-preview{position:relative;width:100%;height:100%;background:#201b24;overflow:hidden}.ad-visual .tiktok-preview,.ad-visual .catalog-preview{position:absolute;inset:0}.tiktok-preview iframe{border:0;width:100%;height:100%;display:block}.tiktok-preview.detail-asset{height:440px;max-height:440px}.tiktok-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px;background:#29212f;color:#e1d6e3;font-size:12px;text-align:center}.tiktok-status a{color:#e7bfe0;text-decoration:underline}.tiktok-preview[data-state="ready"] .tiktok-status{display:none}.tiktok-preview[data-state="error"] .media-spinner{display:none}.preview-kind{position:absolute;top:8px;left:8px;pointer-events:none;font-size:9px;background:#201b24cc;color:#fff;padding:3px 7px;border-radius:5px}.ad-visual:has(.tiktok-preview)>.asset-fallback,.ad-visual:has(.catalog-preview)>.asset-fallback{display:none}.ad-visual:has(.tiktok-preview)>.visual-badge{display:none}.catalog-preview{background:#f5f0f5;width:100%;height:100%;display:flex;flex-direction:column;padding:12px 12px 32px;justify-content:center}.catalog-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-height:0;flex:1;align-items:center}.ad-visual .catalog-product-grid img,.catalog-product-grid img{position:static;width:100%;height:auto;max-height:135px;object-fit:contain;background:#fff;border-radius:8px}.catalog-caption{text-align:center;font-size:11px;color:#6c5070;padding-top:9px;line-height:1.5}.catalog-caption small{font-size:9px;color:#937f98}.catalog-preview.detail-asset{height:270px}.ad-visual:has(.catalog-preview) .visual-badge{bottom:7px;right:7px;font-size:9px}