.creative-analysis{--ca-hot:#a5562f}
.creative-analysis .ca-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.creative-analysis .ca-status{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 18px;border:1px solid var(--line);background:var(--sand);margin-bottom:28px}
.creative-analysis .ca-status p{flex:1 1 280px;font-size:13px;color:var(--ink-soft)}
.creative-analysis .ca-specs{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}
.creative-analysis .ca-specs>div{padding:18px 20px;border-right:1px solid var(--line)}
.creative-analysis .ca-specs>div:last-child{border-right:0}
.creative-analysis .ca-specs dt{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.creative-analysis .ca-specs dd{font-family:var(--serif);font-size:30px;line-height:1.1;margin-top:6px}
.creative-analysis .ca-block{margin-top:64px}
.creative-analysis .ca-h{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.6vw,32px);line-height:1.15;margin-bottom:10px}
.creative-analysis .ca-p{width:100%;color:var(--ink-soft);font-size:14px;line-height:1.7}
.creative-analysis button{font:inherit;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;border:1px solid var(--dark);background:var(--dark);color:var(--sand);cursor:pointer;transition:background .2s,color .2s}
.creative-analysis button.ghost{background:transparent;color:var(--ink)}
.creative-analysis button.ghost:hover{background:var(--sand)}
.creative-analysis button:focus-visible,.creative-analysis input:focus-visible,.creative-analysis [tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.creative-analysis .ca-player{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,1.15fr);gap:20px;align-items:start;margin-top:26px}
.creative-analysis .ca-pane{border:1px solid var(--line);background:var(--sand);padding:10px}
.creative-analysis .ca-pane figcaption{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin:2px 2px 8px}
.creative-analysis .ca-pane img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:var(--sand-mid);transition:opacity .25s}
.creative-analysis .ca-ph{aspect-ratio:9/16;width:100%;display:flex;align-items:flex-end;padding:12px;background:repeating-linear-gradient(135deg,var(--sand) 0 10px,var(--warm) 10px 20px);border:1px dashed var(--sand-mid)}
.creative-analysis .ca-ph span{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:var(--warm);padding:6px 8px}
.creative-analysis .ca-side{display:flex;flex-direction:column;gap:14px}
.creative-analysis .ca-controls{display:flex;gap:8px;flex-wrap:wrap}
.creative-analysis .ca-playback-status{font-size:12px;line-height:1.5;color:var(--ink-soft);min-height:3em;margin:0}
.creative-analysis input[type=range]{width:100%;accent-color:var(--ink)}
.creative-analysis .ca-tc{font-family:var(--serif);font-size:40px;line-height:1}
.creative-analysis .ca-act{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:6px}
.creative-analysis .ca-note{font-size:14px;line-height:1.6;min-height:6.5em;padding-left:12px;border-left:2px solid var(--ink)}
.creative-analysis .ca-froi{display:flex;flex-direction:column;gap:8px}
.creative-analysis .frow{display:grid;grid-template-columns:1fr 52px;gap:8px;align-items:center;font-size:12.5px}
.creative-analysis .frow .bar{height:5px;background:var(--line-soft);margin-top:4px}
.creative-analysis .frow .bar i{display:block;height:100%;background:var(--ink-soft)}
.creative-analysis .frow .v{font-family:var(--mono);font-size:11.5px;text-align:right;color:var(--ink-soft)}
.creative-analysis .ca-scale,.creative-analysis .ca-seq{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10px;color:var(--ink-soft);margin-top:10px}
.creative-analysis .ca-scale i{flex:0 0 140px;height:8px;background:linear-gradient(90deg,#00008f,#0000ff,#00ffff,#7fff7f,#ffff00,#ff7f00,#ff0000,#7f0000)}
.creative-analysis .ca-seq i{width:160px;height:8px;background:linear-gradient(90deg,#1c2a26,#5a6b4f,#a99063,#d9c7a3,#f3e9d2)}
.creative-analysis .ca-strip{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:4px;margin-top:20px}
.creative-analysis .ca-strip button{padding:0;border:2px solid transparent;background:var(--sand);opacity:.7;transition:opacity .2s,border-color .2s}
.creative-analysis .ca-strip button:hover{opacity:1}
.creative-analysis .ca-strip button[aria-current="true"]{border-color:var(--ink);opacity:1}
.creative-analysis .ca-strip img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain}
.creative-analysis .ca-kpis{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:22px}
.creative-analysis .ca-kpi{padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--warm)}
.creative-analysis .ca-kpi.warn{background:var(--sand)}
.creative-analysis .ca-kpi.warn .tag{border-color:var(--ca-hot);color:var(--ca-hot)}
.creative-analysis .ca-kpi .num{font-family:var(--serif);font-size:52px;line-height:1;margin-top:14px}
.creative-analysis .ca-kpi .num small{font-size:20px;color:var(--ink-soft)}
.creative-analysis .ca-kpi p{font-size:13px;color:var(--ink-soft);line-height:1.6;margin-top:10px}
.creative-analysis .ca-chart{margin-top:22px}
.creative-analysis .ca-chart h4{font-family:var(--serif);font-weight:500;font-size:24px}
.creative-analysis .ca-subt{font-size:12px;color:var(--ink-soft);margin:2px 0 18px}
.creative-analysis .hbar{display:grid;grid-template-columns:minmax(150px,240px) 1fr 54px;gap:12px;align-items:center;padding:6px 0;font-size:13px}
.creative-analysis .hbar:focus-visible{outline:2px solid var(--ink)}
.creative-analysis .hbar .track{position:relative;height:14px;background:var(--line-soft)}
.creative-analysis .hbar .track i{position:absolute;left:0;top:0;bottom:0;background:var(--ink-soft);transition:opacity .2s}
.creative-analysis .hbar:hover .track i{opacity:.8}
.creative-analysis .hbar .pk{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ca-hot)}
.creative-analysis .hbar .val{font-family:var(--mono);font-size:12px;text-align:right}
.creative-analysis .ca-axis{display:grid;grid-template-columns:minmax(150px,240px) 1fr 54px;gap:12px;font-family:var(--mono);font-size:10px;color:var(--ink-soft)}
.creative-analysis .ca-axis .ticks{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:4px}
.creative-analysis .ca-legend{display:flex;gap:18px;font-size:12px;color:var(--ink-soft);margin-top:12px}
.creative-analysis .ca-legend span{display:inline-flex;align-items:center;gap:6px}
.creative-analysis .ca-legend .sw{width:14px;height:8px;background:var(--ink-soft)}
.creative-analysis .ca-legend .sw.pk{width:2px;height:12px;background:var(--ca-hot)}
.creative-analysis .ca-gridwrap{width:100%;min-width:0;max-width:100%;overflow-x:auto}
.creative-analysis .ca-heat{border-collapse:separate;border-spacing:2px;min-width:760px;width:100%}
.creative-analysis .ca-heat th{font-family:var(--mono);font-weight:400;color:var(--ink-soft);font-size:10px;padding:4px}
.creative-analysis .ca-heat th.row{text-align:left;font-family:var(--sans);font-size:12.5px;color:var(--ink);white-space:nowrap;padding-right:10px}
.creative-analysis .ca-heat td{height:30px;text-align:center;font-family:var(--mono);font-size:10px}
.creative-analysis .ca-heat td.na{color:var(--sand-mid)}
.creative-analysis .ca-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:22px}
.creative-analysis .ca-actcard{border:1px solid var(--line);background:var(--warm)}
.creative-analysis .ca-actcard .imgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:var(--line)}
.creative-analysis .ca-actcard img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.creative-analysis .ca-actcard .ca-ph{border:0}
.creative-analysis .ca-actcard .body{padding:18px 20px 22px}
.creative-analysis .when{font-family:var(--mono);font-size:11px;color:var(--ink-soft)}
.creative-analysis .ca-actcard h4,.creative-analysis .ca-recs h4{font-family:var(--serif);font-size:22px;font-weight:500;margin-top:4px}
.creative-analysis .ca-actcard p,.creative-analysis .ca-recs p{font-size:13px;color:var(--ink-soft);line-height:1.65;margin-top:8px}
.creative-analysis .ca-recs{list-style:none;counter-reset:r;border-top:1px solid var(--line);margin-top:22px}
.creative-analysis .ca-recs li{counter-increment:r;display:grid;grid-template-columns:56px 1fr;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}
.creative-analysis .ca-recs li::before{content:counter(r,decimal-leading-zero);font-family:var(--serif);font-size:30px;color:var(--ink-soft)}
.creative-analysis .prio{font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;margin-left:8px;vertical-align:middle;border:1px solid var(--sand-mid);color:var(--ink-soft)}
.creative-analysis .prio.a{border-color:var(--ca-hot);color:var(--ca-hot)}
.creative-analysis .prio.b{background:var(--sand)}
.creative-analysis .ca-method p{width:100%;font-size:14px;color:var(--ink-soft);line-height:1.7;margin-bottom:12px}
.creative-analysis .ca-method code{font-family:var(--mono);font-size:12.5px;color:var(--ink)}
.creative-analysis .ca-tip{position:fixed;z-index:1100;pointer-events:none;background:var(--dark);color:var(--warm);padding:9px 11px;font-size:12px;line-height:1.5;max-width:250px}
.creative-analysis .ca-tip b{color:var(--sand)}
@media(max-width:960px){
  .creative-analysis .ca-player{grid-template-columns:1fr 1fr}.creative-analysis .ca-side{grid-column:1/-1}
  .creative-analysis .ca-strip{grid-template-columns:repeat(8,minmax(0,1fr))}
  .creative-analysis .ca-kpis{grid-template-columns:1fr 1fr}.creative-analysis .ca-acts{grid-template-columns:1fr}
  .creative-analysis .ca-specs{grid-template-columns:repeat(3,1fr)}.creative-analysis .ca-specs>div{border-bottom:1px solid var(--line)}
}
@media(max-width:600px){
  .creative-analysis .ca-kpis,.creative-analysis .ca-specs{grid-template-columns:1fr 1fr}
  .creative-analysis .ca-kpis{grid-template-columns:1fr}
  .creative-analysis .hbar,.creative-analysis .ca-axis{grid-template-columns:110px 1fr 44px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.creative-analysis *{transition:none!important}}