@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes toolResultIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes wizardFadeIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}:root{--abt-accent:#6366f1;--abt-accent-light:#818cf8;--abt-accent-dark:#4f46e5;--abt-accent-glow:rgba(var(--tool-accent-rgb,37,99,235),0.15);--abt-accent-subtle:rgba(var(--tool-accent-rgb,37,99,235),0.08);--abt-text:var(--color-text,$color-text-primary);--abt-text-muted:var(--color-text-muted,$color-text-secondary);--abt-text-dim:var(--color-text-dim,$color-slate-500);--abt-bg:var(--color-bg,$color-bg-primary);--abt-surface:var(--color-bg-card,$color-bg-secondary);--abt-border:var(--color-border,$color-border);--abt-border-hover:#c7d2fe;--abt-shadow-sm:0 1px 2px rgba(0,0,0,.04);--abt-shadow-md:0 4px 12px rgba(0,0,0,.06);--abt-shadow-lg:0 8px 24px rgba(0,0,0,.08);--abt-radius-sm:6px;--abt-radius-md:10px;--abt-radius-lg:14px;--abt-ease:cubic-bezier(0.22,1,0.36,1);--abt-transition:180ms var(--abt-ease)}.abTestDesignPage{background:var(--abt-bg);color:var(--abt-text);min-height:100vh}.layout__main.abTestDesign{margin:0 auto;max-width:1200px;padding:0}.abTestDesignMainContent{padding:24px}@media(max-width:767px){.abTestDesignMainContent{padding:16px}}.abTestDesign__layout{align-items:start;display:grid;gap:24px;grid-template-columns:420px 1fr;margin-top:24px}@media(max-width:900px){.abTestDesign__layout{grid-template-columns:1fr}}.abTestDesign__panel{background:var(--abt-surface);border:1px solid var(--abt-border);border-radius:var(--abt-radius-lg);box-shadow:var(--abt-shadow-sm);padding:28px}@media(max-width:767px){.abTestDesign__panel{padding:20px}}.abTestDesign__panelTitle{border-bottom:1px solid var(--abt-border);color:var(--abt-text);font-size:1.6rem;font-weight:700;margin:0 0 24px;padding-bottom:16px}.abTestDesign__fieldGroup{margin-bottom:18px}.abTestDesign__fieldRow{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:0}.abTestDesign__fieldRow .abTestDesign__fieldGroup{margin-bottom:18px}@media(max-width:767px){.abTestDesign__fieldRow{grid-template-columns:1fr}.abTestDesign__fieldRow .abTestDesign__fieldGroup{margin-bottom:14px}}.abTestDesign__label{color:var(--abt-text);display:block;font-size:1.3rem;font-weight:600;margin-bottom:6px}.abTestDesign__labelHint{color:var(--abt-text-muted);display:block;font-size:1.1rem;font-weight:400;margin-top:2px}.abTestDesign__input,.abTestDesign__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--abt-bg);border:1.5px solid var(--abt-border);border-radius:var(--abt-radius-sm);box-sizing:border-box;color:var(--abt-text);font-size:1.4rem;outline:none;padding:10px 14px;transition:border-color var(--abt-transition),box-shadow var(--abt-transition);width:100%}.abTestDesign__input:focus,.abTestDesign__select:focus{border-color:var(--abt-accent);box-shadow:0 0 0 3px var(--abt-accent-glow)}.abTestDesign__input:hover:not(:focus),.abTestDesign__select:hover:not(:focus){border-color:var(--abt-border-hover)}.abTestDesign__select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%236366f1' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.abTestDesign__calcBtn{align-items:center;background:var(--abt-accent);border:none;border-radius:var(--abt-radius-md);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;gap:8px;justify-content:center;margin-top:8px;padding:14px 24px;transition:background var(--abt-transition),transform var(--abt-transition),box-shadow var(--abt-transition);width:100%}.abTestDesign__calcBtn:hover{background:var(--abt-accent-dark);box-shadow:0 4px 16px var(--abt-accent-glow);transform:translateY(-1px)}.abTestDesign__calcBtn:active{box-shadow:none;transform:translateY(0)}.abTestDesign__resultEmpty{align-items:center;color:var(--abt-text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:64px 24px;text-align:center}.abTestDesign__resultEmpty svg{opacity:.4}.abTestDesign__resultEmpty p{font-size:1.4rem;line-height:1.7;margin:0}.abTestDesign__metrics{display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}@media(max-width:640px){.abTestDesign__metrics{grid-template-columns:1fr 1fr}}.abTestDesign__metric{background:var(--abt-bg);border:1px solid var(--abt-border);border-radius:var(--abt-radius-md);padding:16px;text-align:center}.abTestDesign__metric_type_primary{background:var(--abt-accent-subtle);border-color:rgba(var(--tool-accent-rgb,37,99,235),.3)}.abTestDesign__metric_type_highlight{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.25)}.abTestDesign__metricValue{color:var(--abt-accent);font-size:2.4rem;font-weight:800;line-height:1.2}.abTestDesign__metric_type_highlight .abTestDesign__metricValue{color:#10b981}.abTestDesign__metricLabel{color:var(--abt-text-muted);font-size:1.1rem;line-height:1.4;margin-top:4px}.abTestDesign__durationBar{margin-bottom:20px}.abTestDesign__durationBarLabel{align-items:baseline;color:var(--abt-text-muted);display:flex;font-size:1.3rem;justify-content:space-between;margin-bottom:8px}.abTestDesign__durationTrack{background:var(--abt-border);border-radius:999px;height:10px;overflow:hidden;position:relative}.abTestDesign__durationFill{background:linear-gradient(90deg,var(--abt-accent-light),var(--abt-accent));border-radius:999px;height:100%;transition:width .6s var(--abt-ease);width:0}.abTestDesign__durationMarker{background:var(--abt-bg);border-radius:1px;height:16px;overflow:visible;position:absolute;top:50%;transform:translateY(-50%);width:2px}.abTestDesign__durationMarker span{color:var(--abt-text-dim);font-size:1rem;left:50%;position:absolute;top:18px;transform:translateX(-50%);white-space:nowrap}.abTestDesign__durationStatus{font-size:1.3rem;font-weight:600;margin-top:22px;min-height:20px}.abTestDesign__durationStatus[data-status=good]{color:#10b981}.abTestDesign__durationStatus[data-status=warn]{color:#f59e0b}.abTestDesign__durationStatus[data-status=long]{color:#ef4444}.abTestDesign__statsInfo{border:1px solid var(--abt-border);border-radius:var(--abt-radius-md);display:flex;gap:0;margin-bottom:24px;overflow:hidden}.abTestDesign__statsItem{flex:1;padding:12px 14px;text-align:center}.abTestDesign__statsItem+.abTestDesign__statsItem{border-left:1px solid var(--abt-border)}.abTestDesign__statsKey{color:var(--abt-text-muted);display:block;font-size:1.1rem;margin-bottom:4px}.abTestDesign__statsVal{color:var(--abt-text);display:block;font-size:1.4rem;font-weight:700}.abTestDesign__sheet{border:1px solid var(--abt-border);border-radius:var(--abt-radius-md);overflow:hidden}.abTestDesign__sheetHeader{align-items:center;background:var(--abt-surface);border-bottom:1px solid var(--abt-border);display:flex;justify-content:space-between;padding:12px 16px}.abTestDesign__sheetTitle{color:var(--abt-text-muted);font-size:1.3rem;font-weight:600;margin:0}.abTestDesign__copyBtn{align-items:center;background:var(--abt-accent-subtle);border:1px solid rgba(var(--tool-accent-rgb,37,99,235),.2);border-radius:var(--abt-radius-sm);color:var(--abt-accent);cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;gap:6px;padding:6px 12px;transition:background var(--abt-transition),border-color var(--abt-transition)}.abTestDesign__copyBtn:hover{background:rgba(var(--tool-accent-rgb,37,99,235),.14);border-color:rgba(var(--tool-accent-rgb,37,99,235),.4)}.abTestDesign__sheetContent{background:var(--abt-bg);color:var(--abt-text);font-size:1.3rem;line-height:1.7;margin:0;max-height:400px;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-word}.abTestDesign__toast{background:#1e293b;border-radius:var(--abt-radius-md);bottom:24px;box-shadow:var(--abt-shadow-lg);color:#fff;font-size:1.4rem;font-weight:600;left:50%;opacity:0;padding:10px 20px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(16px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:1000}.abTestDesign__toast_state_visible{opacity:1;transform:translateX(-50%) translateY(0)}