.ab-test-list{display:grid;gap:16px}.ab-test-card{display:grid;gap:16px}.ab-test-main{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.ab-product{display:flex;gap:13px;min-width:0;align-items:center}.ab-product>img{width:62px;height:76px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#f7f7fa}.ab-product h2{margin-top:4px}.ab-product p{font-size:12px;margin-top:4px}.ab-market{height:28px}.ab-test-state{display:grid;justify-items:end;gap:7px}.ab-test-state small{font-size:11px}.ab-mini-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:3px}.ab-mini-variant{display:grid;grid-template-columns:42px minmax(80px,1fr);gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:7px 9px;min-width:150px}.ab-mini-variant img,.ab-mini-variant i{width:42px;height:50px;object-fit:contain;border-radius:8px;background:#f6f6f8;display:grid;place-items:center}.ab-mini-variant small{font-size:10px;line-height:1.35}.ab-mini-variant.excluded{opacity:.48}.ab-card-actions{display:flex;justify-content:flex-end}
.ab-dialog{width:min(760px,calc(100% - 28px))}.ab-detail-dialog{width:min(1180px,calc(100% - 28px))}.ab-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ab-span-2{grid-column:1/-1}.ab-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px;margin:0}.ab-settings legend{font-size:12px;padding:0 6px;color:var(--muted)}.ab-dialog form{display:grid;gap:16px}.ab-dialog input[type=file]{padding:8px}.ab-storage-notice{align-items:flex-start}
.ab-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.ab-detail-summary>div{display:grid;gap:6px;border:1px solid var(--line);border-radius:12px;padding:12px}.ab-detail-summary small{font-size:10px}.ab-detail-summary b{font-size:13px}.ab-placement-note{font-size:11px;margin:10px 0 14px}.ab-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ab-stop{color:#a52626;border-color:#e6caca}.ab-variant-list{display:grid;gap:16px}.ab-variant{border:1px solid var(--line);border-radius:16px;padding:15px;display:grid;gap:14px;background:#fff}.ab-variant.current{border-color:#94bde8;box-shadow:0 0 0 2px #e9f3ff inset}.ab-variant.excluded{opacity:.56}.ab-variant-head{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:13px;align-items:center}.ab-variant-head>img{width:64px;height:78px;object-fit:contain;border-radius:10px;border:1px solid var(--line);background:#f7f7fa}.ab-variant-head h3{font-size:15px}.ab-variant-head p{font-size:11px;margin:3px 0 8px}.ab-progress{height:5px;background:#eceef2;border-radius:999px;overflow:hidden;max-width:340px}.ab-progress i{display:block;height:100%;background:var(--blue);border-radius:inherit}.ab-variant-head small{font-size:10px}.ab-slice{display:grid;grid-template-columns:155px 1fr;gap:12px;align-items:start;border-top:1px solid var(--line);padding-top:12px}.ab-slice h4{font-size:12px;margin:7px 0 0}.ab-slice h4 small{display:block;font-size:9px;margin-top:3px;font-weight:400}.ab-metrics{display:grid;grid-template-columns:repeat(7,minmax(65px,1fr));gap:8px}.ab-metrics span{display:grid;gap:3px;border-radius:9px;background:#f7f7fa;padding:7px}.ab-metrics small{font-size:9px}.ab-metrics b{font-size:12px;white-space:nowrap}.ab-events{border-top:1px solid var(--line);padding-top:4px}.ab-events>div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:11px}
@media(max-width:850px){.ab-test-main{flex-direction:column}.ab-test-state{justify-items:start}.ab-detail-summary{grid-template-columns:1fr 1fr}.ab-settings{grid-template-columns:1fr 1fr}.ab-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.ab-slice{grid-template-columns:1fr}.ab-variant-head{grid-template-columns:56px 1fr}.ab-variant-head>img{width:56px;height:68px}.ab-exclude-button{grid-column:1/-1;justify-self:start}}
@media(max-width:600px){.ab-form-grid,.ab-settings{grid-template-columns:1fr}.ab-span-2{grid-column:auto}.ab-detail-summary{grid-template-columns:1fr 1fr}.ab-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-detail-dialog{padding:16px}.ab-mini-variant{min-width:135px}.ab-detail-actions .button{width:100%}.ab-variant-head{grid-template-columns:50px 1fr}.ab-variant-head>img{width:50px;height:62px}.ab-events>div{grid-template-columns:1fr;gap:3px}}