@keyframes toastSlideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideOut{from{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes toolResultIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wizardFadeIn{from{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, #0f172a);--abt-text-muted: var(--color-text-muted, #475569);--abt-text-dim: var(--color-text-dim, #64748b);--abt-bg: var(--color-bg, #ffffff);--abt-surface: var(--color-bg-card, #f8fafc);--abt-border: var(--color-border, #e2e8f0);--abt-border-hover: #c7d2fe;--abt-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);--abt-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06);--abt-shadow-lg: 0 8px 24px rgba(0, 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{min-height:100vh;background:var(--abt-bg);color:var(--abt-text)}.layout__main.abTestDesign{padding:0;max-width:1200px;margin:0 auto}.abTestDesignMainContent{padding:24px}@media(max-width: 767px){.abTestDesignMainContent{padding:16px}}.abTestDesign__layout{display:grid;grid-template-columns:420px 1fr;gap:24px;align-items:start;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);padding:28px;box-shadow:var(--abt-shadow-sm)}@media(max-width: 767px){.abTestDesign__panel{padding:20px}}.abTestDesign__panelTitle{font-size:1.6rem;font-weight:700;color:var(--abt-text);margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--abt-border)}.abTestDesign__fieldGroup{margin-bottom:18px}.abTestDesign__fieldRow{display:grid;grid-template-columns:1fr 1fr;gap:16px;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{display:block;font-size:1.3rem;font-weight:600;color:var(--abt-text);margin-bottom:6px}.abTestDesign__labelHint{display:block;font-size:1.1rem;font-weight:400;color:var(--abt-text-muted);margin-top:2px}.abTestDesign__input,.abTestDesign__select{width:100%;padding:10px 14px;font-size:1.4rem;color:var(--abt-text);background:var(--abt-bg);border:1.5px solid var(--abt-border);border-radius:var(--abt-radius-sm);outline:none;transition:border-color var(--abt-transition),box-shadow var(--abt-transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.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,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%236366f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.abTestDesign__calcBtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-size:1.5rem;font-weight:700;color:#fff;background:var(--abt-accent);border:none;border-radius:var(--abt-radius-md);cursor:pointer;transition:background var(--abt-transition),transform var(--abt-transition),box-shadow var(--abt-transition);margin-top:8px}.abTestDesign__calcBtn:hover{background:var(--abt-accent-dark);box-shadow:0 4px 16px var(--abt-accent-glow);transform:translateY(-1px)}.abTestDesign__calcBtn:active{transform:translateY(0);box-shadow:none}.abTestDesign__resultEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--abt-text-muted);gap:16px}.abTestDesign__resultEmpty svg{opacity:.4}.abTestDesign__resultEmpty p{font-size:1.4rem;line-height:1.7;margin:0}.abTestDesign__metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:24px}@media(max-width: 600px){.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), 0.3)}.abTestDesign__metric_type_highlight{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.25)}.abTestDesign__metricValue{font-size:2.4rem;font-weight:800;color:var(--abt-accent);line-height:1.2}.abTestDesign__metric_type_highlight .abTestDesign__metricValue{color:#10b981}.abTestDesign__metricLabel{font-size:1.1rem;color:var(--abt-text-muted);margin-top:4px;line-height:1.4}.abTestDesign__durationBar{margin-bottom:20px}.abTestDesign__durationBarLabel{display:flex;justify-content:space-between;align-items:baseline;font-size:1.3rem;color:var(--abt-text-muted);margin-bottom:8px}.abTestDesign__durationTrack{position:relative;height:10px;background:var(--abt-border);border-radius:999px;overflow:hidden}.abTestDesign__durationFill{height:100%;background:linear-gradient(90deg, var(--abt-accent-light), var(--abt-accent));border-radius:999px;width:0%;transition:width 600ms var(--abt-ease)}.abTestDesign__durationMarker{position:absolute;top:50%;transform:translateY(-50%);width:2px;height:16px;background:var(--abt-bg);border-radius:1px;overflow:visible}.abTestDesign__durationMarker span{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:1rem;white-space:nowrap;color:var(--abt-text-dim)}.abTestDesign__durationStatus{margin-top:22px;font-size:1.3rem;font-weight:600;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{display:flex;gap:0;margin-bottom:24px;border:1px solid var(--abt-border);border-radius:var(--abt-radius-md);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{display:block;font-size:1.1rem;color:var(--abt-text-muted);margin-bottom:4px}.abTestDesign__statsVal{display:block;font-size:1.4rem;font-weight:700;color:var(--abt-text)}.abTestDesign__sheet{border:1px solid var(--abt-border);border-radius:var(--abt-radius-md);overflow:hidden}.abTestDesign__sheetHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--abt-surface);border-bottom:1px solid var(--abt-border)}.abTestDesign__sheetTitle{font-size:1.3rem;font-weight:600;color:var(--abt-text-muted);margin:0}.abTestDesign__copyBtn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:1.2rem;font-weight:600;color:var(--abt-accent);background:var(--abt-accent-subtle);border:1px solid rgba(var(--tool-accent-rgb, 37, 99, 235), 0.2);border-radius:var(--abt-radius-sm);cursor:pointer;transition:background var(--abt-transition),border-color var(--abt-transition)}.abTestDesign__copyBtn:hover{background:rgba(var(--tool-accent-rgb, 37, 99, 235), 0.14);border-color:rgba(var(--tool-accent-rgb, 37, 99, 235), 0.4)}.abTestDesign__sheetContent{padding:16px;font-size:1.3rem;line-height:1.7;color:var(--abt-text);background:var(--abt-bg);white-space:pre-wrap;word-break:break-word;margin:0;max-height:400px;overflow-y:auto}.abTestDesign__toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(16px);padding:10px 20px;font-size:1.4rem;font-weight:600;color:#fff;background:#1e293b;border-radius:var(--abt-radius-md);box-shadow:var(--abt-shadow-lg);opacity:0;pointer-events:none;transition:opacity 200ms ease,transform 200ms ease;z-index:1000;white-space:nowrap}.abTestDesign__toast_state_visible{opacity:1;transform:translateX(-50%) translateY(0)}