:root{color-scheme:light;--bg:#f6f7f9;--panel:#ffffff;--ink:#14171f;--muted:#657084;--line:#dfe4ec;--accent:#0f766e;--accent-dark:#0b5d57;--danger:#c2410c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh}.topbar{align-items:center;background:#111827;color:white;display:flex;gap:20px;justify-content:space-between;min-height:64px;padding:0 28px}.brand{font-size:18px;font-weight:700}.nav{align-items:center;display:flex;gap:14px}.nav a,.nav button{background:transparent;border:0;color:#e5e7eb;cursor:pointer;padding:8px 0}.page{margin:0 auto;max-width:1180px;padding:32px 24px 56px}.auth-page{align-items:center;display:flex;min-height:100vh;justify-content:center;padding:24px}.auth-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;max-width:440px;padding:28px;width:100%}.auth-panel h1,.page h1{font-size:28px;letter-spacing:0;margin:0 0 10px}.muted{color:var(--muted);line-height:1.5}.notice{border-radius:6px;line-height:1.45;margin:14px 0 0;padding:10px 12px}.notice.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.form{margin-top:22px}.filter-form,.form{display:grid;grid-gap:14px;gap:14px}.filter-form{align-items:flex-end;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto}.dashboard-filter-form{align-items:stretch;grid-template-columns:repeat(4,minmax(0,1fr))}.filter-actions{align-items:flex-end;display:flex;gap:10px}.field{display:grid;grid-gap:7px;gap:7px}.field span{color:#374151;font-size:14px;font-weight:700}.field input,.field select{border:1px solid var(--line);border-radius:6px;min-height:42px;padding:9px 11px;width:100%}.field select[multiple]{min-height:106px}.button{background:var(--accent);border:0;border-radius:6px;color:white;cursor:pointer;font-weight:700;min-height:42px;padding:10px 14px}.button:hover{background:var(--accent-dark)}.button.secondary{background:#e8edf3;color:#1f2937}.grid{display:grid;grid-gap:16px;gap:16px}.kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.kpis.expanded{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.selected-metrics{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:18px}.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.kpi-label{color:var(--muted);font-size:13px;font-weight:700}.kpi-value{font-size:clamp(18px,2vw,26px);font-weight:800;margin-top:8px;overflow-wrap:anywhere}.kpi-card{align-content:center;display:grid;min-height:104px;text-align:center}.selected-context{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.selected-context strong{display:block;font-size:20px;margin-top:6px}.selected-context p{margin:6px 0 0}.section-head{align-items:flex-end;display:flex;justify-content:space-between;margin:28px 0 12px}.section-head.compact{margin:18px 0 10px}.section-head.compact h3{font-size:17px;margin:0 0 4px}.ai-decision-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.decision-panel,.empty-panel{background:#f8fafc;border:1px solid var(--line);border-radius:8px;line-height:1.55;padding:14px}.decision-panel p,.empty-panel{margin:8px 0 0}.ai-subsection{margin-top:16px}.creative-strip{align-items:start;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.creative-card{background:#ffffff;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-rows:148px minmax(180px,auto);min-width:0}.creative-card img,.creative-media-link,.creative-placeholder,.creative-video{background:#eef2f7;display:grid;height:148px;object-fit:contain;place-items:center;width:100%}.creative-media-link{color:inherit;cursor:zoom-in;overflow:hidden}.creative-media-link img{height:100%}.creative-video{background:#111827}.creative-card-title{align-items:center;display:flex;gap:6px;justify-content:space-between}.creative-card-title strong{font-size:12px;line-height:1.3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-card-title span{background:#eef2f7;border-radius:999px;color:#475569;flex:0 0 auto;font-size:10px;font-weight:800;padding:3px 5px}.creative-period{color:#64748b!important;font-size:10px!important;font-weight:700}.creative-placeholder{color:var(--muted);font-size:13px;font-weight:700}.creative-body{display:flex;flex-direction:column;gap:5px;padding:9px}.creative-body p{color:var(--muted);font-size:12px;line-height:1.4;margin:0}.creative-message-preview{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.creative-details summary{color:#0f766e;cursor:pointer;font-size:12px;font-weight:800;list-style:none}.creative-details summary::-webkit-details-marker{display:none}.creative-body:has(.creative-details[open])>.creative-message-preview{display:none}.creative-details p{margin-top:5px;white-space:pre-wrap}.creative-body a{color:var(--accent);font-size:12px;font-weight:700}.creative-card-spacer{flex:1 1 auto;min-height:8px}.creative-original-link{align-self:flex-start;margin-top:auto;padding-top:8px}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--line);padding:12px 10px;text-align:right;white-space:nowrap}.table td:first-child,.table th:first-child{text-align:left}.table th{color:var(--muted);font-size:13px}.badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:4px 8px}.badge.pending{background:#fff7ed;color:#9a3412}.badge.active{background:#ecfdf5;color:#047857}.badge.suspended{background:#fef2f2;color:#b91c1c}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.inline-form{display:inline-flex;gap:6px}.chart{height:320px;width:100%}.insight-page{display:grid;grid-gap:18px;gap:18px;margin:0 auto;max-width:1320px;padding:28px 24px 64px}.insight-hero{align-items:stretch;background:#101827;border:1px solid #1f2a44;border-radius:8px;color:#f8fafc;display:grid;grid-gap:24px;gap:24px;grid-template-columns:minmax(0,1fr) 280px;padding:28px}.insight-hero h1{font-size:34px;letter-spacing:0;line-height:1.25;margin:8px 0 12px}.insight-hero p{color:#cbd5e1;line-height:1.65;margin:0;max-width:780px}.eyebrow{color:#0f766e;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.insight-hero .eyebrow{color:#5eead4}.hero-context{align-content:center;background:#ffffff;border-radius:8px;color:#111827;display:grid;grid-gap:7px;gap:7px;min-height:136px;padding:18px}.hero-context small,.hero-context span{color:#64748b;font-size:13px;font-weight:700}.hero-context strong{font-size:20px;line-height:1.25}.control-panel,.panel{background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:18px}.control-panel{box-shadow:0 10px 24px rgba(15,23,42,.06)}.compact-controls{align-items:end;gap:12px}.compact-controls .field span{color:#334155;font-size:13px}.compact-controls .field input,.compact-controls .field select{border-color:#cbd5e1;border-radius:7px;min-height:40px}.compact-controls .field select[multiple]{min-height:92px}.summary-strip{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(8,minmax(0,1fr))}.insight-kpi{align-content:center;border:1px solid var(--line);border-left:4px solid #94a3b8;border-radius:8px;display:grid;min-height:104px;padding:14px}.insight-kpi span{color:#64748b;font-weight:800}.insight-kpi strong{color:#0f172a;font-size:24px;font-weight:900;line-height:1.15;margin-top:8px;overflow-wrap:anywhere}.insight-kpi.good{border-left-color:#16a34a}.insight-kpi.cost{border-left-color:#2563eb}.insight-kpi.alert{border-left-color:#dc2626}.operator-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.panel-head h2{font-size:22px;letter-spacing:0;margin:5px 0 0}.panel-head p{margin:6px 0 0}.status-pill{background:#eef2ff;border-radius:999px;color:#3730a3;display:inline-block;font-size:12px;font-weight:800;padding:6px 10px;white-space:nowrap}.status-pill.good{background:#ecfdf5;color:#047857}.decision-stack{display:grid;grid-gap:10px;gap:10px}.decision-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:13px}.decision-item span{color:#0f766e;font-size:12px;font-weight:900}.decision-item p{color:#1f2937;line-height:1.55;margin:6px 0 0}.warning-list{display:grid;grid-gap:10px;gap:10px}.warning-card{border:1px solid #e2e8f0;border-radius:8px;display:grid;grid-gap:7px;gap:7px;padding:13px}.warning-card strong{color:#111827}.warning-card p,.warning-card small{color:#475569;line-height:1.5;margin:0}.comparison-note{background:#f8fafc;border:1px solid #dbe5ef;border-left:4px solid var(--accent);border-radius:8px;display:grid;grid-gap:6px;gap:6px;margin-bottom:14px;padding:12px 14px}.comparison-note p,.comparison-note small{color:#334155;line-height:1.5;margin:0}.compact-panel{min-width:0}.insight-page{background:radial-gradient(circle at 18% 0,rgba(222,246,239,.85),transparent 30%),linear-gradient(180deg,#fbfbfd,#f4f5f7 48%,#f7f8fa);color:#16181d;max-width:1440px;min-width:0;padding:28px 28px 72px;width:100%}.insight-hero{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(245,250,248,.96)),#ffffff;border:1px solid rgba(210,210,215,.9);border-radius:26px;box-shadow:0 18px 48px rgba(15,23,42,.08);color:#16181d;gap:28px;padding:34px}.insight-hero h1{color:#16181d;font-size:clamp(32px,3vw,46px);font-weight:800;max-width:820px}.hero-context small,.hero-context span,.insight-hero .eyebrow,.insight-hero p{color:#62666f}.hero-context{background:#f7f8fa;border:1px solid #e0e3e8;border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-actions a,.reference-nav a,.reference-tabs button{transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.hero-actions a{background:#16181d;border:1px solid #16181d;border-radius:999px;color:#ffffff;font-size:13px;font-weight:800;padding:9px 14px}.hero-actions a:hover{background:#0071e3;border-color:#0071e3;transform:translateY(-1px)}.reference-nav{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.reference-nav a{background:rgba(255,255,255,.82);border:1px solid #e0e3e8;border-radius:18px;display:grid;grid-gap:5px;gap:5px;min-height:76px;padding:14px}.reference-nav a:hover{background:#ffffff;border-color:#b7d7f8;transform:translateY(-1px)}.reference-nav span{color:#0071e3;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.reference-nav strong{color:#16181d;font-size:14px;line-height:1.35}.control-panel,.insight-kpi,.panel{border:1px solid #e0e3e8;border-radius:20px;box-shadow:0 12px 32px rgba(15,23,42,.05)}.control-panel,.panel{background:rgba(255,255,255,.94);min-width:0;padding:22px}.control-panel-head,.section-title-row{align-items:flex-end;display:flex;gap:14px;justify-content:space-between;margin-bottom:16px}.control-panel-head h2,.section-title-row h2{color:#16181d;font-size:22px;letter-spacing:0;margin:4px 0 0}.control-panel-head p,.section-title-row p{color:#62666f;line-height:1.45;margin:0;max-width:420px}.dashboard-section{display:grid;grid-gap:14px;gap:14px}.dashboard-filter-form{grid-template-columns:repeat(12,minmax(0,1fr))}.dashboard-filter-form .primary-filter-row{display:grid;grid-gap:10px;gap:10px;grid-column:1/-1;grid-template-columns:repeat(5,minmax(120px,180px))}.dashboard-filter-form .entity-field{grid-column:span 4}.dashboard-filter-form .entity-field select[multiple]{height:132px;min-height:132px}.dashboard-filter-form .filter-actions{grid-column:1/-1}.status-filter-field{border:0;margin:0;min-width:0;padding:0}.status-filter-field legend{font-size:12px;font-weight:800;margin-bottom:7px}.status-checkboxes{align-items:center;background:#f5f5f7;border:1px solid #d2d2d7;border-radius:12px;display:flex;gap:14px;min-height:38px;padding:7px 10px}.status-checkboxes label{align-items:center;display:inline-flex;flex:1 1 auto;font-size:12px;font-weight:700;gap:6px;justify-content:space-between}.status-checkboxes input{accent-color:#0071e3;height:14px;margin:0;width:14px}.compact-controls .field input,.compact-controls .field select{background:#f5f5f7;border:1px solid #d2d2d7;border-radius:12px}.summary-strip{grid-template-columns:repeat(auto-fit,minmax(126px,1fr))}.insight-kpi{background:#ffffff;border-left:1px solid #e0e3e8;min-height:92px;padding:13px 12px;text-align:center}.insight-kpi.alert,.insight-kpi.cost,.insight-kpi.good{border-left-color:#e5e5ea}.insight-kpi span{color:#62666f;font-size:12px}.insight-kpi strong{color:#16181d;font-size:clamp(16px,1.35vw,21px);font-weight:800;letter-spacing:0;overflow-wrap:normal;white-space:nowrap}.checkbox-field{border:0;display:grid;grid-gap:8px;gap:8px;margin:0;padding:0}.checkbox-field.wide{grid-column:1/-1}.checkbox-field legend{color:#334155;font-size:13px;font-weight:800;margin-bottom:2px}.checkbox-list{background:#f5f5f7;border:1px solid #d2d2d7;border-radius:14px;display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-height:220px;overflow:auto;padding:10px}.check-option{align-items:center;background:#ffffff;border:1px solid #e5e5ea;border-radius:12px;cursor:pointer;display:flex;flex-direction:row-reverse;gap:8px;justify-content:space-between;padding:10px}.check-option input{accent-color:#0071e3;flex:0 0 16px;height:16px;margin:0;width:16px}.check-option span{display:grid;grid-gap:3px;gap:3px;min-width:0}.check-option strong{color:#1d1d1f;font-size:13px;line-height:1.35}.check-option small,.checkbox-empty{color:#6e6e73;font-size:12px}.ab-selector-panel{padding-bottom:18px}.ab-selector-form{display:grid;grid-gap:12px;gap:12px}.ab-option-list{background:#f5f5f7;border:1px solid #d2d2d7;border-radius:14px;display:grid;grid-gap:0;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));max-height:230px;overflow:auto;padding:8px}.ab-option-row{align-items:center;background:#ffffff;border:1px solid #e5e5ea;border-radius:10px;cursor:pointer;display:flex;gap:10px;justify-content:space-between;margin:4px;min-height:48px;padding:8px 10px}.ab-option-row span{display:grid;grid-gap:2px;gap:2px;min-width:0}.ab-option-row strong{color:#1d1d1f;font-size:12px;font-weight:800;line-height:1.35;overflow:hidden;text-overflow:ellipsis}.ab-option-row small{color:#6e6e73;font-size:11px;font-weight:700}.ab-option-row input{accent-color:#0071e3;flex:0 0 14px;height:14px;margin:0;width:14px}.pattern-grid-wide{grid-template-columns:1fr}.creative-ranking-panel{overflow:visible}.creative-ranking-wrap{max-width:100%;min-width:0;overflow-x:auto;overflow-y:visible}.creative-ranking-table td:first-child,.creative-ranking-table th:first-child{text-align:center;width:48px}.creative-ranking-table{min-width:1540px}.creative-ranking-table td,.creative-ranking-table th{font-size:12px;padding:8px 7px}.creative-ranking-table td:nth-child(2),.creative-ranking-table th:nth-child(2){text-align:left;min-width:285px;white-space:normal}.creative-hierarchy{display:grid;grid-gap:3px;gap:3px}.creative-hierarchy>span{color:#6e6e73;font-size:11px;line-height:1.25}.creative-hierarchy .creative-name-cell{justify-self:start;margin-top:2px}.creative-rank{align-items:center;background:#f5f5f7;border:1px solid #d2d2d7;border-radius:50%;color:#1d1d1f;display:inline-flex;font-size:12px;font-weight:800;height:28px;justify-content:center;width:28px}.insight-table th{background:#f4f6f8;color:#333741;font-weight:900}.insight-table td{color:#20242c}.panel-head h2{color:#16181d}.panel-head p{color:#62666f}.reference-board-panel{overflow:hidden}.reference-tabs{background:#f4f6f8;border:1px solid #e0e3e8;border-radius:16px;display:grid;grid-gap:6px;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px;padding:6px}.reference-tabs button{background:transparent;border:0;border-radius:12px;color:#62666f;cursor:default;font-size:13px;font-weight:900;min-height:38px;padding:8px 10px}.reference-tabs button.active{background:#ffffff;color:#0071e3;box-shadow:0 4px 14px rgba(15,23,42,.08)}.instruction-layout{display:grid;grid-gap:16px;gap:16px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.instruction-form,.instruction-saved-list{background:#f7f8fa;border:1px solid #e0e3e8;border-radius:16px;display:grid;grid-gap:12px;gap:12px;min-width:0;padding:14px}.instruction-target-head{display:grid;grid-gap:3px;gap:3px}.instruction-target-head strong{color:#16181d;font-size:14px;font-weight:900}.instruction-target-head small{color:#62666f;font-size:12px}.instruction-target-list{display:grid;grid-gap:8px;gap:8px;max-height:280px;overflow:auto;padding-right:4px}.instruction-card,.instruction-option{background:#ffffff;border:1px solid #e0e3e8;border-radius:12px}.instruction-option{align-items:center;cursor:pointer;display:flex;flex-direction:row-reverse;gap:10px;justify-content:space-between;min-height:54px;padding:10px 12px}.instruction-option span{display:grid;grid-gap:3px;gap:3px;min-width:0}.instruction-option strong{color:#16181d;font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis}.instruction-option small{color:#62666f;font-size:11px;font-weight:700}.instruction-option input{accent-color:#0071e3;height:15px;margin:0;width:15px}.instruction-memo-field textarea{background:#ffffff;border:1px solid #d2d7df;border-radius:12px;line-height:1.55;min-height:140px;padding:11px;resize:vertical;width:100%}.instruction-priority-field{max-width:180px}.instruction-saved-list{align-content:start;max-height:640px;overflow:auto}.instruction-card{display:grid;grid-gap:8px;gap:8px;padding:12px}.instruction-card>div{align-items:center;display:flex;gap:8px}.instruction-card strong{color:#16181d;font-size:13px;line-height:1.35}.instruction-card p{color:#333741;font-size:13px;line-height:1.55;margin:0}.instruction-card small{color:#62666f}.instruction-card .button{min-height:34px;padding:7px 10px}.creative-strip{gap:12px}.creative-card{border-color:#e0e3e8;border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.05);overflow:hidden}.creative-card img,.creative-placeholder,.creative-video{background:#eef1f5}.creative-name-cell{align-items:center;background:transparent;border:0;border-bottom:1px dotted #94a3b8;color:inherit;cursor:zoom-in;display:inline-flex;font:inherit;gap:8px;padding:0;position:relative;text-align:left}.creative-name-cell.no-image{border-bottom:0;cursor:default}.creative-state{background:#eef2f7;border-radius:999px;color:#64748b;display:inline-block;font-size:11px;font-weight:800;line-height:1;padding:5px 7px}.creative-state.has-image{background:#ecfdf5;color:#047857}.creative-hover-preview{background:#ffffff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 18px 42px rgba(15,23,42,.2);display:block;padding:8px;pointer-events:none;position:fixed;max-height:min(70vh,720px);width:min(360px,70vw);z-index:1000}.creative-hover-preview img{border-radius:6px;display:block;height:auto;max-height:calc(min(70vh, 720px) - 16px);object-fit:contain;width:100%}.table-wrap{max-width:100%;min-width:0}.creative-empty{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#475569;display:grid;grid-gap:8px;gap:8px;min-height:140px;padding:20px;place-items:center;text-align:center}.creative-empty p{margin:0;max-width:560px}.snipit-page{background:#eef2f7;color:#171a21;display:grid;grid-template-columns:188px minmax(0,1fr)}.snipit-page,.snipit-sidebar{min-height:calc(100vh - 64px)}.snipit-sidebar{background:#f7f8fb;border-right:1px solid #d9dee8;padding:20px 12px;position:-webkit-sticky;position:sticky;top:0}.snipit-brand{align-items:center;color:#3158ff;display:flex;gap:10px;font-size:17px;font-weight:900;min-height:42px;padding:0 8px 18px}.snipit-brand-mark{background:radial-gradient(circle at 55% 45%,#ffffff 0 25%,#6c7bff 28% 58%,#3158ff 62% 100%);border-radius:50%;box-shadow:0 0 0 3px rgba(49,88,255,.12);display:inline-block;height:14px;width:14px}.snipit-menu{border-top:1px solid #e1e5ee;display:grid;grid-gap:6px;gap:6px;padding-top:14px}.snipit-menu a{align-items:center;border-radius:8px;color:#303541;display:grid;font-size:14px;font-weight:800;grid-gap:10px;gap:10px;grid-template-columns:20px 1fr auto;min-height:40px;padding:8px 10px}.snipit-menu a.active,.snipit-menu a:hover{background:#d7dce5;color:#111827}.snipit-menu-icon{border:1px solid #8a93a5;border-radius:5px;color:#4b5565;display:inline-grid;font-size:10px;font-weight:900;height:18px;place-items:center;width:18px}.snipit-menu em{background:#edf1ff;border-radius:999px;color:#3158ff;font-size:10px;font-style:normal;font-weight:900;padding:3px 6px}.snipit-workspace{display:grid;grid-gap:18px;gap:18px;min-width:0;padding:24px 28px 56px}.snipit-workspace .insight-hero{align-items:center;background:linear-gradient(180deg,rgba(247,249,255,.95),rgba(238,242,247,.95)),#f3f6fb;border:0;border-radius:0;box-shadow:none;grid-template-columns:minmax(0,1fr);justify-items:center;min-height:260px;padding:36px 24px 22px;text-align:center}.snipit-workspace .insight-hero>div:first-child{width:100%}.snipit-workspace .insight-hero h1{font-size:30px;line-height:1.25;margin-left:auto;margin-right:auto}.snipit-workspace .insight-hero p{font-size:14px;margin-left:auto;margin-right:auto;max-width:720px}.snipit-workspace .hero-actions{justify-content:center}.snipit-workspace .hero-actions a{background:#ffffff;border:1px solid #e1e5ee;color:#3158ff}.snipit-workspace .hero-context{display:none}.reference-search-screen{display:grid;grid-gap:18px;gap:18px}.reference-search-top{align-items:center;display:flex;gap:16px;justify-content:center}.reference-mode-tabs{background:#f7f9ff;border-radius:999px;box-shadow:0 12px 30px rgba(32,48,90,.12);display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(220px,1fr));max-width:610px;padding:8px;width:min(100%,610px)}.reference-mode-tabs a{align-items:center;border-radius:999px;color:#8a93a5;display:flex;font-size:15px;font-weight:900;justify-content:center;min-height:44px;padding:0 18px}.reference-mode-tabs a.active{background:#ffffff;color:#3158ff;box-shadow:0 6px 18px rgba(32,48,90,.12)}.reference-action-button{align-items:center;background:linear-gradient(135deg,#3158ff,#6476ff);border-radius:12px;color:#ffffff;display:inline-flex;font-size:13px;font-weight:900;justify-content:center;min-height:46px;padding:0 18px}.reference-search-form{align-items:center;background:#ffffff;border-radius:15px;box-shadow:0 10px 26px rgba(32,48,90,.08);display:grid;grid-gap:12px;gap:12px;grid-template-columns:auto 1fr auto;min-height:76px;padding:0 24px}.reference-search-icon{color:#3158ff;font-size:32px;line-height:1}.reference-search-form input{border:0;color:#20242c;font-size:15px;font-weight:700;outline:none}.reference-search-form input::placeholder{color:#9aa3b2}.reference-search-form button{background:#3158ff;border:0;border-radius:10px;color:#ffffff;cursor:pointer;font-size:13px;font-weight:900;min-height:38px;padding:0 18px}.reference-helper-row{align-items:center;color:#7a8494;font-size:12px;gap:12px}.reference-helper-row,.reference-helper-row div{display:flex;flex-wrap:wrap;justify-content:center}.reference-helper-row div{gap:8px}.reference-helper-row a{background:#ffffff;border:1px solid #e1e5ee;border-radius:999px;color:#3158ff;font-size:12px;font-weight:900;padding:8px 13px}.reference-section-title{align-items:flex-end;display:flex;justify-content:space-between;margin-top:34px}.reference-section-title h1{color:#111827;font-size:20px;margin:4px 0 0}.reference-section-title p{color:#7a8494;font-size:13px;font-weight:800;margin:0}.snipit-workspace .creative-strip{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(220px,1fr));overflow:visible}.snipit-workspace .creative-card{background:#ffffff;border:1px solid #dce2ec;border-radius:7px;box-shadow:0 4px 10px rgba(32,48,90,.08);min-height:490px}.snipit-workspace .creative-card img,.snipit-workspace .creative-media-link,.snipit-workspace .creative-placeholder,.snipit-workspace .creative-video{aspect-ratio:4/3;border-radius:0;min-height:0;object-fit:contain}.snipit-workspace .creative-body{min-height:222px;padding:12px}.snipit-workspace .creative-card-title strong{font-size:13px}.snipit-workspace .creative-card-title span,.snipit-workspace .creative-details p,.snipit-workspace .creative-message-preview,.snipit-workspace .creative-period{font-size:12px}.snipit-workspace .creative-message-preview{-webkit-line-clamp:3}.snipit-workspace .creative-original-link{align-self:flex-end;color:#006b6f;font-size:12px;font-weight:900}.reference-media-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(260px,1fr))}.reference-media-card{background:#ffffff;border:1px solid #dce2ec;border-radius:8px;box-shadow:0 5px 14px rgba(32,48,90,.08);display:grid;grid-template-rows:minmax(420px,58vh) minmax(190px,auto);min-width:0;overflow:hidden}.reference-media-stage{background:#e9edf3;min-height:420px;overflow:hidden;position:relative}.reference-media-image-button,.reference-media-video{background:#e9edf3;border:0;display:block;height:100%;margin:0;padding:0;width:100%}.reference-media-image-button{cursor:zoom-in}.reference-media-image-button img,.reference-media-video{height:100%;object-fit:contain;width:100%}.reference-media-expand{background:rgba(20,24,33,.78);border:0;border-radius:7px;color:#ffffff;cursor:pointer;font-size:11px;font-weight:900;min-height:30px;padding:0 10px;position:absolute;right:10px;top:10px}.reference-media-body{display:flex;flex-direction:column;gap:6px;min-height:190px;padding:12px}.reference-media-body p{color:#5e6878;font-size:12px;line-height:1.5;margin:0}.reference-media-body .creative-original-link{margin-top:auto}.reference-modal-backdrop{align-items:center;background:rgba(15,18,26,.72);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.reference-modal{background:#f7f8fb;border-radius:12px;box-shadow:0 28px 90px rgba(0,0,0,.35);display:grid;grid-template-columns:minmax(340px,.9fr) minmax(440px,1.1fr);height:min(90vh,900px);max-width:1280px;overflow:hidden;position:relative;width:min(94vw,1280px)}.reference-modal-close{align-items:center;background:#ffffff;border:1px solid #d8dde7;border-radius:50%;color:#171a21;cursor:pointer;display:flex;font-size:26px;height:38px;justify-content:center;line-height:1;padding:0 0 3px;position:absolute;right:14px;top:14px;width:38px;z-index:3}.reference-modal-primary{background:#ffffff;border-right:1px solid #dce2ec;display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0}.reference-modal-media{background:#111827;height:100%;min-height:0;object-fit:contain;width:100%}.reference-modal-copy{border-top:1px solid #e2e6ee;display:grid;grid-gap:7px;gap:7px;max-height:230px;overflow:auto;padding:16px}.reference-modal-copy strong{color:#171a21;font-size:16px}.reference-modal-copy span{color:#7a8494;font-size:12px;font-weight:800}.reference-modal-copy p{color:#4f5969;font-size:13px;line-height:1.55;margin:0;white-space:pre-wrap}.reference-modal-copy a{color:#3158ff;font-size:13px;font-weight:900}.reference-modal-similar{min-height:0;overflow:auto;padding:24px 16px 18px}.reference-modal-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px;padding-right:48px}.reference-modal-heading strong{color:#171a21;font-size:17px}.reference-modal-heading span{color:#7a8494;font-size:12px;font-weight:800}.reference-similar-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.reference-similar-card{background:#ffffff;border:1px solid #dce2ec;border-radius:8px;cursor:pointer;display:grid;grid-gap:6px;gap:6px;overflow:hidden;padding:0 0 10px;text-align:left}.reference-similar-card img,.reference-video-placeholder{background:#e9edf3;display:grid;height:230px;object-fit:contain;place-items:center;width:100%}.reference-video-placeholder{color:#475569;font-size:14px;font-weight:900}.reference-similar-card small,.reference-similar-card span{margin:0 10px}.reference-similar-card span{color:#171a21;font-size:12px;font-weight:900}.reference-similar-card small{color:#7a8494;font-size:10px}.snipit-page{font-family:Arial,Helvetica,sans-serif;font-weight:400}.snipit-page .brand,.snipit-page .button,.snipit-page .control-panel-head h2,.snipit-page .panel-head h2,.snipit-page .reference-action-button,.snipit-page .reference-helper-row a,.snipit-page .reference-mode-tabs a,.snipit-page .reference-search-form button,.snipit-page .reference-section-title h1,.snipit-page .section-title-row h2,.snipit-page .snipit-brand,.snipit-page .snipit-menu a,.snipit-page h1,.snipit-page h2,.snipit-page h3,.snipit-page strong,.snipit-page th{font-weight:600}.snipit-page .badge,.snipit-page .creative-original-link,.snipit-page .creative-period,.snipit-page .creative-rank,.snipit-page .creative-state,.snipit-page .eyebrow,.snipit-page .reference-media-expand,.snipit-page .reference-original-link,.snipit-page .status-pill{font-weight:500}.snipit-page .muted,.snipit-page input,.snipit-page label,.snipit-page p,.snipit-page select,.snipit-page small,.snipit-page td,.snipit-page textarea{font-weight:400}.snipit-page .insight-kpi strong{font-weight:600}.instruction-option{flex-direction:row}.instruction-option>span{flex:1 1 auto}.instruction-option input{flex:0 0 15px}.instruction-option .creative-name-cell{max-width:100%}.instruction-option .creative-name-cell>span:first-child{overflow:hidden;text-overflow:ellipsis}@media (max-width:1280px){.snipit-page{grid-template-columns:164px minmax(0,1fr)}.snipit-workspace{padding:20px 18px 46px}.reference-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.creative-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.snipit-workspace .creative-strip{grid-template-columns:repeat(3,minmax(220px,1fr))}.reference-media-card{grid-template-rows:minmax(360px,52vh) minmax(190px,auto)}.creative-ranking-table{min-width:1220px}.creative-ranking-table td,.creative-ranking-table th,.insight-table td,.insight-table th{font-size:11px;padding:6px 5px}.creative-ranking-table td:nth-child(2),.creative-ranking-table th:nth-child(2){min-width:235px}}@media (max-width:920px){.snipit-page{grid-template-columns:1fr}.snipit-sidebar{border-bottom:1px solid #d9dee8;border-right:0;min-height:auto;position:static}.snipit-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-mode-tabs{grid-template-columns:1fr}.reference-search-top,.reference-section-title{align-items:stretch;flex-direction:column}.snipit-workspace .creative-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-media-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.reference-modal{grid-template-columns:1fr;height:94vh;overflow:auto}.reference-modal-primary{border-bottom:1px solid #dce2ec;border-right:0;grid-template-rows:minmax(420px,60vh) auto}.kpis,.kpis.expanded,.pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start;flex-direction:column;gap:6px;padding:16px 20px}.table-wrap{overflow-x:auto}.ab-option-list,.dashboard-filter-form,.filter-form,.pattern-grid{grid-template-columns:1fr}.creative-strip,.dashboard-filter-form .primary-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-actions{align-items:stretch;flex-direction:column}.insight-page{padding:18px 14px 44px}.insight-hero,.instruction-layout,.operator-grid,.summary-strip{grid-template-columns:1fr}.insight-hero{padding:22px}.insight-hero h1{font-size:28px}}@media (max-width:560px){.reference-media-grid,.reference-similar-grid,.snipit-menu,.snipit-workspace .creative-strip{grid-template-columns:1fr}.reference-media-card{grid-template-rows:minmax(360px,62vh) minmax(190px,auto)}.reference-search-form{padding:16px}.creative-strip,.dashboard-filter-form .primary-filter-row,.reference-nav,.reference-search-form,.reference-tabs{grid-template-columns:1fr}}