:root{--bg:#f6f7f9;--panel:#fff;--panel-soft:#fbfcfd;--text:#111827;--muted:#667085;--faint:#98a2b3;--border:#d9dee8;--border-soft:#e7ebf2;--teal:#168991;--teal-soft:#e7f7f6;--indigo:#4f46e5;--amber:#b7791f;--amber-soft:#fff6df;--red:#d14343;--red-soft:#fff0ee;--green:#12805c;--green-soft:#e7f6ef;--shadow:0 1px 2px #1018280a, 0 8px 28px #1018280f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:geometricprecision;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:188px minmax(0,1fr) 344px;min-height:100vh;display:grid}.sidebar,.copilot{border-color:var(--border);background:#ffffffeb;border-style:solid}.sidebar{border-width:0 1px 0 0;flex-direction:column;gap:22px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand,.client-switcher,.team,.demo-pill,.panel-title,.metric-line,.creative-meta,.creative-stats,.top-actions,.copilot-head,.opportunity-title,.selected-creative,.record-actions{align-items:center;display:flex}.brand{gap:9px;font-size:17px;font-weight:760}.brand-mark,.client-avatar,.team-avatar{flex:none;place-items:center;display:grid}.brand-mark{color:#fff;background:#111827;border-radius:7px;width:26px;height:26px}.brand small,.copilot-head span{color:var(--indigo);text-transform:uppercase;background:#eef2ff;border-radius:5px;padding:2px 5px;font-size:11px;font-weight:700}.client-switcher{border:1px solid var(--border);width:100%;min-height:38px;color:var(--text);background:#fff;border-radius:7px;justify-content:space-between;padding:7px 9px;font-size:13px}.client-avatar,.team-avatar{color:#fff;background:#111827;border-radius:6px;width:24px;height:24px;font-size:11px;font-weight:800}nav{gap:4px;display:grid}.nav-item{color:#384152;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:39px;padding:0 10px;font-size:13px;display:flex}.nav-item.active{color:var(--indigo);box-shadow:inset 3px 0 0 var(--indigo);background:#eef2ff;font-weight:700}.sidebar-footer{gap:10px;margin-top:auto;display:grid}.team{border:1px solid var(--border-soft);border-radius:7px;gap:9px;padding:9px;font-size:12px;font-weight:700}.team small{color:var(--muted);margin-top:2px;font-weight:500;display:block}.demo-pill{background:var(--teal-soft);color:var(--teal);border-radius:7px;gap:7px;padding:9px;font-size:12px;font-weight:700}.workspace{min-width:0;padding:22px 22px 28px}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.top-label{color:var(--muted);margin-bottom:2px;font-size:12px;display:block}h1,h2,h3,p{margin:0}h1{font-size:21px;line-height:1.15}h2{font-size:16px;line-height:1.3}h3{font-size:15px;line-height:1.3}p{color:#344054;font-size:13px;line-height:1.55}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.filter-btn,.icon-btn,.secondary-btn,.primary-btn,.tabs button,.copilot-tabs button{border:1px solid var(--border);color:#2f3847;background:#fff;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 11px;font-size:12px;font-weight:650;display:inline-flex}.primary-btn{background:var(--indigo);color:#fff;border-color:var(--indigo)}.secondary-btn{background:#fff}.wide{width:100%}.icon-btn{width:34px;padding:0}.kpi-strip{background:var(--panel);border:1px solid var(--border);border-radius:8px;grid-template-columns:repeat(6,minmax(112px,1fr));margin-bottom:10px;display:grid;overflow:hidden}.kpi{border-right:1px solid var(--border-soft);gap:5px;padding:14px 16px;display:grid}.kpi:last-child{border-right:0}.kpi span,.mini-metric span,.metric-line span,.copilot-chat label,.fingerprint dt{color:var(--muted);font-size:11px;font-weight:700}.kpi strong{font-size:20px;line-height:1.1}.kpi small,.mini-metric small,.metric-line small,.creative-stats,.panel-title span,.selected-creative span,.confidence small,.variants small,.muted{color:var(--muted);font-size:11px}.up{color:var(--green)!important}.down,.bad{color:var(--red)!important}.primary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px #10182805}.chart-panel{grid-column:1/-1;padding:12px 12px 8px}.panel-title{justify-content:space-between;gap:10px;margin-bottom:12px}.panel-title div{align-items:center;gap:8px;min-width:0;display:flex}.panel-title svg{color:var(--teal)}.chart{width:100%;height:230px;display:block}.grid-line{stroke:#e5e9f0;stroke-width:1px}.revenue-line,.spend-line{fill:none;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.revenue-line{stroke:var(--teal)}.spend-line{stroke:#8792a5;stroke-dasharray:8 7}.axis-label{fill:var(--muted);font-size:11px}.summary-panel,.list-panel,.table-panel,.section-panel,.creative-panel,.diagnosis-card,.record-visual,.fingerprint,.integration-card{padding:13px}.mini-metrics,.dna-grid,.settings-grid,.integration-grid{gap:8px;display:grid}.mini-metrics{grid-template-columns:repeat(4,1fr);margin-top:12px}.summary-panel .mini-metrics{grid-template-columns:repeat(2,1fr)}.mini-metric{border:1px solid var(--border-soft);border-radius:7px;align-content:center;gap:4px;min-height:70px;padding:9px;display:grid}.mini-metric strong{font-size:18px}.row-button,.row{width:100%;min-height:38px;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:5px 0;font-size:12px;display:grid}.row{grid-template-columns:1fr auto}.row-button strong,.row strong{font-weight:650}.severity,.status-chip{white-space:nowrap;text-transform:uppercase;border-radius:5px;justify-self:start;padding:3px 6px;font-size:10px;font-weight:800}.severity.high,.status-chip.iterate,.status-chip.fatiguing,.status-chip.investigate,.status-chip.loser{color:var(--red);background:var(--red-soft)}.severity.medium,.status-chip.needs-more-data,.status-chip.promising{color:var(--amber);background:var(--amber-soft)}.severity.low,.status-chip.winner,.status-chip.do-not-touch{color:var(--green);background:var(--green-soft)}table{border-collapse:collapse;width:100%;font-size:12px}th{color:var(--muted);text-align:left;padding-bottom:7px;font-size:11px;font-weight:700}td{border-top:1px solid var(--border-soft);vertical-align:top;padding:8px 4px}tbody tr{transition:background .14s}tbody tr:hover{background:var(--panel-soft)}.spark{background:linear-gradient(140deg, transparent 0 22%, var(--teal) 23% 26%, transparent 27% 44%, var(--teal) 45% 48%, transparent 49% 70%, var(--teal) 71% 74%, transparent 75%);width:58px;height:16px;display:block}.spark.red{background:linear-gradient(140deg, transparent 0 22%, var(--red) 23% 26%, transparent 27% 44%, var(--red) 45% 48%, transparent 49% 70%, var(--red) 71% 74%, transparent 75%)}.creative-panel{margin-top:10px}.library-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.searchbox{border:1px solid var(--border);border-radius:7px;flex:0 260px;align-items:center;gap:7px;min-height:34px;padding:0 10px;display:flex}.searchbox input{width:100%;color:var(--text);border:0;outline:0;font-size:12px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tabs button.active,.copilot-tabs button.active{color:var(--indigo);background:#eef2ff;border-color:#c7d2fe}.creative-grid{grid-template-columns:repeat(6,minmax(116px,1fr));gap:10px;display:grid}.creative-grid.expanded{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.creative-card{border:1px solid var(--border);text-align:left;background:#fff;border-radius:8px;padding:0;overflow:hidden}.creative-card.selected{border-color:var(--indigo);box-shadow:0 0 0 2px #eef2ff}.thumb{aspect-ratio:1;background:#d9dee8;width:100%;position:relative;overflow:hidden}.selected-creative .thumb,.record-visual .thumb{border-radius:7px;flex:none;width:76px}.thumb img{object-fit:cover;max-width:none;display:block}.thumb:after{content:"";background:linear-gradient(#00000075,#0000 48%,#0000001a);position:absolute;inset:0}.thumb span{z-index:1;color:#fff;text-transform:uppercase;font-size:11px;font-weight:850;line-height:1.15;position:absolute;top:8px;left:8px;right:8px}.creative-meta,.creative-stats{justify-content:space-between;gap:6px;padding:8px 8px 0}.creative-stats{padding-bottom:8px;font-size:10px}.page-stack{gap:12px;display:grid}.record-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:12px;display:grid}.record-visual{align-items:center;gap:14px;display:flex}.record-visual p{margin:5px 0 12px}.fingerprint dl{grid-template-columns:120px 1fr;gap:8px 12px;margin:0;font-size:12px;display:grid}.fingerprint dd{margin:0}.diagnosis-list{gap:10px;display:grid}.diagnosis-card{grid-column:1/-1}.diagnosis-head{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.diagnosis-head span{color:var(--muted);text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.diagnosis-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.diagnosis-columns div{border-top:1px solid var(--border-soft);gap:6px;padding-top:10px;display:grid}.diagnosis-columns small{color:#475467;font-size:12px;line-height:1.45}.experiment-callout{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:7px;gap:8px;margin-top:12px;padding:10px;font-size:12px;line-height:1.45;display:flex}.dna-grid,.settings-grid,.integration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.integration-card{gap:8px;display:grid}.integration-card span,.integration-status span{color:var(--amber);background:var(--amber-soft);border-radius:5px;width:fit-content;padding:4px 7px;font-size:11px;font-weight:800}.integration-card.disabled{opacity:.78}.integration-status{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.integration-card .connected{color:var(--green);background:var(--green-soft)}.integration-card .missing{color:var(--amber);background:var(--amber-soft)}.integration-card label{color:var(--muted);gap:5px;font-size:11px;font-weight:800;display:grid}.integration-card code{overflow-wrap:anywhere;border:1px solid var(--border-soft);background:var(--panel-soft);color:#344054;border-radius:6px;padding:7px;font-size:11px;font-weight:600;display:block}.integration-actions{flex-wrap:wrap;gap:8px;display:flex}button:disabled{cursor:not-allowed;opacity:.48}.settings-grid label{color:var(--muted);gap:5px;font-size:12px;font-weight:700;display:grid}.settings-grid input,.copilot-chat textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:7px;padding:9px}.upload-box{border:1px dashed var(--border);min-height:82px;color:var(--teal);border-radius:8px;justify-content:center;align-items:center;gap:10px;margin-top:12px;font-size:13px;font-weight:800;display:flex}.upload-box input{display:none}.copilot{border-width:0 0 0 1px;height:100vh;padding:20px 18px;position:sticky;top:0;overflow:auto}.copilot-head{justify-content:space-between;gap:10px}.copilot-head div{align-items:center;gap:7px;display:flex}.copilot-tabs{grid-template-columns:repeat(3,1fr);gap:6px;margin:20px 0 18px;display:grid}.copilot-tabs button{background:0 0;border-width:0 0 2px;border-radius:0}.opportunity-title{gap:8px;margin-bottom:14px;font-size:12px;font-weight:800}.opportunity-title small{color:var(--muted);margin-left:auto}.selected-creative{align-items:stretch;gap:10px;margin-bottom:14px}.selected-creative>div:last-child{align-content:center;gap:5px;display:grid}.selected-opportunity h2{margin:10px 0 8px}.evidence-box{border:1px solid var(--border);border-radius:8px;margin:14px 0;overflow:hidden}.metric-line{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:8px;min-height:38px;padding:0 10px}.metric-line:last-child{border-bottom:0}.confidence{grid-template-columns:1fr auto;gap:6px;margin-bottom:16px;display:grid}.confidence div{background:#eceff5;border-radius:99px;grid-column:1/-1;height:8px;overflow:hidden}.confidence i{border-radius:inherit;background:var(--indigo);height:100%;display:block}.confidence small{color:var(--indigo);grid-column:1/-1}.action-list{gap:8px;margin-bottom:16px;display:grid}.action-list span{color:#475467;align-items:flex-start;gap:8px;font-size:12px;line-height:1.45;display:flex}.action-list svg{color:var(--green);flex:none;margin-top:1px}.variants{gap:8px;margin-top:12px;display:grid}.variants div{border:1px solid var(--border-soft);background:var(--panel-soft);border-radius:7px;padding:10px}.variants p{margin:5px 0}.copilot-chat{border-top:1px solid var(--border);gap:9px;margin-top:18px;padding-top:16px;display:grid}.copilot-chat textarea{resize:vertical;min-height:76px;font-size:12px}.status-text{color:var(--green);font-weight:800}@media (width<=1240px){.app-shell{grid-template-columns:170px minmax(0,1fr)}.copilot{border-width:1px 0 0;grid-column:2;height:auto;position:static}.creative-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.primary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.app-shell{display:block}.sidebar{border-width:0 0 1px;height:auto;position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar,.library-head,.record-visual{flex-direction:column;align-items:flex-start}.top-actions,.searchbox,.filter-btn{width:100%}.primary-grid,.record-grid,.diagnosis-columns,.dna-grid,.settings-grid,.integration-grid,.mini-metrics{grid-template-columns:1fr}.kpi-strip{grid-template-columns:repeat(2,1fr)}.creative-grid,.creative-grid.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace,.copilot{padding:16px}}@media (width<=520px){nav,.kpi-strip,.creative-grid,.creative-grid.expanded{grid-template-columns:1fr}.kpi{border-right:0;border-bottom:1px solid var(--border-soft)}}