.product-frame{position:relative}.product-frame--light .product-frame__body{background:var(--mock-bg)}.product-frame--light .product-frame__sidebar{background:var(--mock-sidebar-light);border-right:1px solid var(--mock-border-subtle);flex-direction:column;width:216px;min-width:216px;padding:0;display:flex;overflow-x:hidden}.product-frame__sidebar-head{z-index:3;flex-shrink:0;align-items:center;gap:6px;padding:10px 6px 10px 10px;display:flex;position:relative;overflow:visible}.product-frame__rail-toggle{width:36px;height:36px;color:var(--mock-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:none;place-items:center;margin:0;padding:0;display:none}.product-frame__logo-mark{border-radius:5px;width:22px;height:22px;display:block;overflow:hidden}.product-frame__logo-mark .product-frame__logo-image{width:auto;max-width:none;height:22px;display:block}.product-frame__rail-toggle:hover{color:var(--mock-text);background:#0f172a0d}.product-frame__nav-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.product-frame__profile-wrap{flex:0 auto;min-width:0;position:relative}.product-frame__brand-trigger{cursor:pointer;max-width:100%;font:inherit;transition:background var(--duration-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;padding:4px 8px 4px 4px;line-height:0;display:inline-flex}.product-frame__brand-trigger--static{cursor:default;pointer-events:none}.product-frame__brand-trigger:hover,.product-frame__brand-trigger--open{background:#0f172a0d}.product-frame__logo-image{width:auto;max-width:100%;height:22px;display:block}.product-frame__brand-chevron{color:var(--mock-text-secondary);flex-shrink:0}.product-frame__org-chevron{color:var(--mock-text-muted);justify-self:end}.product-frame__search{width:26px;height:26px;color:var(--mock-text);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin:0 0 0 auto;padding:0;display:inline-flex}.product-frame__search-icon{color:inherit;display:block}.product-frame__search .icon{color:inherit}.product-frame--interactive .product-frame__search:hover{color:var(--color-navy-800);background:0 0}.product-frame__nav-scroll{scrollbar-width:none;flex:1;min-height:0;padding:2px 0 8px;overflow:hidden auto}.product-frame__nav-scroll::-webkit-scrollbar{display:none}.product-frame,.product-frame *{scrollbar-width:thin;scrollbar-color:#0f172a transparent}.product-frame::-webkit-scrollbar{width:12px;height:12px}.product-frame ::-webkit-scrollbar{width:12px;height:12px}.product-frame::-webkit-scrollbar-track{background:0 0;margin-block:6px}.product-frame ::-webkit-scrollbar-track{background:0 0;margin-block:6px}.product-frame::-webkit-scrollbar-thumb{background-color:#0f172a;background-clip:padding-box;border:4px solid #0000;border-radius:8px}.product-frame ::-webkit-scrollbar-thumb{background-color:#0f172a;background-clip:padding-box;border:4px solid #0000;border-radius:8px}.product-frame::-webkit-scrollbar-thumb:hover{background-color:#0f172a}.product-frame::-webkit-scrollbar-thumb:active{background-color:#0f172a}.product-frame ::-webkit-scrollbar-thumb:hover{background-color:#0f172a}.product-frame ::-webkit-scrollbar-thumb:active{background-color:#0f172a}.product-frame::-webkit-scrollbar-corner{background:0 0}.product-frame ::-webkit-scrollbar-corner{background:0 0}.product-frame .product-frame__nav-scroll,.product-frame .mock-site-tabs,.product-frame .mock-page-editor-tabs,.product-frame .mock-page-detail__nav,.product-frame .mock-pages-tabs,.product-frame .mock-segment-tabs,.product-frame .mock-abx-seg-tabs{scrollbar-width:none}.product-frame .product-frame__nav-scroll::-webkit-scrollbar{width:0;height:0;display:none}.product-frame .mock-site-tabs::-webkit-scrollbar{width:0;height:0;display:none}.product-frame .mock-page-editor-tabs::-webkit-scrollbar{width:0;height:0;display:none}.product-frame .mock-page-detail__nav::-webkit-scrollbar{width:0;height:0;display:none}.product-frame .mock-pages-tabs::-webkit-scrollbar{width:0;height:0;display:none}.product-frame .mock-segment-tabs::-webkit-scrollbar{width:0;height:0;display:none}.product-frame .mock-abx-seg-tabs::-webkit-scrollbar{width:0;height:0;display:none}.product-frame__nav-group{margin-bottom:2px}.product-frame__nav-group--solo{border-bottom:1px solid var(--mock-border-subtle);margin-bottom:6px;padding-bottom:6px}.product-frame__nav-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mock-text-muted);padding:10px 14px 4px;font-size:9px;display:block}.product-frame--light .product-frame__nav-item{color:var(--mock-text-secondary);min-height:28px;transition:background var(--duration-fast), color var(--duration-fast);border:1px solid #0000;border-radius:6px;gap:8px;margin:1px 6px;padding:0 8px 0 10px;font-size:12px;font-weight:500}.product-frame--light .product-frame__nav-item--active{color:var(--mock-text);border-color:var(--mock-border-subtle);box-shadow:none;background:#fffffff2;border-radius:6px;margin-inline:6px;padding-inline:10px;font-weight:600}.product-frame__nav-item--interactive{text-align:left;cursor:pointer;width:calc(100% - 12px);font:inherit;background:0 0;align-items:center;display:flex}.product-frame--interactive .product-frame__nav-item--interactive:hover:not(.product-frame__nav-item--active){color:var(--mock-text);background:#ffffff8c}.product-frame__nav-item--disabled{opacity:.38;cursor:default;pointer-events:none}.product-frame--showcase .product-frame__sidebar{pointer-events:none;-webkit-user-select:none;user-select:none}.product-frame--showcase .product-frame__main{pointer-events:auto;-webkit-user-select:auto;user-select:auto}.product-frame--showcase .product-frame__nav-item:not(.product-frame__nav-item--active){opacity:.42}.product-frame--showcase .product-frame__nav-item--active{opacity:1}.product-frame__org-manage--static{border:1px solid var(--mock-border-subtle);width:100%;color:var(--mock-text-secondary);background:#ffffff8c;border-radius:8px;justify-content:center;align-items:center;padding:7px 10px;font-size:11px;font-weight:500;display:flex}.product-frame__sidebar-foot{border-top:1px solid var(--mock-border-subtle);background:#ffffff59;flex-direction:column;flex-shrink:0;gap:6px;padding:10px 10px 12px;display:flex}.product-frame__org,.product-frame__user{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;column-gap:8px;min-width:0;display:grid}.product-frame__org{border:1px solid var(--mock-border-subtle);background:var(--mock-surface);color:var(--mock-text);letter-spacing:-.01em;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600}.product-frame__org-mark{color:#fff;width:20px;height:20px;font-family:var(--font-display);background:linear-gradient(135deg,#1a2332,#2a3340);border-radius:5px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.product-frame__org-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.2;overflow:hidden}.product-frame__user{padding:6px 10px}.product-frame__avatar{color:#1d4ed8;width:20px;height:20px;font-family:var(--font-display);background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.product-frame__user-name{color:var(--mock-text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;line-height:1.2;overflow:hidden}.product-frame__user-role{font-family:var(--font-mono);letter-spacing:.02em;color:var(--mock-text-muted);background:var(--mock-bg);border:1px solid var(--mock-border-subtle);white-space:nowrap;border-radius:99px;justify-self:end;padding:2px 6px;font-size:8px;font-weight:500}.product-frame__org-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;display:grid}.product-frame__org-chip{border:1px solid var(--mock-border-subtle);background:var(--mock-surface);cursor:pointer;min-width:0;font:inherit;transition:border-color var(--duration-fast), background var(--duration-fast);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;display:flex}.product-frame__org-chip:hover{background:#fffffff2;border-color:#0ea5e940}.product-frame__org-chip--active{background:#fffffffa;border-color:#1a233252;box-shadow:inset 0 0 0 1px #1a23321a}.product-frame__org-mark--navy{background:linear-gradient(135deg,#1a2332,#2a3340)}.product-frame__org-mark--blue{background:linear-gradient(135deg,#1d4ed8,#2563eb)}.product-frame__org-mark--violet{background:linear-gradient(135deg,#0369a1,#0ea5e9)}.product-frame__org-mark--teal{background:linear-gradient(135deg,#0f766e,#14b8a6)}.product-frame__org-mark--amber{background:linear-gradient(135deg,#d97706,#f59e0b)}.product-frame__org-mark--rose{background:linear-gradient(135deg,#e11d48,#f43f5e)}.product-frame__org-mark--more{color:var(--mock-text-secondary);background:#0f172a0f;border:1px dashed #0f172a1f;font-size:11px;font-weight:700}.product-frame__org-chip--more:hover .product-frame__org-mark--more{color:#0369a1;background:#0ea5e914;border-color:#0ea5e933}.product-frame__org-chip--more.product-frame__org-chip--active{border-color:#1a233252;box-shadow:inset 0 0 0 1px #1a23321a}.product-frame__org-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--mock-text-secondary);letter-spacing:-.01em;font-size:9px;font-weight:600;overflow:hidden}.product-frame__org-chip--active .product-frame__org-chip-name{color:var(--mock-text)}.product-frame__org-manage{border:1px solid var(--mock-border-subtle);background:var(--mock-surface);width:100%;color:var(--mock-text-secondary);letter-spacing:-.01em;cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast), color var(--duration-fast);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:600;display:flex}.product-frame__org-manage-icon{flex:none;display:none}.product-frame__org-manage:hover{color:var(--mock-text);background:#fffffff2;border-color:#0ea5e940}.product-frame__user-wrap{position:relative}.product-frame__user--interactive{cursor:pointer;width:100%;font:inherit;text-align:left;transition:border-color var(--duration-fast), background var(--duration-fast);background:0 0;border:1px solid #0000;border-radius:8px}.product-frame__user--interactive:hover,.product-frame__user--open{border-color:var(--mock-border-subtle);background:#ffffffb3}.product-frame__profile-menu{z-index:20;background:var(--mock-surface);border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:1px;width:172px;padding:4px;display:flex;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 8px 24px #0f172a1a}.product-frame__profile-menu-item{color:var(--mock-text);text-align:left;cursor:pointer;letter-spacing:-.01em;background:0 0;border:none;border-radius:5px;padding:7px 9px;font-size:12px;font-weight:400}.product-frame__profile-menu-item:hover{background:#0f172a0a}.product-frame__profile-menu-item--danger{color:#b91c1c}.product-frame__profile-menu-item--danger:hover{background:#b91c1c0f}.product-frame__profile-menu-divider{background:#0f172a0f;height:1px;margin:3px 6px}.product-frame--hero{border-radius:14px}.product-frame--viewport .product-frame__body{height:var(--mock-viewport-height);min-height:var(--mock-viewport-height);max-height:var(--mock-viewport-height)}.product-frame--viewport .product-frame__main{background:var(--mock-surface);flex-direction:column;min-height:0;padding:14px 16px 16px;display:flex;overflow:hidden}.product-frame--viewport .product-frame__main>.mock-screen{flex:1;min-height:0}.product-frame--hero .product-frame__main{padding:12px 16px 14px}.mock-hero-stack{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;position:relative}.mock-topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.mock-topbar--compact{flex-shrink:0;align-items:flex-start;margin-bottom:0;padding-bottom:4px}.mock-topbar--compact .mock-topbar__title{letter-spacing:-.025em;font-size:15px;font-weight:600;line-height:1.25}.mock-topbar__meta{flex-direction:column;gap:3px;min-width:0;display:flex}.mock-topbar__crumb{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#6b7280;font-size:9px;font-weight:500}.mock-topbar__crumb--btn{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.mock-topbar__crumb--btn:hover{color:#0ea5e9}.mock-topbar__title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--mock-text);font-size:18px;font-weight:600;line-height:1.2}.mock-topbar__meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mock-meta-pill{font-family:var(--font-body);letter-spacing:normal;color:#475569;background:var(--mock-bg);border:1px solid var(--mock-border-subtle);border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-meta-pill__dot{background:var(--accent-cyan);border-radius:50%;flex-shrink:0;width:4px;height:4px}.mock-meta-pill--live .mock-meta-pill__dot{background:#22c55e}.mock-meta-pill--published,.mock-meta-pill--green{color:#15803d;background:#16a34a14;border-color:#16a34a1f;gap:0;font-weight:500}.mock-meta-pill--draft{color:#b45309;background:#f59e0b14;border-color:#f59e0b24;gap:0;font-weight:500}@keyframes mock-status-pulse-green{0%{box-shadow:0 0 #22c55e73}70%{box-shadow:0 0 0 3px #22c55e00}to{box-shadow:0 0 #22c55e00}}.mock-btn{color:#fff;height:32px;font-family:var(--font-body);letter-spacing:-.01em;box-sizing:border-box;background:#0f172a;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding-inline:12px;font-size:13px;font-weight:600;display:inline-flex}.mock-btn--secondary,.mock-btn--ghost{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-btn--danger{color:#fff;background:#ef4444;border-color:#0000}.mock-btn--sm{border-radius:8px;height:30px;padding-inline:10px;font-size:12px}.mock-btn--icon{align-items:center;gap:5px;display:inline-flex}.mock-btn--icon .icon{flex-shrink:0;display:flex}.mock-btn:not(.mock-btn--secondary):not(.mock-btn--ghost) .icon{color:inherit}.mock-btn--with-chevron{align-items:center;gap:5px;display:inline-flex}.ui-chevron{color:inherit}.ui-sort-chevron{vertical-align:middle;color:var(--mock-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:0;margin-left:3px;line-height:0;display:inline-flex}.ui-sort-chevron .ui-chevron{width:7px;height:5px}.ui-sort-chevron .ui-chevron svg{width:7px;height:4px}.mock-topbar__actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:6px;display:flex}.mock-screen{flex-direction:column;gap:12px;height:100%;min-height:0;display:flex;position:relative}.mock-screen>*{flex-shrink:0}.mock-test-results-body{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.mock-panel__body--flush{padding:12px 14px 10px}.mock-panel--fill{flex:1;min-height:0;overflow:hidden}.mock-area-line{flex-direction:column;gap:6px;display:flex}.mock-area-line__plot{background-color:#f7f8fa;background-image:radial-gradient(circle at 1px 1px,#0f172a0d 1px,#0000 0);background-size:16px 16px;border-radius:12px;position:relative;overflow:hidden}.mock-area-line--default .mock-area-line__plot{min-height:156px}.mock-area-line__svg{width:100%;height:100%;min-height:inherit;display:block}.mock-area-line__tooltip{pointer-events:none;white-space:nowrap;background:#fff;border:0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 12px 8px;display:flex;position:absolute;top:12px;transform:translate(-50%);box-shadow:0 8px 24px #0f172a14,0 1px 2px #0f172a0a}.mock-area-line__tooltip.is-end{left:auto;right:12px;transform:none}.mock-area-line__tooltip-value{font-family:var(--font-body);letter-spacing:-.04em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;line-height:1.1}.mock-area-line__tooltip-secondary{font-family:var(--font-body);letter-spacing:-.02em;color:#22c55e;font-size:12px;font-weight:650}.mock-area-line__tooltip-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-weight:550}.mock-area-line__axis{justify-content:space-between;align-items:center;min-height:22px;padding:2px 6px 0;display:flex}.mock-area-line__day{font-family:var(--font-body);letter-spacing:-.01em;text-transform:none;color:#94a3b8;font-size:10px;font-weight:500}.mock-area-line__day--btn{cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;border-radius:8px;margin:0;padding:3px 7px;line-height:1.2}.mock-area-line__day--btn:hover:not(.mock-area-line__day--active){color:var(--mock-text-secondary)}.mock-traffic-chart__head-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mock-traffic-chart__title{font-family:var(--font-display);color:var(--mock-text);letter-spacing:-.01em;font-size:13px;font-weight:600}.mock-screen--hero{gap:10px}.mock-panel--hero-chart{flex-direction:column;flex:1;min-height:0;display:flex}.mock-panel--hero-chart .mock-panel__body--flush{flex-direction:column;flex:1;min-height:0;padding:16px 18px 14px;display:flex}.mock-screen--hero .mock-traffic-chart--compact .mock-traffic-chart__summary-value{letter-spacing:-.04em;color:#0f172a;font-size:22px;font-weight:700;line-height:1}.mock-screen--hero .mock-traffic-chart--compact .mock-traffic-chart__summary-label{letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-weight:500}.mock-waffle__y-tick{color:#94a3b8;opacity:.9}.mock-panel--hero-chart .mock-traffic-chart{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.mock-panel--hero-chart .mock-area-line--hero{flex-direction:column;flex:1;gap:2px;min-height:0;display:flex}.mock-panel--hero-chart .mock-traffic-chart--compact{flex:1 1 0;gap:4px;height:100%;min-height:0}.mock-panel--hero-chart .mock-traffic-chart__head{flex-shrink:0;margin-bottom:0}.mock-panel--hero-chart .mock-area-line--hero .mock-area-line__plot{aspect-ratio:auto;background:0 0;border-radius:10px;flex:1 1 0;width:100%;min-height:0;max-height:none;display:block;position:relative;overflow:visible}.mock-panel--hero-chart .mock-area-line--hero .mock-area-line__axis{flex-shrink:0;padding:0 2px}.mock-area-line--hero{gap:2px}.mock-area-line--hero .mock-area-line__plot{background:0 0;border-radius:10px;width:100%;min-height:0;display:block;position:relative}.mock-area-line--hero .mock-area-line__svg{width:100%;height:100%;min-height:0;display:block}.mock-panel--hero-chart .mock-area-line--pixel .mock-area-line__plot{background:0 0;flex:1 1 0;min-height:0}.mock-panel--hero-chart .mock-area-line--pixel .mock-area-line__svg{width:100%;height:100%;position:absolute;inset:0}.mock-area-line--hero .mock-area-line__tooltip{background:#fff;border:1px solid #0f172a14;border-radius:10px;padding:7px 12px;top:2px;box-shadow:0 8px 24px #0f172a14}.mock-area-line--hero .mock-area-line__tooltip-value{font-family:var(--font-display);letter-spacing:-.03em;color:#0f172a;font-size:13px;font-weight:700}.mock-area-line--hero .mock-area-line__tooltip-label{letter-spacing:.1em;color:#0f172a73;font-size:8px}.mock-area-line--hero .mock-area-line__axis{padding:0 12px 0 8px}.mock-area-line--hero .mock-area-line__day{letter-spacing:.1em;color:#0f172a61;font-size:8px}.mock-area-line--hero .mock-area-line__day.mock-area-line__day--active{color:#0284c7;box-shadow:none;background:#0ea5e91f;border:none;border-radius:6px;padding:3px 8px;font-weight:600}.mock-area-line--pixel .mock-area-line__plot{background:0 0;border-radius:10px;overflow:hidden}.mock-area-line--pixel .mock-area-line__axis{padding:0 2px}.mock-waffle{gap:8px}.mock-waffle__frame{flex:1 1 0;align-items:flex-end;gap:8px;min-height:0;display:flex}.mock-waffle__frame--flush{gap:0}.mock-waffle__y{flex:0 0 26px;width:26px;margin-bottom:0;position:relative}.mock-waffle__y-tick{font-family:var(--font-body);letter-spacing:-.01em;color:#94a3b8;text-align:right;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:9px;font-weight:500;line-height:1;position:absolute;right:0;transform:translateY(50%)}.mock-waffle__plot{min-width:0;min-height:0;padding-top:var(--waffle-tip,28px);flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;display:flex;position:relative;overflow:visible}.mock-waffle__track{justify-content:center;align-items:flex-end;gap:var(--waffle-gap);height:var(--waffle-grid-h);width:max-content;max-width:100%;display:flex}.mock-waffle__track--continuous{gap:var(--waffle-gap);justify-content:center;width:max-content;max-width:100%}.mock-waffle__track--continuous .mock-waffle__col{width:var(--waffle-cell);flex:none;align-items:stretch}.mock-waffle__track--continuous .mock-waffle__cell{width:var(--waffle-cell);height:var(--waffle-cell);max-width:none}.mock-waffle__day{align-items:flex-end;gap:var(--waffle-gap);height:100%;display:flex}.mock-waffle__col{justify-content:flex-start;gap:var(--waffle-gap);flex-direction:column-reverse;height:100%;display:flex}.mock-waffle__col--dim .mock-waffle__cell--fill{opacity:.28}.mock-waffle__cell{width:var(--waffle-cell);height:var(--waffle-cell);border-radius:calc(var(--waffle-cell) * .28);flex:none;display:block}.mock-waffle__cell--cap{background:0 0}.mock-waffle__cell--fill{background:var(--accent-cyan,#0ea5e9)}.mock-waffle__x--continuous{grid-template-columns:repeat(var(--waffle-days,7), 1fr);width:var(--waffle-track-w,100%);align-items:center;gap:0;max-width:100%;height:22px;margin-inline:auto;display:grid;padding:0!important}.mock-waffle__x--continuous .mock-area-line__day{text-align:center;justify-self:center;width:auto}.mock-panel--hero-chart .mock-waffle .mock-area-line__day{letter-spacing:.01em;text-transform:none;color:#94a3b8;background:0 0;border:none;padding:3px 0;font-size:10px;font-weight:500}.mock-panel--hero-chart .mock-waffle .mock-area-line__day--active{color:#2563eb;box-shadow:none;background:#eff6ff;border-radius:999px;padding:3px 9px;font-weight:600}.mock-panel--hero-chart .mock-waffle .mock-area-line__day--btn:hover:not(.mock-area-line__day--active){color:#64748b;background:0 0}.mock-waffle__tooltip.mock-area-line__tooltip{pointer-events:none;z-index:3;background:#fff;border:1px solid #0f172a0d;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:7px 11px 8px;display:flex;top:2px;transform:translate(-50%);box-shadow:0 8px 24px #0f172a1a}.mock-waffle__tooltip.mock-area-line__tooltip:after{content:"";background:#fff;border-bottom:1px solid #0f172a0d;border-right:1px solid #0f172a0d;width:8px;height:8px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.mock-panel--hero-chart .mock-waffle .mock-waffle__tooltip .mock-area-line__tooltip-value{font-family:var(--font-body);letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:700;line-height:1.15}.mock-panel--hero-chart .mock-waffle .mock-waffle__tooltip .mock-area-line__tooltip-label{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-weight:500;line-height:1.2}.mock-panel--hero-chart .mock-waffle.mock-area-line--hero{gap:8px}.mock-panel--hero-chart .mock-waffle .mock-area-line__plot{overflow:visible}.mock-panel--hero-chart .mock-metric-pills--segmented{background:#f1f5f9;border:1px solid #0f172a14;border-radius:10px;gap:2px;padding:3px}.mock-panel--hero-chart .mock-metric-pill{font-family:var(--font-body);letter-spacing:-.01em;color:#64748b;box-shadow:none;background:0 0;border:none;border-radius:8px;padding:5px 11px;font-size:10px;font-weight:500}.mock-panel--hero-chart .mock-metric-pill--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-area-line__day--active{color:#fff;box-shadow:none;background:#0ea5e9;border:none;border-radius:6px;padding:3px 8px;font-weight:650}.mock-traffic-chart--compact{gap:8px}.mock-traffic-chart--compact .mock-traffic-chart__head{margin-bottom:0}.mock-period-dropdown{position:relative}.mock-period-select{justify-content:space-between;align-items:center;gap:6px;min-width:108px;display:inline-flex}.mock-period-dropdown__menu{z-index:5;border:1px solid var(--mock-border-subtle);background:var(--mock-surface);border-radius:8px;min-width:132px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0f172a14}.mock-period-dropdown__item{width:100%;color:var(--mock-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:11px;font-weight:500;display:block}.mock-period-dropdown__item:hover,.mock-period-dropdown__item--active{color:var(--mock-text);background:#0ea5e90f}.mock-period-select__chevron{color:var(--mock-text-muted)}.mock-dashboard-mid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:1.35fr 1fr;align-items:stretch;gap:10px;min-height:230px;display:grid}.mock-dashboard-mid>*{min-height:0}.mock-panel--ab-test{flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.mock-screen--hero .mock-panel--hero-chart.mock-panel--premium{background:#fff}.mock-screen--hero .mock-panel--ab-test.mock-panel--premium{background:#fff;border-color:#0f172a0f}.mock-screen--hero .mock-panel--table,.mock-screen--hero .mock-panel--activity{box-shadow:none;background:#fff;border-color:#0f172a12;border-radius:16px}.mock-screen--hero .mock-panel--activity .mock-panel__title{letter-spacing:-.01em;text-transform:none;color:#0f172a;font-size:12px;font-weight:600}.mock-screen--hero .mock-panel--activity .mock-panel__head--compact{background:#f8fafc;border-bottom:1px solid #0f172a0d;padding:12px 16px 8px}.mock-screen--hero .mock-donut--card{width:96px;height:96px}.mock-screen--hero .mock-donut--card .mock-donut__value{font-size:16px}.mock-screen--hero .mock-dashboard-mid{min-height:248px}.mock-screen--hero .mock-donut--semi,.product-frame--viewport .mock-screen--hero .mock-donut--semi{flex:0 0 164px;align-self:center;width:164px;max-width:none;height:94px;margin:0}.product-frame--viewport .mock-screen--hero .mock-donut__svg--semi,.mock-screen--hero .mock-donut__svg--semi{width:100%;height:100%}.mock-screen--hero .mock-donut__value--semi,.product-frame--viewport .mock-screen--hero .mock-donut__value--semi{inset:auto auto 2% 50%;letter-spacing:-.03em;color:#111827;text-align:center;background:0 0;gap:2px;width:max-content;font-size:20px;font-weight:700;inset:auto auto 2% 50%;transform:translate(-50%)}.mock-screen--hero .mock-donut__value-num{display:block;transform:translate(-.04em)}.mock-screen--hero .mock-donut__value-cap{color:#9ca3af;letter-spacing:0;font-size:8px}.mock-screen--hero .mock-ab-card__main{flex:auto;align-items:center;gap:20px;min-height:0}.mock-screen--hero .mock-ab-card{flex:auto;justify-content:center;min-height:0;padding:14px 16px 10px}.mock-screen--hero .mock-ab-card__copy{flex:auto;justify-content:center;gap:4px;min-width:0}.mock-screen--hero .mock-ab-card__detail{margin-top:2px}.mock-screen--hero .mock-ab-card__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-muted);font-size:9px;font-weight:500}.mock-screen--hero .mock-ab-card__title{letter-spacing:-.025em;font-size:14px}.mock-screen--hero .mock-ab-card__detail{color:var(--mock-text-secondary);font-weight:500}.mock-screen--hero .mock-ab-variants{border-top:1px solid #0f172a0d;flex:none;gap:0;padding:2px 12px 10px}.mock-screen--hero .mock-ab-variant{background:0 0;border:none;border-bottom:1px solid #0f172a0d;border-radius:0;grid-template-columns:1fr auto;align-items:center;padding:8px}.mock-screen--hero .mock-ab-variant__prob{align-self:center;line-height:1}.mock-screen--hero .mock-ab-variant:last-child{border-bottom:none}.mock-screen--hero .mock-ab-variant--active{background:0 0;border-color:#0000}.mock-screen--hero .mock-ab-variant--active .mock-ab-variant__prob{color:#0284c7}.mock-screen--hero .mock-dashboard-mid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:12px;min-height:248px}.mock-screen--hero .mock-dashboard-mid>*{height:100%;min-height:0}.mock-screen--hero .mock-panel--hero-chart.mock-panel--premium,.mock-screen--hero .mock-panel--ab-test.mock-panel--premium{min-width:0;min-height:0;box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;padding:10px;display:flex;overflow:hidden}.mock-screen--hero .mock-panel--hero-chart .mock-abx-trend{background:0 0;border:0;border-radius:0;flex-direction:column;flex:auto;gap:0;height:100%;min-height:0;padding:0;display:flex;overflow:visible}.mock-screen--hero .mock-panel--hero-chart .mock-abx-trend__well{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:auto;padding:2px 2px 0;display:flex}.mock-screen--hero .mock-panel--hero-chart .mock-area-line{flex-direction:column;flex:auto;gap:0;height:100%;min-height:0;display:flex}.mock-screen--hero .mock-panel--hero-chart .mock-abx-trend .mock-area-line--premium.mock-area-line--default .mock-area-line__plot,.mock-screen--hero .mock-panel--hero-chart .mock-area-line--premium.mock-area-line--default .mock-area-line__plot,.mock-screen--hero .mock-panel--hero-chart .mock-area-line__plot{height:auto;min-height:0;box-shadow:none;background:0 0;border-radius:8px;flex:auto;position:relative;overflow:hidden}.mock-screen--hero .mock-panel--hero-chart .mock-area-line--premium .mock-area-line__svg{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none;position:absolute;inset:0}.mock-screen--hero .mock-panel--hero-chart .mock-area-line__svg path[stroke]{filter:none}.mock-screen--hero .mock-panel--hero-chart .mock-area-line__axis{flex:0 0 20px;height:20px;min-height:20px;padding:0;display:block;position:relative}.mock-screen--hero .mock-panel--hero-chart .mock-area-line__day{box-sizing:border-box;letter-spacing:0;color:#94a3b8;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;height:16px;padding:1px 5px;font-size:10px;font-weight:550;line-height:1;display:inline-flex}.mock-screen--hero .mock-panel--hero-chart .mock-area-line__day:last-child{transform:translate(-100%,-50%)}.mock-screen--hero .mock-panel--hero-chart .mock-area-line__day--btn,.mock-screen--hero .mock-panel--hero-chart .mock-area-line__day--active{border-radius:8px}.mock-screen--hero .mock-panel--hero-chart .mock-area-line__day--active{color:#0f172a;box-shadow:none;background:#f1f5f9;border:1px solid #0f172a14;font-weight:650}.mock-screen--hero .mock-panel--hero-chart .mock-area-line__yticks span{letter-spacing:0;color:#94a3b8;font-variant-numeric:tabular-nums;font-size:10px;font-weight:550;left:0}.mock-screen--hero .mock-panel--hero-chart .mock-area-line__tooltip,.mock-screen--hero .mock-panel--hero-chart .mock-area-line__tooltip--compact{height:24px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;padding:0 8px;top:2px;left:auto;right:0;transform:none}.mock-screen--hero .mock-panel--hero-chart .mock-area-line__tooltip--compact .mock-area-line__tooltip-kicker{letter-spacing:0;text-transform:uppercase;color:#64748b;font-size:10px;font-weight:550}.mock-screen--hero .mock-panel--hero-chart .mock-area-line__tooltip--compact .mock-area-line__swatch{border-radius:50%;width:6px;height:6px}.mock-screen--hero .mock-panel--hero-chart .mock-area-line__tooltip--compact .mock-area-line__tooltip-stat.is-lead b{color:#0284c7;font-size:12px;font-weight:650}.mock-screen--hero .mock-panel--ab-test{--mock-ranked-row:36px;gap:0}.mock-screen--hero .mock-panel--ab-test .mock-stat-win.mock-abx-snap{background:0 0;border:0;border-radius:0;flex-direction:column;flex:none;min-height:auto;display:flex}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__verdict{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0f172a0f;border-radius:0;flex:none;min-height:auto;padding:2px 2px 10px}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__verdict:hover{background:0 0}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__kicker{letter-spacing:.04em;text-transform:uppercase;color:#0284c7;font-size:10px;font-weight:550}.mock-screen--hero .mock-panel--ab-test .mock-stat-win__name{letter-spacing:-.03em;color:#0f172a;margin:4px 0 0;font-size:13px;font-weight:650}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__hero{letter-spacing:-.05em;color:#0f172a;margin:6px 0 4px;font-size:28px;line-height:1}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__lede{color:#64748b;max-width:none;margin:0 0 8px;font-size:11px;line-height:1.4}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__stats{margin-top:0;padding-top:8px}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__stats>span{padding:0 8px}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__stats em{letter-spacing:0;text-transform:none;color:#64748b;font-size:10px;font-weight:550}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__stats b{font-size:13px;font-weight:650}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__meter{background:0 0;flex:none;padding:8px 2px 6px}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__meter-head{margin-bottom:6px}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__meter-head span{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__meter-head strong{color:#0284c7;font-size:13px;font-weight:650}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__rail{border-radius:8px;height:12px;margin:0 0 6px;overflow:visible}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__fill{border-radius:6px;width:calc(94% - 4px);inset:2px auto 2px 2px;box-shadow:0 0 0 1px #0ea5e938,0 4px 10px #0ea5e929,inset 0 1px #ffffff8c}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__remain{display:none}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__cap{border-radius:8px;width:3px;top:1px;bottom:1px;right:2px}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__gate{display:none}.mock-screen--hero .mock-panel--ab-test .mock-abx-snap__meter-meta{color:#94a3b8;margin:0;font-size:10px}.mock-screen--hero .mock-panel--ab-test .mock-stat-ranked-scroll{min-height:calc(2 * var(--mock-ranked-row) + 10px);scrollbar-width:thin;scrollbar-color:#0f172a transparent;border-top:1px solid #0f172a0f;flex-direction:column;flex:auto;gap:0;height:auto;max-height:none;margin-top:8px;padding-top:8px;padding-right:2px;display:flex;overflow:hidden auto}.mock-screen--hero .mock-panel--ab-test .mock-stat-ranked-scroll::-webkit-scrollbar{width:12px}.mock-screen--hero .mock-panel--ab-test .mock-stat-ranked-scroll::-webkit-scrollbar-thumb{background:#0f172a padding-box padding-box;border:4px solid #0000;border-radius:8px}.mock-screen--hero .mock-panel--ab-test .mock-stat-ranked-scroll::-webkit-scrollbar-track{background:0 0}.mock-screen--hero .mock-panel--ab-test .mock-ranked-row{box-sizing:border-box;height:var(--mock-ranked-row);min-height:var(--mock-ranked-row);max-height:var(--mock-ranked-row);border:1px solid #0000;border-radius:8px;flex:none;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px;display:grid;overflow:hidden}.mock-screen--hero .mock-panel--ab-test .mock-ranked-row__rank{color:#fff;background:#0ea5e9;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:650;display:inline-flex}.mock-screen--hero .mock-panel--ab-test .mock-ranked-row__body{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.mock-screen--hero .mock-panel--ab-test .mock-ranked-row__name{letter-spacing:-.02em;color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.mock-screen--hero .mock-panel--ab-test .mock-ranked-row__bar.mock-tx-rank__track,.mock-screen--hero .mock-panel--ab-test .mock-ranked-row .mock-tx-rank__track{height:4px;box-shadow:none;background:#eef2f6;border-radius:8px;margin-top:0}.mock-screen--hero .mock-panel--ab-test .mock-ranked-row__bar.mock-tx-rank__track span,.mock-screen--hero .mock-panel--ab-test .mock-ranked-row .mock-tx-rank__track span{min-width:4px;box-shadow:none;background:linear-gradient(90deg,#38bdf8 0%,#0ea5e9 100%);border-radius:8px}.mock-screen--hero .mock-panel--ab-test .mock-ranked-row__bar.mock-tx-rank__track span:after,.mock-screen--hero .mock-panel--ab-test .mock-ranked-row .mock-tx-rank__track span:after{display:none}.mock-screen--hero .mock-panel--ab-test .mock-ranked-row__metrics{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.mock-screen--hero .mock-panel--ab-test .mock-ranked-row__conv{letter-spacing:-.02em;color:#0f172a;font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-weight:650}.mock-screen--hero .mock-panel--ab-test .mock-ranked-row__rate{color:#64748b;font-variant-numeric:tabular-nums;text-align:right;font-size:11px;font-weight:500}.mock-ab-card{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:16px;display:flex;position:relative}.mock-ab-card__main{justify-content:space-between;align-items:center;gap:12px;min-height:0;display:flex}.mock-ab-card__copy{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.mock-ab-card__label{color:var(--mock-text-secondary);letter-spacing:-.01em;margin:0;font-size:12px;font-weight:500}.mock-ab-card__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--mock-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.mock-ab-card__meta{align-items:center;gap:8px;display:flex}.mock-ab-card__id{font-family:var(--font-mono);color:var(--mock-text-muted);letter-spacing:.04em;font-size:10px;font-weight:500}.mock-ab-card__detail{color:var(--mock-text-muted);margin:0;font-size:11px;line-height:1.4}.mock-ab-card__pill{font-family:var(--font-mono);letter-spacing:.04em;color:#5b9cf5;background:#5b9cf51a;border-radius:99px;align-self:flex-start;margin-top:4px;padding:4px 10px;font-size:9px}.mock-donut{flex-shrink:0;align-self:center;width:88px;height:88px;margin-block:auto;position:relative}.mock-donut--card{width:118px;height:118px}.mock-donut__svg{width:100%;height:100%;display:block}.mock-donut__value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--mock-text);justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:absolute;inset:0}.mock-donut--card .mock-donut__value{font-size:17px}.mock-ab-variants{flex-direction:column;flex-shrink:0;gap:6px;padding:0 12px 12px;display:flex}.mock-ab-variant{background:#ffffff8c;border:1px solid #0f172a0d;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 10px;font-size:11px;display:grid}.mock-ab-variant--active{background:#fff;border-color:#5b9cf52e}.mock-ab-variant__main{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-ab-variant__id{font-family:var(--font-mono);color:var(--mock-text-muted);letter-spacing:.04em;font-size:9px}.mock-ab-variant__name{text-overflow:ellipsis;white-space:nowrap;color:var(--mock-text);font-weight:500;overflow:hidden}.mock-ab-variant__prob{font-family:var(--font-mono);color:#0369a1;text-align:right;min-width:40px;font-size:11px;font-weight:600}.mock-gauge--inline{flex-shrink:0;width:112px;height:64px;padding:0;position:relative}.mock-gauge--inline .mock-gauge__svg{width:112px;max-width:none;height:64px;margin:0;display:block}.mock-gauge--inline .mock-gauge__center{width:100%;top:58%}.mock-gauge--inline .mock-gauge__value{font-size:15px;line-height:1}.mock-gauge--inline .mock-gauge__label{max-width:72px;color:var(--mock-text-muted);font-size:8px;line-height:1.2}.mock-winner-strip{background:linear-gradient(90deg,#10b9811a 0%,#6366f10f 100%);border-bottom:1px solid #10b9811f;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;display:flex}.mock-winner-strip__id{font-family:var(--font-mono);color:#059669;font-size:10px;font-weight:600}.mock-winner-strip__stat{font-family:var(--font-mono);color:var(--mock-text-secondary);font-size:10px}.product-frame--viewport .mock-editor-tabs{width:100%}.product-frame--viewport .mock-panel{border-color:var(--mock-border-subtle);box-shadow:none}.product-frame--viewport .mock-topbar__title{letter-spacing:-.025em;font-size:15px;font-weight:600}.product-frame--viewport .mock-analytics-legend{border-top:1px solid #1a23320f;margin-top:8px;padding-top:8px}.product-frame--viewport .mock-callout{flex-shrink:0;margin-top:0}.mock-callout--compact{gap:8px;padding:10px 12px}.mock-callout--compact .mock-callout__value{font-size:13px}.mock-callout--compact .mock-callout__grid{gap:8px}.mock-compare{background:var(--mock-surface);border:1px solid #1a233212;border-radius:10px;grid-template-columns:1fr auto 1fr;gap:0;display:grid;overflow:hidden}.mock-compare--fill{flex:1;min-height:0}.mock-compare__panel{flex-direction:column;min-width:0;display:flex}.mock-compare__label{background:var(--mock-bg);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);border-bottom:1px solid #1a23320f;padding:8px 12px;font-size:9px}.mock-compare__body{color:#fff;background:linear-gradient(145deg,#1a2332 0%,#243041 100%);flex-direction:column;flex:1;justify-content:center;min-height:180px;padding:24px 20px;display:flex;position:relative;overflow:hidden}.mock-compare__body:after{content:"";pointer-events:none;background:radial-gradient(circle,#00a4ff38,#0000 70%);border-radius:50%;width:100px;height:100px;position:absolute;top:-24px;right:-16px}.mock-compare__panel--translated .mock-compare__body:after{background:radial-gradient(circle,#22c98733,#0000 70%);left:-16px;right:auto}.mock-compare__tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;margin-bottom:10px;font-size:9px}.mock-compare__tag--ai{color:#22c987d9}.mock-compare__headline{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:6px;font-size:15px;font-weight:700;line-height:1.25}.mock-compare__sub{color:#ffffffa6;font-size:12px}.mock-compare__cta{height:32px;color:var(--cta-bg);background:#fff;border:none;border-radius:7px;align-self:flex-start;margin-top:14px;padding-inline:16px;font-size:12px;font-weight:600}.mock-compare__divider{background:var(--mock-bg);border-inline:1px solid #1a23320f;justify-content:center;align-items:center;width:28px;display:flex}.mock-compare__handle{background:#1a23321f;border-radius:99px;width:4px;height:32px;box-shadow:0 0 0 3px #1a23320a}.mock-screen--img-tx{gap:14px}.mock-screen--img-tx .mock-compare--creative{background:radial-gradient(120% 80% at 100% 0,#0ea5e90a,#0000 52%),#fff;border:1px solid #0f172a12;border-radius:18px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 10px 28px #0f14190a}.mock-screen--img-tx .mock-compare__toolbar,.mock-screen--img-tx .mock-compare__note{justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.mock-screen--img-tx .mock-compare__toolbar{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#64748b;border-bottom:1px solid #0f172a0d;font-size:10px;font-weight:600}.mock-screen--img-tx .mock-compare__toolbar em{color:#0c4a6e;font-style:normal}.mock-screen--img-tx .mock-compare__note{letter-spacing:-.01em;color:#64748b;justify-content:flex-start;margin:0;padding-top:2px;padding-bottom:14px;font-size:12px;font-weight:500}.mock-screen--img-tx .mock-compare__stage{flex:1;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:stretch;min-height:0;padding:12px 12px 4px;display:grid}.mock-screen--img-tx .mock-compare__panel{background:0 0;flex-direction:column;min-width:0;min-height:0;display:flex}.mock-screen--img-tx .mock-compare__head{justify-content:space-between;align-items:center;gap:8px;margin:0 4px 10px;display:flex}.mock-screen--img-tx .mock-compare__head strong{letter-spacing:-.02em;color:#0f172a;font-size:13px;font-weight:600;display:block}.mock-screen--img-tx .mock-compare__kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:2px;font-size:9px;font-weight:600;display:block}.mock-screen--img-tx .mock-compare__body{--ads-blue:#00a4ff;isolation:isolate;color:#0f172a;background:radial-gradient(85% 60% at 8% -10%,#00a4ff24,#0000 55%),linear-gradient(150deg,#e0f2fe 0%,#f7fbff 46%,#f0f9ff 100%);border:1px solid #00a4ff29;border-radius:16px;flex-direction:column;flex:1;justify-content:flex-end;min-height:248px;padding:24px 22px 22px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 16px 36px #0ea5e914}.mock-screen--img-tx .mock-compare__body:before{content:"";background:radial-gradient(circle at 35% 35%, #7dd3fc, var(--ads-blue) 52%, transparent 72%);opacity:.9;pointer-events:none;border-radius:50%;width:62%;height:62%;position:absolute;top:-12%;right:-10%}.mock-screen--img-tx .mock-compare__body:after{content:"";pointer-events:none;background:radial-gradient(circle at 40% 40%,#bae6fdf2,#00a4ff52 58%,#0000 75%);border-radius:50%;width:46%;height:46%;position:absolute;bottom:-14%;left:-8%}.mock-screen--img-tx .mock-compare__panel--translated .mock-compare__body{background:radial-gradient(85% 60% at 8% -10%,#00a4ff24,#0000 55%),linear-gradient(150deg,#e0f2fe 0%,#f7fbff 46%,#f0f9ff 100%)}.mock-screen--img-tx .mock-compare__tag,.mock-screen--img-tx .mock-compare__headline,.mock-screen--img-tx .mock-compare__sub,.mock-screen--img-tx .mock-compare__cta{z-index:1;position:relative}.mock-screen--img-tx .mock-compare__tag{width:max-content;height:18px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:#0369a1;background:#fffffff0;border:1px solid #00a4ff38;border-radius:999px;align-items:center;margin-bottom:12px;padding:0 8px;font-size:8px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.mock-screen--img-tx .mock-compare__tag--ai{color:#047857;background:#ecfdf5f2;border-color:#10b98138}.mock-screen--img-tx .mock-compare__headline{max-width:12ch;font-family:var(--font-display);letter-spacing:-.04em;color:#0f172a;margin-bottom:8px;font-size:20px;font-weight:650;line-height:1.12}.mock-screen--img-tx .mock-compare__sub{color:#475569;font-size:13px;line-height:1.35}.mock-screen--img-tx .mock-compare__cta{color:#fff;letter-spacing:-.015em;white-space:nowrap;background:#0f172a;border:none;border-radius:999px;align-self:flex-start;height:32px;margin-top:16px;padding-inline:16px;font-size:12px;font-weight:600;box-shadow:0 10px 22px #0f172a29}.mock-screen--img-tx .mock-compare__divider{width:44px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:8px;font-weight:600;display:flex}.mock-screen--img-tx .mock-compare__divider i{background:linear-gradient(#0000,#0f172a29,#0000);width:1px;height:42px}.mock-split--fill{flex:1;gap:10px;min-height:0}.product-frame--viewport .mock-pages-layout,.product-frame--viewport .mock-ads-layout,.product-frame--viewport .mock-stat-body,.product-frame--viewport .mock-translation-groups{flex:1;min-height:0}.product-frame--viewport .mock-screen--app:has(.mock-stat-body){flex:1;min-height:0;padding-right:0;overflow:hidden}.product-frame--viewport .mock-screen--app:has(.mock-stat-body) .mock-screen__body-fill{flex:1 1 0;min-height:0;overflow:auto}.product-frame--viewport .mock-screen--app:has(.mock-stat-body) .mock-dashboard-mid{flex:none;min-height:230px}.product-frame--viewport .mock-editor-tabs--flush,.product-frame--viewport .mock-ads-meta{margin-bottom:0}.mock-kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.mock-kpi-grid--marco{flex-shrink:0;gap:10px;margin-bottom:0}.mock-kpi--marco{border-radius:12px}.mock-kpi{background:var(--mock-surface);border:1px solid var(--mock-border-subtle);box-shadow:none;border-radius:9px;flex-direction:column;gap:2px;padding:11px 12px;display:flex;position:relative;overflow:hidden}.mock-kpi--marco{min-height:74px;box-shadow:none;border:1px solid #0000;flex-direction:row;justify-content:space-between;align-items:stretch;gap:14px;padding:12px 12px 11px}.mock-kpi--marco:before{display:none}.mock-kpi--cyan.mock-kpi--marco{background:linear-gradient(145deg,#f0f9ff 0%,#e0f2fe 55%,#f8fcff 100%);border-color:#0ea5e924}.mock-kpi--violet.mock-kpi--marco{background:linear-gradient(145deg,#f5f3ff 0%,#ede9fe 55%,#faf8ff 100%);border-color:#8b5cf624}.mock-kpi--green.mock-kpi--marco{background:linear-gradient(145deg,#ecfdf5 0%,#d1fae5 55%,#f4fdf8 100%);border-color:#10b98124}.mock-kpi--indigo.mock-kpi--marco{background:linear-gradient(145deg,#f8fafc 0%,#e2e8f0 55%,#f8fafc 100%);border-color:#64748b29}.mock-kpi--cyan.mock-kpi--marco .mock-kpi__trend:not(.mock-kpi__trend--flag){color:#0284c7}.mock-kpi--violet.mock-kpi--marco .mock-kpi__trend:not(.mock-kpi__trend--flag){color:#7c3aed}.mock-kpi--green.mock-kpi--marco .mock-kpi__trend:not(.mock-kpi__trend--flag){color:#059669}.mock-kpi--indigo.mock-kpi--marco .mock-kpi__trend:not(.mock-kpi__trend--flag){color:#475569}.mock-kpi--marco .mock-kpi__trend--flag{color:#dc2626}.mock-kpi:before{content:"";background:var(--mock-kpi-accent,var(--accent-cyan));opacity:.85;height:2px;position:absolute;top:0;left:0;right:0}.mock-kpi--cyan{--mock-kpi-accent:linear-gradient(90deg, #0ea5e9, #38bdf8)}.mock-kpi--violet:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.mock-kpi--green:before{background:linear-gradient(90deg,#10b981,#34d399)}.mock-kpi--indigo:before{background:linear-gradient(90deg,#64748b,#94a3b8)}.mock-kpi__stat{flex-direction:column;flex:auto;justify-content:center;gap:3px;min-width:0;padding-inline-end:4px;display:flex}.mock-kpi__spark{flex-shrink:0;align-self:stretch;align-items:flex-end;width:72px;margin-inline-start:2px;display:flex}.mock-kpi--marco .mock-kpi__value{margin-bottom:0;font-size:18px}.mock-kpi--marco .mock-kpi__label{color:var(--mock-text-secondary);font-size:11px}.mock-kpi--marco .mock-kpi__trend{font-family:var(--font-display);white-space:normal;background:0 0;max-width:100%;padding:0;font-size:11px;font-weight:500;line-height:1.3}.mock-kpi__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.mock-kpi__label{color:var(--mock-text-muted);font-size:11px}.mock-kpi__trend{font-family:var(--font-mono);white-space:nowrap;border-radius:99px;padding:2px 7px;font-size:9px;font-weight:600}.mock-kpi__trend--up{color:#15803d;background:#ecfdf3}.mock-kpi__trend--down{color:#b91c1c;background:#fef2f2}.mock-kpi__trend--neutral{color:#b45309;background:#fffbeb}.mock-kpi__value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--mock-text);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1.1}.mock-kpi__sub{font-family:var(--font-mono);margin-bottom:6px;font-size:10px}.mock-kpi__sub--cyan{color:#0284c7}.mock-kpi__sub--violet{color:#7c3aed}.mock-kpi__sub--green{color:#15803d}.mock-kpi__sub--amber{color:#b45309}.mock-kpi__row{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.mock-kpi__delta{font-family:var(--font-mono);color:var(--mock-text-secondary);font-size:10px}.mock-chart-spark{margin-top:auto;padding-top:4px;position:relative}.mock-chart-spark__svg{width:100%;height:44px;display:block}.mock-chart-spark--mini .mock-chart-spark__svg{height:100%;min-height:52px}.mock-chart-spark--mini{width:100%;height:100%;margin-top:0;padding-top:0}.mock-kpi-chart{margin-top:2px;position:relative}.mock-kpi-chart__trend{display:none}.mock-chart-tooltip{pointer-events:none;z-index:2;background:var(--mock-surface);border:1px solid var(--mock-border);white-space:nowrap;border-radius:8px;flex-direction:column;align-items:center;gap:1px;padding:4px 8px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 12px #1a233214}.mock-chart-tooltip--spark{margin-top:-4px;top:0;transform:translate(-50%,-100%)}.mock-chart-tooltip--traffic{top:6px}.mock-chart-tooltip__value{font-family:var(--font-mono);color:var(--mock-text);font-size:10px;font-weight:600}.mock-chart-tooltip__label{font-family:var(--font-mono);color:var(--mock-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:8px}.mock-sparkline{width:100%;height:28px;margin-top:8px}.mock-panel{border:1px solid var(--mock-border-subtle);background:var(--mock-surface);border-radius:9px;overflow:hidden}.mock-panel.mock-panel--premium{box-shadow:none;background:#fafbfc;border:1px solid #0f172a0f;border-radius:16px}.mock-panel__head{border-bottom:1px solid var(--mock-border-subtle);background:#fafbfc;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.mock-panel__eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mock-text-muted);font-size:9px}.mock-panel__count{font-family:var(--font-mono);color:var(--mock-text-muted);font-size:10px}.mock-table-head{background:var(--mock-bg);border-bottom:1px solid var(--mock-border);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);grid-template-columns:68px 1fr 88px 52px 76px 56px;gap:8px;padding:8px 14px;font-size:9px;display:grid}.mock-table-row{border-bottom:1px solid var(--mock-border);color:var(--mock-text);background:var(--mock-surface);grid-template-columns:68px 1fr 88px 52px 76px 56px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;transition:background .15s;display:grid}.mock-table-row:last-child{border-bottom:none}.mock-table-row--selected,.mock-running-test-row--selected{box-shadow:inset 2px 0 0 var(--accent-cyan);background:#f7f9fc}.mock-table-row__id{font-family:var(--font-mono);color:var(--mock-text-muted);font-size:11px}.mock-table-row__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-table-row--selected .mock-table-row__name{font-weight:600}.mock-table-row__cvr{font-family:var(--font-mono);color:var(--accent-cyan-text);text-align:right;font-size:11px;font-weight:500}.mock-chip{font-family:var(--font-body);letter-spacing:normal;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-chip--running{color:#1d4ed8;background:#eff6ff}.mock-chip--paused{color:#c2410c;background:#fff7ed;border-color:#c2410c24}.mock-chip--winner{color:#15803d;background:#ecfdf3}.mock-chip--gathering{color:#737373;background:#f5f5f5}.mock-chip--draft{color:#525252;background:#f5f5f5}.mock-chip--pending{color:#b45309;background:#fffbeb}.mock-chip--published{color:#1d4ed8;background:#eff6ff}.mock-langs{flex-wrap:wrap;gap:4px;display:flex}.mock-lang{font-family:var(--font-body);background:var(--mock-bg);border:1px solid var(--mock-border-subtle);color:var(--mock-text-secondary);letter-spacing:normal;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6}.mock-callout{border:1px solid var(--mock-border-subtle);background:#f8fafc;border-radius:9px;flex-direction:column;gap:8px;margin-top:12px;padding:10px 12px;display:flex}.mock-callout__value{font-family:var(--font-mono);color:var(--mock-text);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.mock-callout__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);margin-bottom:4px;font-size:9px}.mock-nav-icon{opacity:.25;background:currentColor;border-radius:4px;flex-shrink:0;width:14px;height:14px}.product-frame__nav-icon{color:var(--mock-text-muted);opacity:.65;flex-shrink:0;width:16px;height:16px;display:inline-flex}.product-frame__nav-icon svg{width:16px;height:16px;display:block}.product-frame__nav-item--active .product-frame__nav-icon{color:var(--mock-text);opacity:1}.product-frame--dark .product-frame__nav-icon{color:#ffffff73}.product-frame--dark .product-frame__nav-item--active .product-frame__nav-icon{color:#ffffffeb}.mock-table-row__variants{color:var(--mock-text-secondary);font-size:11px}.mock-editor-tabs{background:var(--mock-bg);border:1px solid var(--mock-border-subtle);border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px;width:fit-content;max-width:100%;margin-bottom:16px;padding:2px;display:inline-flex}.mock-editor-tab{color:var(--mock-text-muted);letter-spacing:-.01em;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.mock-editor-tab--active{background:var(--mock-surface);color:var(--mock-text);border-color:var(--mock-border-subtle);font-weight:600;box-shadow:0 1px 2px #1a23320a}.mock-editor-tab--meta{font-family:var(--font-mono);letter-spacing:.04em;color:var(--mock-text-muted);background:0 0;border:none;margin-left:auto;padding-inline:8px 4px;font-size:9px}.mock-split{grid-template-columns:1fr 1fr;gap:14px;display:grid}.mock-code{border:1px solid var(--mock-border);background:var(--mock-bg);border-radius:10px;overflow:hidden}.mock-code__label{font-family:var(--font-mono);color:var(--mock-text-muted);border-bottom:1px solid var(--mock-border);background:var(--mock-surface);padding:8px 12px;font-size:10px}.mock-code__pre{font-family:var(--font-mono);color:var(--mock-text-secondary);margin:0;padding:14px;font-size:11px;line-height:1.65;overflow:hidden}.mock-preview{border:1px solid var(--mock-border);background:var(--mock-surface);border-radius:10px;overflow:hidden}.mock-preview__label{font-family:var(--font-mono);color:var(--mock-text-muted);border-bottom:1px solid var(--mock-border);background:var(--mock-bg);padding:8px 12px;font-size:10px}.mock-preview__frame{text-align:center;padding:28px 20px}.mock-preview__title{font-family:var(--font-display);color:var(--mock-text);margin-bottom:8px;font-size:17px;font-weight:600}.mock-preview__body{color:var(--mock-text-secondary);margin-bottom:16px;font-size:13px}.mock-preview__cta{background:var(--mock-text);color:#fff;border:none;border-radius:8px;height:36px;padding-inline:18px;font-size:13px;font-weight:600}.mock-panel--flat{margin-bottom:14px}.mock-variant-row{border-bottom:1px solid var(--mock-border);padding:12px 14px}.mock-variant-row:last-of-type{border-bottom:none}.mock-variant-row__head{color:var(--mock-text);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.mock-variant-row__cvr{font-family:var(--font-mono);color:var(--mock-text-muted);font-size:11px}.mock-variant-row__cvr--winner{color:var(--accent-cyan-text);font-weight:600}.mock-variant-row__track{background:var(--mock-bg);border-radius:4px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.mock-variant-row__bar{background:linear-gradient(#dcdcdc 0%,#c9c9c9 100%);border-radius:4px;height:100%}.mock-variant-row__bar--winner{background:linear-gradient(#33b5ff 0%,#00a4ff 55%,#0089d6 100%);box-shadow:0 1px 4px #00a4ff59}.mock-variant-note{color:var(--mock-text-secondary);border-top:1px solid var(--mock-border);background:var(--mock-bg);padding:12px 14px;font-size:12px}.mock-callout__head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-muted);grid-column:1/-1;margin-bottom:4px;font-size:10px}.mock-callout__grid{grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.mock-topbar--test-detail{flex-direction:column;align-items:stretch;gap:10px}.mock-topbar--test-detail .mock-topbar__actions{justify-content:flex-end}.mock-topbar--test-detail.mock-topbar--tight{gap:2px}.mock-topbar--tight .mock-test-detail__title-row,.mock-topbar--tight .mock-test-detail__subline{margin-bottom:0}.mock-test-detail__title-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.mock-test-detail__subline{color:var(--mock-text-secondary);margin:0 0 3px;font-size:11px}.mock-test-detail__subline--muted{color:var(--mock-text-muted);align-items:center;gap:6px;display:flex}.mock-test-detail__link{color:#0369a1}.mock-meta-pill--role{padding:2px 6px;font-size:9px}.mock-callout__grid.mock-callout__grid--config{grid-template-columns:repeat(2,1fr);margin-bottom:10px}.mock-callout__grid--config>div{min-width:0}.mock-callout__grid--config .mock-callout__value{overflow-wrap:break-word}.mock-config-group{margin-bottom:4px}.mock-config-group__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-muted);margin-bottom:8px;font-size:9px;display:block}.mock-test-detail__grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px;display:grid}.mock-progress-block{border:1px solid var(--mock-border-subtle);background:var(--mock-surface);border-radius:12px;margin:14px 0;padding:14px 16px}.mock-progress-block__head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mock-progress-block__caption{font-family:var(--font-mono);color:var(--mock-text-muted);margin:8px 0 0;font-size:10px}.mock-progress-bar{background:var(--mock-border-subtle);border-radius:999px;height:8px;overflow:hidden}.mock-progress-bar__fill{background:linear-gradient(90deg,#22c987 0%,#38bdf8 100%);border-radius:999px;height:100%;box-shadow:0 0 10px #22c98747}.mock-variant-card-row{border-bottom:1px solid #0f172a0a;padding:12px 14px}.mock-variant-card-row:last-child{border-bottom:none}.mock-variant-card-row__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.mock-variant-card-row__head-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.mock-variant-card-row__stats{color:var(--mock-text-secondary);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:11px;display:flex}.mock-variant-card-row__stats strong{color:var(--mock-text);font-weight:600}.mock-variant-card-row__dot{background:var(--mock-border-subtle);border-radius:50%;flex-shrink:0;width:3px;height:3px}.mock-lifecycle{margin-top:14px}.mock-lifecycle__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-muted);margin-bottom:8px;font-size:10px}.mock-lifecycle__steps{flex-wrap:wrap;gap:8px;display:flex}.mock-lifecycle__step{color:var(--mock-text-muted);border:1px solid var(--mock-border);background:var(--mock-surface);border-radius:99px;padding:6px 12px;font-size:11px;font-weight:500}.mock-lifecycle__step--active{color:var(--accent-cyan-text);background:#00a4ff14;border-color:#00a4ff59}.mock-alert{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:12px}.mock-split--translation{margin-bottom:14px}.mock-split__label{font-family:var(--font-mono);color:var(--mock-text-muted);margin-bottom:8px;font-size:10px}.mock-split__title{color:var(--mock-text);margin-bottom:6px;font-size:14px;font-weight:600}.mock-split__body{color:var(--mock-text-secondary);margin-bottom:4px;font-size:13px}.mock-string-table{border:1px solid var(--mock-border);border-radius:10px;overflow:hidden}.mock-string-row{border-bottom:1px solid var(--mock-border);background:var(--mock-surface);grid-template-columns:72px 1fr 1fr 100px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:grid}.mock-string-row:last-child{border-bottom:none}.mock-string-row__id{font-family:var(--font-mono);color:var(--mock-text-muted)}.mock-string-row__source{color:var(--mock-text-secondary)}.mock-string-row__target{color:var(--mock-text)}.mock-string-row__status{font-family:var(--font-mono);text-align:right;font-size:9px;font-weight:600}.mock-string-row__status--approved{color:#15803d}.mock-string-row__status--pending-review{color:#b45309}.mock-string-row__status--published{color:#1d4ed8}.mock-ads-meta{font-family:var(--font-mono);color:var(--mock-text-muted);margin-bottom:16px;font-size:10px}.mock-ads-markets{flex-direction:column;gap:16px;display:flex}.mock-ads-market__head{font-family:var(--font-mono);color:var(--mock-text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.mock-ads-market__status{color:#15803d}.mock-ads-market__grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mock-ad-unit{border:1px solid var(--mock-border);text-align:center;background:var(--mock-surface);border-radius:8px;padding:10px}.mock-ad-unit__size{font-family:var(--font-mono);color:var(--mock-text-muted);margin-bottom:8px;font-size:9px;display:block}.mock-ad-unit__creative{color:#fff;background:linear-gradient(135deg,#1a2332 0%,#2a3340 100%);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;padding:12px 8px;display:flex}.mock-ad-unit__creative--300x250{min-height:88px}.mock-ad-unit__creative--728x90{flex-direction:row;gap:12px;min-height:48px;padding:8px 12px}.mock-ad-unit__creative--160x600{min-height:100px}.mock-ad-unit__headline{font-size:10px;font-weight:600;line-height:1.3}.mock-ad-unit__cta{opacity:.75;font-size:9px}.mock-panel--area{border-radius:14px;margin-bottom:14px}.mock-panel__body--area{padding:18px 20px 14px}.mock-area-chart__head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.mock-area-chart__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--mock-text);margin:0 0 8px;font-size:16px;font-weight:600}.mock-area-chart__legend{flex-wrap:wrap;gap:14px;display:flex}.mock-area-chart__legend-item{color:var(--mock-text-secondary);align-items:center;gap:6px;font-size:11px;display:inline-flex}.mock-area-chart__legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mock-area-chart__selects{flex-shrink:0;gap:8px;display:flex}.mock-area-chart__select{color:var(--mock-text-secondary);background:var(--mock-bg);border:1px solid var(--mock-border);white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:500}.mock-area-chart__canvas{padding-top:8px;position:relative}.mock-area-chart__svg{width:100%;height:168px;display:block}.mock-area-chart__axis{height:20px;margin-top:6px;position:relative}.mock-area-chart__axis-label{font-family:var(--font-mono);letter-spacing:.03em;color:var(--mock-text-muted);opacity:.75;font-size:9px;position:absolute;transform:translate(-50%)}.mock-area-chart__axis-label--active{color:var(--mock-text);opacity:1;background:var(--mock-surface);border:1px solid var(--mock-border);border-radius:8px;padding:3px 8px;font-weight:600;box-shadow:0 2px 6px #1a23320f}.mock-area-chart__tooltip{background:var(--mock-surface);border:1px solid var(--mock-border);z-index:2;border-radius:10px;min-width:140px;padding:10px 12px;position:absolute;top:12px;transform:translate(-50%);box-shadow:0 8px 24px #1a23321a}.mock-area-chart__tooltip-title{font-family:var(--font-display);color:var(--mock-text);margin-bottom:8px;font-size:12px;font-weight:600}.mock-area-chart__tooltip-row{align-items:center;gap:8px;padding:3px 0;font-size:11px;display:flex}.mock-area-chart__tooltip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mock-area-chart__tooltip-label{color:var(--mock-text-muted);flex:1}.mock-area-chart__tooltip-value{font-family:var(--font-mono);color:var(--mock-text);font-weight:600}.mock-dashboard-bottom{flex:1 0;grid-template-columns:minmax(0,1.65fr) minmax(0,.78fr);gap:10px;min-height:150px;display:grid}.mock-panel__head--split{justify-content:space-between;align-items:flex-start}.mock-panel__head-main{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-panel__subtitle{font-family:var(--font-mono);color:var(--mock-text-muted);letter-spacing:0;font-size:10px;font-weight:400}.mock-panel__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--mock-text);font-size:12px;font-weight:600}.mock-panel__link{color:#0ea5e9;cursor:default;font-size:10px;font-weight:500}.mock-panel__link--btn{cursor:pointer;letter-spacing:0;color:#0ea5e9;background:0 0;border:none;margin:0;padding:0;font-family:inherit;font-size:10px;font-weight:500;line-height:1.2}.mock-panel__link--btn:hover{color:#0284c7;text-decoration:underline}.mock-row--clickable{cursor:pointer;transition:background var(--duration-fast)}.mock-row--clickable:hover{background:#0ea5e90d}.mock-panel--clickable{cursor:pointer;transition:border-color var(--duration-fast)}.mock-panel--clickable:hover{border-color:#0ea5e92e}.mock-stub-panel{border:1px solid var(--mock-border-subtle);background:var(--mock-surface);border-radius:12px;margin:12px;padding:20px 18px}.mock-stub-panel__body{color:var(--mock-text-secondary);margin:0 0 8px;font-size:13px;line-height:1.5}.mock-stub-panel__hint{font-family:var(--font-mono);color:var(--mock-text-muted);margin:0;font-size:10px}.interactive-hero-mock{width:100%}.mock-panel--activity{flex-direction:column;min-height:0;display:flex;overflow:hidden}.mock-activity-feed{flex-direction:column;flex:1;gap:0;min-height:0;margin:0;padding:4px 16px 14px;list-style:none;display:flex;overflow:hidden}.mock-activity-feed__item{border-bottom:none;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;display:grid}.mock-activity-feed__item+.mock-activity-feed__item{box-shadow:inset 0 1px #0f172a0b}.mock-activity-feed__item:last-child{border-bottom:none;padding-bottom:4px}.mock-activity-feed__icon{color:#1e293b;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:0;display:inline-flex}.mock-activity-feed__icon .icon{justify-content:center;align-items:center;display:flex}.mock-activity-feed__icon--update,.mock-activity-feed__icon--stop,.mock-activity-feed__icon--start,.mock-activity-feed__icon--create{color:#1e293b;background:#f8fafc}.mock-activity-feed__body{flex:1;min-width:0}.mock-activity-feed__text{font-family:var(--font-body);letter-spacing:-.01em;color:#64748b;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:12px;font-weight:450;line-height:1.4;overflow:hidden}.mock-activity-feed__text strong{color:#0f172a;letter-spacing:-.015em;font-weight:600}.mock-activity-feed__date{font-family:var(--font-mono);letter-spacing:.02em;color:#94a3b8;white-space:nowrap;font-variant-numeric:tabular-nums;justify-self:end;margin-top:0;font-size:10px;font-weight:500;display:block}.mock-activity-feed--avatars{gap:2px;padding:6px 12px 12px}.mock-activity-feed__item--avatar{box-shadow:none;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:8px}.mock-activity-feed__item--avatar+.mock-activity-feed__item--avatar{box-shadow:none}.mock-activity-feed__avatar{object-fit:cover;object-position:center top;background:#e2e8f0;border-radius:50%;width:28px;height:28px;display:block;box-shadow:inset 0 0 0 1px #ffffffa6,0 0 0 1px #0f172a0f}.mock-activity-feed__avatar--initials{letter-spacing:-.02em;color:#0369a1;background:linear-gradient(145deg,#e0f2fe,#bae6fd);justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex;box-shadow:0 0 0 1px #0ea5e92e}.mock-activity-feed__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-activity-feed__meta strong{letter-spacing:-.01em;color:#0f172a;font-size:12px;font-weight:650;line-height:1.25;display:block}.mock-activity-feed__meta strong em{color:#94a3b8;margin-left:5px;font-size:11px;font-style:normal;font-weight:500}.mock-activity-feed__meta span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;display:block;overflow:hidden}.mock-activity-feed__meta span b{color:#0284c7;font-weight:700}.mock-panel--table-full{flex-direction:column;flex:1;min-height:0;display:flex}.mock-panel__head--compact{padding:8px 12px}.mock-panel--table,.mock-panel--ab-test{min-height:0;overflow:hidden}.mock-panel--table.mock-panel--table-natural{min-height:auto;overflow:visible}.mock-gauge--compact{padding:4px 12px 0}.mock-gauge--compact .mock-gauge__svg{max-width:160px}.mock-gauge--compact .mock-gauge__value{font-size:18px}.mock-gauge--compact .mock-gauge__center{top:54%}.mock-running-test-row--selected,.mock-gauge-test-row.mock-running-test-row--selected{background:linear-gradient(90deg,#0ea5e914 0%,#0ea5e905 100%);box-shadow:inset 2px 0 #0ea5e9}.mock-project-head,.mock-project-row{grid-template-columns:1.4fr 88px 64px 120px;align-items:center;gap:10px;padding:6px 12px;font-size:11px;display:grid}.mock-project-head{border-bottom:1px solid var(--mock-border-subtle);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-muted);background:#fafbfc;font-size:9px}.mock-project-row{border-bottom:1px solid var(--mock-border-subtle)}.mock-project-row__name{letter-spacing:-.01em;font-weight:500}.mock-project-row__site{font-family:var(--font-mono);color:var(--mock-text-muted);font-size:9px}.mock-project-row:last-child{border-bottom:none}.mock-project-row__info{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-project-row__name{color:var(--mock-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mock-project-row__site{color:var(--mock-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mock-project-row__members{color:var(--mock-text-secondary)}.mock-project-row__status{font-family:var(--font-mono);font-size:9px;font-weight:600}.mock-project-row__status--live,.mock-project-row__status--draft{letter-spacing:.02em;border-radius:6px;justify-self:start;align-items:center;padding:2px 7px;display:inline-flex}.mock-project-row__status--live{color:#15803d;background:#16a34a1a}.mock-project-row__status--draft{color:#64748b;background:#64748b1a}.mock-screen--hero .mock-panel--table .mock-project-row{padding:9px 14px}.mock-screen--hero .mock-panel--table .mock-project-head{padding:8px 14px}.mock-screen--hero .mock-panel--table .mock-panel__head--compact{padding:10px 14px}.mock-screen--hero .mock-panel--table .mock-project-row__status--live,.mock-screen--hero .mock-panel--table .mock-project-row__status--draft{box-sizing:border-box;height:20px;font-family:var(--font-body);letter-spacing:0;border-radius:8px;padding:0 8px;font-size:9px;font-weight:500}.mock-screen--hero .mock-panel--table .mock-project-row__status--live{color:#15803d;background:#16a34a14;border:1px solid #16a34a47}.mock-screen--hero .mock-panel--table .mock-project-row__status--draft{color:#64748b;background:#f8fafc;border:1px solid #0f172a1f}.mock-screen--hero .mock-panel--table .mock-project-row__bar{background-color:#eef2f6;background-image:linear-gradient(#0f172a0d,#fff6);border-radius:8px;height:6px;overflow:hidden;box-shadow:inset 0 1px 1px #0f172a14,inset 0 0 0 1px #0f172a14}.mock-screen--hero .mock-panel--table .mock-project-row__bar-fill{background:linear-gradient(#ffffff8c 0%,#ffffff14 38%,#0284c71f 100%),linear-gradient(90deg,#7dd3fc 0%,#38bdf8 34%,#0ea5e9 68%,#0369a1 100%);border-radius:8px;height:100%;box-shadow:inset 0 1px #ffffff8c}.mock-screen--hero .mock-panel--activity .mock-panel__head--compact{padding:12px 16px 8px}.mock-project-row__progress{align-items:center;gap:8px;display:flex}.mock-project-row__bar{background:var(--mock-bg);border-radius:99px;flex:1;height:6px;overflow:hidden}.mock-project-row__bar-fill{background:linear-gradient(90deg,#0ea5e9 0%,#38bdf8 100%);border-radius:99px;height:100%}.mock-project-head--variants,.mock-project-row--variants{grid-template-columns:1.4fr 80px 84px 72px}.mock-project-row__rate{font-family:var(--font-mono);color:var(--mock-text);text-align:right;font-size:11px;font-weight:600}.mock-project-row__pct{font-family:var(--font-mono);color:var(--mock-text);text-align:right;min-width:32px;font-size:10px;font-weight:600}.mock-gauge{text-align:center;padding:8px 16px 4px;position:relative}.mock-gauge__svg{width:100%;max-width:200px;margin:0 auto;display:block}.mock-gauge__center{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.mock-gauge__value{font-family:var(--font-display);letter-spacing:-.03em;color:var(--mock-text);font-size:22px;font-weight:700}.mock-gauge__label{color:var(--mock-text-muted);font-size:10px}.mock-gauge__sub{font-family:var(--font-mono);color:var(--mock-text-secondary);font-size:9px}.mock-gauge__trend{color:#15803d;margin-top:4px;font-size:11px;font-weight:500}.mock-gauge-tests{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.mock-gauge-test-row{border-bottom:1px solid var(--mock-border-subtle);grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:grid}.mock-gauge-test-row:last-child{border-bottom:none}.mock-gauge-test-row__main{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-gauge-test-row__name{text-overflow:ellipsis;white-space:nowrap;color:var(--mock-text);overflow:hidden}.mock-dashboard-split{grid-template-columns:1.5fr 1fr;gap:12px;margin-bottom:12px;display:grid}.mock-panel__body{padding:14px}.mock-panel__body--chart{padding:12px 14px 8px}.mock-panel--chart{min-height:220px}.mock-panel--compact{margin-top:0}.mock-metric-pills{background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;flex-wrap:wrap;gap:2px;margin-bottom:0;padding:3px;display:inline-flex}.mock-metric-pill{font-family:var(--font-body);color:#64748b;letter-spacing:-.01em;box-shadow:none;background:0 0;border:none;border-radius:8px;align-items:center;padding:5px 11px;font-size:10px;font-weight:500;display:inline-flex}.mock-metric-pill--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-metric-pill--btn{cursor:pointer;transition:color var(--duration-fast), background var(--duration-fast)}.mock-metric-pill--btn:hover:not(.mock-metric-pill--active){color:var(--mock-text-secondary)}.mock-traffic-chart{flex-direction:column;gap:10px;display:flex}.mock-traffic-chart__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mock-traffic-chart__summary{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.mock-traffic-chart__summary-value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--mock-text);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.mock-traffic-chart__summary-label{color:var(--mock-text-muted);font-size:10px}.mock-traffic-chart__canvas{padding-top:18px;position:relative}.mock-traffic-chart__svg{width:100%;height:148px;display:block}.mock-traffic-chart--compact .mock-traffic-chart__summary-value{font-size:14px}.mock-traffic-chart__axis{height:18px;margin-top:4px;position:relative}.mock-traffic-chart__axis-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mock-text-muted);opacity:.7;font-size:9px;position:absolute;transform:translate(-50%)}.mock-traffic-chart__axis-label--active{color:var(--mock-text);opacity:1;background:var(--mock-surface);border:1px solid var(--mock-border);border-radius:6px;padding:2px 6px;font-weight:600;box-shadow:0 1px 2px #1a23320d}.mock-running-test-row{border-bottom:1px solid var(--mock-border);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:grid}.mock-running-test-row:last-child{border-bottom:none}.mock-running-test-row__main{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-running-test-row__name{text-overflow:ellipsis;white-space:nowrap;color:var(--mock-text);overflow:hidden}.mock-running-test-row__prob{font-family:var(--font-mono);color:var(--accent-cyan-text);text-align:right;min-width:48px;font-size:11px;font-weight:500}.mock-pages-mini-head,.mock-pages-mini-row{grid-template-columns:1.4fr 1fr 72px 52px 52px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:grid}.mock-pages-mini-head{background:var(--mock-bg);border-bottom:1px solid var(--mock-border);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);font-size:9px}.mock-pages-mini-row{border-bottom:1px solid var(--mock-border)}.mock-pages-mini-row:last-child{border-bottom:none}.mock-pages-mini-row__name{color:var(--mock-text);font-weight:500}.mock-pages-mini-row__site{color:var(--mock-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-panel--analytics{margin-bottom:12px}.mock-panel__body--analytics{padding-bottom:14px}.mock-analytics-legend{color:var(--mock-text-secondary);flex-wrap:wrap;gap:16px;margin-top:10px;font-size:11px;display:flex}.mock-analytics-legend__item{align-items:center;gap:6px;display:inline-flex}.mock-analytics-legend__item--muted{color:var(--mock-text-muted)}.mock-analytics-legend__dot{border-radius:50%;width:8px;height:8px}.mock-analytics-legend__dot--real{background:#00a4ff}.mock-analytics-legend__dot--raw{background:#d1d5db}.mock-source-row{border-bottom:1px solid var(--mock-border);grid-template-columns:120px 1fr 48px 72px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:grid}.mock-source-row:last-child{border-bottom:none}.mock-source-row__label{color:var(--mock-text);font-weight:500}.mock-source-row__bar-wrap{background:var(--mock-bg);border-radius:99px;height:6px;overflow:hidden}.mock-source-row__bar{background:linear-gradient(90deg,#00a4ff,#67d4ff);border-radius:99px;height:100%}.mock-source-row__share,.mock-source-row__visitors{font-family:var(--font-mono);color:var(--mock-text-secondary);text-align:right;font-size:11px}.mock-editor-tabs--flush{margin-bottom:14px}.mock-pages-layout{flex:1;grid-template-columns:162px minmax(0,1fr);gap:10px;min-width:0;min-height:0;display:grid}.mock-folder-tree{flex-direction:column;gap:2px;display:flex}.mock-folder{color:var(--mock-text-secondary);border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;display:flex}.mock-folder--open{background:var(--mock-surface);border:1px solid var(--mock-border);color:var(--mock-text);padding:7px 10px;font-weight:500}.mock-folder--nested{padding:6px 10px 6px 20px}.mock-folder__icon{width:14px;color:var(--mock-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mock-folder__icon .icon svg{width:12px;height:auto}.mock-folder:not(.mock-folder--nested) .mock-folder__icon{color:var(--mock-text-secondary)}.mock-folder__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mock-folder__count{font-family:var(--font-mono);color:var(--mock-text-muted);margin-left:auto;font-size:10px}.mock-pages-table-head,.mock-pages-table-row{grid-template-columns:1.4fr 88px 64px 52px 52px 96px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:grid}.mock-pages-table-head{background:var(--mock-bg);border-bottom:1px solid var(--mock-border);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);font-size:9px}.mock-pages-table-row{border-bottom:1px solid var(--mock-border)}.mock-pages-table-row:last-child{border-bottom:none}.mock-pages-table-row__name{color:var(--mock-text);align-items:center;gap:6px;font-weight:500;display:flex}.mock-pages-table-row__badge{font-family:var(--font-mono);color:var(--accent-cyan-text);background:#00a4ff14;border-radius:4px;padding:2px 6px;font-size:8px;font-weight:600}.mock-status-dot{font-family:var(--font-mono);font-size:9px;font-weight:600}.mock-status-dot--published{color:#15803d}.mock-status-dot--draft{color:#737373}.mock-import-panel{border:1px solid var(--mock-border);background:var(--mock-bg);border-radius:10px;padding:20px}.mock-import-panel__label{font-family:var(--font-mono);color:var(--mock-text-muted);margin-bottom:10px;font-size:10px}.mock-import-panel__body{color:var(--mock-text-secondary);margin-bottom:14px;font-size:13px;line-height:1.5}.mock-preview--full{grid-column:span 1}.mock-abtests-head,.mock-abtests-row{grid-template-columns:1.2fr .8fr 88px 52px 88px 76px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:grid}.mock-abtests-head{background:var(--mock-bg);border-bottom:1px solid var(--mock-border);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);font-size:9px}.mock-abtests-row{border-bottom:1px solid var(--mock-border)}.mock-abtests-row:last-child{border-bottom:none}.mock-abtests-row__name{color:var(--mock-text);font-weight:500}.mock-abtests-row__page{color:var(--mock-text-muted);font-family:var(--font-mono);font-size:10px}.mock-abtests-row__split{color:var(--mock-text-secondary)}.mock-translation-groups{flex-direction:column;gap:12px;display:flex}.mock-translation-group{border:1px solid var(--mock-border);background:var(--mock-surface);border-radius:10px;overflow:hidden}.mock-translation-group__head{background:var(--mock-bg);border-bottom:1px solid var(--mock-border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.mock-translation-group__domain{font-family:var(--font-mono);color:var(--mock-text);font-size:11px;font-weight:500}.mock-translation-group__count{font-family:var(--font-mono);color:var(--mock-text-muted);font-size:10px}.mock-translation-board__bar{color:#64748b;padding:0 2px 2px;font-size:11px}.mock-translation-group__head .icon{color:#64748b;flex-shrink:0}.mock-translation-group__ext{appearance:none;color:#94a3b8;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.mock-translation-row--page{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;background:0 0;border:0}.mock-translation-row--page:hover{background:#0ea5e90a}.mock-translation-row--page .mock-translation-row__name{flex-direction:row;align-items:center;gap:8px}.mock-translation-row--page .mock-translation-row__copy{flex-direction:column;min-width:0;display:flex}.mock-translation-page.is-open .mock-translation-row--page .mock-translation-row__name>:first-child{transform:rotate(90deg)}.mock-translation-nest{background:0 0;padding:0 14px 12px}.mock-translation-table{background:#fff;border:1px solid #0f172a0f;border-radius:10px;grid-template-columns:repeat(4,max-content) minmax(128px,1fr);column-gap:24px;width:100%;max-width:100%;padding:0 16px;display:grid;overflow-x:clip}.mock-translation-table__head,.mock-translation-table__row{grid-template-columns:subgrid;grid-column:1/-1;place-items:center start;padding:8px 0;display:grid}.mock-translation-table__head{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;background:#fff;border-bottom:1px solid #0f172a0d;min-height:30px;font-size:8px;font-weight:600}.mock-translation-table__head>span,.mock-translation-table__row>span{min-width:0;max-width:100%}.mock-translation-table__head .is-actions,.mock-translation-table__row .is-actions{text-align:right;justify-self:end;width:100%}.mock-translation-table__row{color:#0f172a;min-height:40px;font-size:11px}.mock-translation-table__row:hover{background:#f8fafc}.mock-translation-table__row+.mock-translation-table__row{border-top:1px solid #0f172a0d}.mock-translation-table__lang{color:#0f172a;align-items:center;gap:6px;font-weight:550;display:inline-flex}.mock-translation-table__status{justify-self:start}.mock-translation-table__slug,.mock-translation-table__updated{font-family:var(--font-body);color:#64748b;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.mock-translation-table__actions{justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.mock-translation-table__actions .mock-table-actions__btn{border-radius:8px;width:22px;height:22px}.mock-translation-table__del{color:#94a3b8}.mock-screen--app.mock-screen--tx-detail{flex-direction:column;gap:0;min-height:0;display:flex}.product-frame--viewport .product-frame__main:has(.mock-screen--tx-detail){padding:0}.product-frame--viewport .mock-screen.mock-screen--tx-detail{padding-right:0;overflow:hidden}.mock-screen--app.mock-screen--tx-detail .mock-page-detail__topbar{box-sizing:border-box;background:#fff;border-bottom:none;flex-wrap:nowrap;align-items:flex-start;gap:14px;margin:0;padding:14px 16px 10px}.mock-screen--app.mock-screen--tx-detail .mock-screen__scroll{padding:12px 16px 16px}.mock-screen--app.mock-screen--tx-detail .mock-topbar__meta{min-width:0}.mock-screen--app.mock-screen--tx-detail .mock-topbar__actions{flex-shrink:0}.mock-screen--app.mock-screen--tx-detail .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700}.mock-screen--app.mock-screen--tx-detail .mock-topbar__title span{color:#94a3b8;font-weight:500}.mock-screen--app.mock-screen--tx-detail .mock-topbar__crumb--btn{color:#64748b}.mock-screen--app.mock-screen--tx-detail .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-screen--app.mock-screen--tx-detail .mock-meta-pill--live{color:#334155;background:#f8fafc;border-color:#0f172a14;align-items:center;gap:6px;font-weight:550;display:inline-flex}.mock-screen--app.mock-screen--tx-detail .mock-page-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:4px;height:4px;animation:1.8s ease-out infinite mock-status-pulse-green;box-shadow:0 0 #22c55e73}.mock-screen--app.mock-screen--tx-detail .mock-page-detail__actions,.mock-screen--app.mock-screen--tx-detail .mock-page-detail__actions-group{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;max-width:none;display:inline-flex}.mock-screen--app.mock-screen--tx-detail .mock-page-detail__more{flex-shrink:0;display:inline-flex;position:relative}.mock-screen--app.mock-screen--tx-detail .mock-page-detail__more-menu{z-index:8;background:#fff;border:1px solid #0f172a14;border-radius:12px;min-width:168px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #0f172a1a}.mock-screen--app.mock-screen--tx-detail .mock-page-detail__more-item{color:#0f172a;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:500;display:flex}.mock-screen--app.mock-screen--tx-detail .mock-page-detail__more-item:hover{background:#f8fafc}.mock-tx-detail__head{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex}.mock-tx-detail__identity{align-items:flex-start;gap:8px;min-width:0;display:flex}.mock-tx-detail__back{color:#334155;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;padding:0;display:inline-flex}.mock-tx-detail__titles{min-width:0}.mock-tx-detail__title{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:16px;font-weight:700}.mock-tx-detail__title span{color:#94a3b8;font-weight:500}.mock-tx-detail__badges{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.mock-tx-detail__url{color:#0369a1;background:#f8fafc;border:1px solid #0f172a14;border-radius:6px;align-items:center;gap:5px;padding:2px 7px;font-size:10px;display:inline-flex}.mock-tx-detail__actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.mock-tx-detail__status{color:#64748b;background:#fff;border:1px solid #0f172a0f;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;font-size:11px;display:flex}.mock-tx-detail__status>span{align-items:center;gap:8px;display:inline-flex}.mock-tx-detail__status-actions{gap:12px;display:inline-flex}.mock-tx-detail__unpublish{color:#b91c1c}.mock-tx-detail__layout{grid-template-columns:minmax(0,1.7fr) minmax(220px,.95fr);align-items:stretch;gap:10px 12px;display:grid}.mock-tx-detail__main{flex-direction:column;grid-area:1/1/span 2;gap:12px;min-width:0;min-height:0;display:flex;container:tx-preview/inline-size}.mock-tx-detail__rail{display:contents}.mock-tx-detail__rail>*{grid-column:2;min-width:0}.mock-tx-detail__tools-section{grid-column:1/-1;min-width:0;margin-top:14px}.mock-screen--tx-detail .mock-page-section,.mock-screen--tx-create .mock-page-section,.mock-screen--gloss-add .mock-page-section{flex-direction:column;gap:12px;min-width:0;display:flex}.mock-screen--tx-detail .mock-page-section__body,.mock-screen--tx-create .mock-page-section__body,.mock-screen--gloss-add .mock-page-section__body{min-width:0}.mock-tx-detail__main>.mock-page-section__body{flex:1;min-height:0;display:flex}.mock-screen--tx-detail .mock-page-section__head,.mock-screen--tx-create .mock-page-section__head,.mock-screen--gloss-add .mock-page-section__head{flex-wrap:wrap;align-items:flex-start;gap:8px 12px;padding:0 2px;display:flex}.mock-screen--tx-detail .mock-page-section__icon,.mock-screen--tx-create .mock-page-section__icon,.mock-screen--gloss-add .mock-page-section__icon{color:#334155;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-screen--tx-detail .mock-page-section__copy,.mock-screen--tx-create .mock-page-section__copy,.mock-screen--gloss-add .mock-page-section__copy{flex:12.5rem;min-width:min(100%,12.5rem);max-width:100%}.mock-screen--tx-detail .mock-page-section__title,.mock-screen--tx-create .mock-page-section__title,.mock-screen--gloss-add .mock-page-section__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:13px;font-weight:650}.mock-screen--tx-detail .mock-page-section__desc,.mock-screen--tx-create .mock-page-section__desc,.mock-screen--gloss-add .mock-page-section__desc{color:#94a3b8;max-width:none;margin:2px 0 0;font-size:11px;line-height:1.45}.mock-screen--tx-detail .mock-page-section__head>.mock-view-toggle,.mock-screen--tx-detail .mock-page-section__head>.mock-segment-tabs,.mock-screen--tx-detail .mock-page-section__head>.mock-overflow-tabs,.mock-screen--tx-detail .mock-page-section__head>.mock-page-range{z-index:1;flex:0 auto;align-self:start;width:max-content;min-width:0;max-width:100%;margin-left:auto}.mock-tx-detail__tools{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.mock-tx-tool--locale{grid-column:span 2}.mock-tx-detail__card{background:#fff;border:1px solid #0f172a0f;border-radius:12px;padding:12px}.mock-tx-detail__card--preview{flex-direction:column;flex:1;min-height:0;display:flex}.mock-tx-detail__card h3{color:#0f172a;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:650;display:flex}.mock-tx-detail__card>p{color:#64748b;margin:6px 0 8px;font-size:11px;line-height:1.4}.mock-tx-detail__card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.mock-tx-detail__card-head .mock-view-toggle,.mock-tx-detail__card-head .mock-segment-tabs{margin-left:0}.mock-tx-detail__compare{flex:1;grid-template-columns:1fr 1fr;align-items:stretch;gap:10px;min-height:0;display:grid}@container tx-preview (max-width:640px){.mock-tx-detail__compare{grid-template-columns:minmax(0,1fr)}.mock-tx-detail__main>.mock-page-section__head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px 10px;display:grid}.mock-tx-detail__main>.mock-page-section__head .mock-page-section__icon{grid-area:1/1}.mock-tx-detail__main>.mock-page-section__head .mock-page-section__copy{flex:none;grid-area:1/2;min-width:0;max-width:100%}.mock-tx-detail__main>.mock-page-section__head>.mock-overflow-tabs,.mock-tx-detail__main>.mock-page-section__head>.mock-segment-tabs,.mock-tx-detail__main>.mock-page-section__head>.mock-page-range{flex:none;grid-area:2/1/auto/-1;justify-self:start;width:max-content;max-width:100%;margin:0}}.mock-tx-frame{background:#fff;border:1px solid #0f172a12;border-radius:10px;flex-direction:column;min-width:0;height:100%;min-height:0;padding:0 10px 12px;display:flex;overflow:hidden;box-shadow:0 8px 20px -16px #0f172a47}.mock-tx-frame--live{border-color:#0ea5e92e;box-shadow:0 10px 22px -14px #0ea5e966}.mock-tx-frame__chrome{background:0 0;border:0;align-items:center;gap:4px;margin:0 -10px;padding:8px 12px 8px 10px;display:flex}.mock-tx-frame__chrome span{background:#e2e8f0;border-radius:50%;width:6px;height:6px}.mock-tx-frame__chrome em{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;min-width:0;margin-left:6px;font-size:9px;font-style:normal;font-weight:600;overflow:hidden}.mock-tx-frame__chrome b{letter-spacing:.06em;color:#64748b;background:#f8fafc;border:1px solid #0f172a14;border-radius:6px;align-items:center;height:16px;margin-left:auto;padding:0 5px;font-size:8px;font-weight:700;display:inline-flex}.mock-tx-frame--live .mock-tx-frame__chrome b{color:#0369a1;background:#0ea5e914;border-color:#0ea5e929}.mock-tx-frame__media{background:#f8fafc;border:1px solid #0f172a0f;border-radius:8px;flex:auto;justify-content:center;align-items:center;min-height:108px;display:flex;position:relative;overflow:hidden}.mock-tx-frame__photo{aspect-ratio:5/4;background:linear-gradient(#bae6fd 0%,#7dd3fc 46%,#38bdf8 100%);border:1px solid #0f172a14;border-radius:8px;width:54%;max-width:148px;position:relative;overflow:hidden;box-shadow:0 10px 22px -14px #0f172a59}.mock-tx-frame__sun{aspect-ratio:1;background:#fff;border-radius:50%;width:22%;position:absolute;top:16%;right:18%;box-shadow:0 0 14px #fffc}.mock-tx-frame__hill{border-radius:50%;position:absolute}.mock-tx-frame__hill--a{background:#0284c7;width:78%;height:92%;bottom:-42%;left:-22%}.mock-tx-frame__hill--b{background:#0369a1;width:86%;height:96%;bottom:-48%;right:-18%}.mock-tx-frame__ready{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:#0284c7;background:#fff;border:1px solid #0ea5e929;border-radius:6px;align-items:center;gap:5px;height:18px;padding:0 7px 0 6px;font-size:8px;font-style:normal;font-weight:700;display:inline-flex;position:absolute;bottom:8px;left:8px}.mock-tx-frame__ready:before{content:"";background:#0ea5e9;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #0ea5e929}.mock-tx-frame__body{background:0 0;flex-direction:column;flex:none;padding:12px 2px 2px;display:flex}.mock-tx-frame__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:8px;font-weight:600;display:block}.mock-tx-frame__body strong{letter-spacing:-.03em;color:#0f172a;margin-top:6px;font-size:13px;font-weight:650;line-height:1.25;display:block}.mock-tx-frame__body p{color:#64748b;margin:5px 0 12px;font-size:10px}.mock-tx-frame__body button{appearance:none;color:#334155;width:100%;height:30px;font:inherit;letter-spacing:-.01em;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:8px;justify-content:center;align-self:stretch;align-items:center;margin-top:auto;padding:0;font-size:12px;font-weight:600;display:inline-flex}.mock-tx-frame__body button:hover,.mock-tx-frame__body button:focus,.mock-tx-frame__body button:active{color:#334155;background:#fff;border-color:#0f172a14}.mock-tx-strings{border:1px solid #0f172a0f;border-radius:10px;flex:1;min-height:0;display:grid;overflow:hidden}.mock-tx-strings__head,.mock-tx-strings__row{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1.2fr);column-gap:12px;padding:7px 10px;font-size:10px;display:grid}.mock-tx-strings__head{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;background:#fff;border-bottom:1px solid #0f172a0d;font-size:8px;font-weight:600}.mock-tx-strings__head>span,.mock-tx-strings__row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-tx-strings__row{color:#0f172a;border-top:0;border-bottom:1px solid #0f172a0a}.mock-tx-strings__row:last-of-type{border-bottom:none}.mock-tx-strings>p{color:#64748b;border-top:1px solid #0f172a0d;margin:0;padding:7px 10px;font-size:10px}.mock-tx-detail__empty-copy,.mock-tx-detail__code{color:#64748b;margin:0;font-size:11px}.mock-tx-detail__code{background:#f8fafc;border-radius:8px;flex:1;min-height:0;padding:10px}.mock-tx-detail__bar{background:#ecfdf3;border-radius:8px;height:6px;overflow:hidden}.mock-tx-detail__bar span{background:#22c55e;height:100%;display:block}.mock-tx-detail__card--coverage{padding:0;overflow:hidden}.mock-tx-coverage.mock-abx-snap__meter{padding:12px}.mock-tx-coverage .mock-abx-snap__meter-head{margin-bottom:16px}.mock-tx-coverage .mock-abx-snap__fill{width:calc(100% - 6px)}.mock-tx-coverage .mock-abx-snap__meter-meta{margin-bottom:0}.mock-tx-detail__orig{color:#94a3b8;margin-top:3px;font-size:10px;display:block}.mock-tx-seo{flex-direction:column;gap:8px;padding:10px;display:flex}.mock-tx-seo .mock-tx-detail__card-head{margin-bottom:0}.mock-tx-seo__label-row{color:#0f172a;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.mock-tx-seo__label-row .mono{color:#94a3b8;font-size:9px;font-weight:500}.mock-tx-serp__card{background:#f8fafc;border:1px solid #0f172a0f;border-radius:8px;padding:8px 10px 9px}.mock-tx-serp__crumb{color:#64748b;align-items:center;gap:6px;min-width:0;font-size:10px;display:flex}.mock-tx-serp__crumb i{background:radial-gradient(circle at 35% 35%, #fff 0 28%, transparent 30%), conic-gradient(#4285f4 0 25%, #ea4335 0 50%, #fbbc05 0 75%, #34a853 0);border-radius:50%;flex-shrink:0;width:10px;height:10px}.mock-tx-serp__crumb b{color:#188038;font-weight:500}.mock-tx-serp__crumb em{text-overflow:ellipsis;white-space:nowrap;color:#64748b;min-width:0;font-style:normal;overflow:hidden}.mock-tx-serp__card strong{letter-spacing:-.02em;color:#1a0dab;margin-top:3px;font-size:12px;font-weight:500;line-height:1.25;display:block}.mock-tx-serp__card p{color:#4d5156;margin:2px 0 0;font-size:10px;line-height:1.35}.mock-tx-seo__pair{grid-template-columns:1fr 1fr;align-items:stretch;gap:6px;display:grid}.mock-tx-seo__pane{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:row;align-items:flex-start;gap:6px;min-width:0;padding:6px 7px;display:flex}.mock-tx-seo__pane--live{background:#fff;border-color:#0ea5e938}.mock-tx-seo__pane b{letter-spacing:.06em;color:#64748b;background:#f1f5f9;border-radius:6px;flex-shrink:0;margin-top:1px;padding:2px 5px;font-size:8px;font-weight:700}.mock-tx-seo__pane--live b{color:#0284c7;background:#0ea5e91a}.mock-tx-seo__pane p{color:#64748b;flex:1;min-width:0;margin:0;font-size:11px;line-height:1.35}.mock-tx-seo__pane--live p{color:#0f172a}.mock-tx-seo__pair--tall .mock-tx-seo__pane{min-height:56px}.mock-tx-seo .mock-tx-detail__push{margin-top:0}.mock-tx-detail__link{color:#0284c7;font-weight:550}.mock-tx-tool{min-width:0;min-height:0;box-shadow:none;background:#fff;border:1px solid #0f172a12;border-radius:10px;flex-direction:column;gap:10px;padding:13px 14px 12px;display:flex}.mock-tx-tool__head{border:0;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin-bottom:0;padding-bottom:0;display:flex}.mock-tx-tool__head h3{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;text-transform:none;color:#0f172a;min-width:0;font-size:12px;font-weight:650;overflow:hidden}.mock-tx-tool__head .mock-panel__link,.mock-tx-tool__head .mock-page-status{flex-shrink:0;margin-left:auto}.mock-tx-tool__head .mock-panel__link{font-size:11px;font-weight:600}.mock-tx-tool__body{flex-direction:column;flex:1;gap:8px;min-height:0;padding:0;display:flex}.mock-tx-tool__hero{align-items:baseline;gap:8px;min-width:0;display:flex}.mock-tx-tool__hero strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.04em;color:#0f172a;min-width:0;font-size:18px;font-weight:650;line-height:1.15;overflow:hidden}.mock-tx-tool__hero span{letter-spacing:.04em;color:#0369a1;background:#0ea5e914;border:1px solid #0ea5e929;border-radius:6px;flex-shrink:0;align-items:center;height:16px;padding:0 5px;font-size:9px;font-weight:650;display:inline-flex}.mock-tx-tool__lead{letter-spacing:-.01em;color:#64748b;margin:0;font-size:11px;font-weight:550;line-height:1.35}.mock-tx-tool__hint{color:#94a3b8;margin:0;font-size:10px;line-height:1.45}.mock-tx-tool__stat{flex-direction:column;gap:3px;display:flex}.mock-tx-tool__stat strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#0f172a;font-size:22px;font-weight:650;line-height:1}.mock-tx-tool__stat span{letter-spacing:-.01em;color:#94a3b8;font-size:10px;font-weight:550}.mock-tx-tool__summary{letter-spacing:-.02em;color:#0f172a;justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:12px;font-weight:550;display:flex}.mock-tx-tool__summary strong{font-weight:650}.mock-tx-tool__summary span{color:#64748b;flex-shrink:0;font-size:11px;font-weight:500}.mock-tx-tool__locale{background:radial-gradient(120% 90% at 0 0,#0ea5e914,#0000 58%),#fff;border:1px solid #0ea5e91f;border-radius:8px;flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex}.mock-tx-tool__live{flex-direction:column;gap:3px;min-width:0;display:flex}.mock-tx-tool__live strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650;overflow:hidden}.mock-tx-tool__live span{text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:10px;overflow:hidden}.mock-tx-tool__meta{grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:auto;display:grid}.mock-tx-tool__meta div{min-width:0}.mock-tx-tool__meta dt{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-weight:600}.mock-tx-tool__meta dd{overflow-wrap:anywhere;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#0f172a;margin:3px 0 0;font-size:12px;font-weight:650}.mock-tx-tool__meta dd.is-ok{color:#047857}.mock-tx-tool--layout .mock-tx-tool__summary{margin-top:0}.mock-tx-tool__groups,.mock-tx-tool__detect{background:radial-gradient(120% 90% at 0 0,#0ea5e914,#0000 58%),#fff;border:1px solid #0ea5e91f;border-radius:8px;flex:1;gap:8px;margin:0;padding:10px;list-style:none;display:grid}.mock-tx-tool__groups{grid-template-rows:repeat(4,minmax(0,1fr));align-content:stretch}.mock-tx-tool__detect{grid-template-rows:repeat(4,minmax(0,1fr))}.mock-tx-tool__groups li,.mock-tx-tool__detect li{letter-spacing:-.01em;color:#0f172a;border:0;align-items:center;gap:8px;min-width:0;min-height:0;font-size:11px;font-weight:600;display:flex}.mock-tx-tool__groups li{flex-direction:column;justify-content:center;align-items:stretch;gap:5px}.mock-tx-tool__row{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.mock-tx-tool__groups em{font-variant-numeric:tabular-nums;color:#0f172a;flex-shrink:0;font-size:12px;font-style:normal;font-weight:650}.mock-tx-tool__track{background:#f1f5f9;border-radius:6px;height:4px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0a}.mock-tx-tool__track span{border-radius:inherit;background:linear-gradient(90deg,#7dd3fc 0%,#0284c7 100%);height:100%;display:block}.mock-tx-tool__detect li.is-more{color:#64748b;font-weight:500}.mock-tx-tool__detect li span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-tx-tool__thumb{color:#64748b;background:linear-gradient(135deg,#e2e8f0 0%,#f8fafc 100%);border:1px solid #0f172a14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:16px;font-size:8px;font-weight:700;display:flex}.mock-tx-tool__thumb.is-chip{background:radial-gradient(circle at 40% 40%,#f87171,#7f1d1d);border-color:#ef444433}.mock-tx-tool__thumb.is-banner{background:linear-gradient(90deg,#0f172a,#1e3a5f);border-color:#0f172a29}.mock-tx-tool__thumb.is-phone{background:linear-gradient(#38bdf8,#0284c7);border-color:#0ea5e933}.mock-tx-tool__thumb.is-more{color:#0369a1;background:#0ea5e914;border-color:#0ea5e929}.mock-tx-tool--layout .mock-tx-tool__frames{flex:auto;grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;display:grid}.mock-tx-tool__frames article{flex-direction:column;min-width:0;min-height:0;display:flex}.mock-tx-tool__sil{background:radial-gradient(120% 90% at 0 0,#0ea5e914,#0000 58%),#fff;border:1px solid #0ea5e91f;border-radius:8px;flex-direction:column;flex:1;gap:6px;height:auto;min-height:0;padding:8px;display:flex;overflow:hidden}.mock-tx-tool__sil>span{letter-spacing:.06em;color:#94a3b8;margin:0;font-size:9px;font-weight:700;display:block}.mock-tx-tool__sil-lines{flex-direction:column;flex:1;justify-content:space-evenly;gap:5px;min-height:0;display:flex}.mock-tx-tool__sil b{background:#cbd5e1;border-radius:6px;flex-shrink:0;max-width:100%;height:6px;display:block}.mock-tx-tool__sil b:first-child{width:78%}.mock-tx-tool__sil b:nth-child(2){width:54%}.mock-tx-tool__sil b:nth-child(3){width:66%}.mock-tx-tool__frames article.is-warn .mock-tx-tool__sil{background:radial-gradient(120% 90% at 0 0,#f59e0b1f,#0000 58%),#fff;border-color:#f59e0b33}.mock-tx-tool__frames article.is-warn .mock-tx-tool__sil>span{color:#d97706}.mock-tx-tool__frames article.is-warn .mock-tx-tool__sil b{background:#fcd34d}.mock-tx-tool__frames article.is-warn .mock-tx-tool__sil b:first-child{width:80%}.mock-tx-tool__frames article.is-warn .mock-tx-tool__sil b:nth-child(2){width:62%}.mock-tx-tool__frames article.is-warn .mock-tx-tool__sil b:nth-child(3){background:#f59e0b;width:86%}.mock-tx-tool__foot{margin-top:auto;padding-top:10px}.mock-tx-tool__foot--split{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mock-tx-tool__action{color:#334155;letter-spacing:-.01em;background:#fff;border:1px solid #0f172a14;border-radius:8px;width:100%;height:30px;padding:0;font-family:inherit;font-size:12px;font-weight:600}.mock-tx-tool__action:hover,.mock-tx-tool__action:focus,.mock-tx-tool__action:active{color:#334155;background:#fff;border-color:#0f172a14}.mock-tx-danger{background:radial-gradient(120% 90% at 0 0,#ef444414,#0000 58%),#fff;border:1px solid #ef444429;border-radius:10px;align-items:center;gap:12px;margin-top:14px;padding:12px;display:flex}.mock-tx-danger__icon{color:#dc2626;background:#ef44441a;border:1px solid #ef44442e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-tx-danger__icon .icon{color:inherit}.mock-tx-danger__copy{flex:1;min-width:0}.mock-tx-danger__copy strong{letter-spacing:-.02em;color:#0f172a;margin:0 0 3px;font-size:12px;font-weight:650;display:block}.mock-tx-danger__copy p{color:#64748b;margin:0;font-size:11px;line-height:1.45}.mock-tx-danger__btn{color:#dc2626;letter-spacing:-.01em;background:#fff;border:1px solid #dc262638;border-radius:8px;flex-shrink:0;height:30px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:600}.mock-tx-danger__btn:hover,.mock-tx-danger__btn:focus,.mock-tx-danger__btn:active{color:#dc2626;background:#fff;border-color:#dc262638}.mock-tx-detail__analytics-section{margin-top:14px}.mock-tx-detail__analytics-section>.mock-page-section__body{flex-direction:column;gap:12px;display:flex}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics--split.mock-panel{box-shadow:none;background:#fff;border:1px solid #0f172a12;border-radius:10px;padding:12px;display:block}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics--split>.mock-panel__body,.mock-screen--app.mock-screen--tx-detail .mock-page-analytics--split>.mock-panel__body--flush{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:0 16px;min-height:268px;padding:0;display:grid!important}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__primary{flex-direction:column;grid-area:1/1;gap:10px;min-width:0;min-height:0;display:flex}.mock-screen--app.mock-screen--tx-detail .mock-page-insight{box-sizing:border-box;color:#64748b;background:#f0f9ff;border:1px solid #0ea5e924;border-radius:8px;align-items:center;gap:8px;width:100%;margin:0;padding:7px 10px;display:flex}.mock-screen--app.mock-screen--tx-detail .mock-page-insight .icon{color:#0284c7;flex-shrink:0}.mock-screen--app.mock-screen--tx-detail .mock-page-insight p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;line-height:1.35;overflow:hidden}.mock-screen--app.mock-screen--tx-detail .mock-page-insight strong{color:#0f172a;font-variant-numeric:tabular-nums;font-weight:650}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics--split .mock-page-kpi-strip,.mock-screen--app.mock-screen--tx-detail .mock-page-kpi-strip--marco{border-bottom:none;flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.product-frame--viewport .mock-screen--tx-detail .mock-page-analytics--split .mock-page-kpi-strip,.product-frame--viewport .mock-screen--tx-detail .mock-page-kpi-strip--marco{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0}.mock-screen--app.mock-screen--tx-detail .mock-page-kpi-strip--marco .mock-kpi--marco{border-radius:8px;height:100%;min-height:72px;padding:10px 11px}.mock-screen--app.mock-screen--tx-detail .mock-page-kpi-strip--marco .mock-kpi__spark{width:56px}.mock-screen--app.mock-screen--tx-detail .mock-page-kpi-strip--marco .mock-kpi--marco .mock-kpi__value{letter-spacing:-.03em;color:#0f172a;font-size:17px;font-weight:700}.mock-screen--app.mock-screen--tx-detail .mock-page-kpi-strip--marco .mock-kpi--marco .mock-kpi__label{color:#64748b;font-size:11px}.mock-screen--app.mock-screen--tx-detail .mock-page-kpi-strip--marco .mock-kpi--marco .mock-kpi__trend{font-size:10px}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__chart{border-left:1px solid #0f172a0d;flex-direction:column;grid-area:1/2;min-width:0;height:100%;min-height:0;padding-left:16px;display:flex}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__chart>.mock-abx-trend{background:0 0;border:0;border-radius:0;flex-direction:column;flex:auto;gap:10px;width:100%;height:100%;min-height:0;padding:0;display:flex;overflow:visible}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__chart .mock-abx-trend__well{background-color:#eef2f6;background-image:linear-gradient(#ffffffb8,#ffffff61),radial-gradient(circle at 1px 1px,#0f172a12 1px,#0000 0);background-size:auto,7px 7px;border-radius:10px;flex-direction:column;flex:auto;justify-content:flex-start;min-height:0;padding:10px 12px 12px;display:flex;overflow:visible;box-shadow:inset 0 1px 1px #0f172a0d}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__chart .mock-abx-trend .mock-area-line{flex-direction:column;flex:auto;gap:0;height:100%;min-height:0;display:flex}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__chart .mock-abx-trend .mock-area-line--premium.mock-area-line--default .mock-area-line__plot,.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__chart .mock-abx-trend .mock-area-line__plot{height:auto;min-height:148px;box-shadow:none;background:0 0;border-radius:8px;flex:auto;overflow:visible}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__chart .mock-abx-trend .mock-area-line--premium .mock-area-line__svg{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__chart .mock-abx-trend .mock-area-line__axis{flex:0 0 20px;height:20px;min-height:20px;padding:0}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__chart .mock-abx-trend .mock-area-line__day:last-child{transform:translate(-100%,-50%)}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__chart .mock-abx-trend .mock-area-line__yticks span{letter-spacing:0;color:#94a3b8;font-variant-numeric:tabular-nums;font-size:10px;font-weight:550;left:0}.mock-screen--app.mock-screen--tx-detail .mock-page-analytics__chart .mock-abx-chart-card__foot{flex:none;min-height:22px;margin-top:0}.mock-screen--app.mock-screen--tx-detail .mock-abx-trend .mock-area-line__day{box-sizing:border-box;letter-spacing:0;color:#94a3b8;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;height:16px;padding:1px 5px;font-size:10px;font-weight:550;line-height:1;display:inline-flex}.mock-screen--app.mock-screen--tx-detail .mock-abx-trend .mock-area-line__day--btn,.mock-screen--app.mock-screen--tx-detail .mock-abx-trend .mock-area-line__day--active{border-radius:6px}.mock-screen--app.mock-screen--tx-detail .mock-abx-trend .mock-area-line__day--active{color:#0f172a;box-shadow:none;background:#fff;border:1px solid #0f172a1f;font-weight:650}.mock-screen--app.mock-screen--tx-detail .mock-tx-frame__photo{background:linear-gradient(#cbd5e1 0%,#94a3b8 48%,#64748b 100%);box-shadow:0 10px 22px -14px #0f172a47}.mock-screen--app.mock-screen--tx-detail .mock-tx-frame__sun{background:#f8fafc;box-shadow:0 0 12px #f8fafc8c}.mock-screen--app.mock-screen--tx-detail .mock-tx-frame__hill--a{background:#475569}.mock-screen--app.mock-screen--tx-detail .mock-tx-frame__hill--b{background:#334155}.mock-screen--app.mock-screen--tx-detail .mock-tx-detail__card--preview:has(.mock-tx-strings){border-radius:10px;padding:0;overflow:hidden}.mock-screen--app.mock-screen--tx-detail .mock-tx-strings{border:0;border-radius:0}.mock-screen--app.mock-screen--tx-detail .mock-tx-strings__head,.mock-screen--app.mock-screen--tx-detail .mock-tx-strings__row,.mock-screen--app.mock-screen--tx-detail .mock-tx-strings>p{padding-left:12px;padding-right:12px}.mock-screen--app.mock-screen--tx-detail .mock-tx-detail__split>.mock-tx-panel,.mock-screen--app.mock-screen--tx-detail .mock-tx-detail__split>.mock-tx-panel.mock-tx-panel--empty{box-shadow:none;background:#fff;border:1px solid #0f172a1a}.mock-screen--app.mock-screen--tx-detail .mock-tx-detail__split .mock-tx-panel .mock-meta-pill{color:#475569;background:var(--mock-bg);border:1px solid var(--mock-border-subtle);font-weight:500}.mock-screen--app.mock-screen--tx-detail .mock-tx-rank__track,.mock-screen--app.mock-screen--tx-detail .mock-tx-device__track,.mock-screen--app.mock-screen--tx-detail .mock-tx-tool__track{background:#eef2f6;border-radius:8px;height:10px;margin-top:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.mock-screen--app.mock-screen--tx-detail .mock-tx-device__track,.mock-screen--app.mock-screen--tx-detail .mock-tx-tool__track{margin-top:0}.mock-screen--app.mock-screen--tx-detail .mock-tx-rank__track span,.mock-screen--app.mock-screen--tx-detail .mock-tx-device__track span,.mock-screen--app.mock-screen--tx-detail .mock-tx-tool__track span{background:linear-gradient(90deg,#7dd3fc 0%,#38bdf8 34%,#0ea5e9 68%,#0369a1 100%);border-radius:8px;min-width:10px;position:relative;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #0369a147}.mock-screen--app.mock-screen--tx-detail .mock-tx-rank__track span:after,.mock-screen--app.mock-screen--tx-detail .mock-tx-device__track span:after,.mock-screen--app.mock-screen--tx-detail .mock-tx-tool__track span:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff8c 0%,#ffffff0f 40%,#0284c729 100%);position:absolute;inset:0}.mock-screen--app.mock-screen--tx-detail .mock-tx-device--amber .mock-tx-device__track span{background:linear-gradient(90deg,#fde68a 0%,#fbbf24 42%,#d97706 100%);box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #b4530947}.mock-screen--app.mock-screen--tx-detail .mock-tx-device--amber .mock-tx-device__track span:after{background:linear-gradient(#ffffff8c 0%,#ffffff0f 40%,#b4530929 100%)}.mock-screen--app.mock-screen--tx-detail .mock-tx-scroll__page{background:#eef2f6;border-radius:8px;box-shadow:inset 0 1px 2px #0f172a14}.mock-screen--app.mock-screen--tx-detail .mock-tx-scroll__fill{background:linear-gradient(#7dd3fc 0%,#38bdf8 34%,#0ea5e9 68%,#0369a1 100%);border-radius:8px;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #0369a147}.mock-screen--app.mock-screen--tx-detail .mock-tx-scroll__fill:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#ffffff73 0%,#ffffff0f 40%,#0284c729 100%);position:absolute;inset:0}.mock-screen--app.mock-screen--tx-detail .mock-tx-hist__bar{background:linear-gradient(#fde68a 0%,#fcd34d 42%,#f59e0b 100%);border-radius:8px 8px 0 0;width:10px;position:relative;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px 1px #b453092e}.mock-screen--app.mock-screen--tx-detail .mock-tx-hist__col.is-peak .mock-tx-hist__bar{background:linear-gradient(#fde68a 0%,#fbbf24 34%,#f59e0b 68%,#d97706 100%);width:12px;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #b4530947}.mock-screen--app.mock-screen--tx-detail .mock-tx-hist__bar:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#ffffff73 0%,#ffffff0f 46%,#b4530924 100%);position:absolute;inset:0}.mock-tx-panel{background:radial-gradient(120% 80% at 100% 0,#0ea5e90b,#0000 55%),#fff;border:1px solid #0f172a12;border-radius:10px;flex-direction:column;min-width:0;min-height:0;padding:12px 13px 11px;display:flex;box-shadow:0 1px #0f172a05}.mock-tx-panel--empty{background:radial-gradient(120% 80% at 100% 0,#94a3b814,#0000 55%),#fff}.mock-tx-panel header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mock-tx-panel h4{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:12px;font-weight:650;line-height:1.2}.mock-tx-panel__kicker{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-weight:600}.mock-tx-panel .mock-meta-pill{color:#0369a1;background:#0ea5e914;border:1px solid #0ea5e926;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:600}.mock-tx-panel .mock-meta-pill--muted{color:#94a3b8;background:#f8fafc;border-color:#0f172a14}.mock-tx-rank{gap:0;margin:0;padding:2px 0 0;list-style:none;display:grid}.mock-tx-rank li+li{border-top:1px solid #0f172a0d;margin-top:8px;padding-top:8px}.mock-tx-rank__top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mock-tx-rank__name{letter-spacing:-.01em;color:#0f172a;align-items:baseline;gap:6px;min-width:0;font-size:11px;font-weight:600;display:inline-flex}.mock-tx-rank__name em{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;font-weight:600;overflow:hidden}.mock-tx-rank__n{font-variant-numeric:tabular-nums;color:#0f172a;flex-shrink:0;align-items:baseline;gap:6px;font-size:12px;font-weight:650;display:inline-flex}.mock-tx-rank__n em{color:#94a3b8;font-size:10px;font-style:normal;font-weight:600}.mock-tx-rank__track{background:#f1f5f9;border-radius:6px;height:4px;margin-top:6px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0a}.mock-tx-rank__track span{border-radius:inherit;background:linear-gradient(90deg,#7dd3fc 0%,#0284c7 100%);height:100%;display:block}.mock-tx-engage--empty{text-align:center;background:radial-gradient(120% 80% at 100% 0,#94a3b81a,#0000 55%),#fff;border-color:#0f172a0f;justify-content:center;align-items:center;gap:6px}.mock-tx-engage--empty .icon{color:inherit}.mock-tx-engage--empty strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-tx-engage--empty p{color:#94a3b8;max-width:22ch;margin:0;font-size:10px;line-height:1.45}.mock-tx-devices{flex:1 0 auto;grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;min-height:0;display:grid}.mock-tx-device{background:#f8fafc;border:1px solid #0f172a0f;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:12px 10px 10px;display:flex}.mock-tx-device--cyan{background:radial-gradient(120% 90% at 0 0,#0ea5e914,#0000 58%),#fff;border-color:#0ea5e91f}.mock-tx-device--amber{background:radial-gradient(120% 90% at 0 0,#f59e0b1a,#0000 58%),#fff;border-color:#f59e0b24}.mock-tx-device__icon{color:#334155;background:#f8fafc;border:1px solid #0f172a0f;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-tx-device__icon .icon{color:inherit}.mock-tx-device--cyan .mock-tx-device__icon{color:#0284c7;background:#0ea5e91a;border-color:#0ea5e929}.mock-tx-device--amber .mock-tx-device__icon{color:#d97706;background:#f59e0b1f;border-color:#f59e0b33}.mock-tx-device__label{letter-spacing:-.01em;color:#64748b;font-size:10px;font-weight:600}.mock-tx-device__meta{justify-content:space-between;align-items:baseline;gap:6px;margin-top:auto;display:flex}.mock-tx-device__meta strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#0f172a;font-size:22px;font-weight:650;line-height:1}.mock-tx-device__meta span{font-variant-numeric:tabular-nums;color:#94a3b8;font-size:10px;font-weight:600}.mock-tx-device__track{background:#f1f5f9;border-radius:6px;height:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0a}.mock-tx-device__track span{border-radius:inherit;height:100%;display:block}.mock-tx-device--cyan .mock-tx-device__track span{background:linear-gradient(90deg,#7dd3fc 0%,#0284c7 100%)}.mock-tx-device--amber .mock-tx-device__track span{background:linear-gradient(90deg,#fcd34d 0%,#d97706 100%)}.mock-tx-engage{background:#fff;border:1px solid #0f172a0f;border-radius:8px;flex-direction:column;flex:1 0 auto;gap:10px;min-height:0;padding:12px;display:flex}.mock-tx-engage.mock-tx-engage--list,.mock-tx-engage--scroll{background:radial-gradient(120% 90% at 0 0,#0ea5e914,#0000 58%),#fff;border-color:#0ea5e91f}.mock-tx-engage--time{background:radial-gradient(120% 90% at 0 0,#f59e0b1a,#0000 58%),#fff;border-color:#f59e0b24}.mock-tx-engage__hero{flex-direction:column;gap:3px;display:flex}.mock-tx-engage__hero strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:#0f172a;font-size:22px;font-weight:650;line-height:1}.mock-tx-engage__hero span{letter-spacing:-.01em;color:#94a3b8;font-size:10px;font-weight:550}.mock-tx-engage__foot{color:#94a3b8;margin:0;font-size:10px;line-height:1.35}.mock-tx-scroll{flex:1 0 auto;grid-template-columns:10px minmax(0,1fr);align-items:stretch;gap:12px;min-height:0;display:grid}.mock-tx-scroll__page{background:#f1f5f9;border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0a}.mock-tx-scroll__fill{background:linear-gradient(#7dd3fc 0%,#0284c7 100%);height:15%;position:absolute;top:0;left:0;right:0}.mock-tx-scroll__page i{background:#0f172a1f;height:1px;position:absolute;left:2px;right:2px}.mock-tx-scroll__copy{flex-direction:column;min-width:0;display:flex}.mock-tx-scroll__steps{margin:auto 0 0;padding:2px 0 0;list-style:none;display:grid}.mock-tx-scroll__steps li{grid-template-columns:6px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 0 0;display:grid}.mock-tx-scroll__steps li+li{border-top:1px solid #0f172a0d;margin-top:5px;padding-top:7px}.mock-tx-scroll__dot{background:#0284c7;border-radius:2px;width:6px;height:6px}.mock-tx-scroll__steps li:nth-child(2) .mock-tx-scroll__dot{opacity:.55}.mock-tx-scroll__steps li:nth-child(3) .mock-tx-scroll__dot{opacity:.32}.mock-tx-scroll__label{letter-spacing:-.01em;color:#0f172a;align-items:baseline;gap:8px;min-width:0;font-size:11px;font-weight:550;display:inline-flex}.mock-tx-scroll__label em{font-variant-numeric:tabular-nums;color:#94a3b8;font-size:9px;font-style:normal;font-weight:600}.mock-tx-scroll__n{font-variant-numeric:tabular-nums;color:#0f172a;font-size:11px;font-weight:650}.mock-tx-hist{flex:1 0 auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-height:72px;display:grid}.mock-tx-hist__col{flex-direction:column;align-items:center;gap:5px;min-width:0;height:100%;display:flex}.mock-tx-hist__n{font-variant-numeric:tabular-nums;color:#0f172a;min-height:10px;font-size:8px;font-weight:650;line-height:1}.mock-tx-hist__col:not(.is-peak) .mock-tx-hist__n{color:#0000}.mock-tx-hist__plot{border-bottom:1px solid #0f172a14;flex:auto;justify-content:center;align-items:flex-end;width:100%;min-height:40px;display:flex}.mock-tx-hist__bar{background:#d9770647;border-radius:6px 6px 0 0;width:10px;display:block}.mock-tx-hist__col.is-peak .mock-tx-hist__bar{background:linear-gradient(#fcd34d 0%,#d97706 100%);width:12px}.mock-tx-hist__l{font-variant-numeric:tabular-nums;text-align:center;color:#94a3b8;width:100%;font-size:8px;font-weight:600;display:block}.mock-tx-hist__col.is-peak .mock-tx-hist__l{color:#64748b}.mock-tx-detail__split{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:0;display:grid}.mock-tx-detail__empty{color:#94a3b8;text-align:center;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;gap:5px;min-height:92px;padding:8px 10px;display:flex}.mock-tx-detail__empty--wide{min-height:110px}.mock-tx-detail__empty-orb{color:#64748b;background:radial-gradient(circle at 35% 30%,#0ea5e91f,#0000 62%),#f8fafc;border:1px solid #0f172a14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;display:inline-flex}.mock-tx-detail__empty strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-tx-detail__empty p{color:#94a3b8;max-width:22ch;margin:0;font-size:10px;line-height:1.45}.mock-tx-detail__note{background:radial-gradient(120% 90% at 0 0,#0ea5e914,#0000 58%),#fff;border:1px solid #0ea5e924;border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:12px;display:flex}.mock-tx-detail__note-icon{color:#0284c7;background:#0ea5e91a;border:1px solid #0ea5e929;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-tx-detail__note-icon .icon{color:inherit}.mock-tx-detail__note-copy{min-width:0}.mock-tx-detail__note-copy strong{letter-spacing:-.02em;color:#0f172a;align-items:center;gap:6px;margin:0 0 3px;font-size:12px;font-weight:650;display:flex}.mock-tx-detail__note-lang{color:#0369a1;letter-spacing:.04em;background:#0ea5e914;border:1px solid #0ea5e929;border-radius:6px;align-items:center;height:16px;padding:0 5px;font-size:9px;font-weight:650;display:inline-flex}.mock-tx-detail__note-copy p{color:#64748b;margin:0;font-size:11px;line-height:1.45}.product-frame--viewport .mock-tx-detail__title{font-size:14px}.product-frame--viewport .mock-screen--tx-detail .mock-page-insight{margin-bottom:0}.product-frame--viewport .mock-tx-detail__layout{grid-template-columns:minmax(0,1.35fr) minmax(200px,.9fr)}.mock-translation-row{border-bottom:1px solid var(--mock-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:grid}.mock-translation-row__meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.mock-translation-row__lang-count{font-family:var(--font-body);color:#94a3b8;white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;padding:0;font-size:10px;font-weight:500;display:inline-flex}.mock-translation-row__actions{align-items:center;gap:4px;margin-left:2px;display:inline-flex}.mock-translation-row__action .icon{display:flex}.mock-translation-row__action{transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast)}.mock-translation-row__action:hover{color:var(--mock-text);background:#0f172a0a}.mock-translation-row__action--view:hover{color:#0284c7;background:#0ea5e914;border-color:#0ea5e92e}.mock-translation-row__action--add{color:#16a34a}.mock-translation-row__action--add:hover{color:#15803d;background:#22c55e14;border-color:#22c55e33}.mock-action-tooltip{display:inline-flex;position:relative}.mock-action-tooltip__bubble{z-index:40;font-family:var(--font-body);letter-spacing:-.01em;color:var(--mock-text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-fast), visibility var(--duration-fast), transform var(--duration-fast);background:#fff;border:1px solid #0f172a14;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:500;line-height:1.35;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)translateY(2px);box-shadow:0 0 0 1px #0f172a05,0 6px 18px #0f172a1a}.mock-action-tooltip__bubble:after{content:"";border:5px solid #0000;border-top-color:#fff;position:absolute;top:100%;left:50%;transform:translate(-50%)}.mock-action-tooltip__bubble:before{content:"";border:6px solid #0000;border-top-color:#0f172a14;margin-top:1px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.mock-action-tooltip:hover .mock-action-tooltip__bubble,.mock-action-tooltip:focus-within .mock-action-tooltip__bubble{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.mock-action-tooltip:hover,.mock-action-tooltip:focus-within{z-index:20}.mock-translation-row__actions .mock-action-tooltip .mock-action-tooltip__bubble,.mock-translation-table__actions .mock-action-tooltip .mock-action-tooltip__bubble{left:auto;right:0;transform:translateY(2px)}.mock-translation-row__actions .mock-action-tooltip:hover .mock-action-tooltip__bubble,.mock-translation-row__actions .mock-action-tooltip:focus-within .mock-action-tooltip__bubble,.mock-translation-table__actions .mock-action-tooltip:hover .mock-action-tooltip__bubble,.mock-translation-table__actions .mock-action-tooltip:focus-within .mock-action-tooltip__bubble{transform:translateY(0)}.mock-translation-row__actions .mock-action-tooltip .mock-action-tooltip__bubble:after,.mock-translation-row__actions .mock-action-tooltip .mock-action-tooltip__bubble:before,.mock-translation-table__actions .mock-action-tooltip .mock-action-tooltip__bubble:after,.mock-translation-table__actions .mock-action-tooltip .mock-action-tooltip__bubble:before{left:auto;right:7px;transform:none}.mock-translation-row:last-child{border-bottom:none}.mock-translation-row__name{color:var(--mock-text);font-weight:500}.mock-callout__head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-muted);margin-bottom:4px;font-size:10px}.mock-callout__grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.mock-ads-formats{flex:1;grid-template-columns:repeat(3,1fr);align-content:start;gap:10px;min-height:0;display:grid}.mock-ad-format{border:1px solid var(--mock-border);background:var(--mock-surface);border-radius:10px;overflow:hidden}.mock-ad-format__preview{color:#fff;background:linear-gradient(135deg,#1a2332 0%,#2a3340 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100px;padding:16px 12px;display:flex}.mock-ad-format__preview--1x1{aspect-ratio:1;max-height:120px}.mock-ad-format__preview--9x16{aspect-ratio:9/16;max-height:140px}.mock-ad-format__preview--16x9{aspect-ratio:16/9;min-height:64px}.mock-ad-format__preview--4x5{aspect-ratio:4/5;max-height:110px}.mock-ad-format__headline{text-align:center;font-size:10px;font-weight:600;line-height:1.3}.mock-ad-format__cta{opacity:.8;font-size:9px}.mock-ad-format__meta{justify-content:space-between;padding:8px 10px;font-size:10px;display:flex}.mock-ad-format__label{color:var(--mock-text);font-weight:500}.mock-ad-format__cost{font-family:var(--font-mono);color:var(--mock-text-muted)}.mock-ads-steps{flex-wrap:wrap;gap:8px;display:flex}.mock-ads-steps__step{font-family:var(--font-mono);color:var(--mock-text-muted);border:1px solid var(--mock-border);background:var(--mock-bg);border-radius:99px;padding:6px 12px;font-size:10px}.mock-ads-steps__step--done{color:var(--mock-text-secondary)}.mock-ads-steps__step--active{color:var(--accent-cyan-text);background:#00a4ff14;border-color:#00a4ff59}@media (max-width:900px){.mock-kpi-grid{grid-template-columns:repeat(2,1fr)}.mock-table-head,.mock-table-row{grid-template-columns:56px 1fr 64px 56px}.mock-table-head span:nth-child(3),.mock-table-head span:nth-child(4),.mock-table-row>:nth-child(3),.mock-table-row>:nth-child(4){display:none}.mock-callout,.mock-callout__grid{grid-template-columns:repeat(2,1fr)}.mock-split{grid-template-columns:1fr}.mock-string-row{grid-template-columns:1fr;gap:4px}.mock-ads-market__grid,.mock-dashboard-split,.mock-pages-layout{grid-template-columns:1fr}.mock-folder-tree{flex-flow:wrap}.mock-ads-formats,.mock-callout__grid{grid-template-columns:repeat(2,1fr)}.mock-abtests-head,.mock-abtests-row{grid-template-columns:1fr 76px}.mock-abtests-head span:nth-child(n+3),.mock-abtests-row>:nth-child(n+3){display:none}.mock-dashboard-mid,.mock-dashboard-bottom{grid-template-columns:1fr}.mock-kpi-grid--marco{grid-template-columns:repeat(2,1fr)}.mock-kpi--marco .mock-kpi__spark{width:64px}.mock-project-head,.mock-project-row{grid-template-columns:1fr 100px}.mock-project-head span:nth-child(2),.mock-project-head span:nth-child(3),.mock-project-row>:nth-child(2),.mock-project-row>:nth-child(3){display:none}}.mock-screen__scroll{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.mock-screen__scroll>*{flex-shrink:0}.mock-topbar__desc{color:var(--mock-text-secondary);margin:2px 0 0;font-size:11px;font-weight:400;line-height:1.4}.mock-topbar__badge{font-family:var(--font-mono);color:var(--mock-text-secondary);background:var(--mock-bg);border:1px solid var(--mock-border-subtle);vertical-align:middle;border-radius:99px;align-items:center;margin-left:8px;padding:2px 7px;font-size:9px;font-weight:500;display:inline-flex}.mock-topbar__badge--cyan{color:#0284c7;background:#0ea5e914;border-color:#0ea5e933}.mock-topbar__stamp{font-family:var(--font-mono);color:var(--mock-text-muted);white-space:nowrap;font-size:9px}.mock-toolbar{flex-shrink:0;align-items:center;gap:8px;display:flex}.mock-toolbar--split{flex-wrap:wrap}.mock-search-input{border:1px solid var(--mock-border-subtle);background:var(--mock-bg);min-width:120px;height:30px;color:var(--mock-text-muted);border-radius:7px;flex:1;padding:0 10px;font-size:11px}.mock-search-input--wide{max-width:none}.mock-form-field{flex-direction:column;gap:4px;display:flex}.mock-form-field__label{color:var(--mock-text);font-size:11px;font-weight:600}.mock-form-field__hint{color:var(--mock-text-muted);font-size:10px}.mock-form-select{border:1px solid var(--mock-border-subtle);background:var(--mock-bg);height:32px;color:var(--mock-text);border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:11px;display:inline-flex}.mock-form-select--inline{white-space:nowrap;flex-shrink:0;height:30px}.mock-data-table-head,.mock-data-table-row{align-items:center;gap:8px;padding:7px 12px;font-size:10px;display:grid}.mock-data-table-head{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);border-bottom:1px solid var(--mock-border-subtle);font-size:8px}.mock-data-table-row{border-bottom:1px solid #0f172a0a;font-size:11px}.mock-data-table-head--sites,.mock-data-table-row--sites{grid-template-columns:1.25fr 1.1fr 78px 52px 100px 28px;column-gap:12px}.mock-screen--sites{gap:12px}.mock-screen--sites .mock-topbar--compact{padding-bottom:2px}.mock-screen--sites .mock-topbar__title{letter-spacing:-.03em;font-size:17px}.mock-screen--sites .mock-meta-pill{background:var(--mock-bg);border:1px solid var(--mock-border-subtle);color:#475569;font-family:var(--font-body);letter-spacing:normal;border-radius:6px;padding:2px 6px;font-size:9px;line-height:1.6}.mock-screen--sites .mock-search-input{height:32px;box-shadow:none;color:#0f172a;background:#fff;border:1px solid #0f172a1a;border-radius:8px;padding:0 12px;font-size:12px}.mock-screen--sites .mock-search-input::placeholder{color:#94a3b8}.mock-screen--sites .mock-panel.mock-panel--table{box-shadow:none;border:1px solid #0f172a12;border-radius:16px;overflow:hidden}.mock-screen--sites .mock-panel.mock-panel--table .mock-panel__head{background:#fff;border-bottom:1px solid #0f172a0d;padding:12px 16px 10px}.mock-screen--sites .mock-panel.mock-panel--table .mock-panel__title{letter-spacing:-.01em;color:#0f172a;font-size:12px;font-weight:600}.mock-screen--sites .mock-data-table-head--sites{letter-spacing:.07em;color:#94a3b8;background:#fff;border-bottom:1px solid #0f172a0d;padding:9px 16px;font-size:9px}.mock-screen--sites .mock-data-table-row--sites{transition:background var(--duration-fast);border-bottom:1px solid #0f172a0a;padding:11px 16px;font-size:12px}.mock-screen--sites .mock-data-table-row--sites:last-child{border-bottom:none}.mock-screen--sites .mock-data-table-row--sites.mock-row--clickable:hover{background:#f8fafc}.mock-screen--sites .mock-data-table-row__primary{letter-spacing:-.015em;color:#0f172a;gap:10px;font-size:12px;font-weight:600}.mock-screen--sites .mock-data-table-row__globe{color:#334155;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px}.mock-screen--sites .mock-data-table-row__muted{color:#64748b;font-size:11px}.mock-screen--sites .mock-sites-created{font-family:var(--font-mono);letter-spacing:.01em;color:#94a3b8;font-variant-numeric:tabular-nums;font-size:10px}.mock-screen--sites .mock-sites-pages{color:#334155;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.mock-screen--sites .mock-sites-status{width:fit-content;max-width:max-content;font-family:var(--font-body);letter-spacing:normal;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;justify-self:start;align-items:center;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-screen--sites .mock-sites-status--active{color:#15803d;background:#16a34a14;border-color:#16a34a1f}.mock-screen--sites .mock-sites-status--paused{color:#64748b;background:#f8fafc;border-color:#0f172a14}.mock-screen--sites .mock-data-table-head--sites>span:nth-child(3),.mock-screen--sites .mock-data-table-head--sites>span:nth-child(4),.mock-screen--sites .mock-data-table-head--sites>span:nth-child(5),.mock-screen--sites .mock-sites-status,.mock-screen--sites .mock-sites-pages,.mock-screen--sites .mock-sites-created{text-align:left;justify-self:start}.mock-screen--sites .mock-table-actions__btn--view{color:#64748b;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px}.mock-screen--sites .mock-table-actions__btn--view:hover{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-screen--app.mock-screen--pages{gap:12px}.mock-screen--app.mock-screen--pages .mock-topbar--compact{padding-bottom:2px}.mock-screen--app.mock-screen--pages .mock-topbar__title{letter-spacing:-.03em;font-size:17px}.mock-screen--app.mock-screen--pages .mock-meta-pill{background:var(--mock-bg);border:1px solid var(--mock-border-subtle);color:#475569;font-family:var(--font-body);letter-spacing:normal;border-radius:6px;padding:2px 6px;font-size:9px;line-height:1.6}.mock-screen--app.mock-screen--pages .mock-segment-tabs{border-bottom:none;padding-bottom:0}.mock-screen--app.mock-screen--pages .mock-metric-pills--segmented{box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;gap:2px;padding:3px}.mock-screen--app.mock-screen--pages .mock-metric-pill{font-family:var(--font-body);letter-spacing:-.01em;color:#64748b;box-shadow:none;background:0 0;border-radius:8px;padding:5px 11px;font-size:10px;font-weight:500}.mock-screen--app.mock-screen--pages .mock-metric-pill--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-screen--app.mock-screen--pages .mock-search-input{height:32px;box-shadow:none;color:#0f172a;background:#fff;border:1px solid #0f172a1a;border-radius:8px;padding:0 12px;font-size:12px}.mock-screen--app.mock-screen--pages .mock-search-input::placeholder{color:#94a3b8}.mock-screen--app.mock-screen--pages .mock-form-select--inline{height:32px;box-shadow:none;color:#334155;background:#fff;border:1px solid #0f172a1a;border-radius:8px;font-size:12px}.mock-screen--app.mock-screen--pages .mock-toolbar--premium .mock-btn--sm{border-radius:8px;height:30px;padding-inline:10px}.mock-screen--app.mock-screen--pages .mock-table-toolbar,.mock-screen--app.mock-screen--pages .mock-pages-toolbar{box-shadow:none;color:#64748b;background:#fff;border:1px solid #0f172a12;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:11px;display:flex}.mock-screen--app.mock-screen--pages .mock-pages-toolbar__stats{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:inline-flex}.mock-screen--app.mock-screen--pages .mock-pages-toolbar__stat{color:#64748b;white-space:nowrap;align-items:baseline;gap:4px;display:inline-flex}.mock-screen--app.mock-screen--pages .mock-pages-toolbar__stat strong{letter-spacing:.01em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.mock-screen--app.mock-screen--pages .mock-pages-toolbar__sep{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:3px;height:3px}.mock-screen--app.mock-screen--pages .mock-pages-toolbar__actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.mock-screen--app.mock-screen--pages .mock-pages-toolbar__actions .mock-btn{color:#0f172a;height:30px;box-shadow:none;background:#fff;border:1px solid #0f172a1f;border-radius:8px;padding-inline:10px;font-size:12px;font-weight:600}.mock-screen--app.mock-screen--pages .mock-pages-toolbar__actions .mock-btn:hover{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-screen--app.mock-screen--pages .mock-pages-layout{grid-template-columns:minmax(168px,196px) minmax(0,1fr);gap:12px}.mock-screen--app .mock-folder-tree.mock-folder-tree--card{box-shadow:none;background:#fff;border:1px solid #0f172a12;border-radius:16px;align-self:start;gap:2px;padding:10px}.mock-screen--app .mock-folder-tree--card .mock-folder{color:#64748b;background:0 0;border:1px solid #0000;border-radius:10px;gap:8px;padding:8px 10px;font-size:12px;font-weight:500}button.mock-folder{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;pointer-events:auto}.mock-screen--app .mock-folder-tree--card .mock-folder--nested{padding-left:18px}.mock-screen--app .mock-folder-tree--card .mock-folder--open,.mock-screen--app .mock-folder-tree--card .mock-folder--active{color:#0f172a;background:#f8fafc;border-color:#0f172a0f;font-weight:600}.mock-screen--app .mock-folder-tree--card .mock-folder__chevron{color:#94a3b8;flex-shrink:0;justify-content:center;align-items:center;width:12px;display:inline-flex}.mock-screen--ads .mock-folder-tree--card .mock-folder__chevron{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:6px;width:20px;height:20px;padding:0}.mock-screen--ads .mock-folder-tree--card button.mock-folder__chevron:hover,.mock-screen--ads .mock-folder-tree--card button.mock-folder__chevron:focus{color:#64748b;background:#0f172a0d}.mock-screen--ads .mock-folder-tree--card .mock-folder__hit{min-width:0;font:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.mock-screen--ads .mock-folder-tree--card .mock-folder--leaf{padding-left:28px}.mock-screen--ads .mock-folder-tree--card .mock-folder--leaf .mock-folder__name{font-weight:500}.mock-screen--app .mock-folder-tree--card .mock-folder__icon{color:#1e293b;width:24px;height:24px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.mock-screen--app .mock-folder-tree--card .mock-folder--active .mock-folder__icon,.mock-screen--app .mock-folder-tree--card .mock-folder--open .mock-folder__icon{background:#fff}.mock-screen--app .mock-folder-tree--card .mock-folder__name{letter-spacing:-.01em;font-size:12px}.mock-screen--app .mock-folder-tree--card .mock-folder__count{font-family:var(--font-mono);letter-spacing:.01em;color:#94a3b8;font-variant-numeric:tabular-nums;background:#f8fafc;border:1px solid #0f172a0f;border-radius:8px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:500}.mock-screen--app .mock-folder-tree--card .mock-folder--active .mock-folder__count,.mock-screen--app .mock-folder-tree--card .mock-folder--open .mock-folder__count{color:#64748b;background:#fff}.mock-screen--app.mock-screen--pages .mock-panel.mock-panel--table{box-shadow:none;border:1px solid #0f172a12;border-radius:16px;overflow:hidden}.mock-screen--app.mock-screen--pages .mock-panel.mock-panel--table .mock-panel__head{background:#fff;border-bottom:1px solid #0f172a0d;padding:12px 16px 10px}.mock-screen--app.mock-screen--pages .mock-panel.mock-panel--table .mock-panel__title{letter-spacing:-.01em;color:#0f172a;font-size:12px;font-weight:600}.mock-screen--app.mock-screen--pages .mock-pages-table-grid{column-gap:var(--pages-gap);padding-inline:16px}.mock-screen--app.mock-screen--pages .mock-pages-table-grid .mock-pages-table-head.mock-pages-table-head--prod{border-bottom-color:#0f172a0d;padding:10px 0}.mock-screen--app.mock-screen--pages .mock-pages-table-head--prod>span,.mock-screen--app.mock-screen--pages .mock-pages-table-head--prod>.mock-pages-table-head__sortable--btn{color:#94a3b8;letter-spacing:.07em}.mock-screen--app.mock-screen--pages .mock-pages-section-label{color:#94a3b8;letter-spacing:.08em;background:0 0;border-bottom:none;margin:0;padding:10px 0 6px}.mock-screen--app.mock-screen--pages .mock-pages-table-grid>.mock-pages-section-label{border-bottom:none}.mock-screen--app.mock-screen--pages .mock-pages-table-grid .mock-pages-table-row.mock-pages-table-row--prod{border-bottom-color:#0f172a0a;min-height:48px;padding:10px 0}.mock-screen--app.mock-screen--pages .mock-pages-table-grid .mock-pages-table-row--prod.mock-row--clickable:hover{background:#f8fafc}.mock-screen--app.mock-screen--pages .mock-pages-table-row__name{flex-direction:row;align-items:flex-start;gap:8px}.mock-screen--app.mock-screen--pages .mock-pages-table-row__title{letter-spacing:-.015em;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.mock-screen--app.mock-screen--pages .mock-pages-table-row__slug{font-family:var(--font-mono);letter-spacing:.01em;color:#94a3b8;font-size:9px}.mock-screen--app.mock-screen--pages .mock-page-status{font-family:var(--font-body);letter-spacing:normal;border-radius:6px;width:fit-content;max-width:max-content;padding:2px 6px;font-size:9px;line-height:1.6}.mock-screen--app.mock-screen--pages .mock-page-status--published{color:#15803d;background:#16a34a14;border-color:#16a34a1f}.mock-screen--app.mock-screen--pages .mock-page-status--draft{color:#b45309;background:#f59e0b14;border-color:#f59e0b24}.mock-screen--app.mock-screen--pages .mock-pages-table-row__metric,.mock-screen--app.mock-screen--pages .mock-pages-table-row__rate{color:#334155;font-variant-numeric:tabular-nums;font-size:11px}.mock-screen--app.mock-screen--pages .mock-pages-translations__lang{background:var(--mock-bg);border:1px solid var(--mock-border-subtle);font-family:var(--font-body);letter-spacing:normal;color:#475569;border-radius:6px;align-items:center;gap:4px;width:fit-content;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-screen--app.mock-screen--pages .mock-pages-translations__dot{background:#22c55e;width:4px;height:4px}.mock-screen--app.mock-screen--pages .mock-pages-translations__add{border:1px solid var(--mock-border-subtle);background:var(--mock-bg);color:#475569;height:auto;font-family:var(--font-body);letter-spacing:normal;box-shadow:none;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-screen--app.mock-screen--pages .mock-table-actions--pages{gap:4px}.mock-screen--app.mock-screen--pages .mock-table-actions--pages .mock-table-actions__btn{color:#64748b;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px}.mock-screen--app.mock-screen--pages .mock-table-actions--pages .mock-table-actions__btn:hover{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-data-table-head--glossary,.mock-data-table-row--glossary{grid-template-columns:minmax(140px,1.15fr) minmax(72px,.72fr) minmax(148px,1.05fr) minmax(160px,1.35fr) 72px 52px;column-gap:12px;min-width:0;padding:9px 16px}.mock-screen--app .mock-data-table-head.mock-data-table-head--glossary,.mock-screen--app .mock-data-table-row.mock-data-table-row--glossary{padding:9px 16px}.mock-data-table-head--glossary,.mock-data-table-row--glossary{align-items:center}.mock-screen--glossary .mock-screen__scroll{overflow:visible}.mock-screen--glossary .mock-screen__scroll>.mock-glossary-table{flex-shrink:1;min-height:0;overflow:visible}.mock-screen--glossary .mock-glossary-table>.mock-panel__body{flex-direction:column;min-height:0;display:flex;overflow:visible}.mock-data-table-head--glossary{z-index:8;letter-spacing:.07em;color:#94a3b8;background:#fff;border-bottom:1px solid #0f172a0d;flex-shrink:0;padding:9px 16px;font-size:9px;position:relative;overflow:visible}.mock-glossary-table__body{flex:1;min-height:0;overflow-y:auto}.mock-data-table-head--glossary>span{justify-self:start;min-width:0}.mock-data-table-row--glossary>.mock-glossary-row__clients,.mock-data-table-row--glossary>.mock-glossary-row__status{justify-self:start;width:max-content;max-width:100%}.mock-data-table-head--glossary>.mock-data-table-head__actions,.mock-data-table-row--glossary .mock-table-actions--glossary{justify-self:end}.mock-glossary-head{z-index:2;align-items:center;gap:4px;min-width:0;display:inline-flex;position:relative;overflow:visible}.mock-gloss-tip{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.mock-gloss-tip .mock-form-field__help{cursor:help}.mock-gloss-tip__bubble{z-index:30;width:max-content;max-width:240px;font-family:var(--font-body);letter-spacing:-.01em;text-transform:none;text-align:center;color:#0f172a;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #0f172a14;border-radius:8px;justify-content:center;align-items:center;margin:0;padding:10px 12px;font-size:11px;font-weight:500;line-height:1.4;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f172a1a}.mock-gloss-tip__bubble:before,.mock-gloss-tip__bubble:after{content:"";border-style:solid;border-color:#0000;position:absolute;top:100%;left:50%;transform:translate(-50%)}.mock-gloss-tip__bubble:before{border-width:7px;border-top-color:#0f172a14;margin-top:1px}.mock-gloss-tip__bubble:after{border-width:6px;border-top-color:#fff}.mock-gloss-tip:hover .mock-gloss-tip__bubble,.mock-gloss-tip:focus-within .mock-gloss-tip__bubble{opacity:1;visibility:visible}.mock-gloss-tip:hover,.mock-gloss-tip:focus-within{z-index:8}.mock-glossary-head .mock-form-field__help{text-transform:none;flex-shrink:0;width:12px;height:12px;font-size:8px}.mock-data-table-row--glossary:hover{background:#f8fafc}.mock-data-table-row--glossary:last-child{border-bottom:none}.mock-glossary-row__term{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-glossary-row__term-name{align-items:center;gap:6px;min-width:0;display:flex}.mock-glossary-row__term-name strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.015em;color:#0f172a;font-size:12px;font-weight:600;line-height:1.25;overflow:hidden}.mock-glossary-row__term-meta{letter-spacing:normal;color:#64748b;font-size:11px;font-weight:400}.mock-glossary-row__term-name .mock-tag--dnt{color:#854d0e;background:#fef9c3;border:1px solid #ca8a0447;flex-shrink:0}.mock-glossary-row__clients,.mock-glossary-row__status{text-overflow:ellipsis;margin-top:0;overflow:hidden}.mock-glossary-row__wording{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-glossary-row__pair{grid-template-columns:36px minmax(0,1fr);align-items:baseline;gap:6px;min-width:0;display:grid}.mock-glossary-row__pair em{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-style:normal;font-weight:650}.mock-glossary-row__pair strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650;overflow:hidden}.mock-glossary-row__pair.is-empty strong{color:#94a3b8;font-weight:400}.mock-glossary-row__ai{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;color:#64748b;min-width:0;font-size:11px;font-weight:400;line-height:1.35;overflow:hidden}.mock-glossary-row__empty{color:var(--mock-text-muted)}.mock-tag--enforced{color:#0f172a;background:#0f172a0f;border:1px solid #0f172a24}.mock-table-actions--glossary{gap:4px}.mock-screen--glossary .mock-glossary-table.mock-panel--table{box-shadow:none;border:1px solid #0f172a12;border-radius:16px;overflow:hidden}.mock-screen--app.mock-screen--glossary .mock-data-table-head.mock-data-table-head--glossary{padding:9px 16px}.mock-screen--app.mock-screen--glossary .mock-data-table-row.mock-data-table-row--glossary{border-bottom:1px solid #0f172a0a;padding:11px 16px;font-size:12px}.mock-screen--glossary .mock-sites-status{width:fit-content;max-width:max-content;font-family:var(--font-body);letter-spacing:normal;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-screen--glossary .mock-sites-status--active{color:#15803d;background:#16a34a14;border-color:#16a34a1f}.mock-screen--glossary .mock-sites-status--paused{color:#64748b;background:#f8fafc;border-color:#0f172a14}.mock-screen--glossary .mock-table-actions__btn--edit,.mock-screen--glossary .mock-table-actions__btn--edit:hover,.mock-screen--glossary .mock-table-actions__btn--edit:focus,.mock-screen--glossary .mock-table-actions__btn--edit:active{color:#64748b;background:#f8fafc}.mock-screen--glossary .mock-table-actions__btn--edit:hover,.mock-screen--glossary .mock-table-actions__btn--edit:focus,.mock-screen--glossary .mock-table-actions__btn--edit:active{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-table-actions__btn--edit{color:#6366f1}.mock-table-actions__btn--delete{color:#ef4444}.mock-table-actions__btn--edit .icon,.mock-table-actions__btn--delete .icon{display:flex}.mock-data-table-row__primary{color:var(--mock-text);align-items:center;gap:6px;min-width:0;font-weight:600;display:flex}.mock-data-table-row__globe{color:#334155;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;line-height:0;display:inline-flex}.mock-data-table-row__globe .icon{display:flex}.mock-data-table-row__muted{color:var(--mock-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-data-table-row__instruction{color:var(--mock-text-secondary);font-size:10px;line-height:1.35}.mock-data-table-row--sites .mock-table-actions__btn{justify-self:end}.mock-tag{font-family:var(--font-body);letter-spacing:normal;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-tag--muted{color:var(--mock-text-secondary);background:var(--mock-bg);border:1px solid var(--mock-border-subtle)}.mock-tag--dnt{color:#c2410c;background:#ea580c14;border:1px solid #ea580c26}.mock-tag--label{color:#0369a1;background:#0ea5e914;border:1px solid #0ea5e926}.mock-tag--type{color:#0369a1;background:#0ea5e91a}.mock-reports-layout{grid-template-columns:1.2fr .8fr;gap:10px;display:grid}.mock-reports-form{flex-direction:column;gap:12px;padding:14px;display:flex}.mock-reports-form__actions{align-items:center;gap:12px;margin-top:4px;display:flex}.mock-reports-aside{padding:14px}.mock-reports-list{color:var(--mock-text-secondary);margin:8px 0 0;padding-left:16px;font-size:11px;line-height:1.5}.mock-reports-list li+li{margin-top:6px}.mock-site-detail__topbar{align-items:flex-start}.mock-site-detail__title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-site-detail__meta{flex-wrap:wrap}.mock-site-detail__quick{align-items:center;gap:6px;display:inline-flex}.mock-site-quick{position:relative}.mock-site-quick__menu{z-index:8;border:1px solid var(--mock-border-subtle);background:#fff;border-radius:8px;min-width:168px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 28px #0f172a1a}.mock-site-quick__item{width:100%;color:var(--mock-text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:11px;font-weight:500;display:flex}.mock-site-quick__item .icon{color:var(--mock-text-muted);flex-shrink:0}.mock-site-quick__item:hover{color:var(--mock-text);background:#0ea5e90f}.mock-site-quick__item:hover .icon{color:var(--mock-text-secondary)}.mock-site-badge{border:1px solid var(--mock-border-subtle);height:22px;color:var(--mock-text-secondary);background:#ffffffd9;border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.mock-site-badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.mock-site-badge--active{color:#15803d;background:#22c55e1a;border-color:#22c55e38}.mock-site-badge--muted{color:var(--mock-text-muted)}.mock-meta-pill--link{align-items:center;gap:5px;display:inline-flex}.mock-site-domain-link{box-shadow:none;font-family:var(--font-mono);letter-spacing:-.01em;color:var(--accent-cyan-text,#0369a1);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:11px;font-weight:500;text-decoration:none;display:inline-flex}.mock-site-domain-link:hover{color:#0284c7;text-underline-offset:2px;text-decoration:underline}.mock-site-domain-link .icon{color:currentColor;opacity:.85;flex-shrink:0}.mock-site-tabs{scrollbar-width:none;border-bottom:1px solid #0f172a1a;flex-wrap:nowrap;flex-shrink:0;align-items:flex-end;gap:0;margin:2px 0 0;padding:0 2px;display:flex;overflow:visible}.mock-site-tabs::-webkit-scrollbar{display:none}.mock-site-tab{font:inherit;color:var(--mock-text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:7px 7px 0 0;flex-shrink:0;margin-bottom:-1px;padding:8px 12px 9px;font-size:11px;font-weight:500;line-height:1.2;position:relative}.mock-site-tab:hover{color:var(--mock-text-secondary)}.mock-site-tab--active{z-index:1;color:#0284c7;background:var(--mock-surface,#fff);box-shadow:0 1px 0 var(--mock-surface,#fff);border-color:#0ea5e973;font-weight:600}.mock-site-detail__placeholder{padding:18px 16px}.mock-site-detail__placeholder-title{font-family:var(--font-body);color:var(--mock-text);margin:0 0 6px;font-size:13px;font-weight:600}.mock-site-detail__placeholder-body{max-width:42ch;color:var(--mock-text-secondary);margin:0;font-size:11px;line-height:1.45}.mock-site-stack{flex-direction:column;gap:10px;padding-bottom:8px;display:flex}.mock-site-section__head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.mock-site-section__head-main{min-width:0}.mock-site-section__title{font-family:var(--font-body);color:var(--mock-text);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:650;display:inline-flex}.mock-site-section__body,.mock-site-section__sub{color:var(--mock-text-secondary);margin:4px 0 0;font-size:11px;line-height:1.45}.mock-site-section__sub{margin-bottom:10px}.mock-site-panel{padding:12px 14px 14px}.mock-site-panel--flush-table{padding-bottom:8px}.mock-site-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-muted);margin:0 0 8px;font-size:9px}.mock-site-kicker--spaced{margin-top:14px}.mock-site-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.mock-site-swatches{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.mock-site-swatch{flex-direction:column;gap:3px;min-width:56px;display:flex}.mock-site-swatch__chip{border:1px solid #0f172a1a;border-radius:8px;width:36px;height:36px;box-shadow:inset 0 0 0 1px #fff6}.mock-site-swatch__label{color:var(--mock-text-secondary);font-size:9px;font-weight:600}.mock-site-swatch__hex{color:var(--mock-text-muted);font-size:8px}.mock-site-logo-empty{aspect-ratio:1;width:168px;max-width:100%;min-height:148px;color:var(--mock-text-muted);text-align:center;background:#0f172a05;border:1px dashed #0f172a24;border-radius:12px;justify-content:center;align-items:center;padding:16px 14px;font-size:11px;line-height:1.45;display:flex}.mock-form-input--ph{color:var(--mock-text-muted)}.mock-form-input--compact{height:28px;min-height:28px;padding:0 8px;font-size:10px}.mock-form-textarea--filled,.mock-form-textarea--code{color:var(--mock-text);white-space:pre-wrap}.mock-form-textarea--code{font-family:var(--font-mono);min-height:56px;font-size:10px}.mock-site-footnote{color:var(--mock-text-muted);margin:10px 0 0;font-size:10px}.mock-site-preview-row{color:var(--mock-text-muted);align-items:center;gap:8px;margin-top:12px;font-size:10px;display:flex}.mock-site-field-ext{color:var(--mock-text-muted);margin-left:auto}.mock-site-toggle-row{color:var(--mock-text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:11px;display:flex}.mock-site-toggle-row strong{color:var(--mock-text);font-weight:600;display:block}.mock-site-toggle-row--compact{gap:6px;padding:0;font-size:10px}.mock-site-toggle{background:#0f172a1f;border-radius:8px;flex-shrink:0;width:32px;height:18px;position:relative}.mock-site-toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0f172a26}.mock-site-toggle--on{background:#0f172a}.mock-site-toggle--on:after{left:16px}.mock-site-alert{color:#854d0e;background:#facc1514;border:1px solid #eab30859;border-radius:8px;margin:8px 0 12px;padding:8px 10px;font-size:10px;line-height:1.45}.mock-site-alert--warn{color:#9a3412;background:#f9731612;border-color:#f9731659}.mock-data-table-head--assoc,.mock-data-table-row--assoc{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 96px 100px 28px;align-items:center;column-gap:16px}.mock-data-table-head--assoc{padding:9px 12px}.mock-data-table-row--assoc{padding:10px 12px}.mock-data-table-head--assoc>span:not(:last-child),.mock-data-table-row--assoc>.mock-data-table-row__primary,.mock-data-table-row--assoc>.mock-data-table-row__muted,.mock-data-table-row--assoc>.mock-sites-status{text-align:left;justify-self:start}.mock-data-table-row--assoc .mock-sites-status{width:fit-content;max-width:max-content}.mock-data-table-row--assoc .mock-table-actions__btn{justify-self:end}.mock-data-table-head--lang,.mock-data-table-row--lang{grid-template-columns:minmax(0,1.2fr) 88px minmax(0,1.15fr);align-items:center;column-gap:16px}.mock-site-assoc-table{border:1px solid var(--mock-border-subtle);border-radius:8px;margin-top:4px;overflow:hidden}.mock-site-creds{flex-direction:column;gap:6px;display:flex}.mock-site-cred{border:1px solid var(--mock-border-subtle);background:#fff;border-radius:8px;grid-template-columns:88px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:7px 8px;display:grid}.mock-site-cred__label{color:var(--mock-text-secondary);font-size:10px;font-weight:600}.mock-site-cred__value{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--mock-text);align-items:center;gap:5px;font-size:10px;display:inline-flex;overflow:hidden}.mock-site-cred__value--accent{color:#0369a1}.mock-site-subtabs{border-bottom:1px solid var(--mock-border-subtle);gap:12px;margin-bottom:10px;display:flex}.mock-site-subtab{font:inherit;color:var(--mock-text-muted);cursor:pointer;background:0 0;border:none;padding:6px 2px 8px;font-size:11px;font-weight:500;position:relative}.mock-site-subtab--active{color:#0284c7;font-weight:600}.mock-site-subtab--active:after{content:"";background:#0ea5e9;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.mock-site-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mock-site-ad-card{border:1px solid var(--mock-border-subtle);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.mock-screen--site-detail .mock-site-panel .mock-site-ad-card{background:#f8fafc;border-color:#0f172a14}.mock-screen--site-detail .mock-site-panel .mock-site-ad-card__mark{color:#0f172a;background:#fff;border:1px solid #0f172a14}.mock-site-ad-card__mark{color:#0369a1;background:#0ea5e91a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.mock-site-ad-card__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mock-site-ad-card__name{color:var(--mock-text);font-size:11px;font-weight:600}.mock-site-ad-card__hint{color:var(--mock-text-muted);font-size:10px}.mock-site-info-banner{color:var(--mock-text-secondary);background:#0ea5e90f;border:1px solid #0ea5e938;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:11px;display:flex}.mock-site-dyn-head{align-items:center;gap:10px;margin-bottom:10px;display:flex}.mock-site-dyn-head strong{color:var(--mock-text);flex:1;font-size:12px}.mock-site-param-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px;display:grid}.mock-site-domains{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:4px;display:flex}.mock-site-domain-row{color:var(--mock-text);align-items:center;gap:8px;margin:0;font-size:12px;font-weight:500;display:flex}.mock-site-domain-row__name{min-width:0}.mock-site-domains__add{margin-left:20px}.mock-site-radio{border:1.5px solid #0f172a40;border-radius:50%;width:12px;height:12px}.mock-site-radio--on{border-color:#0ea5e9;box-shadow:inset 0 0 0 3px #0ea5e9}.mock-site-preview-link{width:fit-content;max-width:100%;color:var(--mock-text-secondary);background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:14px;padding:8px 10px;font-size:10px;display:flex}.mock-site-preview-link .mono{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-site-preview-link__actions{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.mock-site-add-dyn{align-self:flex-start}.mock-site-charcount{font-family:var(--font-mono);color:var(--mock-text-muted);text-align:right;margin-top:4px;font-size:9px;display:block}.mock-btn--warn{color:#fff;background:#f59e0b;border-color:#d97706}.mock-site-badge--warn{color:#92400e;background:#f59e0b24;border-color:#f59e0b4d}.product-frame--viewport .mock-site-grid-2,.product-frame--viewport .mock-site-ad-grid{gap:8px}.product-frame--viewport .mock-site-ad-card{padding:10px}.product-frame--viewport .mock-site-cred{grid-template-columns:72px minmax(0,1fr) 22px}.mock-site-detail__layout{grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr);align-items:start;gap:10px;display:grid}.mock-site-detail__form{flex-direction:column;gap:14px;padding:14px;display:flex}.mock-site-detail__aside{padding:12px 14px 14px}.mock-form-field__req{color:#dc2626;font-weight:600}.mock-form-input,.mock-form-textarea{border:1px solid var(--mock-border-subtle);min-height:32px;color:var(--mock-text);background:#fff;border-radius:7px;align-items:center;padding:0 10px;font-size:11px;display:flex}.mock-form-textarea{min-height:72px;color:var(--mock-text-muted);align-items:flex-start;padding:8px 10px}.mock-form-input-group{border:1px solid var(--mock-border-subtle);background:#fff;border-radius:7px;align-items:stretch;min-height:32px;display:flex;overflow:hidden}.mock-form-input-group__prefix,.mock-form-input-group__suffix{font-size:10px;font-family:var(--font-mono);color:var(--mock-text-muted);border-right:1px solid var(--mock-border-subtle);background:#0f172a08;flex-shrink:0;align-items:center;padding:0 8px;display:inline-flex}.mock-form-input-group__suffix{border-right:0;border-left:1px solid var(--mock-border-subtle);color:var(--mock-text-muted)}.mock-form-input-group__prefix--wide{text-overflow:ellipsis;white-space:nowrap;max-width:46%;overflow:hidden}.mock-form-input--group{background:0 0;border:0;border-radius:0;flex:1;min-width:0}.mock-form-input-group--prefix-path .mock-form-input--group{width:52px;font-family:var(--font-mono);flex:none;justify-content:center;font-size:10px}.mock-site-glance{margin:4px 0 0;padding:0;list-style:none}.mock-site-glance__row{border-bottom:1px solid #0f172a0d;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;font-size:11px;display:flex}.mock-site-glance__row:last-child{border-bottom:0;padding-bottom:0}.mock-site-glance__label{color:var(--mock-text-secondary)}.mock-site-glance__value{font-variant-numeric:tabular-nums;color:var(--mock-text);font-weight:500}.mock-site-glance__value--strong{color:var(--mock-text);font-weight:700}.product-frame--viewport .mock-site-detail__layout{grid-template-columns:minmax(0,1.4fr) minmax(160px,.6fr)}.product-frame--viewport .mock-site-tabs .mock-metric-pills--segmented .mock-metric-pill{padding:5px 9px}.product-frame--viewport .mock-form-input-group__prefix--wide{max-width:42%;font-size:8px}.product-frame--viewport .product-frame__main:has(.mock-screen--site-detail){padding:0}.product-frame--viewport .mock-screen.mock-screen--site-detail{padding-right:0;overflow:hidden}.mock-screen--app.mock-screen--site-detail,.mock-screen--site-detail{gap:0}.mock-screen--site-detail .mock-site-detail__topbar{box-sizing:border-box;background:#fff;border-bottom:none;align-items:flex-start;gap:14px;margin-bottom:0;padding:14px 16px 10px}.mock-screen--site-detail .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700}.mock-screen--site-detail .mock-topbar__crumb,.mock-screen--site-detail .mock-topbar__crumb--btn{color:#94a3b8}.mock-screen--site-detail .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-screen--site-detail .mock-site-detail__title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen--site-detail .mock-site-detail__meta{gap:6px;margin-top:2px}.mock-screen--site-detail .mock-meta-pill{background:var(--mock-bg);border:1px solid var(--mock-border-subtle);color:#475569;font-family:var(--font-body);letter-spacing:normal;box-shadow:none;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6}.mock-screen--site-detail .mock-meta-pill--link{color:#334155;gap:5px;text-decoration:none}.mock-screen--site-detail .mock-meta-pill--link:hover{color:#0f172a;text-decoration:none}.mock-screen--site-detail .mock-meta-pill--live{color:#334155;background:#f8fafc;border-color:#0f172a14;align-items:center;gap:6px;font-weight:550;display:inline-flex}.mock-screen--site-detail .mock-page-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:4px;height:4px;animation:1.8s ease-out infinite mock-status-pulse-green;box-shadow:0 0 #22c55e73}.mock-screen--site-detail .mock-topbar__actions{padding-top:12px}.mock-screen--site-detail .mock-site-detail__quick{box-shadow:none;background:#fff;border:1px solid #0f172a1f}.mock-screen--site-detail .mock-site-quick__menu{border:1px solid #0f172a14;border-radius:10px;padding:6px;box-shadow:0 12px 32px #0f172a1a}.mock-screen--site-detail .mock-site-tabs{border-bottom:none;align-items:stretch;gap:0;margin:0;padding:0 16px 8px;display:flex;overflow:visible}.mock-screen--site-detail .mock-screen__scroll{padding:12px 16px 10px}.mock-screen--site-detail .mock-site-tabs .mock-segment-tabs{border:0;width:100%;padding:0;display:flex}.mock-screen--site-detail .mock-site-tabs .mock-metric-pills--segmented{width:max-content}.mock-screen--site-detail .mock-panel.mock-panel--premium,.mock-screen--site-detail .mock-panel.mock-panel--table{box-shadow:none;background:#fff;border:1px solid #0f172a12;border-radius:14px}.mock-screen--site-detail .mock-panel.mock-panel--premium .mock-panel__head,.mock-screen--site-detail .mock-panel.mock-panel--table .mock-panel__head{background:#fff;border-bottom:1px solid #0f172a0d;padding:12px 14px 10px}.mock-screen--site-detail .mock-panel__title{letter-spacing:-.01em;color:#0f172a;font-size:12px;font-weight:600}.mock-screen--site-detail .mock-site-stack{gap:14px}.mock-screen--site-detail .mock-site-stack--tight{gap:16px;margin-top:4px}.mock-screen--site-detail .mock-site-panel{padding:16px 18px 18px}.mock-screen--site-detail .mock-site-section__head{gap:12px;margin-bottom:14px}.mock-screen--site-detail .mock-site-section__title{letter-spacing:-.015em;gap:8px;font-size:13px;font-weight:600}.mock-screen--site-detail .mock-site-section__icon{color:#1e293b;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mock-screen--site-detail .mock-site-section__body,.mock-screen--site-detail .mock-site-section__sub{color:#64748b;max-width:62ch;font-size:11px;line-height:1.55}.mock-screen--site-detail .mock-site-kicker{color:#94a3b8;letter-spacing:.07em;margin-bottom:10px}.mock-screen--site-detail .mock-site-panel__footer{border-top:1px solid #0f172a0d;justify-content:flex-start;margin-top:2px;padding-top:14px;display:flex}.mock-screen--site-detail .mock-site-panel__footer .mock-btn,.mock-screen--site-detail .mock-site-add-dyn{color:#0f172a;height:32px;box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:8px;padding-inline:12px;font-weight:550}.mock-screen--site-detail .mock-site-panel__footer .mock-btn:hover,.mock-screen--site-detail .mock-site-add-dyn:hover{background:#f8fafc;border-color:#0f172a24}.mock-screen--site-detail .mock-site-grid-2{gap:14px 16px}.mock-screen--site-detail .mock-site-detail__layout{align-items:stretch;gap:14px}.mock-screen--site-detail .mock-site-detail__form{gap:22px;padding:18px 18px 20px}.mock-screen--site-detail .mock-site-detail__aside{flex-direction:column;height:100%;padding:16px 18px 18px;display:flex}.mock-screen--site-detail .mock-site-detail__aside .mock-panel__body{flex:1}.mock-screen--site-detail .mock-form-field{gap:7px}.mock-screen--site-detail .mock-form-field__label{letter-spacing:-.01em;color:#0f172a;font-size:11px;font-weight:600}.mock-screen--site-detail .mock-form-field__hint{color:#94a3b8;margin-top:1px;font-size:10px;line-height:1.5}.mock-screen--site-detail .mock-form-field__label-row{gap:8px}.mock-screen--site-detail .mock-form-input,.mock-screen--site-detail .mock-form-textarea,.mock-screen--site-detail .mock-form-select{min-height:36px;box-shadow:none;color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:8px;font-size:12px}.mock-screen--site-detail .mock-form-textarea{min-height:88px;padding:10px 12px}.mock-screen--site-detail .mock-form-input-group{min-height:36px;box-shadow:none;border:1px solid #0f172a14;border-radius:8px;overflow:hidden}.mock-screen--site-detail .mock-form-input-group__prefix,.mock-screen--site-detail .mock-form-input-group__suffix{color:#64748b;background:#f8fafc;border-color:#0f172a0f;font-size:10px}.mock-screen--site-detail .mock-form-input-group--prefix-path{grid-template-columns:minmax(0,1.4fr) auto minmax(0,.9fr);align-items:stretch;display:grid}.mock-screen--site-detail .mock-form-input-group--prefix-path .mock-form-input-group__prefix--wide{width:auto;max-width:none;padding:0 10px}.mock-screen--site-detail .mock-form-input-group--prefix-path .mock-form-input--prefix-edit,.mock-screen--site-detail .mock-form-input-group--prefix-path .mock-form-input--group{width:auto;min-width:52px;font-family:var(--font-mono);color:#0f172a;box-shadow:none;background:#fff;border-radius:0;flex:none;justify-content:center;padding:0 10px;font-size:11px;font-weight:600}.mock-screen--site-detail .mock-form-input-group--prefix-path .mock-form-input-group__suffix{justify-content:flex-start;padding:0 10px}.mock-screen--site-detail .mock-form-field__help{color:#1e293b;width:22px;height:22px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:0;font-weight:500;display:inline-flex}.mock-screen--site-detail .mock-form-field__help .icon{display:flex}.mock-screen--site-detail .mock-site-glance{margin-top:8px}.mock-screen--site-detail .mock-site-glance__row{border-bottom-color:#0f172a0b;padding:11px 0}.mock-screen--site-detail .mock-site-glance__label{color:#64748b;font-size:11px}.mock-screen--site-detail .mock-site-glance__value{font-family:var(--font-mono);color:#0f172a;font-size:11px;font-weight:500}.mock-screen--site-detail .mock-site-glance__value--strong{color:#0f172a;font-weight:650}.mock-screen--site-detail .mock-site-swatch__chip{box-shadow:none;border:1px solid #0f172a1a;border-radius:8px}.mock-screen--site-detail .mock-site-logo-empty{aspect-ratio:1;background:#f8fafc;border-style:dashed;border-color:#0f172a1f;border-radius:12px;width:160px;min-height:160px;margin-bottom:4px}.mock-screen--site-detail .mock-site-cred{box-shadow:none;background:#fff;border:1px solid #0f172a12;border-radius:10px;padding:8px 10px}.mock-screen--site-detail .mock-site-subtabs{border-bottom-color:#0f172a14}.mock-screen--site-detail .mock-site-subtab--active{color:#0f172a}.mock-screen--site-detail .mock-site-subtab--active:after{background:#0ea5e9}.mock-screen--site-detail .mock-site-ad-card__mark{color:#1e293b;width:28px;height:28px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px}.mock-screen--site-detail .mock-site-assoc-table{border:1px solid #0f172a12;border-radius:10px}.mock-screen--site-detail .mock-sites-status{width:fit-content;max-width:max-content;font-family:var(--font-body);letter-spacing:normal;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;justify-self:start;align-items:center;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-screen--site-detail .mock-sites-status--active{color:#15803d;background:#16a34a14;border-color:#16a34a1f}.mock-screen--site-detail .mock-sites-status--paused{color:#64748b;background:#f8fafc;border-color:#0f172a14}.mock-screen--site-detail .mock-table-actions__btn{color:#64748b;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px}.mock-screen--site-detail .mock-site-toggle,.mock-screen--site-detail .mock-site-toggle:after{box-shadow:none}.mock-screen--site-detail .mock-site-info-banner{color:#64748b;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px}.mock-screen--site-detail .mock-site-preview-link{width:fit-content;max-width:100%;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;margin-top:14px;padding:8px 10px}.mock-screen--site-detail .mock-site-dyn-head{border-bottom:1px solid #0f172a0d;margin-bottom:12px;padding-bottom:10px}.product-frame--viewport .mock-site-quick__menu{min-width:156px}.mock-page-detail__topbar{align-items:flex-start;gap:10px}.mock-page-detail__title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-page-detail__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.mock-page-detail__stack{flex-direction:column;gap:10px;padding-bottom:12px;display:flex}.mock-page-detail__row{align-items:stretch;gap:10px;display:grid}.mock-page-detail__row--2{grid-template-columns:1.35fr .65fr}.mock-page-detail__row--3{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-page-card{flex-direction:column;height:100%;min-height:0;padding:10px 12px 12px;display:flex}.mock-page-detail__row>.mock-panel,.mock-page-detail__row>.mock-page-tile{height:100%;min-height:0}.mock-page-detail__row>.mock-panel{flex-direction:column;display:flex}.mock-page-detail__row>.mock-panel>.mock-panel__body{flex-direction:column;flex:auto;min-height:0;display:flex}.mock-page-shell{border:1px solid var(--mock-border-subtle);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1.5fr) minmax(240px,.88fr);min-height:320px;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.mock-page-shell__editor{border-right:1px solid var(--mock-border-subtle);background:#fff;flex-direction:column;min-width:0;min-height:0;display:flex}.mock-page-shell__settings{background:#fafbfc;flex-direction:column;gap:6px;min-height:0;padding:10px 12px 12px;display:flex;overflow:auto}.mock-page-shell__settings-title{color:var(--mock-text);margin:0;font-size:11px;font-weight:650}.mock-page-editor-tabs{border-bottom:1px solid var(--mock-border-subtle);scrollbar-width:none;background:#fcfdfe;flex-wrap:nowrap;gap:0;padding:0 6px;display:flex;overflow:visible}.mock-page-editor-tabs::-webkit-scrollbar{display:none}.mock-page-editor-tab{font:inherit;color:var(--mock-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;margin-bottom:-1px;padding:7px 8px;font-size:10px;font-weight:500;display:inline-flex}.mock-page-editor-tab:hover{color:var(--mock-text-secondary)}.mock-page-editor-tab--active{color:#0369a1;border-bottom-color:#0ea5e9;font-weight:600}.mock-page-code{color:#0f172a;background:#f8fafc;border-bottom:none;flex:auto;grid-template-columns:28px minmax(0,1fr);min-height:160px;display:grid}.mock-page-code__gutter{font-family:var(--font-mono);color:#94a3b8;text-align:right;background:#ffffff80;border-right:1px solid #0f172a0f;flex-direction:column;padding:8px 0;font-size:9px;line-height:1.55;display:flex}.mock-page-code__gutter span{padding:0 6px}.mock-page-code__body{white-space:pre;color:#334155;margin:0;padding:8px 10px 8px 8px;font-size:10px;line-height:1.55;overflow:hidden}.mock-page-code__foot{color:var(--mock-text-muted);border-top:1px solid var(--mock-border-subtle);background:#fff;justify-content:space-between;align-items:center;margin-top:auto;padding:6px 10px;font-size:10px;display:flex}.mock-page-settings-dense{flex-direction:column;flex:auto;gap:0;display:flex}.mock-page-settings-dense__row{border-bottom:1px solid #0f172a0d;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-height:20px;padding:3px 0;font-size:10px;display:grid}.mock-page-settings-dense__label{color:var(--mock-text-muted);font-weight:500}.mock-page-settings-dense__value{color:var(--mock-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mock-page-settings-dense__value--select{border:1px solid var(--mock-border-subtle);background:#fff;border-radius:5px;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:2px 6px;font-weight:500;display:inline-flex}.mock-page-settings-dense__goal,.mock-page-goal{background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:10px 12px;font-size:10px;display:flex}.mock-page-settings-dense__goal strong,.mock-page-goal__meta strong{color:var(--mock-text);font-size:11px;font-weight:600;display:block}.mock-page-settings-dense__goal .mono,.mock-page-goal__meta .mono{color:var(--mock-text-muted);font-size:9px}.mock-page-goal__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-page-goal__count{font-family:var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:#0ea5e9;font-size:18px;font-weight:700}.mock-page-analytics{padding:12px 14px}.mock-page-analytics__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.mock-page-range{background:#0f172a09;border:1px solid #0f172a0f;border-radius:7px;flex-shrink:0;gap:2px;padding:2px;display:inline-flex}.mock-page-range__btn{font:inherit;color:var(--mock-text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:600}.mock-page-range__btn--active{color:#0369a1;background:#fff;box-shadow:0 1px 2px #0f172a0f}.mock-page-kpi-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:6px;min-width:0;margin-bottom:0;display:grid}.mock-page-analytics__body{grid-template-columns:minmax(148px,.46fr) minmax(0,1.54fr);align-items:stretch;gap:10px;min-width:0;display:grid}.mock-page-kpi{background:#fff;border:1px solid #0f172a0f;border-radius:8px;padding:6px 8px;position:relative;overflow:hidden}.mock-page-kpi:before{content:"";background:#94a3b8;width:2px;position:absolute;inset:0 auto 0 0}.mock-page-kpi--cyan:before{background:#0ea5e9}.mock-page-kpi--indigo:before,.mock-page-kpi--slate:before{background:#64748b}.mock-page-kpi--green:before{background:#22c55e}.mock-page-kpi--violet:before{background:#0ea5e9}.mock-page-kpi--sky:before{background:#38bdf8}.mock-page-kpi--amber:before{background:#f59e0b}.mock-page-kpi__label{color:var(--mock-text-muted);margin-bottom:2px;font-size:8px;font-weight:500;display:block}.mock-page-kpi__value{font-family:var(--font-body);letter-spacing:-.02em;color:var(--mock-text);font-size:13px;font-weight:700}.mock-page-chart-card{background:#fff;border:1px solid #0f172a0f;border-radius:12px;padding:8px 10px 2px}.mock-page-chart-card__head{color:var(--mock-text);justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;font-size:10px;font-weight:600;display:flex}.mock-page-chart-card__legend{color:var(--mock-text-muted);align-items:center;gap:8px;font-size:9px;font-weight:500;display:inline-flex}.mock-page-dot{border-radius:50%;width:6px;height:6px;margin-right:3px;display:inline-block}.mock-page-dot--cyan{background:#0ea5e9}.mock-page-dot--green{background:#22c55e}.mock-data-table-head--traffic,.mock-data-table-row--traffic{grid-template-columns:.7fr .9fr 1fr 48px 36px 40px;font-size:9px}.mock-page-tag{color:#0369a1;background:#0ea5e91a;border-radius:5px;align-items:center;height:17px;padding:0 6px;font-size:9px;font-weight:700;display:inline-flex}.mock-page-pill{text-overflow:ellipsis;white-space:nowrap;max-width:100%;height:17px;color:var(--mock-text-secondary);background:#0f172a0a;border-radius:5px;padding:0 5px;font-size:8px;display:inline-flex;overflow:hidden}.mock-page-rate{min-width:34px;color:var(--mock-text-muted);background:#0f172a0a;border-radius:5px;justify-content:center;padding:1px 4px;font-size:9px;font-weight:600;display:inline-flex}.mock-page-rate--hot{color:#15803d;background:#22c55e1f}.mock-page-device-bars{flex:auto;justify-content:space-between;align-items:flex-end;gap:10px;height:100%;min-height:120px;padding:4px 4px 0;display:flex}.mock-page-device-bars__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;min-height:0;display:flex}.mock-page-device-bars__pct{color:var(--mock-text-muted);font-size:9px;font-weight:600}.mock-page-device-bars__fill{background:linear-gradient(#38bdf8,#0284c7);border-radius:5px 5px 2px 2px;width:100%;max-width:28px;min-height:4px}.mock-page-device-bars__label{color:var(--mock-text);font-size:9px;font-weight:600}.mock-page-tile{border:1px solid var(--mock-border-subtle);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;display:flex;box-shadow:0 1px 2px #0f172a08}.mock-page-tile--ai{cursor:default;background:linear-gradient(165deg,#0ea5e90a,#0000 55%),#fff}.mock-page-tile__label{color:var(--mock-text-muted);font-size:10px;font-weight:600}.mock-page-tile__value{letter-spacing:-.02em;color:var(--mock-text);font-size:14px;font-weight:700}.mock-page-tile__action{color:#0369a1;margin-top:auto;font-size:11px;font-weight:600}.mock-page-tile__cta{color:#fff;width:100%;font:inherit;cursor:pointer;background:#0f172a;border:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;margin-top:auto;padding:7px 10px;font-size:10px;font-weight:600;display:inline-flex}.mock-page-ai-foci{flex-wrap:wrap;gap:4px;display:flex}.mock-page-ai-chip{font:inherit;color:var(--mock-text-secondary);cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:999px;padding:3px 8px;font-size:9px}.mock-page-ai-chip--active{color:#0369a1;background:#0ea5e914;border-color:#0ea5e973;font-weight:600}.mock-data-table-head--country,.mock-data-table-row--country{grid-template-columns:44px 1fr 44px 48px}.mock-page-snippet{color:#cbd5e1;background:#0f172a;border-radius:8px;align-items:center;gap:6px;margin-bottom:8px;padding:7px 8px;display:flex;position:relative}.mock-page-snippet--line{min-height:0}.mock-page-snippet code{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:9px;line-height:1.35;overflow:hidden}.mock-page-snippet .mock-table-actions__btn{color:#94a3b8;flex-shrink:0}.mock-page-bars{flex:auto;align-items:flex-end;gap:6px;height:100%;min-height:84px;padding:4px 2px 0;display:flex}.mock-page-bars__col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;min-height:0;display:flex}.mock-page-bars__fill{border-radius:4px 4px 1px 1px;width:100%;max-width:18px}.mock-page-bars--cyan .mock-page-bars__fill{background:linear-gradient(#38bdf8,#0284c7)}.mock-page-bars--amber .mock-page-bars__fill{background:linear-gradient(#fbbf24,#d97706)}.mock-page-bars__label{color:var(--mock-text-muted);font-size:8px}.mock-page-card--danger{background:#fff}.mock-page-danger__body{color:var(--mock-text-muted);flex:1;margin:0 0 10px;font-size:11px;line-height:1.4}.mock-page-danger__link{color:#b91c1c;align-items:center;gap:5px;font-weight:600;display:inline-flex}.product-frame--viewport .mock-page-shell{grid-template-columns:minmax(0,1.35fr) minmax(200px,.9fr)}.product-frame--viewport .mock-page-analytics__body{grid-template-columns:minmax(140px,.48fr) minmax(0,1.52fr);gap:8px}.product-frame--viewport .mock-page-detail__actions .mock-btn{padding-inline:10px}.product-frame--viewport .mock-page-bars{min-height:72px}.mock-screen--app.mock-screen--page-detail{gap:14px;position:relative}.mock-screen--app.mock-screen--page-detail .mock-topbar--compact{gap:14px;padding-bottom:4px}.mock-screen--app.mock-screen--page-detail .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700}.mock-screen--app.mock-screen--page-detail .mock-topbar__crumb--btn{color:#94a3b8}.mock-screen--app.mock-screen--page-detail .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-screen--app.mock-screen--page-detail .mock-page-rail .mock-btn--secondary{color:#0f172a;width:100%;height:30px;box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:8px;font-weight:550}.mock-screen--app.mock-screen--page-detail .mock-page-detail__topbar{background:#fff;border-bottom:1px solid #0f172a0d;align-items:flex-start;margin-bottom:2px;padding-bottom:10px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__title-row{gap:10px;margin-top:2px}.mock-screen--app.mock-screen--page-detail .mock-meta-pill{background:var(--mock-bg);border:1px solid var(--mock-border-subtle);color:#475569;font-family:var(--font-body);letter-spacing:normal;box-shadow:none;border-radius:6px;padding:2px 6px;font-size:9px;line-height:1.6}.mock-screen--app.mock-screen--page-detail .mock-meta-pill--link{color:#334155;gap:5px}.mock-screen--app.mock-screen--page-detail .mock-page-status{font-family:var(--font-body);letter-spacing:normal;border-radius:6px;width:fit-content;padding:2px 6px;font-size:9px;line-height:1.6}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions-group{background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:0;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions-group--primary{background:0 0;border-color:#0000;gap:6px;padding:0}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions .mock-btn{height:30px;box-shadow:none;border-radius:8px;padding-inline:10px;font-size:12px;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions-group .mock-btn--ghost,.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions-group .mock-btn--secondary{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions-group--primary .mock-btn--sm:not(.mock-btn--ghost){min-width:112px;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-shell{box-shadow:none;background:#fff;border:1px solid #0f172a12;border-radius:16px;grid-template-columns:minmax(0,1.55fr) minmax(256px,.82fr);min-height:0}.mock-screen--app.mock-screen--page-detail .mock-page-shell__editor{background:#fff;border-right-color:#0f172a0f}.mock-screen--app.mock-screen--page-detail .mock-page-editor-tabs{background:#fff;border-bottom:1px solid #0f172a0f;flex-shrink:0;gap:2px;padding:0 12px}.mock-screen--app.mock-screen--page-detail .mock-page-editor-tab{color:#94a3b8;border-bottom-width:2px;padding:11px 11px 12px;font-size:11px;font-weight:500}.mock-screen--app.mock-screen--page-detail .mock-page-editor-tab:hover{color:#64748b}.mock-screen--app.mock-screen--page-detail .mock-page-editor-tab--active{color:#0f172a;border-bottom-color:#0ea5e9;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-code{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);flex:auto;min-height:168px}.mock-screen--app.mock-screen--page-detail .mock-page-code__gutter{color:#94a3b8;background:0 0;border-right-color:#0f172a0f;padding-top:14px;padding-bottom:14px}.mock-screen--app.mock-screen--page-detail .mock-page-code__body{color:#334155;padding:14px 16px;font-size:11.5px;line-height:1.65}.mock-screen--app.mock-screen--page-detail .mock-page-code__foot{color:#94a3b8;background:#fff;border-top-color:#0f172a0d;flex-shrink:0;padding:9px 14px;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-shell__settings{background:#fff;gap:12px;padding:16px;overflow:auto}.mock-screen--app.mock-screen--page-detail .mock-page-shell__settings-title{letter-spacing:-.01em;color:#0f172a;margin:0;font-size:12px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-settings-dense__row{border-bottom-color:#0f172a0b;grid-template-columns:56px minmax(0,1fr);gap:10px;min-height:28px;padding:7px 0;font-size:11px}.mock-screen--app.mock-screen--page-detail .mock-page-settings-dense__row:last-child{border-bottom:none}.mock-screen--app.mock-screen--page-detail .mock-page-settings-dense__label{color:#94a3b8;font-size:10px;font-weight:500}.mock-screen--app.mock-screen--page-detail .mock-page-settings-dense__value{color:#0f172a;font-weight:550}.mock-screen--app.mock-screen--page-detail .mock-page-settings-dense__value--select{box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;padding:5px 9px}.mock-screen--app.mock-screen--page-detail .mock-page-settings-dense__row--stack{flex-direction:column;grid-template-columns:none;align-items:stretch;gap:5px;min-height:0;padding:8px 0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-settings-dense__value--field,.mock-screen--app.mock-screen--page-detail .mock-page-settings-dense__value--textarea{color:#0f172a;width:100%;box-shadow:none;white-space:nowrap;text-overflow:ellipsis;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;padding:7px 10px;font-weight:500;display:block;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-settings-dense__value--textarea{white-space:normal;color:#94a3b8;min-height:52px;font-weight:400;line-height:1.4}.mock-screen--app.mock-screen--page-detail .mock-page-settings-dense__counter{color:#94a3b8;align-self:flex-end;font-size:9px}.mock-screen--app.mock-screen--page-detail .mock-page-assign{flex-direction:column;gap:8px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-assign__title{color:#0f172a;font-size:11px;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-assign__card{background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;padding:8px 10px 10px}.mock-screen--app.mock-screen--page-detail .mock-page-assign__card .mock-page-settings-dense__row--stack{padding:6px 0}.mock-screen--app.mock-screen--page-detail .mock-page-assign__grid{grid-template-columns:.55fr 1fr;gap:8px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-assign__footer{border-top:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding-top:8px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-assign__enabled{color:#334155;background:0 0;border:none;gap:8px;width:auto;padding:0;font-size:11px}.mock-screen--app.mock-screen--page-detail .mock-page-goals-bar{background:#fff;border:1px solid #0f172a14;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-goals-bar__label{color:#94a3b8;margin-bottom:2px;font-size:10px;display:block}.mock-screen--app.mock-screen--page-detail .mock-page-goals-bar strong{color:#0f172a;font-size:14px}.mock-screen--app.mock-screen--page-detail .mock-page-goal{box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:12px;margin-top:4px;padding:12px}.mock-screen--app.mock-screen--page-detail .mock-page-goal__meta strong{color:#0f172a;font-size:12px}.mock-screen--app.mock-screen--page-detail .mock-page-goal__count{color:#0ea5e9;font-size:20px}.mock-screen--app.mock-screen--page-detail .mock-page-analytics__head .mock-panel__title{letter-spacing:-.015em;color:#0f172a;font-size:13px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-range.mock-metric-pills--segmented{box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;gap:2px;padding:3px}.mock-screen--app.mock-screen--page-detail .mock-page-range .mock-metric-pill,.mock-screen--app.mock-screen--page-detail .mock-page-range__btn{font-family:var(--font-body);letter-spacing:-.01em;color:#64748b;box-shadow:none;background:0 0;border-radius:8px;padding:5px 11px;font-size:10px;font-weight:500}.mock-screen--app.mock-screen--page-detail .mock-page-range .mock-metric-pill--active,.mock-screen--app.mock-screen--page-detail .mock-page-range__btn--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-grid{gap:8px;height:100%;margin-bottom:0}.mock-screen--app.mock-screen--page-detail .mock-page-kpi{min-height:0;box-shadow:none;background:#fff;border:1px solid #0f172a12;border-radius:12px;flex-direction:column;justify-content:center;padding:11px 12px 11px 14px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-kpi:before{border-radius:2px;width:2px;inset:11px auto 11px 0}.mock-screen--app.mock-screen--page-detail .mock-page-kpi__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:5px;font-size:9px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi__value{letter-spacing:-.035em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card{height:100%;min-height:0;box-shadow:none;background:linear-gradient(#f8fafc 0%,#fff 55%);border:1px solid #0f172a12;border-radius:14px;flex-direction:column;padding:12px 14px 8px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card .mock-area-line{flex-direction:column;flex:auto;min-height:132px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card .mock-area-line__plot{flex:auto;min-height:108px}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card__head{color:#0f172a;margin-bottom:6px;font-size:11px;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card__legend{color:#64748b;gap:10px;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row{gap:12px}.mock-screen--app.mock-screen--page-detail .mock-page-card.mock-panel,.mock-screen--app.mock-screen--page-detail .mock-page-tile{box-shadow:none;background:#fff;border:1px solid #0f172a12;border-radius:16px}.mock-screen--app.mock-screen--page-detail .mock-page-card .mock-panel__title{letter-spacing:-.01em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-data-table-head--traffic,.mock-screen--app.mock-screen--page-detail .mock-data-table-head--country{color:#94a3b8;letter-spacing:.07em;background:0 0;border-bottom-color:#0f172a0d;padding:8px 0}.mock-screen--app.mock-screen--page-detail .mock-data-table-row--traffic,.mock-screen--app.mock-screen--page-detail .mock-data-table-row--country{border-bottom-color:#0f172a0a;padding:9px 0}.mock-screen--app.mock-screen--page-detail .mock-page-tag,.mock-screen--app.mock-screen--page-detail .mock-page-pill{color:#334155;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:999px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--main-rail{grid-template-columns:minmax(0,1.5fr) minmax(220px,.78fr);align-items:start}.mock-screen--app.mock-screen--page-detail .mock-page-detail__main-col{flex-direction:column;gap:12px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-rail{flex-direction:column;gap:10px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-rail__card{box-shadow:none;background:#fff;border:1px solid #0f172a12;border-radius:16px;flex-direction:column;gap:10px;padding:13px 14px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-rail__head{color:#0f172a;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-rail__empty{color:#94a3b8;margin:0;font-size:11px}.mock-screen--app.mock-screen--page-detail .mock-page-rail__hint{color:#94a3b8;margin:0;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-rail__copy{color:#64748b;margin:0;font-size:11px;line-height:1.5}.mock-screen--app.mock-screen--page-detail .mock-page-goal--rail{margin:0}.mock-screen--app.mock-screen--page-detail .mock-page-ai-note{min-height:48px}.mock-screen--app.mock-screen--page-detail .mock-page-ai-foci{gap:6px}.mock-screen--app.mock-screen--page-detail .mock-page-ai-chip{color:#64748b;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:999px}.mock-screen--app.mock-screen--page-detail .mock-page-ai-chip--active{color:#0f172a;background:#fff;border-color:#0f172a1f;box-shadow:0 1px 2px #0f172a0d}.mock-screen--app.mock-screen--page-detail .mock-page-tile__cta{color:#0f172a;height:32px;box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:8px}.mock-screen--app.mock-screen--page-detail .mock-page-device-list{border-top:1px solid #0f172a0d;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-device-list__row{color:#334155;grid-template-columns:1fr auto auto;align-items:center;gap:10px;font-size:11px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-empty{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:132px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-empty strong{color:#334155;font-size:12px}.mock-screen--app.mock-screen--page-detail .mock-page-empty p{max-width:28ch;margin:0;font-size:11px;line-height:1.45}.mock-screen--app.mock-screen--page-detail .mock-page-install li+li{margin-top:4px}.mock-screen--app.mock-screen--page-detail .mock-page-snippet{box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px}.mock-screen--app.mock-screen--page-detail .mock-page-uuid{background:#f8fafc;border:1px solid #0f172a0f;border-radius:10px;flex-direction:column;gap:4px;margin:10px 0;padding:8px 10px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-uuid .mono{color:#0369a1;word-break:break-all;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-table-actions__btn{color:#64748b;width:26px;height:26px;box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:8px}.mock-screen--app.mock-screen--page-detail .mock-page-device-bars__fill,.mock-screen--app.mock-screen--page-detail .mock-page-bars--cyan .mock-page-bars__fill{background:#0ea5e9}.mock-screen--app.mock-screen--page-detail .mock-page-bars--amber .mock-page-bars__fill{background:#f59e0b}.product-frame--viewport .mock-page-shell{grid-template-columns:minmax(0,1.35fr) minmax(220px,.95fr);min-height:300px}.product-frame--viewport .mock-page-analytics__body{grid-template-columns:minmax(136px,.42fr) minmax(0,1.58fr);gap:8px;min-height:160px}.product-frame--viewport .mock-page-kpi-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.product-frame--viewport .mock-page-detail__row--main-rail{grid-template-columns:minmax(0,1.4fr) minmax(180px,.82fr)}.product-frame--viewport .mock-page-detail__actions{max-width:58%}.product-frame--viewport .mock-page-detail__actions .mock-btn{height:30px;padding-inline:10px;font-size:12px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--3{grid-template-columns:minmax(0,1.35fr) minmax(0,.82fr) minmax(0,.82fr);align-items:stretch}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.mock-screen--app.mock-screen--page-detail .mock-page-dot--cyan{background:#0ea5e9}.mock-screen--app.mock-screen--page-detail .mock-page-dot--green{background:#22c55e}.mock-screen--app.mock-screen--page-detail .mock-page-device-bars{flex:none;height:110px;min-height:96px;margin-bottom:2px}.mock-screen--app.mock-screen--page-detail .mock-page-device-bars__fill{background:#0ea5e9;border-radius:6px 6px 2px 2px;max-width:26px}.mock-screen--app.mock-screen--page-detail .mock-page-bars{min-height:108px}.mock-screen--app.mock-screen--page-detail .mock-page-hbars{flex-direction:column;flex:auto;justify-content:center;gap:8px;min-height:132px;padding:4px 0 2px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-hbars__row{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-hbars__label{color:#94a3b8;text-align:right;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-hbars__track{background:#f1f5f9;border-radius:999px;height:10px;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-hbars__fill{border-radius:999px;min-width:4px;height:100%;display:block}.mock-screen--app.mock-screen--page-detail .mock-page-hbars--amber .mock-page-hbars__fill{background:linear-gradient(90deg,#f59e0b 0%,#fbbf24 100%)}.mock-screen--app.mock-screen--page-detail .mock-page-hbars--cyan .mock-page-hbars__fill{background:linear-gradient(90deg,#0284c7 0%,#38bdf8 100%)}.mock-screen--app.mock-screen--page-detail .mock-page-donut-block{flex:auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:132px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-donut-block--stack{grid-template-columns:1fr;justify-items:center;gap:12px;padding-top:4px}.mock-screen--app.mock-screen--page-detail .mock-page-donut{flex-shrink:0;width:96px;height:96px;position:relative}.mock-screen--app.mock-screen--page-detail .mock-page-donut--lg{width:108px;height:108px}.mock-screen--app.mock-screen--page-detail .mock-page-donut__svg{width:100%;height:100%;display:block}.mock-screen--app.mock-screen--page-detail .mock-page-donut__center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.mock-screen--app.mock-screen--page-detail .mock-page-donut__center strong{letter-spacing:-.04em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.mock-screen--app.mock-screen--page-detail .mock-page-donut--lg .mock-page-donut__center strong{font-size:17px}.mock-screen--app.mock-screen--page-detail .mock-page-donut__center span{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:8px;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-donut-legend{flex-direction:column;gap:7px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-donut-legend__row{color:#334155;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:8px;font-size:11px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-donut-legend__dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mock-screen--app.mock-screen--page-detail .mock-page-donut-legend__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-donut-legend--grid{flex-flow:wrap;justify-content:center;gap:6px 10px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-donut-legend__chip{color:#64748b;align-items:center;gap:5px;font-size:10px;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-card--devices .mock-panel__body{flex-direction:column;justify-content:center;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-devices{flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:18px;width:100%;min-height:0;padding:6px 0 4px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-devices__legend{flex-direction:column;gap:0;width:100%;margin:0;padding:0;list-style:none;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-devices__row{border-top:1px solid #0f172a0d;grid-template-columns:8px minmax(0,1fr) 2.8ch auto;align-items:center;gap:8px;padding:8px 0;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-devices__row:first-child{border-top:none;padding-top:2px}.mock-screen--app.mock-screen--page-detail .mock-page-devices__swatch{border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #ffffffe6}.mock-screen--app.mock-screen--page-detail .mock-page-devices__name{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:550;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-devices__pct{color:#0f172a;font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-devices__visitors{color:#94a3b8;font-variant-numeric:tabular-nums;text-align:right;min-width:3.2ch;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-devices--compact{gap:14px;padding:2px 0}.mock-screen--app.mock-screen--page-detail .mock-page-devices--compact .mock-page-devices__row{grid-template-columns:8px minmax(0,1fr) auto;padding:6px 0}.mock-screen--app.mock-screen--page-detail .mock-page-devices--compact .mock-page-donut--lg{width:100px;height:100px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__stack{gap:14px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--2{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--charts{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--main-rail{grid-template-columns:minmax(0,1.45fr) minmax(228px,.82fr);gap:12px}.mock-screen--app.mock-screen--page-detail .mock-page-rail{gap:10px}.mock-screen--app.mock-screen--page-detail .mock-page-shell{grid-template-columns:minmax(0,1.58fr) minmax(252px,.78fr)}.mock-screen--app.mock-screen--page-detail .mock-page-shell__settings{gap:14px;padding:14px 14px 16px}.mock-screen--app.mock-screen--page-detail .mock-page-analytics__body{grid-template-columns:minmax(148px,.4fr) minmax(0,1.6fr);gap:14px;min-height:200px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-grid{gap:7px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi{background:#fbfcfd;border-color:#0f172a0f;border-radius:11px;padding:10px 11px 10px 13px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi:before{opacity:.9;inset:10px auto 10px 0}.mock-screen--app.mock-screen--page-detail .mock-page-kpi__label{letter-spacing:.05em;margin-bottom:4px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi__value{font-size:15px}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card{border-radius:13px;padding:12px 14px 10px}.mock-screen--app.mock-screen--page-detail .mock-page-card{padding:13px 15px 15px}.mock-screen--app.mock-screen--page-detail .mock-page-card .mock-panel__head{margin-bottom:10px}.mock-screen--app.mock-screen--page-detail .mock-page-hbars{gap:9px;min-height:148px;padding:6px 0 2px}.mock-screen--app.mock-screen--page-detail .mock-page-hbars__track{height:9px}.mock-screen--app.mock-screen--page-detail .mock-page-empty{gap:7px;min-height:148px}.mock-screen--app.mock-screen--page-detail .mock-page-rail__card{gap:9px;padding:12px 13px}.mock-screen--app.mock-screen--page-detail .mock-page-tile__cta{height:34px;margin-top:2px}.mock-screen--app.mock-screen--page-detail .mock-page-card--install .mock-panel__body,.mock-screen--app.mock-screen--page-detail .mock-page-card--info .mock-panel__body,.mock-screen--app.mock-screen--page-detail .mock-page-card--danger .mock-panel__body{flex-direction:column;flex:auto;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-install{color:#64748b;margin:0 0 12px;padding-left:15px;font-size:11px;line-height:1.5}.mock-screen--app.mock-screen--page-detail .mock-page-install__foot{flex-direction:column;gap:8px;margin-top:auto;padding-top:10px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-card--info .mock-site-glance{flex-direction:column;flex:auto;margin:0;padding:0;list-style:none;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-card--info .mock-site-glance__row{border-bottom:1px solid #0f172a0b;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-card--info .mock-site-glance__row:last-child{border-bottom:none;margin-top:auto}.mock-screen--app.mock-screen--page-detail .mock-page-danger{flex-direction:column;flex:auto;gap:14px;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-card--danger{background:linear-gradient(#fff 0%,snow 100%);border-color:#b91c1c1f}.mock-screen--app.mock-screen--page-detail .mock-page-danger__btn{color:#b91c1c;width:100%;height:34px;font:inherit;cursor:pointer;box-shadow:none;background:#fff;border:1px solid #b91c1c2e;border-radius:9px;justify-content:center;align-items:center;gap:6px;margin-top:auto;font-size:11px;font-weight:600;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-danger__btn:hover{background:#b91c1c0a}.mock-screen--app.mock-screen--page-detail .mock-data-table-head--traffic,.mock-screen--app.mock-screen--page-detail .mock-data-table-row--traffic{grid-template-columns:.9fr 1fr 1fr .7fr .5fr .55fr}.mock-screen--app.mock-screen--page-detail .mock-data-table-head--country,.mock-screen--app.mock-screen--page-detail .mock-data-table-row--country{grid-template-columns:52px 1fr 48px 52px}.mock-screen--app.mock-screen--page-detail .mock-data-table-head--country span:nth-child(2),.mock-screen--app.mock-screen--page-detail .mock-data-table-row--country span:nth-child(2),.mock-screen--app.mock-screen--page-detail .mock-data-table-head--country span:nth-child(3),.mock-screen--app.mock-screen--page-detail .mock-data-table-row--country span:nth-child(3),.mock-screen--app.mock-screen--page-detail .mock-data-table-head--country span:nth-child(4),.mock-screen--app.mock-screen--page-detail .mock-data-table-row--country span:nth-child(4){text-align:right}.product-frame--viewport .mock-page-detail__row--charts{grid-template-columns:repeat(2,minmax(0,1fr))}.product-frame--viewport .mock-page-detail__row--footer{grid-template-columns:minmax(0,1.15fr) minmax(0,.925fr) minmax(0,.925fr)}.mock-screen--app.mock-screen--page-detail .mock-page-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0 0 8px;font-size:9px;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-settings-block{flex-direction:column;gap:2px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-shell{background:linear-gradient(#fcfdfe 0%,#fff 40%);border-color:#0f172a13}.mock-screen--app.mock-screen--page-detail .mock-page-code{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%)}.mock-screen--app.mock-screen--page-detail .mock-page-code__body{color:#334155}.mock-screen--app.mock-screen--page-detail .mock-page-code__line{min-height:1.65em}.mock-screen--app.mock-screen--page-detail .tok-tag{color:#0369a1;font-weight:600}.mock-screen--app.mock-screen--page-detail .tok-attr{color:#0ea5e9}.mock-screen--app.mock-screen--page-detail .tok-str{color:#15803d}.mock-screen--app.mock-screen--page-detail .tok-punc{color:#94a3b8}.mock-screen--app.mock-screen--page-detail .mock-page-shell__settings{background:linear-gradient(#fbfcfd 0%,#fff 30%);border-left:1px solid #0f172a0d}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip{border-bottom:1px solid #0f172a0f;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0 0 14px;padding:2px 0 14px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip__item{border-left:1px solid #0f172a0f;flex-direction:column;gap:5px;min-width:0;padding:2px 12px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip__item:first-child{border-left:none;padding-left:0}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-weight:500}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip__value{letter-spacing:-.04em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;line-height:1.1}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip__item--cyan .mock-page-kpi-strip__value{color:#0284c7}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip__item--green .mock-page-kpi-strip__value{color:#15803d}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip__item--amber .mock-page-kpi-strip__value{color:#b45309}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip__item--sky .mock-page-kpi-strip__value{color:#0369a1}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--wide{background:0 0;border:none;border-radius:0;height:auto;min-height:196px;padding:4px 4px 2px}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--wide .mock-area-line{min-height:160px}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--wide .mock-area-line__plot{min-height:140px}.mock-screen--app.mock-screen--page-detail .mock-page-analytics.mock-panel{padding:16px 18px 14px}.mock-screen--app.mock-screen--page-detail .mock-page-analytics__head{margin-bottom:12px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--3eq{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-devices--side{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;width:100%;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-devices--side .mock-page-devices__legend{width:auto}.mock-screen--app.mock-screen--page-detail .mock-page-rail__empty{color:#94a3b8;padding:4px 0 2px;font-size:11px}.mock-screen--app.mock-screen--page-detail .mock-page-goal--rail{background:#f8fafc;border:1px solid #0f172a0f;border-radius:12px;padding:12px}.mock-screen--app.mock-screen--page-detail .mock-page-goal__count{letter-spacing:-.04em;font-size:22px}.mock-screen--app.mock-screen--page-detail .mock-page-ai-chip{padding:4px 9px;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-ai-note{min-height:44px;font-size:11px}.mock-screen--app.mock-screen--page-detail .mock-page-assign__title{display:none}.mock-screen--app.mock-screen--page-detail .mock-page-goals-bar{background:#f8fafc;margin-top:2px;padding:11px 12px}.mock-screen--app.mock-screen--page-detail .mock-page-empty{min-height:160px}.mock-screen--app.mock-screen--page-detail .mock-page-empty__icon{border-radius:12px;width:40px;height:40px}.product-frame--viewport .mock-page-kpi-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-bottom:10px;padding-bottom:10px}.product-frame--viewport .mock-page-kpi-strip__item{padding-inline:8px}.product-frame--viewport .mock-page-chart-card--wide{min-height:168px}.product-frame--viewport .mock-page-chart-card--wide .mock-area-line{min-height:132px}.product-frame--viewport .mock-page-detail__row--3eq{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-frame--viewport .mock-page-devices--side{gap:10px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:58%;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-detail__more{position:relative}.mock-screen--app.mock-screen--page-detail .mock-page-detail__more-menu{z-index:8;background:#fff;border:1px solid #0f172a14;border-radius:12px;min-width:168px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #0f172a1a}.mock-screen--app.mock-screen--page-detail .mock-page-detail__more-item{color:#0f172a;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:500;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-detail__more-item--compact,.mock-page-detail__more-item--compact,.mock-topbar__more--compact-only{display:none}.mock-screen--app.mock-screen--page-detail .mock-page-detail__more-item:hover{background:#f8fafc}.mock-screen--app.mock-screen--page-detail .mock-page-section{flex-direction:column;gap:12px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-section__head{align-items:flex-start;gap:10px;padding:0 2px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-section__icon{color:#334155;background:#f8fafc;border:1px solid #0f172a14;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-section__copy{flex:auto;min-width:0}.mock-screen--app.mock-screen--page-detail .mock-page-section__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:13px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-section__desc{color:#94a3b8;max-width:56ch;margin:2px 0 0;font-size:11px;line-height:1.45}.mock-screen--app.mock-screen--page-detail .mock-page-section__head .mock-page-range{flex-shrink:0;margin-left:auto}.mock-screen--app.mock-screen--page-detail .mock-page-section__body{min-width:0}.mock-screen--app.mock-screen--page-detail .mock-page-section--main{flex:auto;min-width:0}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--main-rail{grid-template-columns:minmax(0,1.45fr) minmax(220px,.78fr);align-items:start;gap:16px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-rail__intro{align-items:flex-start;gap:10px;padding:0 2px 4px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-rail__empty-block{flex-direction:column;gap:6px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-rail__empty-block .mock-btn{width:100%;margin-top:4px}.mock-screen--app.mock-screen--page-detail .mock-page-analytics--flush{padding:14px 16px 12px}.mock-screen--app.mock-screen--page-detail .mock-page-analytics--flush .mock-page-kpi-strip{margin-top:0}.mock-screen--app.mock-screen--page-detail .mock-page-editor-tabs__sep{background:#0f172a14;flex-shrink:0;align-self:center;width:1px;height:16px;margin:0 4px}.mock-screen--app.mock-screen--page-detail .mock-page-editor-tab--quiet{color:#94a3b8;font-weight:500}.product-frame--viewport .mock-page-detail__row--main-rail{grid-template-columns:minmax(0,1.38fr) minmax(190px,.8fr);gap:12px}.product-frame--viewport .mock-page-section__desc{max-width:42ch}.mock-screen--app.mock-screen--page-detail .mock-page-detail__nav{scrollbar-width:none;background:#fff;border-bottom:none;flex-wrap:nowrap;flex-shrink:0;justify-content:flex-start;align-items:stretch;gap:0;margin:0;padding:0 0 2px;display:flex;overflow-x:auto}.mock-screen--app.mock-screen--page-detail .mock-page-detail__nav::-webkit-scrollbar{display:none}.mock-screen--app.mock-screen--page-detail .mock-page-detail__nav .mock-segment-tabs{border:0;width:100%;padding:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-detail__nav .mock-metric-pills--segmented{width:max-content}.mock-screen--app.mock-screen--page-detail .mock-meta-pill--live{color:#334155;background:#f8fafc;border-color:#0f172a14;align-items:center;gap:6px;font-weight:550;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:4px;height:4px;animation:1.8s ease-out infinite mock-status-pulse-green;box-shadow:0 0 #22c55e73}.mock-screen--app.mock-screen--page-detail .mock-page-section{gap:10px;padding-top:4px}.mock-screen--app.mock-screen--page-detail .mock-page-section+.mock-page-section,.mock-screen--app.mock-screen--page-detail .mock-page-section+.mock-page-detail__row--main-rail,.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--main-rail+.mock-page-section{border-top:none;margin-top:10px;padding-top:14px}.mock-screen--app.mock-screen--page-detail .mock-page-section__head{margin-bottom:2px;padding:0 2px}.mock-screen--app.mock-screen--page-detail .mock-page-shell{box-shadow:none;background:#fff;border:1px solid #0f172a13;border-radius:14px;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-analytics.mock-panel{box-shadow:none;background:#fff;border:1px solid #0f172a13;border-radius:14px;padding:14px 16px}.mock-screen--app.mock-screen--page-detail .mock-page-code__chrome{background:#f8fafc;border-bottom:1px solid #0f172a0d;align-items:center;gap:8px;padding:7px 12px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-code__file{color:#334155;letter-spacing:-.01em;font-size:10px;font-weight:550}.mock-screen--app.mock-screen--page-detail .mock-page-code__badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#b45309;background:#fffbeb;border:1px solid #f59e0b47;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:550}.mock-screen--app.mock-screen--page-detail .mock-page-code__meta{color:#94a3b8;margin-left:auto;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-code__line--active{background:#0ea5e912;box-shadow:inset 2px 0 #0ea5e9}.mock-screen--app.mock-screen--page-detail .mock-page-code__gutter--active{color:#0284c7;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-insight{color:#64748b;background:#f8fafc;border:1px solid #0f172a0f;border-radius:10px;align-items:flex-start;gap:8px;margin:0 0 12px;padding:9px 11px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-insight .icon{color:#0284c7;flex-shrink:0;margin-top:1px}.mock-screen--app.mock-screen--page-detail .mock-page-insight p{color:#64748b;margin:0;font-size:11px;line-height:1.45}.mock-screen--app.mock-screen--page-detail .mock-page-insight strong{color:#0f172a;font-variant-numeric:tabular-nums;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip__delta{color:#15803d;letter-spacing:-.01em;margin-top:1px;font-size:9px;font-weight:550}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip__item{gap:3px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip__value{font-size:17px}.mock-screen--app.mock-screen--page-detail .mock-page-glance{background:#fbfcfd;border:1px solid #0f172a0f;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:2px;padding:10px 12px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-glance__item{border-left:1px solid #0f172a0f;flex-direction:column;gap:3px;min-width:0;padding:0 12px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-glance__item:first-child{border-left:none;padding-left:0}.mock-screen--app.mock-screen--page-detail .mock-page-glance__label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-weight:500}.mock-screen--app.mock-screen--page-detail .mock-page-glance__item strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-glance__warn{color:#b45309!important}.mock-screen--app.mock-screen--page-detail .mock-page-detail__stack{gap:4px;padding-bottom:28px}.mock-screen--app.mock-screen--page-detail .mock-page-rail{background:#fff;border:1px solid #0f172a13;border-radius:14px;align-self:start;gap:10px;padding:14px;position:sticky;top:8px}.mock-screen--app.mock-screen--page-detail .mock-page-rail__intro{margin-bottom:2px;padding:0 0 2px}.mock-screen--app.mock-screen--page-detail .mock-page-rail__card{box-shadow:none;background:#fbfcfd;border:1px solid #0f172a0f;border-radius:11px}.mock-screen--app.mock-screen--page-detail .mock-page-rail__card--goal{background:linear-gradient(#f8fafc 0%,#fff 100%)}.mock-screen--app.mock-screen--page-detail .mock-page-rail__card--ai{background:linear-gradient(#f0f9ff 0%,#fbfcfd 55%);border-color:#0ea5e924}.mock-screen--app.mock-screen--page-detail .mock-page-goal__stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-goal__rate{color:#64748b;font-size:10px;font-weight:550}.mock-screen--app.mock-screen--page-detail .mock-page-empty{text-align:center;padding:18px 12px}.mock-screen--app.mock-screen--page-detail .mock-page-empty .mock-btn{margin-top:6px}.mock-screen--app.mock-screen--page-detail .mock-page-empty__icon{color:#64748b;background:#fff;border:1px solid #0f172a14;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:2px;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--main-rail{align-items:start;gap:12px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__main-col{gap:10px}.mock-screen--app.mock-screen--page-detail .mock-page-card.mock-panel{box-shadow:none;background:#fff;border-color:#0f172a11;border-radius:12px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__topbar{border-bottom:none;margin-bottom:0;padding-bottom:8px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions-group{position:relative}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions-group .mock-page-detail__more-menu{left:0;right:auto}.product-frame--viewport .mock-page-detail__nav{padding:0 0 2px}.product-frame--viewport .mock-page-rail{border-radius:12px;padding:12px;top:6px}.product-frame--viewport .mock-page-insight{margin-bottom:10px;padding:8px 10px}.product-frame--viewport .mock-page-glance{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 0;padding:9px 10px}.product-frame--viewport .mock-page-glance--audience{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:9px 12px}.product-frame--viewport .mock-page-glance--audience .mock-page-glance__item{border-left:1px solid #0f172a0f;padding:0 10px}.product-frame--viewport .mock-page-glance--audience .mock-page-glance__item:first-child,.product-frame--viewport .mock-page-glance__item:nth-child(3){border-left:none;padding-left:0}.product-frame--viewport .mock-page-glance__item:nth-child(2),.product-frame--viewport .mock-page-glance__item:nth-child(4){border-left:1px solid #0f172a0f}.product-frame--viewport .mock-page-glance--audience .mock-page-glance__item:nth-child(3){border-left:1px solid #0f172a0f;padding-left:10px}.product-frame--viewport .mock-page-kpi-strip__value{font-size:14px}.product-frame--viewport .mock-page-detail__stack{gap:2px}.mock-screen--app.mock-screen--page-detail .mock-page-analytics--compact{padding:12px 14px}.mock-screen--app.mock-screen--page-detail .mock-page-analytics--compact .mock-page-insight{margin-bottom:10px;padding:7px 10px}.mock-screen--app.mock-screen--page-detail .mock-page-analytics--split.mock-panel{display:block}.mock-screen--app.mock-screen--page-detail .mock-page-analytics--split>.mock-panel__body,.mock-screen--app.mock-screen--page-detail .mock-page-analytics--split>.mock-panel__body--flush{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;gap:0 16px;min-height:0;display:grid!important}.mock-screen--app.mock-screen--page-detail .mock-page-analytics__primary{flex-direction:column;grid-area:1/1;gap:10px;min-width:0;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-analytics--split .mock-page-insight{box-sizing:border-box;grid-column:auto;width:100%;margin-bottom:0}.mock-screen--app.mock-screen--page-detail .mock-page-analytics--split .mock-page-insight p{white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.35;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-analytics__chart{border-left:1px solid #0f172a0d;flex-direction:column;grid-area:1/2;min-width:0;height:100%;min-height:0;padding-left:16px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-analytics__chart>.mock-page-chart-card--premium{flex:auto;width:100%;height:100%;min-height:0}.mock-screen--app.mock-screen--page-detail .mock-page-analytics--split .mock-page-kpi-strip--marco{border-bottom:none;flex:auto;margin-bottom:0;padding-bottom:0}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip--marco{border-bottom:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip--marco .mock-kpi--marco{border-radius:12px;height:100%;min-height:72px;padding:10px 11px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip--marco .mock-kpi__spark{width:56px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip--marco .mock-kpi--marco .mock-kpi__value{letter-spacing:-.03em;color:#0f172a;font-size:17px;font-weight:700}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip--marco .mock-kpi--marco .mock-kpi__label{color:#64748b;font-size:11px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip--marco .mock-kpi--marco .mock-kpi__trend{font-size:10px}.product-frame--viewport .mock-page-kpi-strip--marco .mock-kpi--marco{min-height:64px;padding:8px 9px}.product-frame--viewport .mock-page-kpi-strip--marco .mock-kpi__spark{width:48px}.product-frame--viewport .mock-page-kpi-strip--marco .mock-kpi--marco .mock-kpi__value{font-size:15px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip--grid{border-bottom:1px solid #0f172a0f;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 10px;padding:0 0 10px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip--grid .mock-page-kpi-strip__item{border-left:1px solid #0f172a0f;padding:4px 8px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip--grid .mock-page-kpi-strip__item:nth-child(3n+1){border-left:none;padding-left:0}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip--grid .mock-page-kpi-strip__item:nth-child(n+4){border-top:1px solid #0f172a0d;margin-top:2px;padding-top:8px}.mock-screen--app.mock-screen--page-detail .mock-page-kpi-strip--grid .mock-page-kpi-strip__value{font-size:14px}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--compact{height:112px;min-height:112px;padding:2px 2px 0}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium{height:100%;min-height:0;box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:14px;flex-direction:column;flex:auto;gap:8px;padding:12px 12px 10px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--light{background:#fff;border-color:#0f172a14}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-page-chart-card__head{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-page-chart-card__title-block{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-page-chart-card__title{letter-spacing:-.02em;color:#0f172a;font-size:13px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-page-chart-card__sub{letter-spacing:.01em;color:#64748b;font-size:10px;font-weight:500}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-page-chart-card__legend{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-page-chart-card__pill{appearance:none;font:inherit;color:#94a3b8;cursor:pointer;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;align-items:center;gap:0;padding:5px 11px;font-size:10px;font-weight:550;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-page-chart-card__pill--active{color:#334155;background:#fff;border-color:#0ea5e938}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-page-chart-card__pill:last-child.mock-page-chart-card__pill--active{border-color:#10b98147}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-area-line{flex-direction:column;flex:auto;gap:6px;height:100%;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-area-line--interactive .mock-area-line__plot{cursor:crosshair}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-area-line__plot{background-color:#f7f8fa;background-image:radial-gradient(circle at 1px 1px,#0f172a0d 1px,#0000 0);background-size:16px 16px;border:0;border-radius:12px;flex-direction:column;flex:auto;justify-content:flex-end;height:auto;min-height:148px;max-height:none;display:flex;position:relative;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--balanced{background:0 0;border:0;flex:auto;gap:8px;height:100%;min-height:0;padding:2px 2px 0}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--balanced .mock-page-chart-card__head{padding:0 2px}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-area-line__svg{aspect-ratio:560/172;flex:none;align-self:stretch;width:100%;height:auto;min-height:0;max-height:168px;display:block}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-area-line__axis{flex-shrink:0;gap:0;margin:0;padding:0 18px 0 16px}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-area-line__day{font-family:var(--font-body);color:#94a3b8;min-width:0;padding:3px 7px;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-area-line__day--active{color:#fff;background:#0ea5e9;border-radius:6px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-chart-card--premium .mock-area-line__tooltip{border:0;top:12px;box-shadow:0 8px 24px #0f172a14,0 1px 2px #0f172a0a}.mock-screen--app.mock-screen--page-detail .mock-area-line__tooltip-secondary{font-family:var(--font-body);color:#22c55e;font-size:12px;font-weight:650}.product-frame--viewport .mock-page-chart-card--premium{gap:6px;padding:10px 10px 8px}.product-frame--viewport .mock-page-chart-card--balanced{height:100%;min-height:0}.mock-screen--app.mock-screen--page-detail .mock-page-glance--audience{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:0;margin-bottom:12px;padding:10px 14px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-glance--audience .mock-page-glance__item{border-left:1px solid #0f172a0f;min-width:0;padding:0 14px}.mock-screen--app.mock-screen--page-detail .mock-page-glance--audience .mock-page-glance__item:first-child{border-left:none;padding-left:0}.mock-screen--app.mock-screen--page-detail .mock-page-glance--audience .mock-page-glance__item:last-child{padding-right:0}.mock-screen--app.mock-screen--page-detail .mock-page-glance--audience .mock-page-glance__item strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mock-screen--app.mock-screen--page-detail #page-section-audience>.mock-page-section__body{flex-direction:column;gap:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--metrics5{border-top:1px solid #0f172a0d;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:10px;margin-top:6px;padding-top:16px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-card--metric.mock-panel{background:radial-gradient(120% 80% at 100% 0,#0ea5e90b,#0000 55%),#fff;border:1px solid #0f172a0f;border-radius:14px;flex-direction:column;height:100%;min-height:0;padding:12px 12px 10px;display:flex;box-shadow:0 1px #0f172a05}.mock-screen--app.mock-screen--page-detail .mock-page-card--metric-empty.mock-panel{background:radial-gradient(120% 80% at 100% 0,#94a3b814,#0000 55%),#fff}.mock-screen--app.mock-screen--page-detail .mock-page-card--metric .mock-panel__head{background:0 0;border-bottom:0;align-items:center;min-height:20px;margin-bottom:8px;padding:0 2px 0 0}.mock-screen--app.mock-screen--page-detail .mock-page-card--metric .mock-panel__title{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650;line-height:1.2}.mock-screen--app.mock-screen--page-detail .mock-page-card--metric .mock-meta-pill{color:#0369a1;background:#0ea5e914;border:1px solid #0ea5e926;border-radius:6px;padding:2px 6px;font-size:9px}.mock-screen--app.mock-screen--page-detail .mock-page-card--metric .mock-meta-pill--muted{color:#94a3b8;background:#f8fafc;border-color:#0f172a14}.mock-screen--app.mock-screen--page-detail .mock-page-card--metric .mock-panel__body{flex-direction:column;flex:auto;min-height:0;padding:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-metric{flex-direction:column;flex:auto;gap:8px;height:100%;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-metric--live{grid-template-columns:76px minmax(0,1fr);align-items:stretch;gap:8px 10px;height:100%;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-metric--live>.mock-page-metric__viz{align-self:center;padding:0}.mock-screen--app.mock-screen--page-detail .mock-page-metric--live>.mock-page-metric__list{justify-content:space-between;height:100%}.mock-screen--app.mock-screen--page-detail .mock-page-metric--scroll{flex:auto;grid-template-columns:64px minmax(0,1fr);align-items:stretch;gap:10px;height:100%;min-height:0;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-metric--empty{justify-content:center;gap:0}.mock-screen--app.mock-screen--page-detail .mock-page-metric__viz{flex:none;justify-content:center;align-items:center;min-height:0;padding:2px 0 0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-metric__viz .mock-page-donut,.mock-screen--app.mock-screen--page-detail .mock-page-metric__viz .mock-page-donut__svg{width:88px;height:88px}.mock-screen--app.mock-screen--page-detail .mock-page-donut__track{color:#eef2f7}.mock-screen--app.mock-screen--page-detail .mock-page-donut__seg{transition:opacity .18s,stroke-width .18s}.mock-screen--app.mock-screen--page-detail .mock-page-donut__seg--dim{opacity:.22}.mock-screen--app.mock-screen--page-detail .mock-page-donut__seg--hot{filter:drop-shadow(0 0 6px #0ea5e959)}.mock-screen--app.mock-screen--page-detail .mock-page-metric__viz .mock-page-donut__center strong{letter-spacing:-.04em;font-size:12px;transition:transform .16s}.mock-screen--app.mock-screen--page-detail .mock-page-donut--focus .mock-page-donut__center strong{transform:scale(1.04)}.mock-screen--app.mock-screen--page-detail .mock-page-metric__viz .mock-page-donut__center span{letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;font-size:8px}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-meter{flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;height:100%;min-height:0;padding:2px 0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-meter__rail{background:#f1f5f9;border-radius:999px;flex:auto;width:16px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a0a}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-meter__fill{border-radius:inherit;background:linear-gradient(#38bdf8 0%,#0ea5e9 55%,#0284c7 100%);transition:height .22s;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 12px #0ea5e959}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-meter__tick{pointer-events:none;background:#ffffff8c;height:1px;position:absolute;left:0;right:0}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-meter__hero{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-meter__hero strong{letter-spacing:-.05em;color:#0f172a;font-size:20px;font-weight:700;line-height:1}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-meter__hero span{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:8px}.mock-screen--app.mock-screen--page-detail .mock-page-metric__list{flex-direction:column;flex:auto;justify-content:space-between;gap:0;min-height:0;margin:0;padding:0;list-style:none;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-metric--live>.mock-page-metric__list,.mock-screen--app.mock-screen--page-detail .mock-page-metric--scroll>.mock-page-metric__list{flex:auto}.mock-screen--app.mock-screen--page-detail .mock-page-metric--scroll .mock-page-metric__list{justify-content:space-between;gap:0;height:100%}.mock-screen--app.mock-screen--page-detail .mock-page-metric__row{min-height:30px;box-shadow:none;text-align:left;color:inherit;font:inherit;background:0 0;border:0;border-radius:8px;flex:auto;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;margin:0;padding:4px 6px;transition:background .14s;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-metric__row--share{grid-template-columns:8px auto minmax(0,1fr) auto;gap:6px}.mock-screen--app.mock-screen--page-detail .mock-page-metric--live .mock-page-metric__name{text-overflow:clip;overflow:visible}.mock-screen--app.mock-screen--page-detail .mock-page-metric__row--scroll{grid-template-columns:36px minmax(0,1fr) auto}.mock-screen--app.mock-screen--page-detail .mock-page-metric__row--interactive{cursor:pointer}.mock-screen--app.mock-screen--page-detail .mock-page-metric__row--interactive:hover,.mock-screen--app.mock-screen--page-detail .mock-page-metric__row--active{background:#0ea5e90f}.mock-screen--app.mock-screen--page-detail .mock-page-metric__row--interactive:focus-visible{outline-offset:1px;outline:2px solid #0ea5e959}.mock-screen--app.mock-screen--page-detail .mock-page-metric__row--muted{opacity:.55}.mock-screen--app.mock-screen--page-detail .mock-page-metric__swatch{border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 2px #fffffff2}.mock-screen--app.mock-screen--page-detail .mock-page-metric__swatch--ghost{background:#e2e8f0!important}.mock-screen--app.mock-screen--page-detail .mock-page-metric__track{background:#f1f5f9;border-radius:999px;height:5px;display:block;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-metric__fill{border-radius:999px;height:100%;transition:width .22s;display:block}.mock-screen--app.mock-screen--page-detail .mock-page-metric__fill--cyan{background:linear-gradient(90deg,#0ea5e9 0%,#38bdf8 100%)}.mock-screen--app.mock-screen--page-detail .mock-page-metric__name{color:#334155;text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:5px;min-width:0;font-size:11px;font-weight:550;display:inline-flex;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-metric__sub{color:#94a3b8;font-size:10px;font-weight:500}.mock-screen--app.mock-screen--page-detail .mock-page-metric__value{color:#0f172a;font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-metric__empty-hero{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:6px;min-height:0;padding:8px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-metric__list--skeleton{flex:none;justify-content:flex-end;gap:0}.mock-screen--app.mock-screen--page-detail .mock-page-metric__list--skeleton .mock-page-metric__row{flex:none;min-height:26px}.mock-screen--app.mock-screen--page-detail .mock-page-metric__list--skeleton .mock-page-metric__name{color:#94a3b8}.mock-screen--app.mock-screen--page-detail .mock-page-metric__list--skeleton .mock-page-metric__value{color:#cbd5e1}.mock-screen--app.mock-screen--page-detail .mock-page-metric__empty-orb{color:#64748b;background:radial-gradient(circle at 35% 30%,#0ea5e91f,#0000 60%),#f8fafc;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:2px;animation:2.4s ease-in-out infinite mock-metric-pulse;display:inline-flex}@keyframes mock-metric-pulse{0%,to{box-shadow:0 0 #0ea5e92e}50%{box-shadow:0 0 0 8px #0ea5e900}}.mock-screen--app.mock-screen--page-detail .mock-page-metric__empty-hero strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-metric__empty-hero p{color:#94a3b8;max-width:18em;margin:0;font-size:10px;line-height:1.45}.mock-screen--app.mock-screen--page-detail .mock-page-metric__empty-cta{color:#0369a1;cursor:pointer;background:#0ea5e914;border:1px solid #0ea5e938;border-radius:999px;margin-top:4px;padding:5px 10px;font-size:10px;font-weight:600;transition:background .14s,border-color .14s}.mock-screen--app.mock-screen--page-detail .mock-page-metric__empty-cta:hover{background:#0ea5e924;border-color:#0ea5e959}.mock-screen--app.mock-screen--page-detail .mock-page-metric__stat{background:#f8fafc;border:1px solid #0f172a14;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:84px;height:84px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-metric__stat strong{letter-spacing:-.04em;color:#0f172a;font-size:18px;font-weight:700;line-height:1}.mock-screen--app.mock-screen--page-detail .mock-page-metric__stat span{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:8px;font-weight:500}.mock-screen--app.mock-screen--page-detail .mock-page-metric__ghost{color:#94a3b8;background:#f8fafc;border:1.5px dashed #0f172a1f;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-devices__swatch--ghost{background:#e2e8f0!important}.mock-screen--app.mock-screen--page-detail .mock-page-metric__empty{text-align:center;flex-direction:column;flex:auto;justify-content:center;gap:4px;min-height:96px;padding:0 4px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-metric__empty strong{color:#0f172a;font-size:11px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-metric__empty p{color:#94a3b8;margin:0;font-size:10px;line-height:1.4}.mock-screen--app.mock-screen--page-detail .mock-page-empty__icon--lg{color:#64748b;background:#f8fafc;border:1px solid #0f172a14;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-section+#page-section-performance,.mock-screen--app.mock-screen--page-detail #page-section-performance+#page-section-audience,.mock-screen--app.mock-screen--page-detail #page-section-audience+.mock-page-detail__row--metrics4,.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--metrics4+.mock-page-section{border-top:none;margin-top:10px;padding-top:14px}.product-frame--viewport .mock-page-detail__row--metrics5{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.product-frame--viewport .mock-page-card--metric.mock-panel{min-height:0;padding:10px 9px}.product-frame--viewport .mock-page-chart-card--compact{height:96px;min-height:96px}.product-frame--viewport .mock-page-metric__viz{min-height:0;padding:0}.product-frame--viewport .mock-page-metric--live{grid-template-columns:76px minmax(0,1fr);gap:8px}.product-frame--viewport .mock-page-metric__viz .mock-page-donut,.product-frame--viewport .mock-page-metric__viz .mock-page-donut__svg{width:72px;height:72px}.product-frame--viewport .mock-page-metric--scroll{grid-template-columns:54px minmax(0,1fr);gap:8px}.product-frame--viewport .mock-page-scroll-meter__rail{width:14px;min-height:0}.product-frame--viewport .mock-page-metric__list{min-height:0}.mock-screen--app.mock-screen--page-detail .mock-page-glance--compact:not(.mock-page-glance--audience){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 0;padding:9px 10px}.mock-screen--app.mock-screen--page-detail .mock-page-glance--compact:not(.mock-page-glance--audience) .mock-page-glance__item:nth-child(odd){border-left:none;padding-left:0}.mock-screen--app.mock-screen--page-detail .mock-page-glance--compact:not(.mock-page-glance--audience) .mock-page-glance__item:nth-child(2n){border-left:1px solid #0f172a0f}.mock-screen--app.mock-screen--page-detail .mock-data-table-head--traffic-sm,.mock-screen--app.mock-screen--page-detail .mock-data-table-row--traffic-sm{grid-template-columns:84px minmax(0,1.35fr) minmax(48px,.7fr) 44px;place-items:center start;gap:0 8px;padding:7px 0;display:grid}.mock-screen--app.mock-screen--page-detail .mock-data-table-head--traffic-sm>span,.mock-screen--app.mock-screen--page-detail .mock-data-table-row--traffic-sm>span{text-align:left;justify-self:start}.mock-screen--app.mock-screen--page-detail .mock-data-table-head--traffic-sm>span:nth-child(4),.mock-screen--app.mock-screen--page-detail .mock-data-table-row--traffic-sm>.mock-page-rate{text-align:center;justify-self:center;width:fit-content}.mock-screen--app.mock-screen--page-detail .mock-data-table-row--traffic-sm>.mock-page-tag--source{justify-self:start;width:fit-content}.mock-screen--app.mock-screen--page-detail .mock-data-table-row--traffic-sm>.mock-data-table-row__muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-data-table-head--country-sm,.mock-screen--app.mock-screen--page-detail .mock-data-table-row--country-sm{grid-template-columns:68px minmax(0,1.15fr) 40px 44px;place-items:center start;gap:0 8px;padding:7px 0;display:grid}.mock-screen--app.mock-screen--page-detail .mock-data-table-head--country-sm>span,.mock-screen--app.mock-screen--page-detail .mock-data-table-row--country-sm>span{text-align:left;justify-self:start}.mock-screen--app.mock-screen--page-detail .mock-data-table-head--country-sm>span:nth-child(4),.mock-screen--app.mock-screen--page-detail .mock-data-table-row--country-sm>.mock-page-rate{text-align:center;justify-self:center;width:fit-content}.mock-screen--app.mock-screen--page-detail .mock-data-table-row--country-sm .mock-page-metric__row-inline{justify-self:start;gap:6px;min-width:0}.mock-screen--app.mock-screen--page-detail .mock-data-table-row--country-sm .mock-page-tag{box-sizing:border-box;justify-content:center;align-items:center;width:fit-content;height:22px;padding:0 8px;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--optimize{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--optimize .mock-page-rail__empty-block .mock-btn,.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--optimize .mock-page-tile__cta{width:100%}.mock-screen--app.mock-screen--page-detail .mock-page-rail{background:0 0;border:0;padding:0;position:static}.product-frame--viewport .mock-page-detail__row--optimize{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-frame--viewport .mock-page-kpi-strip--grid .mock-page-kpi-strip__value{font-size:13px}.product-frame--viewport .mock-page-insight p{font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--lists{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-card--scroll-list.mock-panel{flex-direction:column;height:100%;min-height:0;padding:12px 12px 10px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-card--scroll-list .mock-panel__body,.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list{flex-direction:column;flex:auto;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list__head{z-index:1;background:#fff;border-bottom:0;flex-shrink:0;margin:0;padding:0 0 4px;position:sticky;top:0}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list__body{scrollbar-width:thin;flex:auto;min-height:0;max-height:196px;padding:0;overflow-y:auto}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list__foot{color:#94a3b8;border-top:1px solid #0f172a0d;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:8px;font-size:10px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-metric__row-inline{align-items:center;gap:6px;min-width:0;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--metrics4{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--footer{grid-template-columns:minmax(0,1.7fr) minmax(220px,.85fr);align-items:start;gap:12px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-detail__setup-side{flex-direction:column;gap:10px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-card--tracking.mock-panel{padding:14px 16px}.mock-screen--app.mock-screen--page-detail .mock-page-tracking{flex-direction:column;gap:12px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-tracking__note{color:#64748b;background:#f8fafc;border:1px solid #0f172a0f;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-tracking__note .icon{color:#0284c7;flex-shrink:0;margin-top:1px}.mock-screen--app.mock-screen--page-detail .mock-page-tracking__note p{margin:0;font-size:11px;line-height:1.5}.mock-screen--app.mock-screen--page-detail .mock-page-tracking__note strong{color:#0f172a;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-tracking__kicker{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:11px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-tracking__code,.mock-screen--app.mock-screen--page-detail .mock-page-tracking__uuid{color:#0369a1;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-snippet--tall{max-height:72px;overflow:auto}.mock-screen--app.mock-screen--page-detail .mock-page-tracking__foot{border-top:1px solid #0f172a0f;flex-direction:column;gap:10px;padding-top:10px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-tracking__footnote{color:#94a3b8;margin:0;font-size:10px;line-height:1.45}.mock-screen--app.mock-screen--page-detail .mock-page-tracking__cta{appearance:none;color:#0369a1;width:100%;height:34px;font:inherit;cursor:pointer;background:#f0f9ff;border:1px solid #0ea5e947;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.mock-screen--app.mock-screen--page-detail #page-section-performance+#page-section-audience,.mock-screen--app.mock-screen--page-detail #page-section-audience+.mock-page-detail__row--metrics4,.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--metrics4+.mock-page-section{border-top:none;margin-top:10px;padding-top:14px}.product-frame--viewport .mock-page-analytics--split>.mock-panel__body,.product-frame--viewport .mock-page-analytics--split>.mock-panel__body--flush{align-items:stretch;gap:0 12px;min-height:0}.product-frame--viewport .mock-page-analytics__chart{height:100%;padding-left:12px}.product-frame--viewport .mock-page-chart-card--balanced{flex:auto;height:100%;min-height:0}.product-frame--viewport .mock-page-chart-card--premium .mock-area-line__plot{flex:auto;justify-content:flex-end;height:auto;min-height:132px;max-height:none}.product-frame--viewport .mock-page-chart-card--premium .mock-area-line__svg{max-height:140px}.product-frame--viewport .mock-page-detail__row--lists{gap:8px}.product-frame--viewport .mock-page-scroll-list__body{max-height:160px}.product-frame--viewport .mock-page-detail__row--metrics4{gap:7px}.product-frame--viewport .mock-page-detail__row--footer{grid-template-columns:minmax(0,1.5fr) minmax(180px,.9fr);gap:8px}.mock-screen--app.mock-screen--page-detail .mock-page-opt-pill{letter-spacing:.01em;color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #0f172a14;border-radius:999px;align-items:center;gap:4px;height:18px;padding:0 7px;font-size:9px;font-weight:650;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-opt-pill--live{color:#15803d;background:#16a34a14;border-color:#16a34a2e}.mock-screen--app.mock-screen--page-detail .mock-page-opt-pill--ai{color:#0369a1;background:#0ea5e914;border-color:#0ea5e933}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile{appearance:none;text-align:left;cursor:pointer;width:100%;min-height:0;font:inherit;color:inherit;background:linear-gradient(#f8fafc 0%,#fff 70%);border:1px solid #0f172a12;border-radius:12px;flex-direction:column;flex:auto;gap:12px;margin:0;padding:12px;transition:border-color .15s,background .15s;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile:hover{background:linear-gradient(#f0f9ff 0%,#fff 72%);border-color:#0ea5e947}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__top{align-items:center;gap:8px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__icon{color:#0284c7;background:#0ea5e914;border:1px solid #0ea5e92e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__meta{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__meta strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__meta .mono{color:#0369a1;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__type{color:#64748b;background:#fff;border:1px solid #0f172a14;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__body{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__foot{flex-direction:column;flex-shrink:0;gap:8px;margin-top:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__stats{flex:auto;grid-template-columns:1fr 1fr;align-content:center;gap:8px;min-height:56px;margin:0;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__value{letter-spacing:-.04em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.05}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__meta-row{color:#64748b;background:#0f172a08;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;font-size:10px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__meta-row .mono{color:#0284c7;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__bar{background:#0f172a0f;border-radius:999px;height:5px;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__label{letter-spacing:.02em;text-transform:uppercase;color:#94a3b8;margin-bottom:2px;font-size:9px;font-weight:600;display:block}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__value--rate{color:#0284c7}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__bar>span{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#0ea5e9);height:100%;display:block}.mock-screen--app.mock-screen--page-detail .mock-page-goal-tile__hint{color:#94a3b8;margin:0;font-size:10px;line-height:1.35}.mock-screen--app.mock-screen--page-detail .mock-page-opt-add{appearance:none;color:#0369a1;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:5px;margin-top:0;padding:7px 8px;font-size:11px;font-weight:600;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-opt-add:hover{background:#0ea5e90f}.mock-screen--app.mock-screen--page-detail .mock-page-opt-empty{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:6px;min-height:0;padding:6px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-opt-empty__orb{color:#64748b;background:radial-gradient(circle at 35% 30%,#0ea5e91f,#0000 60%),#f8fafc;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:2px;animation:2.4s ease-in-out infinite mock-metric-pulse;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-opt-empty strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-opt-empty p{color:#94a3b8;max-width:18em;margin:0;font-size:10px;line-height:1.45}.mock-screen--app.mock-screen--page-detail .mock-page-opt-empty__cta{appearance:none;color:#0369a1;height:30px;font:inherit;cursor:pointer;background:#0ea5e914;border:1px solid #0ea5e938;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:0 12px;font-size:11px;font-weight:650;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-opt-empty__cta:hover{background:#0ea5e924}.mock-screen--app.mock-screen--page-detail .mock-page-opt-empty__cta--block{border-radius:9px;width:100%;margin-top:auto}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--optimize .mock-page-rail__card{flex-direction:column;gap:8px;height:100%;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-ai-foci{flex-wrap:wrap;gap:5px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-ai-chip{cursor:pointer;height:24px;padding:0 8px;font-size:10px;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-ai-tip{color:#0369a1;background:#0ea5e90d;border:1px solid #0ea5e924;border-radius:10px;flex:auto;align-items:center;gap:8px;min-height:0;padding:12px 11px;animation:.22s mock-ai-tip-in;display:flex}@keyframes mock-ai-tip-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.mock-screen--app.mock-screen--page-detail .mock-page-ai-tip .icon{flex-shrink:0;margin-top:0}.mock-screen--app.mock-screen--page-detail .mock-page-ai-tip__copy{flex-direction:column;gap:3px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-ai-tip__copy>span{letter-spacing:.02em;text-transform:uppercase;color:#0284c7;font-size:9px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-ai-tip__copy p{color:#334155;margin:0;font-size:11px;line-height:1.45}.mock-screen--app.mock-screen--page-detail .mock-page-rail__card--ai,.mock-screen--app.mock-screen--page-detail .mock-page-rail__card--goal{gap:8px}.mock-screen--app.mock-screen--page-detail .mock-page-rail__card--ai .mock-page-rail__hint,.mock-screen--app.mock-screen--page-detail .mock-page-rail__card--ai .mock-page-ai-foci{flex-shrink:0}.mock-screen--app.mock-screen--page-detail .mock-page-rail__card--ai .mock-page-tile__cta,.mock-screen--app.mock-screen--page-detail .mock-page-rail__card--goal .mock-page-opt-add{flex-shrink:0;margin-top:0}.mock-screen--app.mock-screen--page-detail .mock-page-locale-picks{flex-direction:column;flex:auto;gap:4px;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-locale-pick{appearance:none;text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;margin:0;padding:6px 8px;transition:background .12s,border-color .12s;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-locale-pick:hover{background:#f8fafc;border-color:#0f172a0f}.mock-screen--app.mock-screen--page-detail .mock-page-locale-pick--active{background:#0ea5e90f;border-color:#0ea5e933}.mock-screen--app.mock-screen--page-detail .mock-page-locale-pick .mono{color:#0369a1;background:#fff;border:1px solid #0f172a14;border-radius:5px;justify-content:center;align-items:center;height:20px;padding:0 5px;font-size:9px;font-weight:700;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-locale-pick strong{color:#0f172a;font-size:11px;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-locale-pick em{color:#94a3b8;text-transform:uppercase;letter-spacing:.02em;font-size:9px;font-style:normal;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-locale-pick--active em{color:#0284c7}.mock-screen--app.mock-screen--page-detail .mock-page-detail__setup-side{align-self:stretch}.mock-screen--app.mock-screen--page-detail .mock-page-card--info.mock-panel,.mock-screen--app.mock-screen--page-detail .mock-page-card--danger.mock-panel{height:auto}.mock-screen--app.mock-screen--page-detail .mock-page-card--tracking.mock-panel{height:100%}.mock-screen--app.mock-screen--page-detail .mock-page-detail__row--footer{align-items:stretch}.mock-screen--app.mock-screen--page-detail .mock-page-track-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mock-screen--app.mock-screen--page-detail .mock-page-track-step{appearance:none;text-align:left;font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a12;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:9px 10px;transition:border-color .12s,background .12s;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-track-step:hover{background:#f8fafc;border-color:#0ea5e938}.mock-screen--app.mock-screen--page-detail .mock-page-track-step--current{background:#0ea5e90d;border-color:#0ea5e947}.mock-screen--app.mock-screen--page-detail .mock-page-track-step--done{background:#16a34a0a;border-color:#16a34a29}.mock-screen--app.mock-screen--page-detail .mock-page-track-step__num{color:#64748b;background:#f8fafc;border:1px solid #0f172a1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-track-step--done .mock-page-track-step__num{color:#15803d;background:#16a34a1f;border-color:#16a34a40}.mock-screen--app.mock-screen--page-detail .mock-page-track-step--current .mock-page-track-step__num{color:#0369a1;background:#0ea5e91f;border-color:#0ea5e94d}.mock-screen--app.mock-screen--page-detail .mock-page-track-step__body{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-track-step__body strong{letter-spacing:-.01em;color:#0f172a;font-size:11px;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-track-step__body em{color:#94a3b8;font-size:10px;font-style:normal;line-height:1.35}.mock-screen--app.mock-screen--page-detail .mock-page-snippet{flex-direction:column;gap:8px;display:flex;position:relative}.mock-screen--app.mock-screen--page-detail .mock-page-snippet__head{color:#64748b;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-snippet__copy{appearance:none;color:#334155;height:24px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:7px;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-snippet__copy:hover{color:#0369a1;border-color:#0ea5e947}.mock-screen--app.mock-screen--page-detail .mock-page-snippet__copy--done{color:#15803d;background:#16a34a14;border-color:#16a34a38}.mock-screen--app.mock-screen--page-detail .mock-page-snippet--tall{max-height:none}.mock-screen--app.mock-screen--page-detail .mock-page-snippet--tall code{scrollbar-width:thin;max-height:56px;padding:0;display:block;overflow:auto}.mock-screen--app.mock-screen--page-detail .mock-page-uuid--row{background:#f8fafc;border:1px solid #0f172a12;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-uuid--row>div{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-uuid--row .mock-page-tracking__uuid{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-copyfield{background:#f8fafc;border:1px solid #0f172a12;border-radius:10px;flex-direction:column;gap:8px;padding:10px 11px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-copyfield__head{color:#64748b;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-copyfield__btn{appearance:none;color:#334155;height:24px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:600;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-copyfield__btn:hover{color:#0369a1;border-color:#0ea5e947}.mock-screen--app.mock-screen--page-detail .mock-page-copyfield__btn--done{color:#15803d;background:#16a34a14;border-color:#16a34a38}.mock-screen--app.mock-screen--page-detail .mock-page-copyfield__value{color:#0f172a;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;background:#fff;border:1px solid #0f172a0f;border-radius:8px;min-width:0;margin:0;padding:8px 9px;font-size:10px;line-height:1.45;display:block}.mock-screen--app.mock-screen--page-detail .mock-page-copyfield__value--code{color:#334155;max-height:4.35em;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.mock-screen--app.mock-screen--page-detail .mock-page-copyfield__value--uuid{color:#0369a1;letter-spacing:.01em;font-weight:650}.mock-screen--app.mock-screen--page-detail .mock-page-tracking__cta--busy{opacity:.72;pointer-events:none}.mock-screen--app.mock-screen--page-detail .mock-page-tracking__cta--ok{color:#15803d;background:#16a34a1a;border-color:#16a34a47}.mock-screen--app.mock-screen--page-detail .mock-page-info-status{color:#64748b;background:#f8fafc;border:1px solid #0f172a1a;border-radius:999px;align-items:center;height:18px;padding:0 7px;font-size:10px;font-weight:650;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-info-status--live{color:#15803d;background:#16a34a14;border-color:#16a34a2e}.mock-screen--app.mock-screen--page-detail .mock-page-info-status--stale{color:#c2410c;background:#c2410c14;border-color:#c2410c2e}.product-frame--viewport .mock-page-detail__row--optimize .mock-page-rail__card{min-height:0}.product-frame--viewport .mock-page-track-steps{grid-template-columns:1fr}.product-frame--viewport .mock-page-goal-tile__value{font-size:20px}.product-frame>.mock-page-list-drawer{z-index:50;pointer-events:none;justify-content:flex-end;display:flex;position:absolute;inset:0}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__backdrop{cursor:pointer;pointer-events:auto;background:#0f172a61;border:0;margin:0;padding:0;position:absolute;inset:0}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__panel{z-index:1;pointer-events:auto;background:#fff;border-left:1px solid #0f172a14;flex-direction:column;width:min(420px,92%);height:100%;animation:.18s ease-out mock-page-drawer-in;display:flex;position:relative;box-shadow:-16px 0 48px #0f172a24}@keyframes mock-page-drawer-in{0%{opacity:.85;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__head{background:#fff;border-bottom:1px solid #0f172a14;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 14px 12px;display:flex}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:15px;font-weight:650}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__meta{color:#94a3b8;margin:3px 0 0;font-size:10px}.product-frame>.mock-page-list-drawer .mock-btn--ghost,.product-frame>.mock-page-list-drawer .mock-btn--ghost:hover,.product-frame>.mock-page-list-drawer .mock-btn--ghost:focus,.product-frame>.mock-page-list-drawer .mock-btn--ghost:active{color:#0f172a;background:#fff;border-color:#0f172a1f}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__search{color:#94a3b8;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;margin:12px 14px 8px;padding:8px 10px;display:flex}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__input{min-width:0;font:inherit;color:#0f172a;background:0 0;border:0;outline:none;flex:auto;font-size:12px}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__input::placeholder{color:#94a3b8}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__chrome{background:#fff;border-bottom:0;flex-shrink:0;padding:0 14px 2px}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__table-head{z-index:1;background:#fff;border-bottom:1px solid #0f172a14;margin:0 0 2px;padding:2px 10px 8px;position:sticky;top:0}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__body{scrollbar-width:thin;background:#fff;flex:auto;min-height:0;padding:0 14px 16px;overflow:auto}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__empty{text-align:center;color:#94a3b8;margin:24px 0;font-size:12px}.product-frame>.mock-page-list-drawer .mock-page-list-drawer__country-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.product-frame>.mock-page-list-drawer .mock-page-metric__row-inline{flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.product-frame>.mock-page-list-drawer .mock-data-table-head--country-drawer,.product-frame>.mock-page-list-drawer .mock-data-table-row--country-drawer,.product-frame>.mock-page-list-drawer .mock-data-table-head--traffic-sm,.product-frame>.mock-page-list-drawer .mock-data-table-row--traffic-sm{border-bottom:0;place-items:center start;gap:0 10px;display:grid}.product-frame>.mock-page-list-drawer .mock-data-table-row--country-drawer,.product-frame>.mock-page-list-drawer .mock-data-table-row--traffic-sm{box-sizing:border-box;background:#f8fafc;border-radius:8px;min-height:36px;margin-top:6px;padding:7px 10px}.product-frame>.mock-page-list-drawer .mock-data-table-head--country-drawer,.product-frame>.mock-page-list-drawer .mock-data-table-row--country-drawer{grid-template-columns:minmax(0,1fr) minmax(52px,auto) minmax(40px,auto) minmax(48px,auto)}.product-frame>.mock-page-list-drawer .mock-data-table-head--traffic-sm,.product-frame>.mock-page-list-drawer .mock-data-table-row--traffic-sm{grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr) minmax(52px,auto) minmax(48px,auto)}.product-frame>.mock-page-list-drawer .mock-data-table-head--country-drawer>span,.product-frame>.mock-page-list-drawer .mock-data-table-row--country-drawer>span,.product-frame>.mock-page-list-drawer .mock-data-table-head--traffic-sm>span,.product-frame>.mock-page-list-drawer .mock-data-table-row--traffic-sm>span{text-align:left;justify-self:start;min-width:0}.product-frame>.mock-page-list-drawer .mock-data-table-head--traffic-sm>span:nth-child(n+3),.product-frame>.mock-page-list-drawer .mock-data-table-row--traffic-sm>span:nth-child(n+3),.product-frame>.mock-page-list-drawer .mock-data-table-head--country-drawer>span:nth-child(n+2),.product-frame>.mock-page-list-drawer .mock-data-table-row--country-drawer>span:nth-child(n+2){text-align:right;justify-self:end}.product-frame>.mock-page-list-drawer .mock-page-rate{color:#94a3b8;box-sizing:border-box;background:#fff;border:1px solid #0f172a1f;border-radius:8px;justify-content:center;align-items:center;min-width:40px;padding:2px 6px;font-size:9px;font-weight:650;line-height:1.4;display:inline-flex}.product-frame>.mock-page-list-drawer .mock-page-rate--hot{color:#15803d;background:#22c55e1a;border-color:#16a34a61}.product-frame--viewport>.mock-page-list-drawer .mock-page-list-drawer__panel{width:min(360px,88%)}.product-frame>.mock-page-list-drawer .mock-page-tag,.product-frame>.mock-page-list-drawer .mock-page-tag--source{color:#0369a1;box-sizing:border-box;background:#0ea5e91a;border:1px solid #0ea5e95c;border-radius:8px;justify-self:start;width:fit-content;height:auto;min-height:20px;padding:2px 7px;font-size:9px;font-weight:650;line-height:1.4}.product-frame>.mock-page-list-drawer .mock-data-table-row--traffic-sm>.mock-data-table-row__muted{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-section--framed{background:0 0;border:0;border-radius:0;padding:0}.mock-screen--app.mock-screen--page-detail .mock-page-tag,.mock-screen--app.mock-screen--page-detail .mock-page-pill{height:auto;padding:2px 7px;font-size:10px;font-weight:550}.mock-screen--app.mock-screen--page-detail .mock-page-tag--source{color:#0f172a;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background:#f8fafc;border:1px solid #0f172a14;border-radius:999px;justify-content:center;justify-self:start;align-items:center;width:fit-content;min-width:0;max-width:100%;height:22px;padding:0 10px;font-size:11px;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.mock-screen--app.mock-screen--page-detail .mock-page-rate{border-radius:6px;padding:2px 6px;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-snippet{color:#334155;margin-bottom:0;padding:10px 12px}.mock-screen--app.mock-screen--page-detail .mock-page-snippet code{color:#0f172a;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-page-tile__cta{color:#fff;background:#0f172a;border-color:#0f172a;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-rail__card--ai{background:linear-gradient(165deg,#0ea5e90a,#0000 50%),#fff}.mock-screen--app.mock-screen--page-detail .mock-page-ai-chip--active{color:#0369a1;box-shadow:none;background:#0ea5e914;border-color:#0ea5e959}.mock-screen--app.mock-screen--page-detail .mock-site-glance{gap:0}.mock-screen--app.mock-screen--page-detail .mock-site-glance__row{border-bottom:1px solid #0f172a0b;padding:9px 0}.mock-screen--app.mock-screen--page-detail .mock-site-glance__row:last-child{border-bottom:none}.mock-screen--app.mock-screen--page-detail .mock-site-glance__label{color:#94a3b8;font-size:10px}.mock-screen--app.mock-screen--page-detail .mock-site-glance__value{color:#0f172a;font-size:11px;font-weight:550}.mock-screen--app.mock-screen--page-detail .mock-page-danger__body{color:#64748b;margin:0 0 12px;font-size:11px;line-height:1.5}.mock-screen--app.mock-screen--page-detail .mock-page-danger__link{color:#b91c1c}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions-group--primary .mock-btn:not(.mock-btn--ghost){color:#fff;background:#0f172a;border-color:#0f172a}.mock-screen--app.mock-screen--page-detail .mock-site-badge{color:#15803d;background:#16a34a14;border:1px solid #16a34a24;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-form-field__hint{color:#94a3b8;margin-top:2px;font-size:10px;font-weight:400;display:block}.mock-screen--app.mock-screen--page-detail .mock-site-toggle-row--compact{text-align:left;background:0 0;border:none;width:100%;padding:8px 0}.product-frame--viewport .mock-page-detail__row--2{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}.product-frame--viewport .mock-page-detail__row--3{grid-template-columns:minmax(0,1.25fr) minmax(0,.875fr) minmax(0,.875fr)}.mock-screen--app.mock-screen--parts .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-family:var(--font-mono);color:#64748b;font-weight:500}.mock-screen--app.mock-screen--parts .mock-segment-tabs{border-bottom:none;padding-bottom:0}.mock-screen--app.mock-screen--parts .mock-metric-pills--segmented{box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;gap:2px;padding:3px}.mock-screen--app.mock-screen--parts .mock-metric-pill{font-family:var(--font-body);letter-spacing:-.01em;color:#64748b;box-shadow:none;background:0 0;border-radius:8px;padding:5px 11px;font-size:10px;font-weight:500}.mock-screen--app.mock-screen--parts .mock-metric-pill--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-screen--app.mock-screen--parts .mock-search-input{height:32px;box-shadow:none;color:#0f172a;background:#fff;border:1px solid #0f172a1a;border-radius:8px;padding:0 12px;font-size:12px}.mock-screen--app.mock-screen--parts .mock-search-input::placeholder{color:#94a3b8}.mock-screen--app.mock-screen--parts .mock-form-select--inline{height:32px;box-shadow:none;color:#334155;background:#fff;border:1px solid #0f172a1a;border-radius:8px;font-size:12px}.mock-screen--app.mock-screen--parts .mock-toolbar--premium .mock-btn--sm{border-radius:8px;height:30px;padding-inline:10px}.mock-screen--app.mock-screen--parts .mock-table-toolbar,.mock-screen--app.mock-screen--parts .mock-parts-toolbar{box-shadow:none;color:#64748b;background:#fff;border:1px solid #0f172a12;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 8px;padding:8px 10px;font-size:11px;display:flex}.mock-parts-toolbar__stats{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:inline-flex}.mock-parts-toolbar__stat{color:#64748b;white-space:nowrap;align-items:baseline;gap:4px;display:inline-flex}.mock-parts-toolbar__stat strong{letter-spacing:.01em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.mock-parts-toolbar__sep{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:3px;height:3px}.mock-parts-stack{flex-direction:column;gap:10px;padding-bottom:12px;display:flex;container:parts-table/inline-size}.mock-parts-table{min-width:0;padding-top:2px}.mock-data-table-head--parts,.mock-data-table-row--parts{grid-template-columns:minmax(0,1fr) 58px 72px 76px 116px;column-gap:14px}.mock-data-table-head--parts{align-items:center}.mock-data-table-row--parts{align-items:start;padding-top:9px;padding-bottom:9px}.mock-data-table-row--parts>.mock-parts-type,.mock-data-table-row--parts>.mock-page-status,.mock-data-table-row--parts>.mock-parts-used,.mock-data-table-row--parts>.mock-data-table-row__muted,.mock-data-table-row--parts>.mock-table-actions--parts{justify-self:start}.mock-data-table-row--parts>.mock-data-table-row__muted{padding-top:4px}.mock-data-table-row--parts>.mock-table-actions--parts{justify-self:end}.mock-data-table-row--parts.mock-data-table-row--clickable{cursor:pointer}.mock-data-table-row--parts.mock-data-table-row--clickable:hover{background:#0f172a05}.mock-parts-block{align-items:flex-start;gap:8px;min-width:0;display:flex}.mock-parts-block__icon{color:#334155;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-top:0;display:inline-flex}.mock-parts-block__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-parts-block__name{color:var(--mock-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.mock-parts-block__slug{color:#64748b;align-items:center;gap:4px;min-width:0;max-width:100%;font-size:9px;display:inline-flex;overflow:hidden}.mock-parts-block__slug svg{color:#64748b;opacity:1}.mock-parts-block__desc{color:var(--mock-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.mock-parts-type{font-family:var(--font-body);letter-spacing:normal;text-transform:lowercase;color:#475569;background:var(--mock-bg);border:1px solid var(--mock-border-subtle);white-space:nowrap;border-radius:6px;justify-content:center;justify-self:start;align-items:center;width:fit-content;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-parts-used{font-family:var(--font-body);letter-spacing:normal;color:#0369a1;white-space:nowrap;background:#0ea5e914;border:1px solid #0ea5e926;border-radius:6px;justify-content:center;justify-self:start;align-items:center;gap:0;width:fit-content;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-parts-used__dot{display:none}.mock-table-actions--parts{justify-self:end;gap:4px;display:inline-flex}.mock-parts-tip{color:var(--mock-text-secondary);background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:9px 11px;font-size:10px;line-height:1.45;display:flex}.mock-parts-tip svg{color:#64748b;flex-shrink:0;margin-top:1px}.mock-parts-tip code{color:#0369a1;font-size:9px}.product-frame--viewport .mock-screen--parts .mock-parts-toolbar{margin-bottom:6px;padding:6px 9px}.product-frame--viewport .mock-data-table-head--parts,.product-frame--viewport .mock-data-table-row--parts{column-gap:12px}.product-frame--viewport .mock-data-table-row--parts{padding-top:8px;padding-bottom:8px}.product-frame--viewport .mock-parts-block__desc{-webkit-line-clamp:1}@container parts-table (max-width:560px){.mock-data-table-head--parts,.mock-data-table-row--parts{grid-template-columns:minmax(0,1fr) 72px 76px 116px;column-gap:12px}.mock-data-table-head--parts>:nth-child(2),.mock-data-table-row--parts>:nth-child(2){display:none}}@container parts-table (max-width:440px){.mock-data-table-head--parts,.mock-data-table-row--parts{grid-template-columns:minmax(0,1fr) 72px 116px;column-gap:10px}.mock-data-table-head--parts>:nth-child(4),.mock-data-table-row--parts>:nth-child(4){display:none}}.mock-part-flow__crumb{align-items:center;gap:6px;margin-bottom:2px;display:flex}.mock-part-flow__crumb-sep,.mock-part-flow__crumb-current{color:var(--mock-text-muted);font-size:10px}.mock-part-flow__title-row{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.mock-part-flow__subtitle{color:var(--mock-text-muted);margin:2px 0 0;font-size:10px}.mock-part-flow__actions{flex-wrap:wrap;justify-content:flex-end}.mock-part-flow__delete{font:inherit;color:#dc2626;cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:11px;font-weight:600}.mock-part-flow__stack{flex-direction:column;gap:14px;padding-bottom:14px;display:flex}.mock-part-flow__divider{color:#94a3b8;letter-spacing:.02em;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-block:2px;font-size:10px;font-weight:500;display:grid}.mock-part-flow__divider:before,.mock-part-flow__divider:after{content:"";background:#0f172a14;height:1px}.mock-part-flow__grid{align-items:start;gap:10px;display:grid}.mock-part-flow__grid--meta,.mock-part-flow__grid--editor{grid-template-columns:minmax(0,1.55fr) minmax(200px,.9fr)}.mock-part-flow__rail{flex-direction:column;gap:10px;min-width:0;display:flex}.mock-part-flow__save{flex-direction:column;align-items:stretch;gap:8px;display:flex}.mock-part-flow__save-btn{justify-content:center;width:100%}.mock-part-flow__save .mock-panel__link{align-self:center}.mock-part-flow__topbar{align-items:flex-start}.mock-part-flow__actions{flex-shrink:0;align-items:center;gap:10px;padding-top:18px;display:inline-flex}.mock-part-mode{background:#f1f5f9;border:1px solid #0f172a14;border-radius:10px;align-items:center;gap:2px;width:fit-content;padding:3px;display:inline-flex}.mock-part-mode__btn{appearance:none;min-height:30px;font:inherit;color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.mock-part-mode__btn svg{opacity:.75}.mock-part-mode__btn--active{color:#0f172a;background:#fff;box-shadow:0 1px 1px #0f172a0a,0 4px 10px #0f172a0f}.mock-part-mode__btn--active svg{opacity:1;color:#0284c7}.mock-part-shell{grid-template-columns:minmax(0,1.35fr) minmax(220px,.85fr);align-items:start;gap:12px;display:grid}.mock-part-shell__rail{flex-direction:column;gap:10px;min-width:0;display:flex}.mock-part-ai{position:relative;overflow:hidden}.mock-part-ai--build,.mock-part-ai--rewrite{background:linear-gradient(#0ea5e90d,#0000 48%),#fff}.mock-part-ai__head{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.mock-part-ai__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#0284c7;font-size:9px;font-weight:700}.mock-part-ai__title{letter-spacing:-.015em;color:var(--mock-text);align-items:center;gap:7px;font-size:14px;font-weight:650;display:inline-flex}.mock-part-ai__desc{color:var(--mock-text-muted);max-width:48ch;margin:0;font-size:11px;line-height:1.45}.mock-part-ai__prompt{color:var(--mock-text);background:#f8fafc;border:1px solid #0f172a1a;border-radius:10px;min-height:48px;padding:12px 13px;font-size:12px;line-height:1.5;box-shadow:inset 0 1px #ffffffb3}.mock-part-ai__prompt--tall{min-height:88px}.mock-part-ai__chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.mock-part-ai__chips span{color:#0369a1;background:#0ea5e914;border:1px solid #0ea5e92e;border-radius:999px;align-items:center;min-height:22px;padding:0 9px;font-size:10px;font-weight:600;display:inline-flex}.mock-part-ai__refs{margin-top:14px}.mock-part-ai__refs-head{color:var(--mock-text-muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.mock-part-ai__refs-label{color:var(--mock-text);font-weight:650}.mock-part-ai__refs-cap{color:#94a3b8}.mock-part-ai__refs-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.mock-part-ai__slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.mock-part-ai__slot{appearance:none;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.mock-part-ai__slot-thumb,.mock-part-ai__slot-empty{aspect-ratio:4/3;border:1px solid #0f172a1a;border-radius:9px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.mock-part-ai__slot-empty{color:#94a3b8;background:linear-gradient(#f8fafc,#f1f5f9);border-style:dashed}.mock-part-ai__slot--filled .mock-part-ai__slot-thumb{box-shadow:inset 0 1px #ffffff47}.mock-part-ai__slot-label{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:600;overflow:hidden}.mock-part-ai__foot{border-top:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.mock-part-ai__foot-note{color:#94a3b8;margin:0;font-size:10px;line-height:1.4}.mock-part-ai__cta{flex-shrink:0;margin-top:0}.mock-part-preview{padding:12px 14px}.mock-part-preview__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.mock-part-preview__eyebrow{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-weight:700}.mock-part-preview__badge{color:#047857;background:#ecfdf5;border-radius:999px;align-items:center;min-height:18px;padding:0 7px;font-size:9px;font-weight:700;display:inline-flex}.mock-part-preview__frame{background:linear-gradient(#f8fafc,#fff);border:1px solid #0f172a14;border-radius:10px;padding:10px}.mock-part-preview__table{flex-direction:column;gap:4px;display:flex}.mock-part-preview__row{color:#334155;background:#fff;border:1px solid #0f172a0f;border-radius:7px;grid-template-columns:1.1fr 1.2fr auto;align-items:center;gap:8px;min-height:28px;padding:0 8px;font-size:9px;display:grid}.mock-part-preview__row--head{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;background:0 0;border:0;min-height:18px;padding-inline:8px;font-size:8px;font-weight:700}.mock-part-preview__op{color:#0f172a;align-items:center;gap:6px;font-weight:650;display:inline-flex}.mock-part-preview__op i{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mock-part-preview__cta{color:#fff;background:#0f172a;border-radius:999px;justify-content:center;align-items:center;min-height:18px;padding:0 8px;font-size:8px;font-weight:700;display:inline-flex}.mock-part-preview__caption{color:#64748b;margin:10px 0 0;font-size:10px;line-height:1.4}.mock-part-tips{padding:12px 14px}.mock-part-tips__title{color:var(--mock-text);margin:0 0 8px;font-size:11px;font-weight:650}.mock-part-tips__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mock-part-tips__list li{color:#64748b;padding-left:12px;font-size:10px;line-height:1.4;position:relative}.mock-part-tips__list li:before{content:"";background:#0ea5e9;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;left:0}.mock-part-meta,.mock-part-fields,.mock-part-side-card,.mock-part-place,.mock-part-ai{padding:14px 16px}.mock-part-meta__head{margin-bottom:12px}.mock-part-meta__title{letter-spacing:-.01em;color:var(--mock-text);margin:0;font-size:13px;font-weight:650}.mock-part-meta__lead{color:var(--mock-text-muted);margin:3px 0 0;font-size:10px;line-height:1.4}.mock-part-meta__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:12px 14px;display:grid}.mock-part-field--span{grid-column:1/-1}.mock-part-editor{background:#fff;padding:0;overflow:hidden}.mock-part-fields,.mock-part-side-card{flex-direction:column;gap:12px;display:flex}.mock-part-field{flex-direction:column;gap:5px;min-width:0;display:flex}.mock-part-field__label{color:var(--mock-text);align-items:center;gap:5px;font-size:11px;font-weight:650;display:inline-flex}.mock-part-field__input{color:var(--mock-text);background:#fff;border:1px solid #0f172a1a;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;font-size:12px;display:flex;box-shadow:inset 0 1px #fffc}.mock-part-field__input--multiline{align-items:flex-start;min-height:52px;line-height:1.4}.mock-part-field__input--truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mock-part-field__hint{color:#94a3b8;font-size:10px;line-height:1.4}.mock-part-meta .mock-form-select,.mock-part-meta .mock-form-input,.mock-part-side-card .mock-form-select,.mock-part-fields .mock-form-input,.mock-part-side-card .mock-form-input{box-sizing:border-box;width:100%}.mock-part-editor__tabs{background:#fff;border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:8px;padding:2px 10px 0;display:flex}.mock-part-editor__tabs .mock-page-editor-tabs{background:0 0;border-bottom:0;padding-inline:0}.mock-part-editor__tabs .mock-page-editor-tab{margin-bottom:-1px;padding:8px 8px 7px}.mock-part-editor__chrome{background:#f8fafc;border-bottom:1px solid #0f172a0d;align-items:center;gap:8px;padding:7px 12px;display:flex}.mock-part-editor__file{color:#334155;letter-spacing:-.01em;font-size:10px;font-weight:550}.mock-part-editor__badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#b45309;background:#fffbeb;border:1px solid #f59e0b47;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:550}.mock-part-editor__saved{color:#94a3b8;margin-left:auto;font-size:10px}.mock-part-editor__code{color:#334155;background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-radius:0;min-height:132px;max-height:180px;overflow:auto}.mock-part-editor__code .mock-page-code__gutter{color:#94a3b8;background:0 0;border-right-color:#0f172a0f;padding-top:12px;padding-bottom:12px;font-size:10px;line-height:1.65}.mock-part-editor__code .mock-page-code__gutter--active{color:#0284c7;font-weight:650}.mock-part-editor__code .mock-page-code__body{color:#334155;white-space:pre-wrap;word-break:break-word;padding:12px 14px;font-size:11px;line-height:1.65}.mock-part-editor__code .mock-page-code__line{min-height:1.65em}.mock-part-editor__code .mock-page-code__line--active{background:#0ea5e912;box-shadow:inset 2px 0 #0ea5e9}.mock-part-editor .tok-tag{color:#0369a1;font-weight:600}.mock-part-editor .tok-attr{color:#0ea5e9}.mock-part-editor .tok-str{color:#15803d}.mock-part-editor .tok-punc{color:#94a3b8}.mock-part-editor .mock-page-code__foot{color:#94a3b8;background:#fff;border-top:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px;font-size:10px;display:flex}.mock-part-editor .mock-page-code__foot .mono{color:#94a3b8;font-size:10px}.mock-part-editor__open{appearance:none;font:inherit;color:#0284c7;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.mock-part-editor__open:hover{color:#0369a1}.mock-part-place__title{color:var(--mock-text);margin:0 0 6px;font-size:12px;font-weight:700}.mock-part-place__lead{color:var(--mock-text-muted);margin:0 0 8px;font-size:10px;line-height:1.45}.mock-part-place__code{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:#0f172a;border:1px solid #0f172a1f;border-radius:9px;margin:0;padding:10px 11px;font-size:9px;line-height:1.5}.mock-part-place__hint{color:var(--mock-text-muted);margin:8px 0 0;font-size:9px;line-height:1.45}.mock-part-place__hint code{color:#0369a1}.product-frame--viewport .mock-part-flow__stack{gap:10px;padding-bottom:10px}.product-frame--viewport .mock-part-shell{grid-template-columns:minmax(0,1.3fr) minmax(190px,.85fr);gap:8px}.product-frame--viewport .mock-part-meta__grid{gap:10px 12px}.product-frame--viewport .mock-part-flow__grid--editor{grid-template-columns:minmax(0,1.45fr) minmax(180px,.85fr);gap:8px}.product-frame--viewport .mock-part-ai__foot{margin-top:10px;padding-top:10px}.product-frame--viewport .mock-part-ai__prompt{min-height:40px;padding:9px 10px;font-size:11px}.product-frame--viewport .mock-part-ai__prompt--tall{min-height:64px}.product-frame--viewport .mock-part-ai__slots{gap:6px}.product-frame--viewport .mock-part-preview__row{min-height:24px;font-size:8px}.product-frame--viewport .mock-part-editor__code{min-height:96px;max-height:128px}.product-frame--viewport .mock-part-field__hint{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mock-screen--part-detail{flex-direction:column;min-height:0;display:flex;overflow:hidden}.mock-screen--part-detail .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;display:flex}.mock-screen--part-detail .mock-screen__scroll>.mock-part-detail__shell{flex:auto;width:100%;min-height:0}.mock-screen--part-detail .mock-part-detail__topbar{z-index:3;flex-shrink:0;align-items:flex-start;margin-bottom:0;padding-top:0;padding-bottom:4px;position:relative}.mock-screen--part-detail .mock-part-detail__topbar .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-family:var(--font-mono);color:#64748b;font-weight:500}.mock-screen--part-detail .mock-part-detail__topbar .mock-topbar__crumb:hover{color:#0ea5e9}.mock-part-detail__title-row{align-items:center;gap:8px;display:inline-flex}.mock-screen--part-detail .mock-part-detail__topbar .mock-topbar__title{letter-spacing:-.025em;font-size:15px;line-height:1.25}.mock-screen--part-detail .mock-part-detail__topbar .mock-topbar__desc{color:#64748b;max-width:44ch;margin-top:3px;font-size:11px;line-height:1.4}.mock-part-detail__actions{flex-shrink:0;align-items:center;gap:8px;max-width:none;padding-top:12px;display:inline-flex}.mock-screen--part-detail .mock-topbar--compact .mock-topbar__actions.mock-part-detail__actions{max-width:none;padding-top:12px}.mock-part-detail__action-group{align-items:center;gap:8px;display:inline-flex;position:relative}.mock-part-detail__more{display:flex;position:relative}.mock-part-detail__more.is-open .mock-btn--ghost{background:#f8fafc}.mock-part-detail__more-menu{z-index:8;background:#fff;border:1px solid #0f172a1a;border-radius:10px;min-width:156px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 28px #0f172a1a}.mock-part-detail__more-item{appearance:none;width:100%;font:inherit;color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:550;display:flex}.mock-part-detail__more-item:hover{background:#f8fafc}.mock-part-detail__more-item--danger{color:#b91c1c}.mock-part-detail__more-item--danger:hover{background:#b91c1c0f}.mock-screen--part-detail .mock-part-detail__actions .mock-btn.mock-part-detail__primary{border-radius:8px;height:30px;padding-inline:10px}.mock-part-detail__shell{grid-template-columns:minmax(0,1.42fr) minmax(220px,.72fr);align-items:stretch;gap:12px;padding:4px 2px 12px;display:grid}.mock-part-detail__stage,.mock-part-detail__rail{height:auto;min-height:0;box-shadow:none;background:0 0;border:0;flex-direction:column;display:flex}.mock-part-detail__stage-body{flex-direction:column;flex:0 auto;gap:12px;min-height:0;padding:12px 14px 14px;display:flex}.mock-part-detail__ai{background:linear-gradient(#0ea5e912 0%,#f8fafc8c 38%,#fff 100%);border:1px solid #0ea5e924;border-radius:14px;flex-direction:column;gap:8px;padding:11px 12px 12px;display:flex}.mock-part-detail__intro{flex-direction:column;gap:4px;display:flex}.mock-part-detail__intro-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-part-detail__intro-title{letter-spacing:-.02em;color:#0f172a;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:650;display:inline-flex}.mock-part-detail__ai-mark{color:#0284c7;background:#0ea5e91f;border-radius:7px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.mock-part-detail__intro-meta{letter-spacing:.08em;text-transform:uppercase;color:#0284c7;flex-shrink:0;font-size:9px;font-weight:650}.mock-part-detail__intro-desc{color:#64748b;max-width:52ch;margin:0;font-size:11px;line-height:1.4}.mock-part-detail__prompt{letter-spacing:-.011em;color:#0f172a;background:#fffffff0;border:1px solid #0f172a14;border-radius:10px;min-height:38px;padding:9px 12px;font-size:12.5px;line-height:1.45;box-shadow:inset 0 1px #fffc}.mock-part-detail__chips{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.mock-part-detail__chips button{appearance:none;min-height:20px;font:inherit;color:#64748b;cursor:pointer;background:#fff;border:0;border-radius:6px;align-items:center;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex}.mock-part-detail__chips button:hover,.mock-part-detail__chips button.is-active{color:#0369a1;background:#0ea5e91a;border-color:#0ea5e961}.mock-part-detail__ai-foot{justify-content:space-between;align-items:center;gap:10px;padding-top:1px;display:flex}.mock-part-detail__ai-note{color:#94a3b8;margin:0;font-size:10.5px;line-height:1.4}.mock-screen--app.mock-screen--part-detail .mock-part-detail__rewrite{color:#fff;background:#0f172a;border:0;flex-shrink:0}.mock-screen--app.mock-screen--part-detail .mock-part-detail__rewrite:hover{background:#1e293b}.mock-screen--part-detail .mock-part-detail__ai .mock-part-ai__refs{border-top:1px solid #0ea5e91f;margin-top:4px;padding-top:10px}.mock-screen--part-detail .mock-part-ai__refs-label{color:#0f172a;font-size:11px;font-weight:650}.mock-screen--part-detail .mock-part-ai__refs-cap{color:#94a3b8;font-size:10px}.mock-screen--part-detail .mock-part-ai__slots{gap:8px}.mock-screen--part-detail .mock-part-ai__slot-thumb,.mock-screen--part-detail .mock-part-ai__slot-empty{aspect-ratio:16/10;border-radius:9px;max-height:52px}.mock-screen--part-detail .mock-part-ai__slot-empty{color:#94a3b8;background:#f8fafc;border-style:dashed;border-color:#0f172a1f}.mock-screen--part-detail .mock-part-ai__slot-label{color:#64748b;text-align:center;font-size:10px;font-weight:550}.mock-part-detail__fields{flex-direction:column;gap:10px;padding-top:2px;display:flex}.mock-part-detail__identity{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;display:grid}.mock-screen--part-detail .mock-form-field{gap:6px}.mock-screen--part-detail .mock-form-field__label{color:#475569;letter-spacing:-.01em;text-transform:none;font-size:11px;font-weight:600}.mock-screen--part-detail .mock-form-field__hint{color:#94a3b8;font-size:10.5px;line-height:1.4}.mock-screen--part-detail .mock-form-input,.mock-screen--part-detail .mock-form-input--area{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:10px;min-height:36px;font-size:12.5px;box-shadow:0 1px #0f172a05}.mock-screen--part-detail .mock-form-input--area{white-space:normal;align-items:flex-start;min-height:56px}.mock-screen--part-detail .mock-part-detail__desc{box-sizing:border-box;resize:none;color:#0f172a;width:100%;padding:10px 12px;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1.45;display:block}.mock-screen--part-detail .mock-part-detail__desc::placeholder{color:#94a3b8;font-size:12.5px;font-weight:400}.mock-screen--part-detail .mock-part-editor{background:#fff;border:1px solid #0f172a12;border-radius:14px;margin-top:2px;overflow:hidden;box-shadow:0 10px 28px -20px #0f172a59}.mock-screen--part-detail .mock-part-editor__tabs{background:#fff;border-bottom:1px solid #0f172a0f;padding:2px 10px 0}.mock-screen--part-detail .mock-part-editor__code{min-height:148px;max-height:200px}.mock-screen--part-detail .mock-part-editor .mock-page-code__foot{color:#94a3b8;background:#fff;border-top:1px solid #0f172a0f}.mock-screen--part-detail .mock-part-detail__seg.mock-metric-pills--segmented .mock-metric-pill--active,.mock-screen--part-detail .mock-part-detail__seg .mock-page-range__btn--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a14}.mock-part-detail__primary{color:#fff;background:#0f172a;border:0}.mock-part-detail__primary:hover{background:#1e293b}.mock-part-detail__rail-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:13px 14px 0;display:flex}.mock-part-detail__rail-head .mock-panel__title{letter-spacing:-.02em;color:#0f172a;font-size:13px;font-weight:650}.mock-part-detail__live{letter-spacing:.02em;color:#94a3b8;align-items:center;gap:6px;font-size:10px;font-weight:650;display:inline-flex}.mock-part-detail__live i{background:#cbd5e1;border-radius:50%;width:6px;height:6px}.mock-part-detail__live.is-live{color:#047857}.mock-part-detail__live.is-live i{background:#10b981;animation:1.8s ease-out infinite mock-status-pulse-green;box-shadow:0 0 #10b98173}@media (prefers-reduced-motion:reduce){.mock-part-detail__live.is-live i{animation:none;box-shadow:0 0 0 3px #10b98129}}.mock-part-detail__rail-body{flex-direction:column;flex:0 auto;gap:14px;min-height:0;padding:12px 14px 16px;display:flex}.mock-part-detail__seg{background:#f8fafc;border-radius:10px;width:100%;padding:3px}.mock-screen--part-detail .mock-part-detail__seg .mock-metric-pill,.mock-screen--part-detail .mock-part-detail__seg .mock-page-range__btn{border-radius:8px;flex:1 1 0;justify-content:center;min-height:28px;font-size:11px}.mock-part-detail__rail-card{background:#f8fafc;border:1px solid #0f172a0f;border-radius:12px;flex-direction:column;gap:6px;padding:11px 12px;display:flex}.mock-part-detail__rail-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-part-detail__copy{appearance:none;color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.mock-part-detail__copy:hover{color:#0f172a;background:#fff}.mock-part-detail__rail-card-label{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:9.5px;font-weight:650}.mock-part-detail__rail-card-value{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.4;overflow:hidden}.mock-part-detail__rail-card-hint{color:#64748b;margin:0;font-size:11px;line-height:1.45}.mock-part-detail__rail-card-hint code{color:#0284c7;font-weight:600}.mock-part-detail__code{color:#334155;background:#fff;border:1px solid #0f172a0f;border-radius:10px;margin:0;padding:10px 11px;font-size:10.5px;line-height:1.55;overflow-x:auto}.product-frame--viewport .mock-part-detail__shell{grid-template-columns:minmax(0,1.36fr) minmax(196px,.74fr);gap:10px}.product-frame--viewport .mock-part-detail__stage-body{gap:14px;padding:12px}.mock-screen--new-part{flex-direction:column;min-height:0;display:flex}.mock-screen--new-part .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;display:flex}.mock-screen--new-part .mock-screen__scroll>.mock-new-part__shell{flex:none;width:100%;min-height:0}.mock-screen--new-part .mock-new-part__topbar{flex-shrink:0;align-items:flex-start;margin-bottom:0;padding-bottom:0}.mock-screen--new-part .mock-new-part__topbar .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-family:var(--font-mono);color:#64748b;font-weight:500}.mock-screen--new-part .mock-new-part__topbar .mock-topbar__crumb:hover{color:#0ea5e9}.mock-new-part__title-row{align-items:center;gap:8px;display:inline-flex}.mock-screen--new-part .mock-new-part__topbar .mock-topbar__title{letter-spacing:-.03em;font-size:16px;line-height:1.2}.mock-screen--new-part .mock-new-part__topbar .mock-topbar__desc{color:#64748b;max-width:48ch;margin-top:2px;font-size:11.5px;line-height:1.35}.mock-new-part__actions{flex-shrink:0;align-items:center;gap:8px;padding-top:18px;display:inline-flex}.mock-new-part__shell{grid-template-columns:minmax(0,1.38fr) minmax(200px,.78fr);align-items:start;gap:10px;padding:6px 2px 10px;display:grid}.mock-new-part__stage,.mock-new-part__rail{background:#fff;border-color:#0f172a12;flex-direction:column;height:auto;min-height:0;display:flex}.mock-new-part__stage-body{flex-direction:column;flex:0 auto;gap:11px;min-height:0;padding:11px 12px 10px;display:flex}.mock-new-part__mode{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;display:grid!important}.mock-new-part__mode .mock-metric-pill,.mock-new-part__mode .mock-page-range__btn{justify-content:center;gap:6px;width:100%;min-height:30px;font-size:11px}.mock-screen--new-part .mock-new-part__mode .mock-metric-pill--active,.mock-screen--new-part .mock-new-part__mode .mock-page-range__btn--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-screen--new-part .mock-new-part__mode .mock-metric-pill--active svg{color:#0284c7}.mock-new-part__intro{flex-direction:column;gap:2px;display:flex}.mock-new-part__intro-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mock-new-part__intro-title{letter-spacing:-.02em;color:#0f172a;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:650;display:inline-flex}.mock-new-part__intro-title svg{color:#0284c7}.mock-new-part__intro-meta{color:#94a3b8;letter-spacing:.03em;flex-shrink:0;font-size:10px}.mock-new-part__intro-desc{color:#94a3b8;max-width:52ch;margin:0;font-size:11px;line-height:1.4}.mock-new-part__prompt{letter-spacing:-.01em;color:#0f172a;background:#f8fafc;border:1px dashed #0f172a24;border-radius:12px;min-height:72px;padding:12px 13px;font-size:12.5px;line-height:1.5}.mock-new-part__chips{flex-wrap:wrap;gap:6px;display:flex}.mock-new-part__chips span{color:#0f172a;background:#fff;border:0;border-radius:6px;align-items:center;height:20px;min-height:0;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #0f172a1f}.mock-screen--new-part .mock-part-ai__refs{margin-top:0}.mock-screen--new-part .mock-part-ai__refs-head{margin-bottom:8px}.mock-screen--new-part .mock-part-ai__refs-label{color:#0f172a;font-size:11px;font-weight:650}.mock-screen--new-part .mock-part-ai__refs-cap{color:#94a3b8;font-size:10px}.mock-screen--new-part .mock-part-ai__slots{gap:8px}.mock-screen--new-part .mock-part-ai__slot-thumb,.mock-screen--new-part .mock-part-ai__slot-empty{aspect-ratio:16/10;border-radius:10px;max-height:72px}.mock-screen--new-part .mock-part-ai__slot-empty{color:#94a3b8;background:#f8fafc;border-style:dashed;border-color:#0f172a24}.mock-screen--new-part .mock-part-ai__slot:hover .mock-part-ai__slot-empty{color:#0284c7;background:#0ea5e90a;border-color:#0ea5e966}.mock-screen--new-part .mock-part-ai__slot-label{color:#64748b;text-align:center;font-size:10px;font-weight:550}.mock-new-part__fields{flex-direction:column;gap:10px;display:flex}.mock-screen--new-part .mock-form-field{gap:5px}.mock-screen--new-part .mock-form-field__label{color:#64748b;letter-spacing:-.01em;text-transform:none;font-size:10.5px;font-weight:600}.mock-screen--new-part .mock-form-field__hint{color:#94a3b8;font-size:10.5px;line-height:1.4}.mock-screen--new-part .mock-form-input,.mock-screen--new-part .mock-form-input--area{color:#0f172a;background:#fff;border:1px solid #0f172a17;border-radius:10px;min-height:34px;font-size:12px}.mock-screen--new-part .mock-form-input--area{white-space:normal;align-items:flex-start;min-height:64px}.mock-screen--new-part .mock-part-editor{background:#fff;border:1px solid #0f172a12;border-radius:12px;margin-top:2px;overflow:hidden}.mock-screen--new-part .mock-part-editor__tabs{background:#fff;border-bottom:1px solid #0f172a0d;padding:2px 10px 0}.mock-screen--new-part .mock-part-editor__code{min-height:88px;max-height:120px}.mock-new-part__foot{border-top:1px solid #0f172a0f;justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;padding-top:10px;display:flex}.mock-new-part__primary{color:#fff;background:#0f172a;border:0}.mock-new-part__rail-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px 0;display:flex}.mock-new-part__rail-head .mock-panel__title{color:#0f172a;font-size:12px;font-weight:650}.mock-new-part__rail-body{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:10px 12px 12px;display:flex}.mock-new-part__seg{width:100%}.mock-screen--new-part .mock-new-part__seg .mock-metric-pill,.mock-screen--new-part .mock-new-part__seg .mock-page-range__btn{flex:1 1 0;justify-content:center;min-height:30px;font-size:11px}.mock-screen--new-part .mock-new-part__seg .mock-metric-pill--active,.mock-screen--new-part .mock-new-part__seg .mock-page-range__btn--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-new-part__rail-card{background:#f8fafc;border:1px solid #0f172a0f;border-radius:12px;flex-direction:column;gap:6px;padding:10px 11px;display:flex}.mock-new-part__rail-card-label{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:650}.mock-new-part__rail-card-value{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;line-height:1.4;overflow:hidden}.mock-new-part__rail-card-hint{color:#94a3b8;margin:0;font-size:10.5px;line-height:1.4}.mock-new-part__rail-card-hint code{color:#0284c7}.mock-new-part__code{color:#334155;background:#fff;border:1px solid #0f172a0f;border-radius:9px;margin:0;padding:10px;font-size:10px;line-height:1.5;overflow-x:auto}.mock-new-part__limits{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.mock-new-part__limits li{color:#64748b;align-items:flex-start;gap:7px;font-size:11px;line-height:1.35;display:flex}.mock-new-part__limits .icon{color:#0284c7;flex-shrink:0;margin-top:1px}.mock-new-part__preview{background:#f8fafc;border:1px solid #0f172a0f;border-radius:12px;flex-direction:column;gap:8px;padding:10px 11px;display:flex}.mock-new-part__preview-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-new-part__preview-label{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:650}.mock-new-part__preview-frame{background:#fff;border:1px solid #0f172a0f;border-radius:10px;padding:8px}.mock-new-part__preview-table{flex-direction:column;gap:0;display:flex}.mock-new-part__preview-row{color:#0f172a;border-bottom:1px solid #0f172a0d;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) auto;align-items:center;gap:8px;padding:7px 4px;font-size:10.5px;display:grid}.mock-new-part__preview-row:last-child{border-bottom:0}.mock-new-part__preview-row--head{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;padding-top:2px;padding-bottom:6px;font-size:9px;font-weight:650}.mock-new-part__preview-op{align-items:center;gap:6px;min-width:0;font-weight:600;display:inline-flex}.mock-new-part__preview-op i{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mock-new-part__preview-cta{color:#fff;background:#0f172a;border-radius:6px;justify-content:center;align-items:center;min-height:20px;padding:0 8px;font-size:9px;font-weight:650;display:inline-flex}.mock-new-part__preview-caption{color:#94a3b8;margin:0;font-size:10.5px;line-height:1.4}.mock-new-part__rail-foot{border-top:1px solid #0f172a0f;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;margin-top:auto;padding:9px 12px 10px;display:flex}.product-frame--viewport .mock-new-part__shell{grid-template-columns:minmax(0,1.3fr) minmax(180px,.8fr);gap:8px}.product-frame--viewport .mock-screen--new-part .mock-new-part__topbar .mock-topbar__title{font-size:15px}.mock-ab-edit__topbar{align-items:flex-start}.mock-ab-edit__crumb{align-items:center;gap:6px;margin-bottom:2px;display:flex}.mock-ab-edit__crumb-sep,.mock-ab-edit__crumb-current{color:var(--mock-text-muted);font-size:10px}.mock-ab-edit__subtitle{color:var(--mock-text-secondary);margin:2px 0 0;font-size:11px}.mock-ab-edit__grid{grid-template-columns:minmax(0,1.55fr) minmax(210px,.85fr);align-items:start;gap:10px;padding-bottom:14px;display:grid}.mock-ab-edit__main,.mock-ab-edit__side{flex-direction:column;gap:10px;min-width:0;display:flex}.mock-ab-edit-card .mock-panel__body{flex-direction:column;gap:10px;display:flex}.mock-ab-edit-field{flex-direction:column;gap:4px;display:flex}.mock-ab-edit-field__label{color:var(--mock-text);font-size:10px;font-weight:600}.mock-ab-edit-field__hint{color:var(--mock-text-muted);margin:0;font-size:9px;line-height:1.4}.mock-ab-edit-field__input{border:1px solid var(--mock-border-subtle);min-height:28px;color:var(--mock-text);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;font-size:11px;display:flex}.mock-ab-edit-field__input--users{justify-content:flex-start}.mock-ab-edit-url-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1.2fr) auto;align-items:center;gap:6px;display:grid}.mock-ab-edit-url-row__assign{font-size:10px}.mock-ab-edit-primary{color:var(--mock-text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.mock-ab-edit-switch{background:#cbd5e1;border-radius:99px;flex-shrink:0;width:28px;height:16px;position:relative}.mock-ab-edit-switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0f172a2e}.mock-ab-edit-switch--on{background:#0ea5e9}.mock-ab-edit-switch--on:after{left:14px}.mock-ab-edit-url-link{font:inherit;color:#0284c7;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;align-self:flex-start;padding:0;font-size:10px;text-decoration:underline}.mock-ab-edit-add-url{align-self:flex-start}.mock-ab-edit-radios{gap:14px;display:flex}.mock-ab-edit-radio{color:var(--mock-text-secondary);align-items:center;gap:6px;font-size:11px;display:inline-flex}.mock-ab-edit-radio__dot{box-sizing:border-box;border:1.5px solid #94a3b8;border-radius:50%;width:12px;height:12px}.mock-ab-edit-radio--on{color:var(--mock-text);font-weight:600}.mock-ab-edit-radio--on .mock-ab-edit-radio__dot{border-color:#0284c7;box-shadow:inset 0 0 0 3px #0284c7}.mock-ab-edit-info{margin:0;padding:8px 10px;font-size:10px;line-height:1.4}.mock-ab-edit-labels{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-ab-edit-labels__count{color:var(--mock-text-muted);font-size:10px}.mock-ab-edit-section-title{color:var(--mock-text);margin:0 0 2px;font-size:12px;font-weight:700}.mock-ab-edit-variants{flex-direction:column;gap:8px;display:flex}.mock-ab-edit-variant{border:1px solid var(--mock-border-subtle);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.mock-ab-edit-variant__head{border-bottom:1px solid var(--mock-border-subtle);background:#f8fafc;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.mock-ab-edit-variant__title{color:var(--mock-text);font-size:11px;font-weight:700}.mock-ab-edit-variant__badge{border-radius:99px;padding:2px 7px;font-size:9px;font-weight:600}.mock-ab-edit-variant__badge--control{color:#475569;background:#f1f5f9}.mock-ab-edit-variant__badge--traffic{color:#1d4ed8;background:#eff6ff}.mock-ab-edit-variant__fields{grid-template-columns:1.4fr .8fr;gap:8px;padding:10px;display:grid}.mock-ab-edit-variant__mode-label{color:var(--mock-text);margin:0;padding:0 10px;font-size:10px;font-weight:600}.mock-ab-edit-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 10px 10px;display:grid}.mock-ab-edit-mode{border:1px solid var(--mock-border-subtle);color:var(--mock-text-muted);background:#fff;border-radius:10px;flex-direction:column;gap:4px;min-height:78px;padding:8px;display:flex}.mock-ab-edit-mode--active{color:#0369a1;background:#0ea5e90d;border-color:#0ea5e98c;box-shadow:0 0 0 1px #0ea5e91f}.mock-ab-edit-mode__label{color:var(--mock-text);font-size:10px;font-weight:700}.mock-ab-edit-mode--active .mock-ab-edit-mode__label{color:#0369a1}.mock-ab-edit-mode__desc{color:var(--mock-text-muted);font-size:8px;line-height:1.35}.mock-ab-edit-design{padding:0 10px 10px}.mock-ab-edit-design__desc{color:var(--mock-text-muted);margin:0 0 8px;font-size:9px;line-height:1.4}.mock-ab-edit-design__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-ab-edit-design__card{border:1px solid var(--mock-border-subtle);background:#f8fafc;border-radius:10px;flex:160px;align-items:center;gap:8px;min-width:0;padding:8px 10px;display:flex}.mock-ab-edit-design__meta{flex-direction:column;gap:3px;min-width:0;display:flex}.mock-ab-edit-design__name{color:var(--mock-text);font-size:11px;font-weight:600}.mock-ab-edit-design__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-ab-edit-design__actions .mock-panel__link{align-items:center;gap:4px;font-size:10px;display:inline-flex}.mock-ab-edit-advanced{border:0;border-top:1px solid var(--mock-border-subtle);width:100%;font:inherit;color:var(--mock-text-secondary);cursor:pointer;background:#f8fafc;justify-content:space-between;align-items:center;padding:8px 10px;font-size:10px;font-weight:600;display:flex}.mock-ab-edit-status-actions{flex-direction:column;gap:6px;display:flex}.mock-ab-edit-btn--resume{background:#16a34a}.mock-ab-edit-btn--resume:hover{background:#15803d}.mock-ab-edit-seg{border:1px solid var(--mock-border-subtle);background:#f1f5f9;border-radius:9px;grid-template-columns:1fr 1fr;gap:4px;padding:3px;display:grid}.mock-ab-edit-seg__btn{color:var(--mock-text-muted);border-radius:7px;justify-content:center;align-items:center;padding:6px 8px;font-size:10px;font-weight:600;display:flex}.mock-ab-edit-seg__btn--on{color:#fff;background:#0284c7;box-shadow:0 1px 2px #0284c740}.mock-ab-edit-priors{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mock-ab-edit-slider{flex-direction:column;gap:4px;display:flex}.mock-ab-edit-slider__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-ab-edit-slider__value{color:#0369a1;font-size:10px;font-weight:700}.mock-ab-edit-slider__track{background:#e2e8f0;border-radius:99px;height:6px;position:relative}.mock-ab-edit-slider__fill{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#0284c7);height:100%;display:block}.mock-ab-edit-slider__thumb{background:#fff;border:2px solid #0284c7;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0f172a29}.mock-ab-edit-slider__ends{color:var(--mock-text-muted);justify-content:space-between;font-size:8px;display:flex}.mock-ab-edit-sample{border:1px solid var(--mock-border-subtle);background:#f8fafc;border-radius:10px;flex-direction:column;gap:2px;padding:10px;display:flex}.mock-ab-edit-sample__value{font-family:var(--font-body);letter-spacing:-.03em;color:var(--mock-text);font-size:22px;font-weight:700;line-height:1}.mock-ab-edit-sample__meta,.mock-ab-edit-sample__total{color:var(--mock-text-muted);font-size:9px}.mock-ab-edit-duration{color:#e2e8f0;background:#0f172a;border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.mock-ab-edit-duration .mock-ab-edit-field__label{color:#94a3b8}.mock-ab-edit-duration__value{font-family:var(--font-body);letter-spacing:-.03em;color:#fff;font-size:20px;font-weight:700;line-height:1}.mock-ab-edit-duration__hint{color:#94a3b8;margin:0;font-size:9px;line-height:1.4}.mock-ab-edit-duration .mock-btn{color:#fff;background:#ffffff14;border-color:#ffffff24;align-self:flex-start}.mock-ab-edit-sequential__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-ab-edit-danger .mock-panel__body{flex-direction:column;gap:8px;display:flex}.mock-ab-edit-danger__title{color:#dc2626;margin:0;font-size:11px;font-weight:700}.mock-ab-edit-danger__btn{color:#dc2626;font:inherit;cursor:pointer;background:#fef2f2e6;border:1px solid #dc262647;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700}.product-frame--viewport .mock-ab-edit__grid{gap:8px}.product-frame--viewport .mock-ab-edit-modes{gap:4px}.product-frame--viewport .mock-ab-edit-mode{min-height:64px;padding:6px}.product-frame--viewport .mock-ab-edit-mode__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-frame--viewport .mock-ab-edit-sample__value{font-size:18px}.product-frame--viewport .mock-ab-edit-duration__value{font-size:16px}.mock-lang-tabs{flex-wrap:wrap;flex-shrink:0;gap:4px;display:flex}.mock-lang-tab{color:var(--mock-text-muted);border:1px solid #0000;border-radius:7px;padding:5px 10px;font-size:10px;font-weight:500}.mock-lang-tab--active{color:var(--mock-text);border-color:var(--mock-border-subtle);background:#fff;font-weight:600}.mock-category-pill{color:var(--mock-text-muted);background:var(--mock-bg);border:1px solid var(--mock-border-subtle);border-radius:99px;padding:3px 8px;font-size:9px;font-weight:500}.mock-category-pill--active{color:#0284c7;background:#0ea5e914;border-color:#0ea5e933}.mock-calendar-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.mock-calendar-nav{align-items:center;gap:6px;display:flex}.mock-calendar-nav__btn{border:1px solid var(--mock-border-subtle);background:var(--mock-bg);cursor:pointer;width:24px;height:24px;color:var(--mock-text-secondary);border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.mock-calendar-nav__label{color:var(--mock-text);text-align:center;min-width:96px;font-size:12px;font-weight:600}.mock-btn--xs{height:24px;padding-inline:8px;font-size:10px}.mock-calendar-status-filters{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.mock-calendar-status-chip--scheduled{color:#0369a1;background:#0ea5e914;border-color:#0ea5e926}.mock-calendar-status-chip--scheduled .mock-calendar-status-chip__dot{background:#0ea5e9}.mock-calendar-status-chip--running{color:#b45309;background:#f59e0b1a;border-color:#f59e0b38}.mock-calendar-status-chip--running .mock-calendar-status-chip__dot{background:#f59e0b}.mock-calendar-status-chip--done{color:#15803d;background:#22c55e14;border-color:#22c55e29}.mock-calendar-status-chip--done .mock-calendar-status-chip__dot{background:#22c55e}.mock-calendar-status-chip--failed{color:#b91c1c;background:#ef444414;border-color:#ef444429}.mock-calendar-status-chip--failed .mock-calendar-status-chip__dot{background:#ef4444}.mock-calendar-status-chip--cancelled{color:#64748b;background:#94a3b81a;border-color:#94a3b833}.mock-calendar-status-chip--cancelled .mock-calendar-status-chip__dot{background:#94a3b8}.mock-calendar-panel,.mock-calendar-panel>.mock-panel__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mock-calendar-panel.mock-panel--flex>.mock-panel__body{overflow:hidden}.mock-calendar-grid{background:#0f172a0d;flex:1 1 0;grid-template-rows:28px repeat(5,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;height:100%;min-height:0;padding:1px;display:grid}.mock-calendar-grid__head{font-family:var(--font-mono);letter-spacing:.06em;color:var(--mock-text-muted);text-transform:uppercase;background:#fafbfc;justify-content:center;align-items:center;padding:4px;font-size:8px;display:flex}.mock-calendar-cell{background:#fff;border:none;border-radius:0;flex-direction:column;align-items:flex-start;gap:4px;min-height:0;padding:6px;display:flex}.mock-calendar-cell--empty{background:#fafbfccc}.mock-calendar-cell--today{background:#0ea5e90a;box-shadow:inset 0 0 0 1px #0ea5e959}.mock-calendar-cell--has-event{background:#22c55e0a}.mock-calendar-cell__day{font-family:var(--font-display);letter-spacing:-.02em;color:var(--mock-text);font-size:11px;font-weight:600}.mock-calendar-cell__event{font-family:var(--font-mono);color:#15803d;margin-top:auto;font-size:8px;font-weight:500;line-height:1.2}.mock-calendar-topbar{align-items:flex-start}.mock-screen__body-fill.mock-calendar-layout{grid-template-columns:minmax(0,1fr) minmax(188px,.42fr);align-items:stretch;gap:10px;min-height:0;display:grid}.mock-calendar-layout>.mock-calendar-panel,.mock-calendar-layout>.mock-calendar-day{height:100%;min-height:0}.mock-calendar-cell--btn{text-align:left;width:100%;font:inherit;cursor:pointer;transition:background .12s,box-shadow .12s}.mock-calendar-cell--btn:hover{background:#0ea5e90d}.mock-calendar-cell--selected{background:#0ea5e912;box-shadow:inset 0 0 0 1.5px #0ea5e98c}.mock-calendar-cell--today .mock-calendar-cell__day{color:#fff;background:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.mock-calendar-cell__chip{color:#166534;background:#22c55e14;border:1px solid #22c55e33;border-radius:6px;align-items:flex-start;gap:4px;width:100%;margin-top:2px;padding:4px 5px;display:flex}.mock-calendar-cell__chip-meta{flex-direction:column;gap:1px;min-width:0;font-size:7px;font-weight:600;line-height:1.25;display:flex}.mock-calendar-cell__chip-meta span:last-child{color:#3f6212;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.mock-calendar-day{border:1px solid var(--mock-border-subtle);background:#fff;border-radius:12px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.mock-calendar-day__head{border-bottom:1px solid var(--mock-border-subtle);background:#fafbfc;padding:12px 12px 10px}.mock-calendar-day__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);align-items:center;gap:5px;font-size:9px;font-weight:650;display:inline-flex}.mock-calendar-day__title{font-family:var(--font-body);letter-spacing:-.02em;color:var(--mock-text);margin:6px 0 0;font-size:14px;font-weight:700}.mock-calendar-day__summary{color:var(--mock-text-muted);margin:4px 0 0;font-size:10px}.mock-calendar-day__section{flex-direction:column;flex:auto;min-height:0;padding:10px 10px 0;display:flex}.mock-calendar-day__section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);font-size:9px;font-weight:650}.mock-calendar-day__hint{color:var(--mock-text-secondary);margin:4px 0 8px;font-size:10px;line-height:1.35}.mock-calendar-day__list{flex-direction:column;flex:auto;gap:6px;min-height:0;padding-bottom:8px;display:flex;overflow:auto}.mock-calendar-test{border:1px solid var(--mock-border-subtle);text-align:left;width:100%;font:inherit;cursor:pointer;color:inherit;background:#fff;border-radius:9px;flex-direction:column;gap:6px;padding:8px 9px;transition:border-color .12s,background .12s;display:flex}.mock-calendar-test:hover{background:#0ea5e908;border-color:#0ea5e959}.mock-calendar-test--active{border-color:#0ea5e947;box-shadow:inset 2px 0 #0ea5e9}.mock-calendar-test__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-calendar-test__kind{color:var(--mock-text-muted);align-items:center;gap:4px;font-size:9px;font-weight:600;display:inline-flex}.mock-calendar-test__status{text-transform:lowercase;font-size:9px;font-weight:650}.mock-calendar-test__status--active{color:#0369a1}.mock-calendar-test__status--paused{color:#94a3b8}.mock-calendar-test__body{align-items:center;gap:7px;min-width:0;display:flex}.mock-calendar-test__mark{width:22px;height:22px;color:var(--mock-text-secondary);background:#0f172a0a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mock-calendar-test__name{color:var(--mock-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.mock-calendar-day__foot{border-top:1px solid var(--mock-border-subtle);background:#fafbfc;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.product-frame--viewport .mock-calendar-day__title{font-size:12px}.product-frame--viewport .mock-calendar-test__name{font-size:10px}.product-frame--viewport .mock-calendar-cell__chip{display:none}.mock-asset-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mock-asset-card{border:1px solid var(--mock-border-subtle);background:var(--mock-surface);border-radius:8px;overflow:hidden}.mock-asset-card__thumb{aspect-ratio:4/3;background:linear-gradient(135deg,#0ea5e914,#38bdf80a),repeating-conic-gradient(#0f172a0a 0% 25%,#0000 0% 50%) 0 0/12px 12px}.mock-asset-card__meta{padding:6px 8px}.mock-asset-card__name{color:var(--mock-text);text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:600;display:block;overflow:hidden}.mock-asset-card__details{color:var(--mock-text-muted);align-items:center;gap:4px;margin-top:3px;font-size:8px;display:flex}.mock-video-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mock-video-card{border:1px solid var(--mock-border-subtle);background:var(--mock-surface);border-radius:10px;overflow:hidden}.mock-video-card__player{aspect-ratio:16/10;background:linear-gradient(145deg,#1e293b,#334155);justify-content:center;align-items:center;display:flex;position:relative}.mock-video-card__play{width:28px;height:28px;color:var(--mock-text);background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.mock-video-card__duration{color:#fff;font-size:8px;font-family:var(--font-mono);background:#0009;border-radius:4px;padding:2px 5px;position:absolute;bottom:6px;right:6px}.mock-video-card__body{flex-direction:column;gap:4px;padding:8px 10px;display:flex}.mock-video-card__title{color:var(--mock-text);font-size:10px;font-weight:600;line-height:1.3}.mock-video-card__tags{flex-wrap:wrap;gap:3px;display:flex}.mock-video-card__date{color:var(--mock-text-muted);font-size:9px}.mock-roadmap{flex-direction:column;gap:10px;display:flex}.mock-roadmap-phase,.mock-roadmap-stack{background:#fff;border:1px solid #0f172a12;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.mock-roadmap-phase__head,.mock-roadmap-stack__head{border-bottom:1px solid #0f172a0d;align-items:center;gap:8px;padding:9px 12px;display:flex}.mock-roadmap-phase--green .mock-roadmap-phase__head{background:linear-gradient(90deg,#10b9811a,#10b98105 62%,#0000)}.mock-roadmap-phase--blue .mock-roadmap-phase__head,.mock-roadmap-stack__head{background:linear-gradient(90deg,#0ea5e91a,#0ea5e905 62%,#0000)}.mock-roadmap-phase--amber .mock-roadmap-phase__head{background:linear-gradient(90deg,#f59e0b1f,#f59e0b05 62%,#0000)}.mock-roadmap-phase--slate .mock-roadmap-phase__head{background:linear-gradient(90deg,#64748b1a,#64748b05 62%,#0000)}.mock-roadmap-phase__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.mock-roadmap-phase__icon .icon{justify-content:center;align-items:center;display:flex}.mock-roadmap-phase__icon--green{color:#059669;background:#10b98129}.mock-roadmap-phase__icon--blue{color:#0284c7;background:#0ea5e929}.mock-roadmap-phase__icon--amber{color:#d97706;background:#f59e0b29}.mock-roadmap-phase__icon--slate{color:#475569;background:#64748b24}.mock-roadmap-phase__title{letter-spacing:-.01em;min-width:0;color:var(--mock-text);flex:1;font-size:11.5px;font-weight:650}.mock-roadmap-phase__status{font-family:var(--font-mono);letter-spacing:.02em;color:var(--mock-text-muted);background:#fff;border:1px solid #0f172a14;border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:8.5px;font-weight:600}.mock-roadmap-phase__status--green{color:#047857;background:#10b9811a;border-color:#10b98133}.mock-roadmap-phase__status--blue{color:#0369a1;background:#0ea5e91a;border-color:#0ea5e933}.mock-roadmap-phase__status--amber{color:#b45309;background:#f59e0b1f;border-color:#f59e0b38}.mock-roadmap-phase__status--slate{color:#475569;background:#64748b1a;border-color:#64748b2e}.mock-roadmap-phase__body{grid-template-columns:1fr 1fr;gap:8px;padding:10px;display:grid}.mock-roadmap-col{background:#fafbfc;border:1px solid #0f172a0d;border-radius:10px;min-width:0;padding:8px 10px}.mock-roadmap-col__label{letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);margin-bottom:6px;font-size:8.5px;font-weight:650;display:block}.mock-roadmap-col__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mock-roadmap-col__list li{color:var(--mock-text-secondary);align-items:flex-start;gap:7px;font-size:10.5px;line-height:1.4;display:flex}.mock-roadmap-mark{color:#0284c7;background:#fff;border:1.5px solid #0ea5e952;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin-top:1px;display:inline-flex}.mock-roadmap-mark--done{background:#0ea5e91f;border-color:#0ea5e973}.mock-roadmap-mark--done .icon{justify-content:center;align-items:center;display:flex}.mock-help-section+.mock-help-section{margin-top:0}.mock-help-layout{flex-direction:column;flex:1;justify-content:flex-start;gap:12px;min-height:0;padding-top:0;display:flex;overflow:hidden}.mock-help-layout .mock-help-section{flex-direction:column;flex:none;gap:5px;display:flex}.mock-help-layout .mock-help-section:first-child{padding-top:6px}.mock-help-grid{grid-template-columns:repeat(2,1fr);align-content:start;gap:10px;margin-top:0;display:grid}.mock-help-card{background:var(--mock-surface);border:1px solid #0000;border-radius:12px;flex-direction:row;align-items:flex-start;gap:10px;min-height:76px;padding:11px 12px;display:flex}.mock-help-card--cyan{background:linear-gradient(145deg,#f0f9ff 0%,#e0f2fe 55%,#f8fcff 100%);border-color:#0ea5e924}.mock-help-card--green{background:linear-gradient(145deg,#ecfdf5 0%,#d1fae5 55%,#f4fdf8 100%);border-color:#10b98124}.mock-help-card--violet{background:linear-gradient(145deg,#f0f9ff 0%,#e0f2fe 55%,#f8fcff 100%);border-color:#0ea5e929}.mock-help-card--indigo{background:linear-gradient(145deg,#eef2ff 0%,#e0e7ff 55%,#f5f7ff 100%);border-color:#6366f124}.mock-help-card--amber{background:linear-gradient(145deg,#fffbeb 0%,#fef3c7 55%,#fffef8 100%);border-color:#f59e0b29}.mock-help-card__icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.mock-help-card__icon .icon{justify-content:center;align-items:center;display:flex}.mock-help-card__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.mock-help-card__title{color:var(--mock-text);letter-spacing:-.01em;font-size:11px;font-weight:600}.mock-help-card__desc{color:var(--mock-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.mock-stat-hero{flex-direction:column;flex-shrink:0;gap:10px;display:flex}.mock-stat-hero .mock-alert--warning,.mock-stat-hero .mock-alert--success{margin-bottom:0}.mock-alert--warning{color:#b91c1c;background:#fef2f299;border:1px solid #ef44441f;border-radius:12px;flex-shrink:0;margin-bottom:0;padding:8px 12px;font-size:11px;line-height:1.4}.mock-alert--success{color:#047857;background:#ecfdf5bf;border:1px solid #10b98124;border-radius:12px;flex-shrink:0;margin-bottom:0;padding:8px 12px;font-size:11px;line-height:1.4}.mock-alert--info{color:#0369a1;background:#f0f9ffbf;border:1px solid #0ea5e924;border-radius:12px;flex-shrink:0;margin-bottom:0;padding:8px 12px;font-size:11px;line-height:1.4}.mock-alert--banner{margin-bottom:10px}.mock-alert--banner.mock-alert--tight{margin-bottom:0;padding:3px 12px}.mock-progress-strip{align-items:center;gap:10px;display:flex}.mock-progress-strip__label{color:var(--mock-text);flex-shrink:0;font-size:11px;font-weight:600}.mock-progress-strip__bar{flex:1}.mock-progress-strip__pct{font-family:var(--font-mono);color:#059669;flex-shrink:0;font-size:11px;font-weight:700}.mock-stat-grid{flex:1;grid-template-columns:minmax(0,.82fr) minmax(0,1.33fr) minmax(0,.85fr);align-content:start;gap:10px;min-height:0;display:grid}.mock-stat-body{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow:auto}.mock-stat-body .mock-dashboard-mid{flex:none;grid-template-rows:minmax(230px,1fr);align-items:stretch;min-height:230px}.mock-stat-body .mock-panel--hero-chart{flex:auto;align-self:stretch;height:100%;min-height:230px}.mock-stat-body .mock-stat-ranked{flex-direction:column;height:100%;min-height:0;display:flex}.mock-stat-body .mock-stat-ranked>.mock-panel__body{flex-direction:column;flex:1;justify-content:stretch;min-height:0;display:flex}.mock-stat-ranked>.mock-panel__body{flex-direction:column;justify-content:stretch;display:flex}.mock-stat-ranked>.mock-panel__body>.mock-ranked-row{flex:1;align-content:center}.mock-stat-mini>.mock-panel__head{background:0 0;border-bottom:1px solid #0f172a0d;padding:8px 12px}.mock-stat-mini>.mock-panel__body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.mock-stat-mini{flex-direction:column;height:100%;min-height:0;display:flex}.mock-stat-bottom{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-content:stretch;align-items:stretch;gap:10px;min-height:156px;display:grid}.mock-stat-premium-bars{flex-direction:column;flex:1;justify-content:center;min-height:0;padding:6px 14px 10px;display:flex}.mock-stat-premium-bars--airy{justify-content:space-evenly;padding-top:10px;padding-bottom:12px}.mock-stat-premium-bars__row{border-bottom:1px solid #0f172a0a;grid-template-columns:6px minmax(0,1fr) minmax(0,1.35fr) auto;align-items:center;gap:8px 10px;padding:6px 0;display:grid}.mock-stat-premium-bars--airy .mock-stat-premium-bars__row{padding:9px 0}.mock-stat-premium-bars__row:last-child{border-bottom:none}.mock-stat-premium-bars__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 2px #ffffffe6}.mock-stat-premium-bars__label{font-family:var(--font-display);letter-spacing:-.01em;color:var(--mock-text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.mock-stat-premium-bars__track{background:#0f172a0d;border-radius:99px;height:5px;overflow:hidden}.mock-stat-premium-bars__fill{border-radius:99px;min-width:4px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);display:block}.mock-stat-premium-bars__value{font-family:var(--font-mono);color:var(--mock-text-secondary);text-align:right;min-width:34px;font-size:10px;font-weight:500}.mock-stat-premium-bars__row--lead .mock-stat-premium-bars__label{color:var(--mock-text)}.mock-stat-premium-bars__row--lead .mock-stat-premium-bars__value{color:var(--mock-text);font-weight:600}.mock-stat-premium-bars__row--lead .mock-stat-premium-bars__track{height:6px}.mock-ranked-head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-muted);border-bottom:1px solid #0f172a0f;grid-template-columns:18px 1fr auto auto;gap:8px;padding:6px 14px;font-size:8px;display:grid}.mock-ranked-head span:nth-child(3),.mock-ranked-head span:nth-child(4){text-align:right}.mock-stat-kpis{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mock-stat-kpis--quad{grid-template-columns:repeat(4,1fr)}.mock-stat-kpis--inline{margin-bottom:0}.mock-stat-kpi{border:1px solid var(--mock-border-subtle);background:var(--mock-surface);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.mock-stat-kpi--compact{padding:6px 10px}.mock-stat-kpi__label{color:var(--mock-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:9px}.mock-stat-kpi__value{font-family:var(--font-display);color:var(--mock-text);letter-spacing:-.02em;font-size:16px;font-weight:700}.mock-stat-kpi--green .mock-stat-kpi__value{color:#16a34a}.mock-stat-kpi--amber .mock-stat-kpi__value{color:#d97706}.mock-stat-kpi--red .mock-stat-kpi__value{color:#dc2626}.mock-stat-kpi--cyan .mock-stat-kpi__value{color:#0284c7}.mock-stat-kpi__trend{color:var(--mock-text-muted);font-size:9px}.mock-stat-kpi__trend--flag{color:#dc2626}.mock-stat-kpi__sub{color:var(--mock-text-muted);font-size:9px}.mock-panel--ranked{flex-direction:column;min-height:0;display:flex;overflow:hidden}.mock-ranked-row{border-bottom:1px solid #0f172a0a;grid-template-columns:18px 1fr auto auto;align-items:center;gap:8px;padding:6px 12px;font-size:10px;display:grid}.mock-ranked-row__rank{font-family:var(--font-mono);color:var(--mock-text-muted);font-size:9px}.mock-ranked-row__body{min-width:0}.mock-ranked-row__name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--mock-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;display:block;overflow:hidden}.mock-ranked-row__bar{background:var(--mock-bg);border-radius:99px;height:3px;margin-top:3px;overflow:hidden}.mock-ranked-row__bar-fill{background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:99px;height:100%}.mock-ranked-row__conv,.mock-ranked-row__rate{font-family:var(--font-mono);color:var(--mock-text-secondary);white-space:nowrap;font-size:9px}.mock-pages-table-row__slug,.mock-translation-row__slug{color:var(--mock-text-muted);font-size:9px;font-weight:400;display:block}.mock-pages-section-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-muted);padding:6px 12px 2px;font-size:8px}.mock-pages-table-row__add-lang{color:#0ea5e9;font-size:9px}.mock-pages-tabs{scrollbar-width:none;border-bottom:1px solid #0f172a0f;align-items:center;gap:2px;padding-bottom:0;display:flex;overflow-x:auto}.mock-pages-tabs::-webkit-scrollbar{display:none}.mock-pages-tab{color:var(--mock-text-secondary);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 12px 10px;font-size:12px;font-weight:500;display:inline-flex}.mock-pages-tab--active{color:var(--mock-text);border-bottom-color:#ea580c}.mock-pages-tab__count{min-width:18px;font-family:var(--font-mono);background:var(--mock-bg);border:1px solid var(--mock-border-subtle);color:var(--mock-text-secondary);border-radius:99px;justify-content:center;align-items:center;padding:1px 6px;font-size:9px;font-weight:600;display:inline-flex}.mock-pages-tab__count--green{color:#15803d;background:#22c55e14;border-color:#22c55e2e}.mock-pages-tab__count--amber{color:#b45309;background:#f59e0b14;border-color:#f59e0b2e}.mock-pages-table-grid{--pages-gap:12px;--pages-cols:14px minmax(140px, 1fr) 72px 52px 48px minmax(64px, max-content) minmax(68px, max-content) minmax(64px, max-content) minmax(68px, max-content) 116px;box-sizing:border-box;column-gap:var(--pages-gap);grid-template-columns:var(--pages-cols);row-gap:0;width:100%;padding-inline:16px;display:grid}@supports not (grid-template-columns:subgrid){.mock-pages-table-head.mock-pages-table-head--prod,.mock-pages-table-row.mock-pages-table-row--prod{column-gap:var(--pages-gap);grid-template-columns:var(--pages-cols)}}.mock-pages-table-head.mock-pages-table-head--prod,.mock-pages-table-row.mock-pages-table-row--prod{grid-template-columns:subgrid;grid-column:1/-1;align-items:center;min-width:0;display:grid}.mock-pages-table-head--prod{border-bottom:1px solid #0f172a0d;padding-block:8px}.mock-pages-table-head--prod>span,.mock-pages-table-head--prod>.mock-pages-table-head__sortable--btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-secondary);white-space:nowrap;min-width:0;font-size:8px}.mock-pages-table-row--prod{border-bottom:1px solid #0f172a0a;min-height:40px;padding-block:6px;position:relative}.mock-pages-table-row--prod.mock-row--clickable{transition:background var(--duration-fast)}.mock-pages-table-grid .mock-pages-table-row--prod.mock-row--clickable:hover{background:#f8fafc}.mock-pages-table-row--prod:last-of-type{border-bottom:none}.mock-pages-table-grid>.mock-pages-section-label{border-bottom:1px solid #0f172a0a;grid-column:1/-1;margin:0;padding:2px 0 0;line-height:1.2}.mock-pages-table-head--prod>span:first-child,.mock-pages-table-row--prod>.mock-pages-table-row__check{justify-self:center}.mock-pages-table-head--prod>span:nth-child(2),.mock-pages-table-row--prod>.mock-pages-table-row__name,.mock-pages-table-head--prod>span:nth-child(3),.mock-pages-table-row--prod>.mock-page-status{justify-self:start}.mock-pages-table-head--prod>span:nth-child(n+4):nth-child(-n+8),.mock-pages-table-head--prod>.mock-pages-table-head__sortable:nth-child(n+4):nth-child(-n+8),.mock-pages-table-row--prod>.mock-pages-table-row__metric,.mock-pages-table-row--prod>.mock-pages-table-row__rate{text-align:left;justify-self:start}.mock-pages-table-head--prod>span:nth-child(9),.mock-pages-table-row--prod>.mock-pages-translations__lang,.mock-pages-table-row--prod>.mock-pages-translations__add{justify-self:start}.mock-pages-table-head--prod>span:nth-child(10),.mock-pages-table-row--prod>.mock-table-actions--pages{justify-self:end}.mock-pages-table-head--prod>:first-child,.mock-pages-table-row--prod>:first-child{grid-column:1}.mock-pages-table-head--prod>:nth-child(2),.mock-pages-table-row--prod>:nth-child(2){grid-column:2}.mock-pages-table-head--prod>:nth-child(3),.mock-pages-table-row--prod>:nth-child(3){grid-column:3}.mock-pages-table-head--prod>:nth-child(4),.mock-pages-table-row--prod>:nth-child(4){grid-column:4}.mock-pages-table-head--prod>:nth-child(5),.mock-pages-table-row--prod>:nth-child(5){grid-column:5}.mock-pages-table-head--prod>:nth-child(6),.mock-pages-table-row--prod>:nth-child(6){grid-column:6}.mock-pages-table-head--prod>:nth-child(7),.mock-pages-table-row--prod>:nth-child(7){grid-column:7}.mock-pages-table-head--prod>:nth-child(8),.mock-pages-table-row--prod>:nth-child(8){grid-column:8}.mock-pages-table-head--prod>:nth-child(9),.mock-pages-table-row--prod>:nth-child(9){grid-column:9}.mock-pages-table-head--prod>:nth-child(10),.mock-pages-table-row--prod>:nth-child(10){grid-column:10}.mock-pages-table-grid .mock-pages-table-head.mock-pages-table-head--prod,.mock-pages-table-grid .mock-pages-table-row.mock-pages-table-row--prod{padding-inline:0}.mock-screen--app .mock-pages-table-grid .mock-pages-table-head.mock-pages-table-head--prod{padding:8px 0}.mock-screen--app .mock-pages-table-grid .mock-pages-table-row.mock-pages-table-row--prod{padding:6px 0}.mock-pages-table>.mock-panel__body{align-items:start}.mock-pages-table-head__check{border:1px solid #0f172a1f;border-radius:4px;justify-self:center;width:14px;height:14px}.mock-pages-table-head__sortable{align-items:center;gap:2px;display:inline-flex}.mock-pages-table-head__sortable--abbrev{text-transform:none;letter-spacing:.02em}.mock-pages-table-head__sortable--btn{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}.mock-pages-table-head__sortable .ui-chevron{color:var(--mock-text-muted);margin-left:2px}.mock-pages-table-head__sortable--active .ui-chevron{color:var(--mock-text-secondary)}.mock-pages-table-head--prod>.mock-pages-table-head__sortable:nth-child(2),.mock-pages-table-head--prod>.mock-pages-table-head__sortable:nth-child(3),.mock-pages-table-head--prod>.mock-pages-table-head__sortable:nth-child(n+4):nth-child(-n+8){justify-content:flex-start}.mock-pages-table-head__actions{text-align:right;justify-self:end}.mock-pages-table-row__check{background:#fff;border:1px solid #0f172a1f;border-radius:4px;place-self:center;width:14px;height:14px}.mock-pages-table-row__name{flex-direction:row;align-items:flex-start;gap:8px;min-width:0;max-width:100%;display:flex;overflow:hidden}.mock-pages-table-row__lead{color:#334155;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mock-pages-table-row__copy{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.mock-pages-table-row__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--mock-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;line-height:1.25;overflow:hidden}.mock-pages-table-row__slug{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-mono);color:var(--mock-text-muted);font-size:9px;font-weight:400;display:block;overflow:hidden}.mock-pages-table-row__metric{color:var(--mock-text);font-size:10px}.mock-pages-table-row__rate{font-family:var(--font-mono);color:var(--mock-text);font-size:10px}.mock-page-status{font-family:var(--font-body);letter-spacing:normal;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:fit-content;max-width:max-content;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-page-status__dot{border-radius:50%;flex-shrink:0;width:4px;height:4px}.mock-page-status--published{color:#15803d;background:#16a34a14;border-color:#16a34a1f}.mock-page-status--pending,.mock-page-status--draft{color:#b45309;background:#f59e0b14;border-color:#f59e0b24}.mock-pages-folder-row{color:var(--mock-text);border-bottom:1px solid #0f172a0a;align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:flex}.mock-pages-folder-row__chevron{color:var(--mock-text-muted);align-items:center;display:inline-flex}.mock-pages-folder-row__icon{background:#fbbf24;border-radius:2px 2px 1px 1px;flex-shrink:0;width:14px;height:11px;position:relative;box-shadow:inset 0 -1px #00000014}.mock-pages-folder-row__icon:before{content:"";background:#fcd34d;border-radius:2px 2px 0 0;width:7px;height:4px;position:absolute;top:-3px;left:0}.mock-pages-folder-row__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:12px;font-weight:600}.mock-pages-folder-row__count{font-family:var(--font-mono);color:var(--mock-text-secondary);background:var(--mock-bg);border:1px solid var(--mock-border-subtle);border-radius:99px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:500}.mock-pages-translations__add{border:1px solid var(--mock-border-subtle);background:var(--mock-bg);font-family:var(--font-body);letter-spacing:normal;color:#475569;cursor:pointer;border-radius:6px;justify-self:start;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-pages-translations__add .icon{color:var(--mock-text-muted);display:flex}.mock-pages-translations__lang{font-family:var(--font-body);letter-spacing:normal;color:#475569;background:var(--mock-bg);border:1px solid var(--mock-border-subtle);border-radius:6px;justify-self:start;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-pages-translations__dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:5px;height:5px}.mock-table-actions--pages{justify-self:end;gap:4px}.mock-table-actions--pages .mock-table-actions__btn{border-radius:8px;width:26px;height:26px}.mock-table-actions--pages .mock-table-actions__btn .icon{display:flex}.mock-panel--table-full.mock-pages-table>.mock-panel__body--flush{padding:0}.mock-pages-table>.mock-panel__body{flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.mock-pages-table-scroll{scrollbar-width:thin;flex:0 auto;align-self:start;width:100%;min-height:0;max-height:100%;overflow:auto;container:pages-table/inline-size}@container pages-table (max-width:920px){.mock-pages-table-grid{--pages-gap:12px;--pages-cols:14px minmax(140px, 1fr) 72px 52px 48px minmax(64px, max-content) minmax(68px, max-content) 116px}.mock-pages-table-head--prod>:nth-child(7),.mock-pages-table-row--prod>:nth-child(7),.mock-pages-table-head--prod>:nth-child(8),.mock-pages-table-row--prod>:nth-child(8){display:none}.mock-pages-table-head--prod>:nth-child(9),.mock-pages-table-row--prod>:nth-child(9){grid-column:7}.mock-pages-table-head--prod>:nth-child(10),.mock-pages-table-row--prod>:nth-child(10){grid-column:8}}@container pages-table (max-width:600px){.mock-pages-table-grid{--pages-gap:12px;--pages-cols:14px minmax(140px, 1fr) 72px minmax(68px, max-content) 116px}.mock-pages-table-head--prod>:nth-child(4),.mock-pages-table-row--prod>:nth-child(4),.mock-pages-table-head--prod>:nth-child(5),.mock-pages-table-row--prod>:nth-child(5),.mock-pages-table-head--prod>:nth-child(6),.mock-pages-table-row--prod>:nth-child(6){display:none}.mock-pages-table-head--prod>:nth-child(9),.mock-pages-table-row--prod>:nth-child(9){grid-column:4}.mock-pages-table-head--prod>:nth-child(10),.mock-pages-table-row--prod>:nth-child(10){grid-column:5}}@container pages-table (max-width:460px){.mock-pages-table-grid{--pages-gap:10px;--pages-cols:14px minmax(120px, 1fr) 72px 116px}.mock-pages-table-head--prod>:nth-child(9),.mock-pages-table-row--prod>:nth-child(9){display:none}.mock-pages-table-head--prod>:nth-child(10),.mock-pages-table-row--prod>:nth-child(10){grid-column:4}}@container pages-table (max-width:360px){.mock-pages-table-grid{--pages-gap:10px;--pages-cols:minmax(120px, 1fr) 72px 116px}.mock-pages-table-head--prod>:first-child,.mock-pages-table-row--prod>:first-child{display:none}.mock-pages-table-head--prod>:nth-child(2),.mock-pages-table-row--prod>:nth-child(2){grid-column:1}.mock-pages-table-head--prod>:nth-child(3),.mock-pages-table-row--prod>:nth-child(3){grid-column:2}.mock-pages-table-head--prod>:nth-child(10),.mock-pages-table-row--prod>:nth-child(10){grid-column:3}}.mock-pages-table .mock-pages-section-label{margin:0;padding:2px 0 0;line-height:1.2}.mock-row-menu{flex-shrink:0;position:relative}.mock-table-actions__btn--more{justify-content:center;align-items:center;display:inline-flex}.mock-row-menu__chevron{color:var(--mock-text-muted)}.mock-table-actions__btn--more:hover,.mock-row-menu--open .mock-table-actions__btn--more{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-row-menu__panel{z-index:20;background:var(--mock-surface);border:1px solid #0f172a14;border-radius:8px;min-width:168px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 0 0 1px #0f172a08,0 8px 24px #0f172a1a}.mock-row-menu__item{width:100%;font-family:var(--font-body);color:var(--mock-text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:11px;font-weight:500;display:flex}.mock-row-menu__item .icon{color:var(--mock-text-muted);flex-shrink:0;display:flex}.mock-row-menu__item:hover{background:#0f172a0a}.mock-row-menu__divider{background:#0f172a0f;height:1px;margin:3px 4px}.mock-row-menu__item--danger,.mock-row-menu__item--danger .icon{color:#dc2626}.mock-row-menu__item--danger:hover{background:#dc26260f}.mock-pages-table-row--prod:has(.mock-row-menu--open){z-index:5}.mock-abtests-head.mock-abtests-head--wide,.mock-abtests-row.mock-abtests-row--wide{box-sizing:border-box;grid-template-columns:18px minmax(0,1.05fr) minmax(108px,.95fr) 44px 96px 84px 52px 64px 48px 88px;align-items:start;column-gap:10px;width:100%;padding:10px 12px;font-size:11px;display:grid}.mock-abtests-head.mock-abtests-head--wide{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-secondary);background:0 0;border-bottom:1px solid #0f172a0d;align-items:center;padding-block:9px;font-size:9px}.mock-abtests-head.mock-abtests-head--wide span{white-space:nowrap}.mock-abtests-head__check{background:#fff;border:1px solid #0f172a1f;border-radius:4px;justify-self:center;width:14px;height:14px}.mock-abtests-head--wide .mock-abtests-head__test{padding-left:30px}.mock-abtests-head__actions{text-align:right;justify-self:end}.mock-abtests-row.mock-abtests-row--wide{border-bottom:1px solid #0f172a0a;min-height:56px;position:relative}.mock-abtests-row.mock-abtests-row--wide:hover{z-index:4}.mock-abtests-row.mock-abtests-row--wide:has(.mock-action-tooltip:hover){z-index:4}.mock-abtests-row.mock-abtests-row--wide:last-child{border-bottom:none}.mock-abtests-row--wide .mock-abtests-row__check{place-self:start center;margin-top:5px}.mock-abtests-row__test{place-self:start stretch;align-items:flex-start;gap:8px;min-width:0;display:flex}.mock-abtests-row__avatar{object-fit:cover;object-position:center top;background:#e2e8f0;border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-top:1px;display:block;box-shadow:inset 0 0 0 1px #ffffffa6,0 0 0 1px #0f172a0f}.mock-abtests-row__test .mock-action-tooltip{flex-shrink:0}.mock-abtests-row__test .mock-action-tooltip__bubble{top:50%;bottom:auto;left:calc(100% + 8px);transform:translateY(-50%)translate(-2px)}.mock-abtests-row__test .mock-action-tooltip:hover .mock-action-tooltip__bubble,.mock-abtests-row__test .mock-action-tooltip:focus-within .mock-action-tooltip__bubble{transform:translateY(-50%)translate(0)}.mock-abtests-row__test .mock-action-tooltip__bubble:after{border-top-color:#0000;border-right-color:#fff;top:50%;left:auto;right:100%;transform:translateY(-50%)}.mock-abtests-row__test .mock-action-tooltip__bubble:before{border-top-color:#0000;border-right-color:#0f172a14;margin-top:0;margin-right:1px;top:50%;left:auto;right:100%;transform:translateY(-50%)}.mock-abtests-row__test-body{flex-direction:column;gap:3px;min-width:0;display:flex}.mock-abtests-row__test-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--mock-text);font-size:12px;font-weight:600;line-height:1.25}.mock-abtests-row__test-urls{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.mock-abtests-row__test-urls .mock-meta-pill{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mock-abtests-row__test-urls .mock-meta-pill .icon{color:var(--mock-text-muted);flex-shrink:0}.mock-abtests-row--wide .mock-abtests-row__page{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;color:var(--mock-text);place-self:center start;font-size:11px;overflow:hidden}.mock-abtests-row--wide .mock-abtests-row__type{place-self:center}.mock-abtests-row__status-col{flex-direction:column;justify-content:center;place-self:center start;align-items:flex-start;gap:4px;min-height:36px;display:flex}.mock-chip--live{color:#15803d;background:#22c55e14;border-color:#22c55e2e}.mock-chip__dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:5px;height:5px}.mock-abtests-row__exclusive{font-family:var(--font-body);color:var(--mock-text-secondary);background:var(--mock-bg);border:1px solid var(--mock-border-subtle);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-abtests-row__exclusive-icon{border:1.5px solid var(--mock-text-muted);border-radius:2px;width:8px;height:8px;position:relative}.mock-abtests-row__exclusive-icon:after{content:"";border-bottom:1.5px solid var(--mock-text-muted);border-radius:0 0 1px 1px;position:absolute;inset:1px 2px 2px 1px;transform:skew(-8deg)}.mock-abtests-row--wide .mock-abtests-row__label{place-self:center start}.mock-abtests-row--wide .mock-abtests-row__label-empty{align-self:center;width:0;height:0;display:block;overflow:hidden}.mock-abtests-row__variants{text-align:center;color:var(--mock-text);place-self:center}.mock-abtests-row__visitors{text-align:right;color:var(--mock-text);place-self:center end}.mock-conv-ring{flex-shrink:0;place-self:center;width:40px;height:40px;position:relative}.mock-conv-ring__svg{width:100%;height:100%;display:block}.mock-conv-ring__value{max-width:24px;font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--mock-text);text-align:center;white-space:nowrap;justify-content:center;align-items:center;margin:auto;font-size:7px;font-weight:700;line-height:1;display:flex;position:absolute;inset:2px}.mock-conv-ring--medium .mock-conv-ring__value{letter-spacing:-.05em;max-width:22px;font-size:6px}.mock-conv-ring--long .mock-conv-ring__value{letter-spacing:-.06em;max-width:20px;font-size:5.5px}.mock-abtests-row--wide .mock-table-actions{place-self:center end}.mock-abtests-row--wide .mock-tag{justify-self:start;width:fit-content;max-width:100%}.mock-abtests-head--wide span:first-child{justify-self:center}.mock-abtests-head--wide span:nth-child(2),.mock-abtests-head--wide span:nth-child(3),.mock-abtests-head--wide span:nth-child(5),.mock-abtests-head--wide span:nth-child(6){text-align:left;justify-self:start}.mock-abtests-head--wide span:nth-child(4),.mock-abtests-head--wide span:nth-child(7),.mock-abtests-head--wide span:nth-child(9){text-align:center;justify-self:center}.mock-abtests-head--wide span:nth-child(8){text-align:right;justify-self:end}.mock-panel--table-full .mock-panel__body{width:100%}.mock-abtests-row__check{background:#fff;border:1px solid #0f172a1f;border-radius:4px;width:14px;height:14px}.mock-abtests-row__started{color:var(--mock-text-secondary);font-size:9px;font-weight:400;display:block}.mock-search-input--inline{flex:0 140px;min-width:100px}.mock-tech-stack-panel{margin-top:0}.mock-ads-layout{flex:1;grid-template-columns:minmax(168px,196px) minmax(0,1fr);gap:12px;min-width:0;min-height:0;display:grid}.mock-ads-layout>.mock-folder-tree{align-self:start}.mock-ads-filters{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.mock-ads-table>.mock-panel__head{border-bottom:1px solid #0f172a0f;align-items:center;padding:12px 16px}.mock-ads-table .mock-panel__title{letter-spacing:-.02em;font-size:13px;font-weight:650}.mock-ads-table .mock-panel__subtitle{font-family:var(--font-body);color:var(--mock-text-muted);font-size:11px;font-weight:500}.mock-ads-table>.mock-panel__body{padding:0}.mock-ads-table.mock-panel--table-full{min-height:0}.mock-ads-accordion{flex-direction:column;display:flex}.mock-ads-batch{border-top:1px solid #0f172a0d}.mock-ads-batch:first-child{border-top:0}.mock-ads-batch__head{grid-template-columns:16px minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:56px;padding:12px 16px;display:grid}.mock-ads-batch__chevron{color:#94a3b8;justify-self:center}.mock-ads-batch__info{flex-direction:column;gap:4px;min-width:0;display:flex}.mock-ads-batch__title{letter-spacing:-.02em;color:var(--mock-text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.mock-ads-batch__meta{color:var(--mock-text-muted);align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.mock-ads-batch__meta .mock-page-status__dot--published{background:#16a34a}.mock-ads-batch__meta .mock-page-status__dot--draft{background:#f59e0b}.mock-ads-batch__add{height:28px;color:var(--mock-text-secondary);white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:8px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.mock-ads-batch__add:hover,.mock-ads-batch__add:focus,.mock-ads-batch__add:active{color:var(--mock-text-secondary);background:#fff;border-color:#0f172a1a}.mock-ads-batch__head.mock-row--clickable:hover{background:#0f172a05}.mock-ads-batch--open,.mock-ads-batch--open .mock-ads-batch__head,.mock-ads-batch--open .mock-ads-batch__head.mock-row--clickable:hover{background:#f8fafc}.mock-ads-batch__panel{background:0 0;padding:0 16px 16px 44px;animation:.22s ease-out mock-ads-panel-in}@keyframes mock-ads-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mock-ads-creative-card{background:#fff;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;gap:10px;width:min(100%,188px);padding:10px;display:flex}.mock-ads-creative-card__preview{aspect-ratio:1;box-sizing:border-box;background:#fff;border:1px solid #0f172a0f;border-radius:8px;width:100%;overflow:hidden}.mock-ads-creative-card .mock-ads-gen-live{aspect-ratio:auto;width:100%;max-width:none;height:100%;box-shadow:none;border-radius:0}.mock-ads-gen-live .mock-ads-unit__copy,.mock-ads-gen-live .mock-ads-unit__cta{display:none}.mock-ads-gen-live .mock-ads-unit__media{border-radius:8px}.mock-ads-gen-live__mark{z-index:2;color:#0f172a;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:800;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 1px 2px #0f172a14}.mock-ads-gen-live__copy{z-index:1;gap:4px;display:grid;position:relative}.mock-ads-gen-live__copy strong{letter-spacing:-.02em;color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.mock-ads-gen-live__copy p{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.mock-ads-gen-live__cta{z-index:1;color:#fff;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;background:#0f172a;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:22px;padding:0 10px;font-size:9px;font-weight:650;display:flex;position:relative;overflow:hidden}.mock-ads-unit{--ads-blue:#00a4ff;box-sizing:border-box;background:radial-gradient(85% 60% at 8% -10%,#00a4ff24,#0000 55%),linear-gradient(#f7fbff 0%,#fff 100%);flex-direction:column;gap:9px;width:100%;height:100%;padding:10px;display:flex;position:relative;overflow:hidden}.mock-ads-unit__glow{pointer-events:none;background:radial-gradient(circle,#00a4ff29,#0000 70%);border-radius:50%;width:72%;height:58%;animation:4.5s ease-in-out infinite mock-ads-unit-glow;position:absolute;inset:auto -24% -36% auto}@keyframes mock-ads-unit-glow{0%,to{opacity:.65;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(-5%,-3%)scale(1.05)}}.mock-ads-unit__media{z-index:1;background:linear-gradient(150deg,#e0f2fefa 0%,#fffffff0 46%,#f0f9fffa 100%);border:1px solid #00a4ff29;border-radius:11px;flex:auto;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6}.mock-ads-unit__media-sheen{background:linear-gradient(115deg,#0000 30%,#ffffff8c 48%,#0000 62%);animation:5.5s ease-in-out infinite mock-ads-unit-sheen;position:absolute;inset:0;transform:translate(-40%)}@keyframes mock-ads-unit-sheen{0%,35%{opacity:0;transform:translate(-55%)}50%{opacity:.9}70%,to{opacity:0;transform:translate(55%)}}.mock-ads-unit__media-orb{border-radius:50%;position:absolute}.mock-ads-unit__media-orb--a{background:radial-gradient(circle at 35% 35%, #7dd3fc, var(--ads-blue) 52%, transparent 72%);opacity:.9;width:62%;height:62%;top:-12%;right:-10%}.mock-ads-unit__media-orb--b{background:radial-gradient(circle at 40% 40%,#bae6fdf2,#00a4ff52 58%,#0000 75%);width:46%;height:46%;bottom:-14%;left:-8%}.mock-ads-unit__chip{z-index:2;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#0369a1;background:#fffffff0;border:1px solid #00a4ff38;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:7px;font-weight:650;display:inline-flex;position:absolute;bottom:8px;left:8px;box-shadow:inset 0 1px #ffffffe6}.mock-ads-unit__chip-dot{background:var(--ads-blue);border-radius:50%;width:4px;height:4px;box-shadow:0 0 0 2px #00a4ff29}.mock-ads-unit__copy{z-index:1;flex:none;gap:5px;display:grid;position:relative}.mock-ads-unit__line{border-radius:8px;display:block}.mock-ads-unit__line--hero{background:linear-gradient(90deg, #38bdf8 0%, var(--ads-blue) 45%, #bae6fd80 100%);width:82%;height:9px;box-shadow:0 2px 8px #00a4ff29}.mock-ads-unit__line--sub{background:#0284c724;width:48%;height:5px}.mock-ads-unit__cta{z-index:1;background:linear-gradient(90deg, #38bdf8, var(--ads-blue));border-radius:8px;flex:none;width:52px;height:16px;display:block;position:relative;box-shadow:inset 0 1px #ffffff59,0 3px 8px #00a4ff42}.mock-ads-creative-card__format{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-ads-creative-card__format-meta{color:var(--mock-text-secondary);align-items:center;gap:6px;font-size:10px;font-weight:600;display:inline-flex}.mock-ads-creative-card__format-meta .mock-page-status__dot{background:#16a34a}.mock-ads-creative-card__badge{letter-spacing:.04em;text-transform:uppercase;color:#92400e;background:#f59e0b14;border:1px solid #f59e0b47;border-radius:6px;padding:2px 6px;font-size:8px;font-weight:700}.mock-ads-creative-card__badge--hybrid{color:#334155;background:#0f172a0a;border:1px solid #0f172a1f}.mock-ads-batch__grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;display:grid}.mock-ads-unit--1x1{aspect-ratio:1}.mock-ads-unit--4x5{aspect-ratio:4/5}.mock-ads-unit--9x16{aspect-ratio:9/16}.mock-ads-unit--16x9{aspect-ratio:16/9}.product-frame:has(>.mock-ads-generate){overflow:hidden}.product-frame>.mock-ads-generate{z-index:50;pointer-events:none;place-items:center;padding:28px 32px;display:grid;position:absolute;inset:0}.product-frame>.mock-ads-generate .mock-ads-generate__backdrop{cursor:pointer;pointer-events:auto;background:#0f172a5c;border:0;margin:0;padding:0;position:absolute;inset:0}.mock-ads-generate__sheet{z-index:1;color:#0f172a;pointer-events:auto;background:#fff;border:1px solid #0f172a14;border-radius:14px;flex-direction:column;width:min(100%,1040px);min-width:0;height:min(100%,720px);min-height:0;animation:.18s ease-out mock-folder-modal-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0f172a38,inset 0 0 0 1px #fff9}.mock-ads-generate__head,.mock-ads-generate__foot{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;display:flex}.mock-ads-generate__head{align-items:flex-start;padding-bottom:12px}.mock-ads-generate__title{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:17px;font-weight:650}.mock-ads-generate__lede{color:#94a3b8;margin:3px 0 0;font-size:12px;line-height:1.4}.mock-ads-generate__close{appearance:none;color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-ads-generate__close:hover,.mock-ads-generate__close:focus,.mock-ads-generate__close:active{color:#0f172a;background:#0f172a0d}.mock-ads-gen-steps{border-bottom:1px solid #0f172a0f;align-items:center;gap:0;margin:0;padding:0 22px 14px;list-style:none;display:flex}.mock-ads-gen-steps__item{color:#94a3b8;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.mock-ads-gen-steps__item:first-child{flex:0 auto}.mock-ads-gen-steps__line{background:#e2e8f0;flex:1;min-width:12px;height:1px}.mock-ads-gen-steps__item.is-done .mock-ads-gen-steps__line,.mock-ads-gen-steps__item.is-active .mock-ads-gen-steps__line{background:#0f172a47}.mock-ads-gen-steps__n{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:650;display:inline-flex}.mock-ads-gen-steps__item.is-active .mock-ads-gen-steps__n,.mock-ads-gen-steps__item.is-done .mock-ads-gen-steps__n{color:#fff;background:#0f172a;border-color:#0f172a}.mock-ads-gen-steps__label{letter-spacing:-.01em;white-space:nowrap;font-size:12px;font-weight:550}.mock-ads-gen-steps__item.is-active .mock-ads-gen-steps__label{color:#0f172a;font-weight:650}.mock-ads-gen-steps__item.is-done .mock-ads-gen-steps__label{color:#334155}.mock-ads-generate__body{flex:1;min-height:0;padding:16px 22px 18px;overflow:auto}.mock-ads-generate__intro{margin-bottom:14px}.mock-ads-generate__intro h3{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:14px;font-weight:650}.mock-ads-generate__intro p{color:#94a3b8;margin:4px 0 0;font-size:12px;line-height:1.45}.mock-ads-generate__section{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0 0 8px;font-size:10px;font-weight:700}.mock-ads-gen-source,.mock-ads-gen-formats,.mock-ads-gen-copy,.mock-ads-gen-review{flex-direction:column;min-height:100%;display:flex}.mock-ads-gen-search{color:#94a3b8;background:#fff;border:0;border-bottom:1px solid #0f172a0f;border-radius:0;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.mock-ads-gen-search input{min-width:0;font:inherit;letter-spacing:-.01em;color:#0f172a;background:0 0;border:0;outline:none;flex:1;font-size:12px}.mock-ads-gen-search input::placeholder{color:#94a3b8}.mock-ads-gen-sites{background:#fff;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.mock-ads-gen-site{background:#fff;border:0;border-top:1px solid #0f172a0d}.mock-ads-gen-site:first-of-type{border-top:0}.mock-ads-gen-site.is-open,.mock-ads-gen-site.has-selected.is-open{background:#f8fafc}.mock-ads-gen-site__head{appearance:none;text-align:left;cursor:pointer;width:100%;min-height:48px;color:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.mock-ads-gen-site__head:hover{background:#0f172a05}.mock-ads-gen-site.is-open .mock-ads-gen-site__head,.mock-ads-gen-site.is-open .mock-ads-gen-site__head:hover{background:0 0}.mock-ads-gen-site__chevron{color:#94a3b8;flex-shrink:0;justify-content:center;width:12px;display:inline-flex}.mock-ads-gen-site.is-open .mock-ads-gen-site__chevron{color:#64748b}.mock-ads-gen-site__globe{color:#1e293b;background:#f8fafc;border:1px solid #0f172a14;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.mock-ads-gen-site.is-open .mock-ads-gen-site__globe{background:#fff}.mock-ads-gen-site__copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.mock-ads-gen-site__label{letter-spacing:-.01em;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.mock-ads-gen-site__hint{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.mock-ads-gen-site__count{min-width:22px;height:20px;font-family:var(--font-mono);letter-spacing:.01em;color:#94a3b8;font-variant-numeric:tabular-nums;background:#f8fafc;border:1px solid #0f172a0f;border-radius:8px;justify-content:center;align-items:center;margin-left:auto;padding:0 7px;font-size:9px;font-weight:500;display:inline-flex}.mock-ads-gen-site.is-open .mock-ads-gen-site__count{color:#64748b;background:#fff}.mock-ads-gen-site__landings{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 14px 14px;display:grid}.mock-ads-gen-landing{text-align:left;cursor:pointer;min-height:76px;color:inherit;background:#fff;border:1px solid #0f172a12;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.mock-ads-gen-landing.is-selected{background:#fff;border-color:#0f172a}.mock-ads-gen-landing__name{letter-spacing:-.015em;color:#0f172a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.mock-ads-gen-landing__meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mock-ads-gen-empty{text-align:center;color:#94a3b8;margin:0;padding:28px 16px;font-size:12px}.mock-ads-gen-format-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.mock-ads-gen-format{text-align:left;cursor:pointer;color:inherit;background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex;position:relative}.mock-ads-gen-format.is-selected{border-color:#0f172a}.mock-ads-gen-format__check{color:#fff;background:#fff;border:1px solid #0f172a1f;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:absolute;top:10px;right:10px}.mock-ads-gen-format.is-selected .mock-ads-gen-format__check{background:#0f172a;border-color:#0f172a}.mock-ads-gen-format__swatch-wrap{justify-content:center;align-items:flex-end;height:88px;display:flex}.mock-ads-gen-format__swatch{box-sizing:border-box;background:linear-gradient(165deg,#334155 0%,#1e293b 42%,#0f172a 78%,#020617 100%);border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;width:100%;max-height:88px;padding:8px;display:flex}.mock-ads-gen-format__swatch.mock-ads-unit--1x1{aspect-ratio:1;width:72px}.mock-ads-gen-format__swatch.mock-ads-unit--4x5{aspect-ratio:4/5;width:58px}.mock-ads-gen-format__swatch.mock-ads-unit--9x16{aspect-ratio:9/16;width:42px}.mock-ads-gen-format__swatch.mock-ads-unit--16x9{aspect-ratio:16/9;width:96px}.mock-ads-gen-format__swatch-line,.mock-ads-gen-format__swatch-cta{border-radius:8px;height:5px;display:block}.mock-ads-gen-format__swatch-line{background:#e2e8f047;width:42%}.mock-ads-gen-format__swatch-cta{background:#e2e8f075;width:18%}.mock-ads-gen-format__meta{color:#64748b;flex-direction:column;gap:1px;font-size:11px;display:flex}.mock-ads-gen-format__name{color:#0f172a;font-size:12px;font-weight:650}.mock-ads-gen-modes{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;display:grid}.mock-ads-gen-mode{text-align:left;cursor:pointer;color:inherit;background:#fff;border:1px solid #0f172a1a;border-radius:10px;align-items:flex-start;gap:10px;padding:14px;display:flex}.mock-ads-gen-mode.is-selected{border-color:#0f172a}.mock-ads-gen-mode__icon{color:#0f172a;background:#f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.mock-ads-gen-mode__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.mock-ads-gen-mode__title{color:#0f172a;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.mock-ads-gen-mode__badge{color:#0f172a;letter-spacing:.04em;text-transform:uppercase;background:#0f172a0f;border-radius:8px;align-items:center;height:18px;padding:0 6px;font-size:9px;font-weight:700;display:inline-flex}.mock-ads-gen-mode__desc{color:#64748b;font-size:12px;line-height:1.4}.mock-ads-gen-mode__cost{color:#334155;font-size:11px;font-weight:600}.mock-ads-gen-copy{max-width:560px}.mock-ads-gen-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.mock-ads-gen-field__label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.mock-ads-gen-field .mock-form-input{border-color:#0f172a1f;border-radius:10px;min-height:36px;font-size:13px}.mock-ads-gen-field .mock-form-input:focus{border-color:#0f172a;outline:none}.mock-ads-gen-field__source{color:#94a3b8;font-size:11px}.mock-ads-gen-reset{align-self:flex-start;align-items:center;gap:6px;margin-bottom:18px;display:inline-flex}.mock-ads-gen-elements{background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;gap:1px;padding:12px;display:flex}.mock-ads-gen-element{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.mock-ads-gen-element+.mock-ads-gen-element{border-top:1px solid #0f172a0f}.mock-ads-gen-element strong{color:#0f172a;font-size:12px;font-weight:650;display:block}.mock-ads-gen-element p{color:#64748b;margin:2px 0 0;font-size:11px}.mock-ads-gen-switch{appearance:none;cursor:pointer;background:#cbd5e1;border:0;border-radius:9px;flex-shrink:0;width:32px;height:18px;padding:0;position:relative}.mock-ads-gen-switch.is-on{background:#0f172a}.mock-ads-gen-switch__knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .16s;position:absolute;top:2px;left:2px}.mock-ads-gen-switch.is-on .mock-ads-gen-switch__knob{left:16px}.mock-ads-gen-review{max-width:640px}.mock-ads-gen-review__card{background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.mock-ads-gen-review__row{color:#64748b;justify-content:space-between;align-items:baseline;gap:16px;padding:11px 14px;font-size:12px;display:flex}.mock-ads-gen-review__row+.mock-ads-gen-review__row{border-top:1px solid #0f172a0f}.mock-ads-gen-review__row strong{color:#0f172a;text-align:right;font-weight:600}.mock-ads-gen-review__row--cost strong{letter-spacing:-.02em;font-size:16px;font-weight:700}.mock-ads-gen-review__note,.mock-ads-gen-review__hint{color:#64748b;margin:10px 0 0;font-size:11px;line-height:1.45}.mock-ads-gen-review__hint{align-items:center;gap:6px;display:inline-flex}.mock-ads-generate__foot{border-top:1px solid #0f172a0f}.mock-ads-generate__progress{color:#94a3b8;font-size:12px}.mock-ads-generate__actions{align-items:center;gap:8px;display:flex}.product-frame>.mock-ads-generate .mock-btn--ghost,.product-frame>.mock-ads-generate .mock-btn--ghost:hover,.product-frame>.mock-ads-generate .mock-btn--ghost:focus,.product-frame>.mock-ads-generate .mock-btn--ghost:active{color:#0f172a;background:#fff;border-color:#0f172a1f}.product-frame>.mock-ads-generate .mock-btn--ghost:disabled{opacity:.4}.product-frame>.mock-ads-generate .mock-btn--sm{gap:6px}.mock-translation-matrix{background:#fff;flex-direction:column;min-height:0;display:flex;overflow:hidden}.mock-translation-matrix__bar{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px 8px;font-size:11px;display:flex}.mock-translation-matrix__legend{align-items:center;gap:12px;display:inline-flex}.mock-translation-matrix__key{color:#64748b;align-items:center;gap:6px;font-size:10px;display:inline-flex}.mock-translation-matrix__key .mock-translation-matrix__cell{pointer-events:none;border-radius:6px;width:16px;height:16px}.mock-translation-matrix__table{min-width:0}.mock-translation-matrix__head,.mock-translation-matrix__row{grid-template-columns:minmax(200px,280px) 52px repeat(5,44px);justify-content:start;align-items:center;gap:4px;padding:0 10px;display:grid}.mock-translation-matrix__head{z-index:1;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;background:#fff;border-bottom:1px solid #0f172a0f;padding:6px 10px 8px;font-size:9px;position:sticky;top:0}.mock-translation-matrix__site+.mock-translation-matrix__site{border-top:1px solid #0f172a0d}.mock-translation-matrix__site-head{color:#64748b;align-items:center;gap:6px;padding:10px 14px 4px;font-size:11px;font-weight:500;display:flex}.mock-translation-matrix__site-head .icon{color:#94a3b8;flex-shrink:0}.mock-translation-matrix__row{border-radius:8px;padding:6px 10px}.mock-translation-matrix__row:hover{background:#f8fafc}.mock-translation-matrix__page{align-items:center;min-width:0;padding-right:8px;display:flex}.mock-translation-matrix__copy{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-translation-matrix__name{letter-spacing:-.015em;color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.mock-translation-matrix__slug{color:#94a3b8;font-size:10px}.mock-translation-matrix__cov,.mock-translation-matrix__cov-head{text-align:right;font-family:var(--font-mono);letter-spacing:.02em;color:#94a3b8;font-size:10px}.mock-translation-matrix__cov-head{letter-spacing:.08em;text-transform:uppercase;font-size:9px}.mock-translation-matrix__lang,.mock-translation-matrix__corner{text-align:center}.mock-translation-matrix__corner{text-align:left;padding-left:4px}.mock-translation-matrix__cell{appearance:none;width:26px;height:26px;color:inherit;font:inherit;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px;justify-self:center;place-items:center;padding:0;display:grid}.mock-translation-matrix__cell--empty{border-color:#0000}.mock-translation-matrix__key .mock-translation-matrix__cell--empty,.mock-translation-matrix__row:hover .mock-translation-matrix__cell--empty{border-color:#0f172a12}.mock-translation-matrix__cell--live{color:#15803d;background:#ecfdf3;border-color:#16a34a24}.mock-translation-matrix__cell--pending{background:#fffbeb;border-color:#d9770629}.mock-translation-matrix__cell--draft{color:#64748b;background:#f8fafc;border-color:#0f172a14}button.mock-translation-matrix__cell{cursor:pointer}button.mock-translation-matrix__cell:focus-visible{outline-offset:1px;outline:2px solid #0369a1}.mock-translation-matrix__cell--live .icon,.mock-translation-matrix__cell--draft .icon{color:inherit}.mock-translation-matrix__dot{background:#d97706;border-radius:50%;width:6px;height:6px}.product-frame>.mock-setup-guide{z-index:50;pointer-events:none;border-radius:inherit;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow:hidden}.product-frame>.mock-setup-guide .mock-setup-guide__backdrop{cursor:pointer;pointer-events:auto;background:#0f172a7a;border:0;margin:0;padding:0;position:absolute;inset:0}.product-frame>.mock-setup-guide .mock-setup-guide__panel{z-index:1;pointer-events:auto;background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;width:min(100%,980px);max-height:none;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0f172a33}.mock-setup-guide__head{border-bottom:1px solid var(--mock-border-subtle);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.mock-setup-guide__title-row{align-items:flex-start;gap:10px;min-width:0;display:flex}.mock-setup-guide__mark{color:#0369a1;background:#f0f9ff;border:1px solid #0ea5e929;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-setup-guide__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:14px;font-weight:650}.mock-setup-guide__lede{color:#475569;margin:3px 0 0;font-size:11px;line-height:1.4}.mock-setup-guide__close{appearance:none;color:#334155;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.mock-setup-guide__close:hover,.mock-setup-guide__close:active{color:#334155;background:#fff;border-color:#0f172a14}.mock-setup-guide__close:focus-visible{outline-offset:2px;outline:2px solid #0369a1}.mock-setup-guide__body{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;padding:12px;display:grid;overflow:hidden}.mock-setup-guide__option{background:#fff;border:1px solid #0f172a12;border-radius:10px;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.mock-setup-guide__option--indigo{background:radial-gradient(120% 80% at 100% 0,#6366f114,#0000 55%),#fff;border-color:#4f46e529}.mock-setup-guide__option--green{background:radial-gradient(120% 80% at 100% 0,#10b98114,#0000 55%),#fff;border-color:#05966929}.mock-setup-guide__option-head{align-items:flex-start;gap:8px;display:flex}.mock-setup-guide__option-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:inline-flex}.mock-setup-guide__option--indigo .mock-setup-guide__option-icon{color:#4338ca;background:#6366f11f}.mock-setup-guide__option--green .mock-setup-guide__option-icon{color:#047857;background:#10b9811f}.mock-setup-guide__option-head h4{letter-spacing:-.01em;color:#0f172a;margin:0;font-size:12px;font-weight:650}.mock-setup-guide__option--indigo .mock-setup-guide__option-head h4{color:#3730a3}.mock-setup-guide__option--green .mock-setup-guide__option-head h4{color:#047857}.mock-setup-guide__option-head p{color:#475569;margin:2px 0 0;font-size:11px;line-height:1.4}.mock-setup-guide__option-head code{color:#9d174d;font-size:10px}.mock-setup-guide__steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mock-setup-guide__steps>li{background:#ffffffb8;border-radius:8px;align-items:flex-start;gap:8px;min-width:0;padding:8px;display:flex}.mock-setup-guide__n{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:700;display:inline-flex}.mock-setup-guide__option--indigo .mock-setup-guide__n{background:#4f46e5}.mock-setup-guide__option--green .mock-setup-guide__n{background:#047857}.mock-setup-guide__steps strong{color:#0f172a;font-size:11px;font-weight:650;display:block}.mock-setup-guide__steps ul{margin:3px 0 0;padding-left:14px}.mock-setup-guide__steps ul li{color:#334155;font-size:11px;line-height:1.4}.mock-setup-guide__steps ul li+li{margin-top:2px}.product-frame--viewport>.mock-setup-guide{padding:16px}.product-frame--viewport>.mock-setup-guide .mock-setup-guide__panel{width:min(100%,980px);max-height:none}.product-frame--viewport .mock-setup-guide__steps{gap:6px}.mock-screen--app.mock-screen--tx-create{flex-direction:column;gap:0;min-height:0;display:flex}.product-frame--viewport .mock-screen.mock-screen--tx-create{padding-right:0;overflow:hidden}.mock-screen--app.mock-screen--tx-create .mock-tx-create__head{box-sizing:border-box;background:0 0;border-bottom:none;flex-wrap:nowrap;align-items:flex-start;min-height:0;margin:0;padding:14px 16px 10px}.mock-screen--app.mock-screen--tx-create .mock-screen__scroll{padding:12px 16px 10px;overflow-x:hidden}.mock-screen--app.mock-screen--tx-create .mock-topbar__title{letter-spacing:-.025em;font-size:15px;font-weight:650;line-height:1.25}.mock-screen--app.mock-screen--tx-create .mock-topbar__crumb--btn{color:#94a3b8}.mock-screen--app.mock-screen--tx-create .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-tx-create__lede{color:#64748b;margin:4px 0 0;font-size:12px;line-height:1.4}.mock-tx-create__cancel{appearance:none;height:30px;font:inherit;letter-spacing:-.01em;color:#334155;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:8px;padding:0 12px;font-size:12px;font-weight:600}.mock-tx-create__cancel:hover,.mock-tx-create__cancel:focus,.mock-tx-create__cancel:active{color:#334155;background:#fff;border-color:#0f172a14}.mock-screen--tx-create .mock-tx-create__grid{padding-bottom:8px}.mock-tx-create__grid{grid-template-columns:minmax(0,1.42fr) minmax(220px,.72fr);align-items:start;gap:14px;padding:0;display:grid}.mock-tx-create__col{flex-direction:column;gap:16px;display:flex}.mock-tx-create__card{background:#fff;border:1px solid #0f172a12;border-radius:10px;padding:14px;box-shadow:0 1px #0f172a05}.mock-tx-create__card .mock-form-field+.mock-form-field{margin-top:14px}.mock-screen--tx-create .mock-form-field__label{color:#334155;font-size:11px;font-weight:650}.mock-screen--tx-create .mock-form-field__hint{color:#94a3b8;font-size:11px;line-height:1.45}.mock-tx-create__card--dest{background:radial-gradient(120% 80% at 100% 0,#0ea5e90b,#0000 55%),#fff;flex-direction:column;gap:10px;display:flex}.mock-tx-create__dests{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mock-tx-create__dest{background:#f0f9ffb3;border:1px solid #0ea5e91f;border-radius:8px;flex-direction:column;gap:4px;min-width:0;padding:10px 11px;display:flex}.mock-tx-create__dest strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-tx-create__dest span{color:#64748b;font-size:11px;line-height:1.35}.mock-tx-create__dest code{text-overflow:ellipsis;white-space:nowrap;color:#0369a1;margin-top:4px;font-size:10px;overflow:hidden}.mock-tx-create__dest-note{color:#64748b;margin:0;font-size:11px;line-height:1.45}.mock-tx-create__select{position:relative}.mock-tx-create__trigger{text-align:left;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:8px;justify-content:space-between;width:100%;height:auto;min-height:36px;padding:8px 10px}.mock-tx-create__trigger:hover,.mock-tx-create__trigger:focus,.mock-tx-create__trigger:active{background:#fff;border-color:#0f172a1a}.mock-tx-create__trigger>span{color:#0f172a;flex-direction:column;min-width:0;font-size:12px;font-weight:550;display:flex}.mock-tx-create__trigger>span em,.mock-tx-create__menu em{color:#94a3b8;font-size:10px;font-style:normal;font-weight:500}.mock-tx-create__trigger.is-placeholder>span{color:#94a3b8;font-weight:500}.mock-tx-create__menu{z-index:2;background:#fff;border:1px solid #0f172a1a;border-radius:8px;max-height:168px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 12px 28px #0f172a24}.mock-tx-create__menu button{appearance:none;color:#0f172a;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;gap:1px;padding:7px 10px;display:flex}.mock-tx-create__menu button strong{font-size:12px;font-weight:550}.mock-tx-create__menu button:hover,.mock-tx-create__menu button[aria-selected=true]{background:#0ea5e914}.mock-tx-create__checks{border:0;flex-direction:column;gap:6px;min-width:0;margin:12px 0 0;padding:0;display:flex}.mock-tx-create__checks-legend{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mock-tx-create__check{width:100%;min-height:40px;font:inherit;color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:10px;margin:0;padding:8px 10px;font-size:12px;font-weight:500;display:flex;position:relative}.mock-tx-create__check input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mock-tx-create__check:hover,.mock-tx-create__check:active{background:#fff;border-color:#cbd5e1}.mock-tx-create__check.is-on,.mock-tx-create__check.is-on:hover,.mock-tx-create__check.is-on:active{background:#e0f2fe;border-color:#0284c7}.mock-tx-create__check:focus-within{outline-offset:2px;outline:2px solid #0369a1}.mock-tx-create__box{color:#fff;background:#fff;border:1.5px solid #475569;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.mock-tx-create__box .icon{color:#fff}.mock-tx-create__check.is-on .mock-tx-create__box{color:#fff;background:#0369a1;border-color:#0369a1}.mock-tx-create__card--action{padding:14px}.mock-tx-create__submit{appearance:none;color:#fff;width:100%;height:38px;font:inherit;letter-spacing:-.01em;cursor:pointer;background:#0f172a;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:650;display:inline-flex}.mock-tx-create__submit:hover,.mock-tx-create__submit:focus,.mock-tx-create__submit:active{color:#fff;background:#0f172a}.mock-tx-create__submit:disabled{opacity:.38;cursor:not-allowed}.mock-tx-create__card--action p{color:#64748b;margin:8px 0 0;font-size:11px;line-height:1.45}.product-frame--viewport .mock-tx-create__title,.product-frame--viewport .mock-screen--tx-create .mock-topbar__title{font-size:16px}.product-frame--viewport .mock-tx-create__grid{gap:14px}.product-frame--viewport .mock-tx-create__card{padding:12px}.mock-view-toggle__btn{cursor:pointer;background:0 0;border:0}.mock-ads-creative-card__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-top:2px;display:grid}.mock-ads-creative-card__icon-btn{width:100%;height:28px;color:var(--mock-text-secondary);cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.mock-ads-creative-card__icon-btn:hover,.mock-ads-creative-card__icon-btn:focus,.mock-ads-creative-card__icon-btn:active{color:var(--mock-text-secondary);background:#fff;border-color:#0f172a1a}.product-frame--viewport .mock-ads-creative-card{width:min(100%,168px)}.product-frame--viewport .mock-ads-unit{gap:7px;padding:8px}.product-frame--viewport .mock-ads-unit__cta{width:44px;height:14px}.product-frame--viewport .mock-ads-unit__line--hero{height:8px}.product-frame--viewport .mock-ads-batch__panel{padding:0 14px 14px 34px}.mock-translation-group__site{color:var(--mock-text-muted);font-size:10px}.product-frame--viewport .mock-ads-layout,.product-frame--viewport .mock-screen__scroll{flex:1;min-height:0}.product-frame--viewport .mock-stat-kpis--quad{grid-template-columns:repeat(4,1fr)}.product-frame--viewport .mock-screen:not(.mock-screen--hero){padding-right:2px;overflow-y:auto}.product-frame--viewport .mock-screen--app:has(.mock-calendar-panel){flex:1;height:auto;min-height:0;padding-right:0;overflow:hidden}.product-frame--viewport .mock-screen--app:has(.mock-calendar-panel) .mock-screen__body-fill{flex:1 1 0;min-height:0}:is(.product-frame--viewport .mock-screen--app:has(.mock-calendar-panel) .mock-calendar-panel,.product-frame--viewport .mock-screen--app:has(.mock-calendar-panel) .mock-calendar-day){flex:auto;min-height:0}.product-frame--viewport .mock-screen--app:has(.mock-help-layout){flex:1;height:auto;min-height:0;padding-right:0;overflow:hidden}.product-frame--viewport .mock-screen--app:has(.mock-help-layout) .mock-screen__body-fill{flex:1 1 0;min-height:0;overflow:hidden}.product-frame--viewport .mock-screen--app:has(.mock-help-layout) .mock-help-layout{justify-content:flex-start;gap:12px;padding-top:0;overflow:hidden}.product-frame--viewport .mock-screen--app:has(.mock-help-layout) .mock-help-layout:after{content:"";flex:auto;min-height:0}.mock-screen--app:has(.mock-help-layout){gap:6px}.mock-screen--app:has(.mock-help-layout) .mock-toolbar{flex-shrink:0}.mock-screen--app{gap:10px}.mock-screen--app .mock-panel:not(.mock-panel--premium):not(.mock-panel--table){box-shadow:none;background:#fafbfc;border:1px solid #0f172a0f;border-radius:14px}.mock-screen--app .mock-panel.mock-panel--table{box-shadow:none;background:#fff;border:1px solid #0f172a0f;border-radius:16px}.mock-screen--app .mock-panel.mock-panel--table .mock-panel__head{background:#fafbfc;border-bottom:1px solid #0f172a0d}.mock-screen--app.mock-screen--ads .mock-ads-table.mock-panel--table,.mock-screen--app.mock-screen--ads .mock-ads-table.mock-panel--table>.mock-panel__head{background:#fff}.mock-screen--app .mock-panel__head{background:0 0;border-bottom:1px solid #0f172a0d}.mock-screen--app .mock-panel.mock-panel--premium .mock-panel__head{background:0 0}.mock-screen--app .mock-panel__body{padding:0}.mock-screen--app .mock-panel__body:not(.mock-panel__body--flush){padding:12px 14px}.mock-segment-tabs{flex-shrink:0}.mock-toolbar--premium{gap:8px;padding:0}.mock-screen--app .mock-search-input{height:32px;box-shadow:none;color:#0f172a;transition:border-color var(--duration-fast);background:#fff;border:1px solid #0f172a1a;border-radius:8px;padding:0 12px;font-size:12px}.mock-screen--app .mock-search-input::placeholder{color:#94a3b8}.mock-screen--app .mock-form-select,.mock-screen--app .mock-form-select--inline{height:32px;box-shadow:none;color:#334155;background:#fff;border:1px solid #0f172a1a;border-radius:8px;padding:0 12px;font-size:12px}.mock-screen--app .mock-toolbar--premium{gap:8px}.mock-screen--app .mock-toolbar--premium .mock-btn--sm,.mock-screen--app .mock-toolbar .mock-btn--sm,.mock-screen--app .mock-topbar__actions .mock-btn--sm{border-radius:8px;height:30px;padding-inline:10px;font-size:12px;font-weight:600}.mock-screen--app .mock-btn:not(.mock-btn--ghost):not(.mock-btn--secondary):not(.mock-btn--warn):not(.mock-btn--danger):not(.mock-btn--assist){color:#fff;background:#0f172a;border-color:#0f172a}.mock-screen--app .mock-btn--assist{color:#fff;background:#0284c7;border-color:#0284c7}.mock-screen--app .mock-btn--assist:hover{background:#0369a1;border-color:#0369a1}.mock-screen--app .mock-btn--ghost,.mock-screen--app .mock-btn--secondary{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-screen--app .mock-stat-kpis{gap:10px}.mock-screen--app .mock-stat-kpi{background:linear-gradient(145deg,#f8fafc 0%,#f1f5f9 55%,#fafbfc 100%);border:1px solid #0f172a0f;border-radius:12px;padding:11px 12px}.mock-screen--app .mock-stat-kpi--cyan{background:linear-gradient(145deg,#f0f9ff 0%,#e0f2fe 55%,#f8fcff 100%);border-color:#0ea5e924}.mock-screen--app .mock-stat-kpi--green{background:linear-gradient(145deg,#f0fdf4 0%,#dcfce7 55%,#f7fef9 100%);border-color:#22c55e24}.mock-screen--app .mock-stat-kpi--violet{background:linear-gradient(145deg,#f0f9ff 0%,#e0f2fe 55%,#f8fcff 100%);border-color:#0ea5e929}.mock-screen--app .mock-stat-kpi--indigo{background:linear-gradient(145deg,#f8fafc 0%,#e2e8f0 55%,#f8fafc 100%);border-color:#0ea5e91f}.mock-screen--app .mock-stat-kpi--amber{background:linear-gradient(145deg,#fffbeb 0%,#fef3c7 55%,#fffef7 100%);border-color:#f59e0b24}.mock-screen--app .mock-stat-kpi--red{background:linear-gradient(145deg,#fef2f2 0%,#fee2e2 55%,snow 100%);border-color:#ef44441f}.mock-screen--app .mock-stat-kpi__label{letter-spacing:-.01em;text-transform:none;font-size:10px}.mock-screen--app .mock-stat-kpi__value{font-family:var(--font-display);letter-spacing:-.03em;font-size:18px;font-weight:700}.mock-screen--app .mock-stat-kpi__sub,.mock-screen--app .mock-stat-kpi__trend{letter-spacing:-.01em;font-size:10px}.mock-screen--app .mock-data-table-head,.mock-screen--app .mock-pages-table-head,.mock-screen--app .mock-abtests-head,.mock-screen--app .mock-project-head{letter-spacing:.08em;background:0 0;border-bottom:1px solid #0f172a0d;padding:8px 14px;font-size:8px}.mock-screen--app .mock-data-table-row,.mock-screen--app .mock-pages-table-row,.mock-screen--app .mock-abtests-row,.mock-screen--app .mock-project-row,.mock-screen--app .mock-ranked-row{border-bottom:1px solid #0f172a0a;padding:8px 14px;font-size:11px}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-head--traffic-sm,.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-row--traffic-sm,.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-head--country-sm,.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-row--country-sm{gap:0 8px;padding:7px 0}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-head--traffic-sm>span,.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-row--traffic-sm>span,.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-head--country-sm>span,.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-row--country-sm>span{text-align:left;justify-self:start}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-head--traffic-sm>span:nth-child(4),.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-row--traffic-sm>.mock-page-rate,.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-head--country-sm>span:nth-child(4),.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-row--country-sm>.mock-page-rate{text-align:center;justify-self:center;width:fit-content}.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-head--traffic-sm,.mock-screen--app.mock-screen--page-detail .mock-page-scroll-list .mock-data-table-head--country-sm{border-bottom:0}.mock-screen--app .mock-data-table-row__primary{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}.mock-screen--app .mock-lang-tabs{background:#0f172a0a;border-radius:10px;gap:2px;width:fit-content;padding:3px}.mock-screen--app .mock-lang-tab{border-radius:7px;padding:4px 10px;font-size:10px}.mock-screen--app .mock-lang-tab--active{color:var(--mock-text);box-shadow:none;background:#fff;border:none;font-weight:600}.mock-screen--app .mock-category-pill{background:#ffffffb3;border:1px solid #0f172a0f;border-radius:99px;padding:3px 9px;font-size:9px}.mock-screen--app .mock-category-pill--active{color:#0284c7;background:#fff;border-color:#0ea5e933;font-weight:600}.mock-screen--app .mock-tag{border-radius:6px}.mock-screen--app .mock-folder-tree{background:#fafbfc;border:1px solid #0f172a0f;border-radius:14px;padding:8px}.mock-screen--app .mock-folder--open{background:#ffffffe6;border:1px solid #0f172a0f;border-radius:8px}.mock-screen--app .mock-asset-card,.mock-screen--app .mock-video-card{background:#fafbfc;border:1px solid #0f172a0f;border-radius:12px;overflow:hidden}.mock-screen--app .mock-help-card{border-radius:12px;overflow:hidden}.mock-screen--app .mock-help-card--cyan{background:linear-gradient(145deg,#f0f9ff 0%,#e0f2fe 55%,#f8fcff 100%);border:1px solid #0ea5e924}.mock-screen--app .mock-help-card--green{background:linear-gradient(145deg,#ecfdf5 0%,#d1fae5 55%,#f4fdf8 100%);border:1px solid #10b98124}.mock-screen--app .mock-help-card--violet{background:linear-gradient(145deg,#f0f9ff 0%,#e0f2fe 55%,#f8fcff 100%);border:1px solid #0ea5e929}.mock-screen--app .mock-help-card--indigo{background:linear-gradient(145deg,#eef2ff 0%,#e0e7ff 55%,#f5f7ff 100%);border:1px solid #6366f124}.mock-screen--app .mock-help-card--amber{background:linear-gradient(145deg,#fffbeb 0%,#fef3c7 55%,#fffef8 100%);border:1px solid #f59e0b29}.mock-screen--app .mock-asset-card__thumb{background:linear-gradient(135deg,#0ea5e90f,#38bdf808),repeating-conic-gradient(#0f172a08 0% 25%,#0000 0% 50%) 0 0/10px 10px}.mock-screen--app .mock-video-card__player{background:linear-gradient(145deg,#e0f2fe 0%,#f0f9ff 40%,#f8fafc 100%)}.mock-screen--app .mock-video-card__play{color:#0284c7;background:#fff;box-shadow:0 2px 8px #0ea5e926}.mock-screen--app .mock-help-card{border-radius:12px;min-height:80px;padding:11px 12px}.mock-screen--app .mock-help-card__icon{border-radius:8px;width:26px;height:26px}.mock-screen--app .mock-help-card__icon .icon{justify-content:center;align-items:center;display:flex}.mock-screen--app .mock-roadmap-phase,.mock-screen--app .mock-roadmap-stack{background:#fff;border:1px solid #0f172a12;border-radius:12px}.mock-screen--app .mock-calendar-panel{border-radius:10px}.mock-screen--app.mock-screen--calendar{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:hidden}.mock-screen--app.mock-screen--calendar .mock-calendar__scroll{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:0;display:flex;overflow:hidden}.mock-screen--app.mock-screen--calendar .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700}.mock-screen--app.mock-screen--calendar .mock-topbar__crumb{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#64748b;font-size:9px;font-weight:650}.mock-screen--app.mock-screen--calendar .mock-topbar__actions{align-items:flex-start;gap:8px;max-width:none;padding-top:0;display:flex}.mock-calendar__lede{color:#64748b;font-size:11px;line-height:1.4}.mock-calendar__nav{flex-shrink:0;grid-template-columns:auto minmax(140px,1fr) auto;align-items:center;gap:10px;min-width:0;padding:0;display:grid}.mock-calendar__nav-left,.mock-calendar__nav-right{align-items:center;gap:8px;min-width:0;display:flex}.mock-calendar__nav-left{flex-shrink:0}.mock-calendar__nav-right{width:auto;padding-left:2px}.mock-calendar__search{width:100%;min-width:0}.mock-screen--calendar .mock-calendar-nav{background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;gap:0;height:28px;padding:2px}.mock-screen--calendar .mock-calendar-nav__btn{color:#64748b;background:0 0;border:0;border-radius:8px;width:24px;height:24px}.mock-screen--calendar .mock-calendar-nav__btn:hover,.mock-screen--calendar .mock-calendar-nav__btn:focus,.mock-screen--calendar .mock-calendar-nav__btn:active{color:#0f172a;background:#fff}.mock-screen--calendar .mock-calendar-nav__label{letter-spacing:-.02em;color:#0f172a;text-align:center;min-width:92px;padding:0 8px;font-size:12px;font-weight:650}.mock-screen--calendar .mock-search-input--inline{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex:auto;width:auto;min-width:0;max-width:none;height:28px;padding:0 10px;font-size:12px}.mock-screen--calendar .mock-calendar__nav .mock-segment-tabs{flex-shrink:0;margin:0}.mock-screen--calendar .mock-metric-pills--segmented{height:28px;box-shadow:none;box-sizing:border-box;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;gap:2px;padding:2px}.mock-screen--calendar .mock-metric-pills--segmented .mock-metric-pill{color:#64748b;height:24px;box-shadow:none;background:0 0;border-radius:8px;align-items:center;padding:0 11px;font-size:10px;font-weight:500;display:inline-flex}.mock-screen--calendar .mock-metric-pills--segmented .mock-metric-pill--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-calendar__layout{flex:auto;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:stretch;gap:10px;min-height:0;display:grid}.product-frame--viewport .mock-calendar__layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:10px}.mock-screen--calendar .mock-calendar__layout>.mock-page-section{flex-direction:column;align-self:stretch;min-width:0;height:auto;min-height:0;display:flex}.mock-screen--calendar .mock-calendar__layout>.mock-page-section>.mock-abx-inner{flex:auto;min-height:0}.mock-screen--calendar .mock-calendar-panel{flex-direction:column;gap:6px;padding:10px;display:flex;overflow:hidden}.mock-screen--calendar .mock-panel.mock-abx-inner.mock-calendar-panel,.mock-screen--calendar .mock-panel.mock-abx-inner.mock-calendar-day{padding:10px}.mock-calendar__legend{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.mock-screen--calendar .mock-calendar-status-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mock-screen--calendar .mock-calendar-status-chip{box-sizing:border-box;border-radius:6px;align-items:center;gap:4px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-screen--calendar .mock-calendar-status-chip__dot{width:4px;height:4px}.mock-screen--calendar .mock-calendar-status-chip--scheduled{color:#0369a1;background:#0ea5e914;border:1px solid #0ea5e947}.mock-screen--calendar .mock-calendar-status-chip--running{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b52}.mock-screen--calendar .mock-calendar-status-chip--done{color:#15803d;background:#22c55e14;border:1px solid #22c55e47}.mock-screen--calendar .mock-calendar-status-chip--failed{color:#b91c1c;background:#ef444414;border:1px solid #ef444447}.mock-screen--calendar .mock-calendar-status-chip--cancelled{color:#64748b;background:#94a3b81a;border:1px solid #0f172a1f}.mock-screen--calendar .mock-calendar__select{color:#0f172a;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;height:28px;padding:0 8px;font-size:12px;font-weight:650}.mock-screen--calendar .mock-calendar-grid{background:0 0;flex:auto;grid-template-rows:18px repeat(5,minmax(0,1fr));gap:4px;min-width:0;height:auto;min-height:0;padding:0}.mock-calendar-grid__head-full{display:inline}.mock-calendar-grid__head-short{display:none}.mock-screen--calendar .mock-calendar-cell{background:#fff;border:1px solid #0f172a0f;border-radius:8px;justify-content:flex-start;gap:4px;min-width:0;min-height:0;padding:4px 6px 5px}.mock-screen--calendar .mock-calendar-cell--has-event,.mock-screen--app.mock-screen--calendar .mock-calendar-cell--has-event{background:#fff}.mock-screen--calendar .mock-calendar-cell--btn:hover,.mock-screen--calendar .mock-calendar-cell--btn:focus,.mock-screen--calendar .mock-calendar-cell--btn:active{box-shadow:none;background:#f8fafc}.mock-screen--calendar .mock-calendar-cell--today,.mock-screen--app.mock-screen--calendar .mock-calendar-cell--today{box-shadow:none;background:#fff}.mock-screen--calendar .mock-calendar-cell--today .mock-calendar-cell__day{color:#fff;background:#0f172a;border-radius:6px;width:auto;height:auto;padding:1px 5px;font-size:10px}.mock-screen--calendar .mock-calendar-cell__day{color:#0f172a;font-family:inherit;font-size:11px;font-weight:650}.mock-screen--calendar .mock-calendar-cell__event{color:#64748b;background:#f8fafc;border-radius:6px;margin-top:0;padding:1px 5px;font-family:inherit;font-size:9px;font-weight:500;line-height:1.4}.mock-screen--calendar .mock-calendar-cell__chip{color:#475569;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:0;border-radius:6px;width:100%;margin:0;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.4;overflow:hidden}.mock-screen--calendar .mock-calendar__head-aside{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.mock-screen--calendar .mock-calendar__legend .mock-calendar__head-aside{margin-left:0}.mock-screen--calendar .mock-page-section__head{flex-wrap:nowrap;align-items:flex-start;min-width:0;padding:0}.mock-screen--calendar .mock-calendar__head-aside .mock-btn--sm{height:28px;padding-inline:10px}.mock-screen--calendar .mock-calendar__head-aside .mock-meta-pill{border:1px solid #0f172a14}.mock-screen--calendar .mock-calendar-day{height:auto;min-height:0;box-shadow:none;border-radius:10px;flex-direction:column;gap:0;padding:10px;display:flex;overflow:hidden}.mock-screen--calendar .mock-calendar-day .mock-abx-match__group{flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex}.mock-screen--calendar .mock-calendar-day .mock-abx-match__group>em{margin:0}.mock-screen--calendar .mock-calendar-day__list{flex:auto;gap:6px;min-height:0;padding:0;overflow:auto}.mock-screen--calendar .mock-calendar-test{box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.mock-screen--calendar .mock-calendar-test:hover,.mock-screen--calendar .mock-calendar-test:focus,.mock-screen--calendar .mock-calendar-test:active{background:#fff;border-color:#0f172a29}.mock-screen--calendar .mock-calendar-test--active,.mock-screen--calendar .mock-calendar-test.is-on{box-shadow:none;border-color:#0f172a29}.mock-screen--calendar .mock-calendar-test .mock-tx-create__box{background:#fff;border-color:#0f172a29;border-radius:6px}.mock-screen--calendar .mock-calendar-test.is-on .mock-tx-create__box{color:#fff;background:#0f172a;border-color:#0f172a}.mock-calendar-test__copy{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-calendar-test__copy strong{letter-spacing:-.015em;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.mock-calendar-test__copy em{color:#94a3b8;font-size:11px;font-style:normal;line-height:1.3}.mock-screen--calendar .mock-sites-status{border-radius:6px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6}.mock-screen--calendar .mock-sites-status--active{color:#15803d;background:#16a34a14;border-color:#16a34a1f}.mock-screen--calendar .mock-sites-status--paused{color:#64748b;background:#f8fafc;border-color:#0f172a14}@media (max-width:520px){.mock-screen--calendar .mock-calendar__nav,.mock-screen--calendar .mock-calendar__layout,.product-frame--viewport .mock-calendar__layout{grid-template-columns:minmax(0,1fr)}}.mock-screen--app .mock-calendar-nav__btn{background:#fff;border:1px solid #0f172a0f;border-radius:8px}.mock-screen--app.mock-screen--calendar .mock-calendar-nav__btn{background:0 0;border:0;border-radius:8px;width:24px;height:24px}.mock-screen--app.mock-screen--calendar .mock-calendar-nav__btn:hover,.mock-screen--app.mock-screen--calendar .mock-calendar-nav__btn:focus,.mock-screen--app.mock-screen--calendar .mock-calendar-nav__btn:active{color:#0f172a;background:#fff}.mock-screen--app .mock-reports-form,.mock-screen--app .mock-reports-aside{padding:16px}.mock-screen--app .mock-reports-list{font-size:11px;line-height:1.55}.mock-screen--app .mock-alert{margin-bottom:0}.mock-screen--app .mock-alert--warning{background:#fef2f299;border:1px solid #ef44441f;border-radius:12px;font-size:11px}.mock-screen--app .mock-translation-group{box-shadow:none;background:#fff;border:1px solid #0f172a0f;border-radius:12px;overflow:clip visible}.mock-screen--app.mock-screen--translate .mock-translation-group__head{background:#fff;border-bottom:1px solid #0f172a0d;padding:10px 14px}.mock-screen--app.mock-screen--translate .mock-translation-row{border-bottom:1px solid #0f172a0a;padding:10px 14px;font-size:12px}.mock-screen--app.mock-screen--translate .mock-translation-row--page:hover,.mock-screen--app.mock-screen--translate .mock-translation-page.is-open{background:#f8fafc}.mock-screen--app.mock-screen--translate .mock-translation-page.is-open .mock-translation-row--page,.mock-screen--app.mock-screen--translate .mock-translation-page.is-open .mock-translation-row--page:hover{background:0 0;border-bottom:0}.mock-screen--app.mock-screen--translate .mock-tx-create__box{background:#fff;border:1px solid #0f172a1f;border-radius:4px;width:14px;height:14px}.mock-screen--app.mock-screen--translate .mock-translation-row__actions .mock-table-actions__btn{border-radius:8px;width:26px;height:26px}.product-frame--viewport .mock-screen--app.mock-screen--translate{overflow:hidden auto}.mock-screen--app.mock-screen--translate .mock-screen__body-fill,.mock-screen--app.mock-screen--translate .mock-translation-groups,.mock-screen--app.mock-screen--translate .mock-translation-matrix,.mock-screen--app.mock-screen--translate .mock-translation-page,.mock-screen--app.mock-screen--translate .mock-translation-nest{min-width:0;max-width:100%}.mock-screen--app.mock-screen--translate .mock-translation-matrix{background:#fff;border-radius:12px}.mock-screen--app.mock-screen--translate button.mock-translation-matrix__cell{border-radius:8px;width:26px;min-width:26px;height:26px;min-height:26px;padding:0}.mock-screen--app.mock-screen--translate .mock-translation-row--page .mock-translation-row__name{letter-spacing:-.015em;color:#0f172a;font-weight:600}.mock-screen--app.mock-screen--translate .mock-translation-row__slug{color:#94a3b8;font-size:10px}.mock-screen--app.mock-screen--translate .mock-translation-table{max-width:100%;overflow:clip visible}.mock-screen--app.mock-screen--translate .mock-translation-table__row{position:relative}.mock-screen--app.mock-screen--translate .mock-translation-table__row:hover{z-index:4}.mock-screen--app.mock-screen--translate .mock-translation-table__row:has(.mock-action-tooltip:hover){z-index:4}.mock-screen--app .mock-translation-group__head{background:0 0;border-bottom:1px solid #0f172a0d}.mock-screen--app .mock-translation-row{border-bottom:1px solid #0f172a0a}.mock-screen--app .mock-editor-tabs{background:#0f172a0a;border:none;border-radius:10px;margin-bottom:0;padding:3px}.mock-screen--app .mock-editor-tab{border-radius:7px;padding:4px 10px;font-size:10px}.mock-screen--app .mock-editor-tab--active{box-shadow:none;background:#fff;border:none;font-weight:600}.mock-screen--app .mock-topbar__badge{font-weight:500}.mock-screen--app .mock-pages-section-label{background:0 0;padding:8px 14px 4px}.mock-screen--app .mock-panel--chart{min-height:0}.mock-screen--app .mock-stat-body{gap:10px}.mock-screen--app .mock-stat-body .mock-dashboard-mid{flex:none;grid-template-rows:minmax(230px,1fr);min-height:230px}.mock-screen--app .mock-panel--hero-chart{background:#fafbfc;border:1px solid #0f172a0f;border-radius:16px;flex-direction:column;flex:auto;height:100%;min-height:230px;display:flex}.mock-screen--app .mock-panel--hero-chart .mock-panel__body--flush{flex-direction:column;flex:1 1 0;min-height:0;padding:14px 14px 12px;display:flex}.mock-screen--app .mock-stat-bottom{flex:none;gap:10px;min-height:156px}.mock-screen--app .mock-stat-ranked>.mock-panel__body,.mock-screen--app .mock-stat-mini>.mock-panel__body{padding:0}.mock-screen--app .mock-stat-mini.mock-panel--premium{background:#fff;border:1px solid #0f172a0f;border-radius:14px}.mock-screen--app .mock-stat-mini>.mock-panel__head{background:#fafbfcd9}.mock-screen--app .mock-stat-mini{flex-direction:column;height:100%;min-height:0;display:flex}.mock-screen--app .mock-stat-mini>.mock-panel__title{color:var(--mock-text);font-weight:600}.mock-screen--app .mock-stat-ranked.mock-panel--premium{background:#fff;border:1px solid #0f172a0f;border-radius:16px}.mock-screen--app .mock-ranked-head{background:#fafbfcd9;padding:7px 14px}.mock-screen--app .mock-alert--warning{color:#b91c1c}.mock-screen--app .mock-ads-layout,.mock-screen--app .mock-reports-layout{gap:10px}.mock-screen--app .mock-stat-kpi--blue{background:linear-gradient(145deg,#eff6ff 0%,#dbeafe 55%,#f8fbff 100%);border-color:#3b82f624}.mock-screen--app .mock-reports-form .mock-panel__body,.mock-screen--app .mock-reports-aside .mock-panel__body{padding:16px}.mock-screen--app .mock-panel--table-full>.mock-panel__body{padding:0}.mock-screen--app .mock-preview,.mock-screen--app .mock-import-panel{background:0 0;border:none;flex-direction:column;min-height:0;display:flex}.mock-screen--app .mock-compare__panel{background:0 0;border:none}.mock-screen--app .mock-callout{background:#fafbfc;border:1px solid #0f172a0f;border-radius:14px}.mock-screen--app .mock-callout__head{display:none}.mock-screen--app .mock-variant-row__bar--winner,.mock-screen--app .mock-source-row__bar{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.mock-screen--app .mock-help-section .mock-panel__eyebrow{font-family:var(--font-mono);letter-spacing:.1em;color:var(--mock-text-muted);margin-bottom:0;font-size:8px;line-height:1.2}.mock-table-toolbar{color:var(--mock-text-muted);justify-content:space-between;align-items:center;padding:0 2px;font-size:10px;display:flex}.mock-table-toolbar__links{gap:10px;display:flex}.mock-table-toolbar__links button{color:#0ea5e9;cursor:default;background:0 0;border:none;padding:0;font-size:10px}.mock-table-actions{justify-content:flex-end;gap:4px;display:flex}.mock-table-actions__btn{cursor:pointer;color:#64748b;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:0;display:inline-flex;position:relative}.mock-table-actions__btn:hover{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-table-actions__btn .icon,.mock-table-actions__btn svg{display:flex}.mock-table-actions__btn--pause{font-size:inherit}.mock-table-actions__btn--pause .icon,.mock-table-actions__btn--view .icon{display:flex}.mock-table-actions__btn--stop:after{content:"";background:var(--mock-text-muted);border-radius:1px;width:8px;height:8px}.mock-form-field__label-row{align-items:center;gap:4px;display:flex}.mock-form-field__help{text-align:center;width:14px;height:14px;color:var(--mock-text-muted);border:1px solid #0f172a1f;border-radius:50%;justify-content:center;align-items:center;font-size:9px;line-height:1;display:inline-flex}.mock-view-toggle{width:fit-content;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;flex-wrap:nowrap;align-items:center;gap:2px;margin-left:auto;padding:3px;display:inline-flex}.mock-view-toggle__btn{font-family:var(--font-body);letter-spacing:-.01em;color:#64748b;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;padding:5px 11px;font-size:10px;font-weight:500;display:inline-flex}.mock-view-toggle__btn--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-asset-card__hover{background:#0f172ab8;border-radius:99px;gap:3px;padding:3px 5px;display:flex;position:absolute;top:6px;right:6px}.mock-asset-card__hover span{font-size:7px;font-family:var(--font-mono);color:#fff;letter-spacing:.04em}.mock-asset-card__thumb{position:relative}.mock-asset-card__perf{font-size:9px;font-family:var(--font-mono);color:#16a34a}.mock-video-card__footer{border-top:1px solid #0f172a0d;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.mock-help-card__icon--cyan{color:#0284c7;background:#0ea5e929}.mock-help-card__icon--green{color:#059669;background:#10b98129}.mock-help-card__icon--violet{color:#0284c7;background:#0ea5e929}.mock-help-card__icon--indigo{color:#0369a1;background:#0369a124}.mock-help-card__icon--amber{color:#d97706;background:#f59e0b29}.mock-help-card__badge{font-size:8px;font-family:var(--font-mono);color:#0284c7;background:#0ea5e924;border:1px solid #0ea5e92e;border-radius:99px;padding:2px 6px}.mock-tech-stack{grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;display:grid}.mock-tech-stack__card{text-align:center;background:#fafbfc;border:1px solid #0f172a0f;border-radius:10px;min-width:0;padding:12px 10px 14px}.mock-tech-stack__label{color:var(--mock-text);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:9px;font-weight:650}.mock-tech-stack__items{color:var(--mock-text-secondary);flex-direction:column;gap:5px;font-size:10px;font-weight:500;line-height:1.35;display:flex}.mock-calendar-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-calendar-view-toggle{background:#0f172a0a;border-radius:8px;gap:2px;padding:2px;display:flex}.mock-calendar-view-toggle span{color:var(--mock-text-muted);border-radius:6px;padding:3px 8px;font-size:10px}.mock-calendar-view-toggle span.mock-calendar-view-toggle__active{color:#0284c7;background:#fff;font-weight:600}.mock-screen--app{min-height:0}.mock-kpi-grid--quad{grid-template-columns:repeat(4,1fr)}.mock-screen__body-fill{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.mock-panel--flex{flex-direction:column;flex:1;min-height:0;display:flex}.mock-panel--flex>.mock-panel__body{flex:1;min-height:0;overflow-y:auto}.mock-pages-table-head--wide,.mock-pages-table-row--wide{grid-template-columns:minmax(0,1.45fr) 76px 56px 48px 52px 64px 84px 52px}.mock-pages-table-row__copy,.mock-abtests-row__name,.mock-translation-row__name{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;display:flex}.mock-pages-table-row__name{align-items:flex-start}.mock-pages-table-row__badge{margin-top:2px}.mock-abtests-row__name{font-weight:600;line-height:1.25}.mock-filter-row{flex-shrink:0;align-items:center;gap:10px;min-width:0;display:flex}.mock-filter-row .mock-toolbar{flex:1;min-width:0}.mock-filter-row .mock-view-toggle,.mock-filter-row .mock-segment-tabs{flex-shrink:0;margin-left:0;overflow:visible}.mock-segment-tabs{scrollbar-width:none;min-width:0;max-width:100%;overflow:visible}.mock-segment-tabs::-webkit-scrollbar{display:none}.mock-overflow-tabs{z-index:4;width:100%;min-width:0;max-width:100%;position:relative}.mock-overflow-tabs__measure{visibility:hidden;pointer-events:none;width:max-content;position:absolute;top:0;left:0;overflow:visible}.mock-overflow-tabs__measure .mock-metric-pills--segmented,.mock-overflow-tabs__measure .mock-page-editor-tabs{width:max-content;max-width:none}.mock-overflow-tabs .mock-metric-pill,.mock-overflow-tabs .mock-page-editor-tab,.mock-overflow-tabs__measure [data-overflow-measure-tab],.mock-overflow-tabs__measure [data-overflow-measure-more]{white-space:nowrap;flex:none}.mock-overflow-tabs__more-wrap{flex-shrink:0;position:relative}.mock-overflow-tabs__more{align-items:center;gap:4px;display:inline-flex}.mock-overflow-tabs__menu{z-index:12;background:#fff;border:1px solid #0f172a14;border-radius:12px;min-width:168px;max-width:min(240px,70vw);padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #0f172a1a}.mock-overflow-tabs__item{color:#0f172a;width:100%;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:500;display:flex}.mock-overflow-tabs__item:hover,.mock-overflow-tabs__item:focus-visible{background:#f8fafc}.mock-overflow-tabs__item.is-active{background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-metric-pills--segmented{width:max-content;max-width:100%;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;flex-wrap:nowrap;gap:2px;padding:3px}.mock-metric-pills--segmented .mock-metric-pill{font-family:var(--font-body);letter-spacing:-.01em;color:#64748b;box-shadow:none;background:0 0;border-radius:8px;padding:5px 11px;font-size:10px;font-weight:500}.mock-metric-pills--segmented button.mock-metric-pill{cursor:pointer}.mock-metric-pills--segmented .mock-metric-pill--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-category-pills{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.mock-topbar--compact .mock-topbar__actions{max-width:52%;padding-top:12px}.mock-topbar--compact .mock-topbar__actions .mock-btn{white-space:nowrap}.mock-panel__head--split{gap:8px;min-height:36px}.mock-data-table-head__actions{text-align:right;justify-self:end}.mock-panel__head--split .mock-ads-filters{flex-wrap:wrap;justify-content:flex-end}.mock-translation-group__meta{flex-direction:row;align-items:center;gap:8px;min-width:0;display:flex}.mock-screen--app .mock-translation-groups{gap:10px}.mock-screen--app .mock-translation-group__head{padding:8px 14px}.mock-screen--app .mock-translation-row{padding:8px 14px;font-size:11px}.mock-screen--app .mock-pages-layout{flex:1;gap:10px;min-height:0}.mock-screen--app .mock-folder-tree{align-self:start}.mock-table-toolbar{flex-shrink:0}.mock-screen--app .mock-help-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mock-screen--app .mock-help-layout{justify-content:flex-start;gap:12px;padding-top:0}.mock-screen--app .mock-help-layout .mock-help-section{gap:5px}.mock-screen--app .mock-help-section+.mock-help-section{margin-top:0}.mock-help-card__title{flex-wrap:wrap;align-items:center;gap:4px;line-height:1.3;display:inline-flex}.mock-calendar-toolbar{flex-direction:column;align-items:stretch;gap:8px}.mock-calendar-toolbar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-calendar-toolbar-row .mock-search-input--inline{flex:1;min-width:140px;max-width:220px}.mock-calendar-toolbar-row .mock-calendar-view-toggle{margin-left:auto}.mock-calendar-panel .mock-panel__head{min-height:40px}.mock-calendar-toolbar-row--secondary{justify-content:space-between;align-items:center;gap:10px;padding-top:2px}.mock-calendar-toolbar-row__filters{flex-shrink:0;align-items:center;gap:8px;display:flex}.mock-screen--app .mock-asset-grid,.mock-screen--app .mock-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mock-screen--app .mock-asset-card__details{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.mock-screen--app .mock-reports-layout{align-items:start}.mock-screen--app .mock-tech-stack-panel .mock-panel__body{padding:10px}.mock-panel--table-full .mock-abtests-head--wide,.mock-panel--table-full .mock-abtests-row--wide{padding-left:14px;padding-right:14px}.mock-abtests-head--wide,.mock-abtests-row--wide{min-width:0}.mock-abtests-row--wide .mock-table-actions,.mock-pages-table-row--wide .mock-table-actions,.mock-data-table-row--glossary .mock-table-actions--glossary{justify-self:end;margin-top:1px}.mock-screen--app .mock-alert--warning{flex-shrink:0}.product-frame__org-overlay{z-index:40;-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:#0f172a61;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.product-frame__org-overlay:before{content:"";pointer-events:none;background:#f8fafc47;position:absolute;inset:0}.product-frame__org-picker{z-index:1;background:#ffffffeb;border:1px solid #ffffff8c;border-radius:18px;flex-direction:column;width:min(100%,420px);max-height:min(88%,360px);animation:.28s cubic-bezier(.22,1,.36,1) mock-org-picker-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #0f172a38,inset 0 1px #ffffffbf}@keyframes mock-org-picker-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.product-frame__org-picker-head{border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.product-frame__org-picker-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--mock-text);font-size:13px;font-weight:600}.product-frame__org-picker-close{width:24px;height:24px;color:var(--mock-text-muted);cursor:pointer;background:#0f172a0f;border:none;border-radius:99px;font-size:11px;line-height:1}.product-frame__org-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;display:grid;overflow-y:auto}.product-frame__org-tile{cursor:pointer;font:inherit;transition:background var(--duration-fast), box-shadow var(--duration-fast);background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 6px;display:flex}.product-frame__org-tile:hover{background:#0ea5e90f}.product-frame__org-tile--active{background:#0ea5e914}.product-frame__org-tile-mark{width:52px;height:52px;font-family:var(--font-display);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #0f172a1f}.product-frame__org-tile-name{color:var(--mock-text);letter-spacing:-.01em;font-size:11px;font-weight:600;line-height:1.2}.product-frame__org-tile-full{color:var(--mock-text-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;line-height:1.2;overflow:hidden}.product-frame__org-tile--active .product-frame__org-tile-mark{box-shadow:0 4px 12px #0f172a1f}:is(.product-frame--interactive:has(.product-frame__org-overlay),.product-frame--interactive:has(.product-frame__spotlight)){overflow:hidden}.product-frame__spotlight{z-index:42;background:#0f172a7a;justify-content:center;align-items:flex-start;padding:clamp(128px,20%,188px) 18px 18px;display:flex;position:absolute;inset:0}.product-frame__spotlight-stage{justify-content:center;align-items:flex-start;gap:10px;width:min(100%,620px);animation:.22s cubic-bezier(.22,1,.36,1) mock-spotlight-in;display:flex}.product-frame__spotlight-panel{background:#1c1c1ed1;border:1px solid #ffffff29;border-radius:999px;flex:1;min-width:0;overflow:hidden;box-shadow:0 18px 48px #0f172a61,inset 0 1px #ffffff24}.product-frame__spotlight-panel--results{border-radius:18px;flex:auto;width:100%}@keyframes mock-spotlight-in{0%{transform:scale(.96)translateY(8px)}to{transform:scale(1)translateY(0)}}.product-frame__spotlight-field{align-items:center;gap:8px;min-height:46px;padding:0 8px 0 16px;display:flex}.product-frame__spotlight .icon{color:inherit}.product-frame__spotlight-search-icon.icon,.product-frame__spotlight-search-icon{color:#ffffffe6;flex-shrink:0}.product-frame__spotlight-shortcut .icon,.product-frame__spotlight-hit-icon .icon{color:inherit}.product-frame__spotlight-input{color:#fff;min-width:0;height:46px;font-family:var(--font-body);letter-spacing:-.02em;background:0 0;border:0;outline:none;flex:1;font-size:15px;font-weight:500}.product-frame__spotlight-input::placeholder{color:#ffffff6b;font-weight:500}.product-frame__spotlight-open{color:#ffffffe0;letter-spacing:.01em;background:#ffffff29;border-radius:999px;flex-shrink:0;margin-right:8px;padding:3px 8px;font-size:10px;font-weight:600}.product-frame__spotlight-shortcuts{background:#1c1c1ed1;border:1px solid #ffffff29;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:7px;display:flex;box-shadow:0 18px 48px #0f172a61,inset 0 1px #ffffff24}.product-frame__spotlight-shortcut{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:99px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.product-frame__spotlight-shortcut:hover{background:#ffffff2e}@media (max-width:640px){.product-frame__spotlight-shortcuts{display:none}.product-frame__spotlight-stage,.product-frame__spotlight-panel{width:100%}.product-frame__spotlight{padding:clamp(92px,18%,132px) 14px 14px}}.product-frame__spotlight-list{border-top:1px solid #ffffff14;margin:0;padding:4px 6px 8px;list-style:none}.product-frame__spotlight-empty{color:#ffffff73;padding:14px 12px;font-size:13px}.product-frame__spotlight-hit{color:#fff;text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.product-frame__spotlight-hit.is-active{background:#ffffff1f}.product-frame__spotlight-hit-icon{color:#ffffffe6;background:#ffffff1a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.product-frame__spotlight-hit-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.product-frame__spotlight-hit-title{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.product-frame__spotlight-hit-meta{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.product-frame--interactive .product-frame__search{cursor:pointer}.mock-orgs-page{flex-direction:column;align-self:flex-start;gap:10px;width:100%;margin-top:12px;display:flex}.mock-orgs-panel{width:100%}.mock-orgs-panel.mock-panel--table{flex:none}.mock-orgs-panel .mock-panel__body--flush{padding:0}.mock-orgs-table-head,.mock-orgs-table-row{grid-template-columns:minmax(0,1fr) 52px 72px 56px;align-items:center;gap:12px 16px;padding:12px 16px;font-size:11px;display:grid}.mock-orgs-table-head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-muted);background:#fafbfc;border-bottom:1px solid #0f172a0f;font-size:8px}.mock-orgs-table-row{transition:background var(--duration-fast);border-bottom:1px solid #0f172a0a}.mock-orgs-table-row:last-child{border-bottom:none}.mock-orgs-table-row:hover{background:#ffffffa6}.mock-orgs-table-row--active{background:#0ea5e908}.mock-orgs-table-row__org{align-items:center;gap:10px;min-width:0;display:flex}.mock-orgs-table-row__org-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.mock-orgs-table-row__org-name{font-family:var(--font-display);color:var(--mock-text);letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.25;display:flex}.mock-orgs-table-row__org-slug{font-family:var(--font-mono);color:var(--mock-text-muted);font-size:9px}.mock-orgs-table-row__org-sub{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.mock-orgs-table-row__active{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#0369a1;background:#0ea5e914;border:1px solid #0ea5e929;border-radius:99px;padding:2px 6px;font-size:7px;font-weight:600}.mock-orgs-table-row__role{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mock-text-secondary);background:#f8fafc;border:1px solid #0f172a14;border-radius:99px;justify-self:start;padding:2px 6px;font-size:7px;font-weight:600}.mock-orgs-table-head>:nth-child(2),.mock-orgs-table-row__members{text-align:right;font-variant-numeric:tabular-nums;justify-self:end}.mock-orgs-table-row__members{color:var(--mock-text);letter-spacing:-.02em;font-size:12px;font-weight:550}.mock-orgs-table-row__joined{color:var(--mock-text-secondary);font-size:10px}.mock-orgs-table-row__leave{height:24px;color:var(--mock-text-muted);border-color:#0000;justify-self:end;padding-inline:8px;font-size:10px}.mock-orgs-table-row__leave:hover{color:#b91c1c;background:#fef2f2cc;border-color:#dc26262e}.mock-orgs-note-panel{flex:none}.mock-orgs-note-panel .mock-panel__body{padding:12px 14px}.mock-orgs-note{align-items:flex-start;gap:10px;display:flex}.mock-orgs-note__icon{background:#0ea5e91a;border:1px solid #0ea5e929;border-radius:4px;flex-shrink:0;width:16px;height:16px;margin-top:1px;position:relative}.mock-orgs-note__icon:after{content:"";border:1.5px solid #0284c7;border-radius:2px;position:absolute;inset:4px 5px 5px 4px}.mock-orgs-note__text{color:var(--mock-text-secondary);letter-spacing:-.01em;margin:0;font-size:11px;line-height:1.45}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail){gap:8px;min-height:0;overflow:hidden}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail) .mock-ab-detail{flex:1 1 0;min-height:0}.mock-ab-detail__topbar .mock-topbar__actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.mock-ab-detail{grid-template-columns:minmax(0,1.55fr) minmax(188px,.72fr);align-items:stretch;gap:10px;min-height:0;display:grid}.mock-ab-detail__main,.mock-ab-detail__rail{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.mock-ab-detail__kpis{gap:8px;margin-bottom:0}.mock-ab-detail__kpis .mock-kpi--marco{min-height:64px;padding:10px}.mock-ab-detail__kpis .mock-kpi--marco .mock-kpi__value{font-size:16px}.mock-ab-detail__kpis .mock-kpi__spark{width:56px}.mock-ab-setup{background:linear-gradient(#fafbfc 0%,#fff 100%);border:1px solid #0f172a0f;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.mock-ab-setup__label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mock-text-muted);margin-bottom:4px;font-size:9px;display:block}.mock-ab-setup__url-row{align-items:center;gap:8px;min-width:0;display:flex}.mock-ab-setup__url-row code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);color:#0284c7;letter-spacing:-.01em;flex:1;font-size:11px;overflow:hidden}.mock-ab-setup__variants{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mock-ab-setup__card{background:#fff;border:1px solid #0f172a0f;border-radius:10px;flex-direction:column;gap:3px;min-width:0;padding:10px 11px;display:flex;position:relative}.mock-ab-setup__card--challenger{background:linear-gradient(145deg,#f0f9ff 0%,#fff 70%);border-color:#0ea5e938}.mock-ab-setup__card-head{flex-wrap:wrap;gap:4px;margin-bottom:2px;display:flex}.mock-ab-setup__badge{font-family:var(--font-mono);letter-spacing:.03em;text-transform:uppercase;color:var(--mock-text-muted);background:var(--mock-bg);border:1px solid #0f172a0f;border-radius:99px;padding:2px 6px;font-size:8px;font-weight:500;display:inline-flex}.mock-ab-setup__badge--control{color:#0f766e;background:#0f766e14;border-color:#0f766e29}.mock-ab-setup__badge--variant{color:#0369a1;background:#0ea5e91a;border-color:#0ea5e92e}.mock-ab-setup__card strong{color:var(--mock-text);letter-spacing:-.01em;font-size:12px;font-weight:600}.mock-ab-setup__path{font-family:var(--font-mono);color:var(--mock-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mock-ab-setup__live{font-family:var(--font-mono);color:#15803d;align-items:center;gap:5px;margin-top:4px;font-size:9px;display:inline-flex}.mock-ab-progress{background:#fff;border:1px solid #0f172a0f;border-radius:12px;padding:10px 12px}.mock-ab-progress__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mock-ab-progress__title{color:var(--mock-text);letter-spacing:-.01em;font-size:12px;font-weight:600}.mock-ab-progress__pct{font-family:var(--font-mono);color:#0284c7;background:#0ea5e91a;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.mock-ab-progress__track{background:#0f172a0d;border-radius:99px;height:8px;overflow:hidden}.mock-ab-progress__fill{background:linear-gradient(90deg,#0ea5e9 0%,#38bdf8 100%);border-radius:99px;height:100%;display:block}.mock-ab-progress__meta{font-family:var(--font-mono);color:var(--mock-text-muted);margin:6px 0 0;font-size:10px}.mock-ab-table{flex:auto;min-height:0;margin:0}.mock-ab-compare-btn,.mock-ab-compare-btn--dark{color:#fff;cursor:pointer;box-shadow:none;background:#0f172a;border:1px solid #0f172a;border-radius:8px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.mock-ab-compare-btn:hover,.mock-ab-compare-btn--dark:hover{color:#fff;box-shadow:none;background:#1e293b;border-color:#1e293b}.mock-ab-perf{flex-direction:column;display:flex}.mock-ab-perf__head,.mock-ab-perf__row{grid-template-columns:minmax(0,1.4fr) .7fr .55fr .55fr .75fr .7fr;align-items:center;gap:8px;padding:8px 12px;display:grid}.mock-ab-perf__head{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mock-text-muted);background:#fafbfce6;border-bottom:1px solid #0f172a0f;font-size:9px}.mock-ab-perf__row{color:var(--mock-text-secondary);border-bottom:1px solid #0f172a0a;font-size:11px}.mock-ab-perf__row:last-child{border-bottom:none}.mock-ab-perf__row--lead{background:linear-gradient(90deg,#0ea5e90d 0%,#0000 70%)}.mock-ab-perf__name{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-ab-perf__name strong{color:var(--mock-text);font-size:12px;font-weight:600}.mock-ab-perf__name em{font-style:normal;font-family:var(--font-mono);color:var(--mock-text-muted);font-size:9px}.mock-ab-perf__baseline{color:var(--mock-text-muted);font-size:10px}.mock-ab-perf__cvr{color:var(--mock-text);font-weight:600}.mock-ab-perf__lift{color:#15803d;font-weight:600}.mock-ab-perf__row .mock-chip{justify-self:start}.mock-ab-rail-card{margin:0}.mock-ab-rail-card .mock-panel__title{align-items:center;gap:6px;display:inline-flex}.mock-ab-rail-card__body{flex-direction:column;gap:8px;display:flex;padding:10px 12px 12px!important}.mock-ab-kv{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.mock-ab-kv>span:first-child{color:var(--mock-text-muted);font-family:var(--font-mono);font-size:10px}.mock-ab-kv strong{color:var(--mock-text);text-align:right;font-weight:600}.mock-ab-kv--stack{flex-direction:column;align-items:flex-start}.mock-ab-kv--stack strong{text-align:left}.mock-ab-mode{background:#0f172a0a;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.mock-ab-mode span{font-family:var(--font-mono);color:var(--mock-text-muted);border-radius:6px;padding:3px 8px;font-size:9px}.mock-ab-mode__active{font-weight:600;box-shadow:0 1px 2px #0f172a0f;color:#0f766e!important;background:#fff!important}.mock-ab-sites{flex-direction:column;gap:4px;width:100%;display:flex}.mock-ab-sites span{font-family:var(--font-mono);color:#0284c7;text-overflow:ellipsis;white-space:nowrap;background:#0ea5e90f;border:1px solid #0ea5e91f;border-radius:6px;padding:4px 8px;font-size:9px;display:block;overflow:hidden}.mock-ab-goal-ok{font-style:normal;font-family:var(--font-mono);color:#15803d;font-size:9px}.mock-ab-timeline{flex-direction:column;gap:10px;display:flex}.mock-ab-timeline__item{align-items:flex-start;gap:8px;display:flex}.mock-ab-timeline__dot{background:#0f172a1f;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:3px}.mock-ab-timeline__dot--muted{background:#0f172a2e}.mock-ab-timeline__dot--live{background:#22c55e;box-shadow:0 0 0 3px #22c55e26}.mock-ab-timeline__item strong{color:var(--mock-text);font-size:11px;font-weight:600;display:block}.mock-ab-timeline__item em{font-style:normal;font-family:var(--font-mono);color:var(--mock-text-muted);margin-top:1px;font-size:9px;display:block}.mock-ab-hero{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mock-ab-hero__lead{min-width:0}.mock-ab-hero__title-row{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 6px;display:flex}.mock-ab-hero__title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--mock-text);margin:0;font-size:18px;font-weight:600;line-height:1.2}.mock-ab-hero__meta{color:var(--mock-text-muted);margin:0;font-size:11px;line-height:1.4}.mock-ab-hero__meta strong{color:var(--mock-text-secondary);font-weight:500}.mock-ab-hero__page{font-weight:500;color:#0284c7!important}.mock-ab-hero__actions{flex-shrink:0;align-items:center;gap:6px;padding-top:2px;display:flex}.mock-ab-tabs{border-bottom:1px solid #0f172a0f;flex-shrink:0;gap:18px;display:flex}.mock-ab-tabs__item{color:var(--mock-text-muted);padding:6px 0 8px;font-size:12px;font-weight:500;position:relative}.mock-ab-tabs__item--active{color:var(--mock-text)}.mock-ab-tabs__item--active:after{content:"";background:linear-gradient(90deg,#1a2332,#334155);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.mock-ab-alert{color:#991b1b;background:linear-gradient(90deg,#fef2f2f2 0%,#fee2e266 100%);border:1px solid #dc26261f;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.mock-ab-alert p{flex:1;min-width:0;margin:0;font-size:11px;line-height:1.4}.mock-ab-alert__action{font-family:var(--font-mono);color:#b91c1c;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;font-size:10px;font-weight:500}.mock-ab-detail--v2{gap:10px}.mock-ab-detail--v2 .mock-ab-detail__main{gap:8px}.mock-ab-setup--inline{grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr);align-items:stretch;gap:10px;padding:10px;display:grid;box-shadow:0 1px #0f172a05,0 8px 24px -16px #0f172a1f}.mock-ab-setup--inline .mock-ab-setup__url{flex-direction:column;justify-content:center;padding:4px 6px;display:flex}.mock-ab-setup__leading{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#0284c7;margin-left:auto;font-size:8px;font-weight:600}.mock-ab-progress--luxe{background:linear-gradient(#fff 0%,#f8fafc 100%);box-shadow:0 1px #0f172a05,0 10px 28px -18px #0f172a24}.mock-ab-progress--luxe .mock-ab-progress__track{background:#0f172a0a;border-radius:999px;height:10px;overflow:hidden}.mock-ab-progress--luxe .mock-ab-progress__fill{background:linear-gradient(90deg,#0ea5e9 0%,#22d3ee 55%,#67e8f9 100%);border-radius:999px;box-shadow:0 0 14px #0ea5e947}.mock-ab-mid{grid-template-columns:minmax(0,1.4fr) minmax(196px,.85fr);gap:8px;min-height:0;display:grid}.mock-ab-chart,.mock-ab-bayes{min-height:0;margin:0;box-shadow:0 1px #0f172a05,0 12px 32px -20px #0f172a29}.mock-ab-chart__body{min-height:128px;padding:2px 6px 4px!important}.mock-ab-chart__body .mock-area-line--hero{gap:2px}.mock-ab-chart__body .mock-area-line__plot{min-height:104px}.mock-ab-chart__body .mock-area-line--hero .mock-area-line__tooltip{transform:translate(-50%,-6px)}.mock-ab-bayes{background:radial-gradient(120% 80% at 100% 0,#0ea5e914 0%,#0000 55%),linear-gradient(155deg,#f8fafc 0%,#fff 48%,#f0f9ff 100%);flex-direction:column;padding:12px 14px;display:flex}.mock-ab-bayes__top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.mock-ab-bayes__eyebrow{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mock-text-muted);margin-bottom:4px;font-size:9px;display:block}.mock-ab-bayes__lead{font-family:var(--font-display);letter-spacing:-.02em;color:var(--mock-text);font-size:13px;font-weight:600;line-height:1.25;display:block}.mock-ab-bayes__meta{color:var(--mock-text-secondary);margin:4px 0 6px;font-size:11px;line-height:1.35}.mock-ab-bayes__chip{margin-top:2px}.mock-ab-bayes__rows{flex-direction:column;gap:5px;margin-top:auto;display:flex}.mock-ab-bayes__rows-label{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mock-text-muted);margin-bottom:2px;font-size:9px}.mock-ab-bayes__row{color:var(--mock-text-secondary);background:#ffffffc7;border:1px solid #0f172a0d;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:7px 9px;font-size:11px;display:grid}.mock-ab-bayes__row--lead{background:#f0f9fff2;border-color:#0ea5e933}.mock-ab-bayes__cvr{color:#0284c7;font-weight:600}.mock-ab-compare-btn--accent{color:#fff;background:linear-gradient(#1a2332 0%,#243041 100%);border-color:#1a233224}.mock-ab-compare-btn--accent:hover{opacity:.92}.mock-ab-perf__head,.mock-ab-perf__row{grid-template-columns:minmax(0,1.3fr) .65fr .5fr .5fr .7fr .65fr 28px}.mock-ab-perf__preview{width:26px;height:26px;color:var(--mock-text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.mock-ab-perf__preview:hover{color:var(--mock-text);background:#0f172a0a}.mock-ab-detail--v2 .mock-ab-table{box-shadow:0 1px #0f172a05,0 10px 28px -18px #0f172a24}.mock-ab-detail--v2 .mock-ab-rail-card{box-shadow:0 1px #0f172a05,0 10px 26px -18px #0f172a1f}.mock-ab-detail--v2 .mock-ab-detail__kpis .mock-kpi--marco{box-shadow:0 1px #0f172a05,0 10px 24px -16px #0f172a1f}.mock-kpi-grid--triple{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-ab-chart__live{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:#0284c7;background:#0ea5e91a;border:1px solid #0ea5e929;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:600}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--v2){gap:5px}.product-frame--viewport .mock-ab-detail--v2{flex:1 1 0;gap:7px;min-height:0}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-detail__main{flex:1 1 0;gap:6px;min-height:0}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-detail__rail{gap:6px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-chart,.product-frame--viewport .mock-ab-detail--v2 .mock-ab-bayes{flex-direction:column;height:100%;min-height:0;display:flex}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-chart .mock-panel__head{padding:7px 10px 4px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-chart__body{flex-direction:column;flex:auto;min-height:0;display:flex;padding:0 4px 4px!important}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-chart__body .mock-area-line{flex-direction:column;flex:auto;gap:0;min-height:0;display:flex}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-chart__body .mock-area-line__plot{flex:auto;min-height:110px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-chart__body .mock-area-line__axis{min-height:16px;padding-top:0}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-detail__kpis .mock-kpi--marco{min-height:50px;padding:7px 9px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-detail__kpis .mock-kpi--marco .mock-kpi__value{font-size:15px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-rail-card__body{gap:4px;padding:6px 9px 8px!important}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-bayes{padding:9px 10px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-table .mock-panel__head{padding:6px 10px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-perf__head,.product-frame--viewport .mock-ab-detail--v2 .mock-ab-perf__row{padding-top:5px;padding-bottom:5px;font-size:10px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-hero__title{font-size:15px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-hero{gap:8px}:is(.product-frame--viewport .mock-ab-detail--v2+.mock-ab-tabs,.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--v2) .mock-ab-tabs){gap:14px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--v2) .mock-ab-tabs__item{padding:4px 0 6px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--v2) .mock-ab-alert{padding:6px 10px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--v2) .mock-ab-hero__title-row{margin:2px 0 4px}@media (max-width:900px){.mock-ab-detail,.mock-ab-setup__variants,.mock-ab-setup--inline,.mock-ab-mid,.mock-kpi-grid--triple{grid-template-columns:1fr}}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat) .mock-ab-detail--flat{flex:1 1 0;gap:7px;min-height:0}.mock-ab-detail--flat .mock-ab-detail__main,.mock-ab-detail--flat .mock-ab-detail__rail{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.mock-ab-detail--flat .mock-ab-setup,.mock-ab-detail--flat .mock-ab-progress{box-shadow:none;background:#fafbfc;border:1px solid #0f172a0f;border-radius:12px}.mock-ab-detail--flat .mock-ab-setup__card{box-shadow:none;background:#fff;border:1px solid #0f172a0f}.mock-ab-detail--flat .mock-ab-setup__card--challenger{box-shadow:none;background:linear-gradient(145deg,#f0f9ff 0%,#fff 70%);border-color:#0ea5e933}.mock-ab-detail--flat .mock-ab-detail__kpis{gap:7px}.mock-ab-detail--flat .mock-ab-progress__track{background:#0f172a0f;border-radius:999px;height:6px;overflow:hidden}.mock-ab-detail--flat .mock-ab-progress__fill{border-radius:inherit;height:100%;box-shadow:none;background:linear-gradient(90deg,#0ea5e9,#38bdf8);display:block}.mock-ab-detail--flat .mock-ab-mid{flex:auto;grid-template-columns:minmax(0,1.35fr) minmax(196px,.9fr);align-items:stretch;gap:7px;min-height:150px;display:grid}.mock-ab-detail--flat .mock-ab-chart,.mock-ab-detail--flat .mock-ab-bayes,.mock-ab-detail--flat .mock-ab-rail-card{box-shadow:none;height:100%;min-height:0;margin:0}.mock-ab-detail--flat .mock-ab-bayes__top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.mock-ab-detail--flat .mock-ab-bayes__rows{flex-direction:column;gap:5px;margin-top:auto;display:flex}.mock-ab-detail--flat .mock-ab-bayes__row{color:var(--mock-text-secondary);box-shadow:none;background:#fff;border:1px solid #0f172a0d;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:grid}.mock-ab-detail--flat .mock-ab-bayes__row--lead{box-shadow:none;background:#f0f9ff;border-color:#0ea5e929}.mock-ab-detail--flat .mock-ab-bayes__cvr{color:#0284c7;font-weight:600}.mock-ab-detail--flat .mock-ab-chart{flex-direction:column;display:flex}.mock-ab-detail--flat .mock-ab-chart__body{flex-direction:column;flex:auto;min-height:0;display:flex;padding:0 6px 4px!important}.mock-ab-detail--flat .mock-ab-chart__body .mock-area-line{flex-direction:column;flex:auto;gap:0;min-height:0;display:flex}.mock-ab-detail--flat .mock-ab-chart__body .mock-area-line__plot{background:0 0;flex:auto;min-height:100px}.mock-ab-detail--flat .mock-ab-table{box-shadow:none;flex-shrink:0}.mock-ab-detail--flat .mock-ab-perf__head,.mock-ab-detail--flat .mock-ab-perf__row{grid-template-columns:minmax(0,1.3fr) .65fr .5fr .5fr .7fr .65fr 28px;padding-top:5px;padding-bottom:5px;font-size:10px}.mock-ab-detail--flat .mock-ab-perf__row--lead{box-shadow:inset 2px 0 0 var(--accent-cyan);background:#f7f9fc}.mock-ab-detail--flat .mock-ab-compare-btn{box-shadow:none}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat) .mock-ab-tabs__item{padding:4px 0 6px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat) .mock-ab-alert{box-shadow:none;border-radius:10px;padding:6px 10px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-setup__card{padding:6px 8px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-setup__card strong{font-size:11px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-chart .mock-panel__head,.product-frame--viewport .mock-ab-detail--flat .mock-ab-table .mock-panel__head{padding:6px 10px}@media (max-width:900px){.mock-ab-detail--flat{grid-template-columns:1fr}}.product-frame--viewport .product-frame__main:has(.mock-ab-detail--v3){background:#f4f6f8}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--v3){gap:5px}.mock-ab-detail--v3{--ab-card-shadow:0 1px 2px #0f172a0a, 0 10px 28px -18px #0f172a2e;--ab-card-radius:14px}.mock-ab-detail--v3 .mock-ab-setup,.mock-ab-detail--v3 .mock-ab-progress,.mock-ab-detail--v3 .mock-ab-chart,.mock-ab-detail--v3 .mock-ab-bayes,.mock-ab-detail--v3 .mock-ab-table,.mock-ab-detail--v3 .mock-ab-rail-card,.mock-ab-detail--v3 .mock-kpi--marco{border-radius:var(--ab-card-radius);box-shadow:var(--ab-card-shadow);background:#fff;border:1px solid #0f172a0d}.mock-ab-detail--v3 .mock-ab-setup{background:linear-gradient(#fff 0%,#fbfcfd 100%)}.mock-ab-detail--v3 .mock-ab-setup__card{border-radius:11px;box-shadow:inset 0 0 0 1px #0f172a0a}.mock-ab-detail--v3 .mock-ab-setup__card--challenger{box-shadow:inset 0 0 0 1px #0ea5e92e,0 8px 20px -14px #0ea5e959}.mock-ab-progress--ticks .mock-ab-progress__ticks{align-items:stretch;gap:3px;height:18px;display:flex}.mock-ab-progress__tick{background:#0f172a0f;border-radius:3px;flex:1 1 0;min-width:0}.mock-ab-progress__tick--on{background:linear-gradient(#38bdf8 0%,#0ea5e9 100%);box-shadow:0 0 0 1px #0ea5e91f}.mock-ab-progress--ticks .mock-ab-progress__tick--on:nth-child(odd){background:linear-gradient(#7dd3fc 0%,#0284c7 100%)}.mock-ab-bayes__row--meter{grid-template-columns:72px minmax(0,1fr) 34px;align-items:center;gap:8px;padding:6px 8px;display:grid}.mock-ab-bayes__name{color:var(--mock-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.mock-ab-bayes__meter{background:#0f172a0f;border-radius:999px;height:7px;overflow:hidden}.mock-ab-bayes__meter i{border-radius:inherit;background:linear-gradient(90deg,#94a3b8d9,#64748be6);height:100%;display:block}.mock-ab-bayes__row--lead .mock-ab-bayes__meter i{background:linear-gradient(90deg,#38bdf8,#0284c7);box-shadow:0 0 10px #0ea5e959}.mock-ab-bayes__pct{font-family:var(--font-mono);color:var(--mock-text-muted);text-align:right;font-size:10px;font-weight:600}.mock-ab-bayes__row--lead .mock-ab-bayes__pct{color:#0284c7}.mock-ab-config-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mock-ab-config-tile{background:linear-gradient(#f8fafc 0%,#fff 100%);border:1px solid #0f172a0d;border-radius:10px;flex-direction:column;gap:2px;padding:7px 8px;display:flex}.mock-ab-config-tile span{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--mock-text-muted);font-size:8px}.mock-ab-config-tile strong{color:var(--mock-text);letter-spacing:-.01em;font-size:11px;font-weight:600}.mock-ab-config-tile__accent{color:#0284c7!important}.mock-ab-config-tile__ok{color:#059669!important}.mock-ab-detail--v3 .mock-ab-alert{border-radius:12px;box-shadow:0 8px 20px -16px #b91c1c59}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--v3) .mock-ab-alert{border-radius:12px;box-shadow:0 8px 20px -16px #b91c1c59}.mock-ab-detail--v3 .mock-ab-chart .mock-area-line__plot{background:radial-gradient(80% 70% at 70% 30%,#0ea5e912,#0000 60%),linear-gradient(#f8fafc99 0%,#0000 100%);border-radius:10px}.mock-ab-detail--v3 .mock-ab-chart .mock-area-line__tooltip{background:#0f172a;border:none;border-radius:999px;flex-direction:row;gap:6px;padding:4px 10px;box-shadow:0 10px 24px #0f172a40}.mock-ab-detail--v3 .mock-ab-chart .mock-area-line__tooltip-value{color:#fff;font-size:10px}.mock-ab-detail--v3 .mock-ab-chart .mock-area-line__tooltip-label{color:#ffffff8c;font-size:8px}.mock-ab-detail--v3 .mock-ab-perf__row--lead{background:linear-gradient(90deg,#f0f9fff2,#ffffff80);box-shadow:inset 3px 0 #0ea5e9}.mock-ab-timeline--rail{gap:8px;position:relative}.mock-ab-timeline--rail:before{content:"";background:linear-gradient(#0f172a1f,#0f172a0a);width:1px;position:absolute;top:8px;bottom:8px;left:3px}.mock-ab-detail--v3 .mock-ab-compare-btn--accent{border-radius:9px;box-shadow:0 8px 18px -12px #1a23328c}.product-frame--viewport .mock-ab-detail--v3 .mock-ab-progress--ticks{padding:7px 10px 8px}.product-frame--viewport .mock-ab-detail--v3 .mock-ab-progress__ticks{gap:2px;height:14px}.product-frame--viewport .mock-ab-detail--v3 .mock-ab-bayes__row--meter{padding:5px 7px}.product-frame--viewport .mock-ab-detail--v3 .mock-ab-config-tile{padding:6px 7px}.product-frame--viewport .mock-ab-detail--v3 .mock-ab-rail-card__body{gap:6px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-setup{gap:6px;padding:6px 7px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-setup__card{gap:1px;padding:5px 8px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-setup__card strong{font-size:11px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-setup__path{font-size:9px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-progress{padding:5px 9px 6px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-progress__head{margin-bottom:5px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-progress__meta{margin-top:3px;font-size:9px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-progress__track{height:7px}.product-frame--viewport .mock-ab-detail--v2 .mock-ab-mid{flex:auto;align-items:stretch;min-height:178px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat){gap:5px;min-height:0;overflow:hidden}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat) .mock-ab-detail--flat{flex:1 1 0;gap:6px;min-height:0;overflow:hidden}.mock-ab-detail--flat{grid-template-columns:minmax(0,1.55fr) minmax(176px,.68fr);align-items:stretch;gap:7px;min-height:0;display:grid}.mock-ab-detail--flat .mock-ab-detail__main,.mock-ab-detail--flat .mock-ab-detail__rail{flex-direction:column;gap:5px;min-width:0;min-height:0;display:flex;overflow:hidden}.mock-ab-detail--flat .mock-ab-setup--inline{grid-template-columns:minmax(120px,.6fr) minmax(0,1.4fr);gap:6px;padding:6px 7px;display:grid}.mock-ab-detail--flat .mock-ab-detail__kpis .mock-kpi--marco{box-shadow:none;min-height:46px;padding:6px 8px}.mock-ab-detail--flat .mock-ab-detail__kpis .mock-kpi--marco .mock-kpi__value{font-size:14px}.mock-ab-detail--flat .mock-ab-detail__kpis .mock-kpi__spark{width:48px}.mock-ab-detail--flat .mock-ab-progress{padding:5px 9px 6px}.mock-ab-detail--flat .mock-ab-progress__head{margin-bottom:4px}.mock-ab-detail--flat .mock-ab-progress__title{font-size:11px}.mock-ab-detail--flat .mock-ab-progress__meta{color:var(--mock-text-muted);margin:3px 0 0;font-size:9px}.mock-ab-detail--flat .mock-ab-mid{flex:auto;grid-template-columns:minmax(0,1.35fr) minmax(180px,.85fr);align-items:stretch;gap:6px;min-height:0;max-height:168px;display:grid}.mock-ab-detail--flat .mock-ab-bayes{background:#fafbfc;flex-direction:column;padding:8px 10px;display:flex}.mock-ab-detail--flat .mock-ab-bayes__top{margin-bottom:6px}.mock-ab-detail--flat .mock-ab-bayes__lead{font-size:12px}.mock-ab-detail--flat .mock-ab-bayes__meta{font-size:10px}.mock-ab-detail--flat .mock-ab-bayes__row{padding:5px 7px;font-size:10px}.mock-ab-detail--flat .mock-ab-chart__body .mock-area-line__plot{flex:auto;min-height:88px}.mock-ab-detail--flat .mock-ab-chart__body .mock-area-line__axis{min-height:14px;padding-top:0}.mock-ab-detail--flat .mock-ab-table .mock-panel__head{padding:5px 9px}.mock-ab-detail--flat .mock-ab-perf__head,.mock-ab-detail--flat .mock-ab-perf__row{padding-top:4px;padding-bottom:4px;font-size:10px}.mock-ab-detail--flat .mock-ab-rail-card__body{gap:4px;padding:6px 8px 7px!important}.mock-ab-detail--flat .mock-ab-kv{font-size:10px}.mock-ab-detail--flat .mock-ab-timeline{gap:6px}.mock-ab-detail--flat .mock-ab-timeline__item strong{font-size:10px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat) .mock-ab-hero{gap:6px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat) .mock-ab-tabs{gap:14px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat){gap:4px}.product-frame--viewport .mock-ab-detail--flat,.product-frame--viewport .mock-ab-detail--flat .mock-ab-detail__main,.product-frame--viewport .mock-ab-detail--flat .mock-ab-detail__rail{gap:5px;overflow:hidden}.product-frame--viewport .mock-ab-detail--flat .mock-ab-setup--inline{gap:6px;padding:6px 7px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-detail__kpis{gap:5px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-detail__kpis .mock-kpi--marco{min-height:44px;padding:6px 8px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-detail__kpis .mock-kpi--marco .mock-kpi__value{font-size:14px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-detail__kpis .mock-kpi__spark{width:44px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-progress{padding:5px 8px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-progress__head{margin-bottom:4px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-progress__meta{display:none}.product-frame--viewport .mock-ab-detail--flat .mock-ab-mid{flex:auto;gap:5px;min-height:0;max-height:152px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-bayes{padding:8px 9px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-bayes__lead{font-size:12px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-bayes__meta{margin:2px 0 0;font-size:10px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-bayes__row{padding:4px 6px;font-size:10px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-chart__body .mock-area-line__plot{min-height:80px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-perf__head,.product-frame--viewport .mock-ab-detail--flat .mock-ab-perf__row{padding-top:3px;padding-bottom:3px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-rail-card__body{gap:3px;padding:5px 8px 6px!important}.product-frame--viewport .mock-ab-detail--flat .mock-ab-timeline{gap:5px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat) .mock-ab-hero__title{font-size:14px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat) .mock-ab-hero__title-row{margin:1px 0 2px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat) .mock-ab-hero__meta{font-size:10px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat) .mock-ab-alert{padding:5px 9px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--flat) .mock-ab-alert p{font-size:10px}.product-frame--viewport .mock-ab-detail--flat .mock-ab-chart .mock-panel__head,.product-frame--viewport .mock-ab-detail--flat .mock-ab-table .mock-panel__head,.product-frame--viewport .mock-ab-detail--flat .mock-ab-rail-card .mock-panel__head{padding:5px 8px}.product-frame--viewport .mock-screen--app.mock-screen--ab-editorial{gap:5px}.product-frame--viewport .mock-screen--app:has(.mock-ab-detail--editorial){gap:5px}.mock-ab-hero--editorial{align-items:flex-end;padding-bottom:1px}.mock-ab-hero--editorial .mock-topbar__crumb,.mock-ab-hero--editorial .mock-topbar__crumb--btn{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#0f172a6b;font-size:9px;font-weight:500}.mock-ab-hero--editorial .mock-ab-hero__title-row{gap:7px;margin:3px 0 4px}.mock-ab-hero--editorial .mock-ab-hero__title{letter-spacing:-.038em;font-size:17px;font-weight:600;line-height:1.15}.mock-ab-hero--editorial .mock-ab-hero__meta{letter-spacing:-.01em;color:#0f172a7a;flex-wrap:wrap;align-items:center;gap:0;font-size:10.5px;display:flex}.mock-ab-hero__sep{vertical-align:middle;background:#0f172a2e;border-radius:50%;width:3px;height:3px;margin:0 8px;display:inline-block}.mock-ab-hero--editorial .mock-ab-hero__page{font-weight:600;color:#0369a1!important}.mock-ab-hero--editorial .mock-ab-hero__actions{gap:5px}.mock-ab-hero--editorial .mock-btn--ghost{color:#0f172ab8;background:#fff;border-color:#0f172a14}.mock-ab-hero--editorial .mock-btn--danger{color:#b91c1c;background:#ef44440f;border-color:#ef444424;font-weight:600}.mock-ab-tabs--editorial{border-bottom-color:#0f172a0e;gap:22px}.mock-ab-tabs--editorial .mock-ab-tabs__item{letter-spacing:.01em;color:#0f172a6b;padding:4px 0 7px;font-size:11px;font-weight:500}.mock-ab-tabs--editorial .mock-ab-tabs__item--active{color:#0f172a;font-weight:600}.mock-ab-tabs--editorial .mock-ab-tabs__item--active:after{background:#0f172a;border-radius:1px;height:1.5px}.mock-ab-alert--editorial{color:#9f1239;box-shadow:none;background:#fff1f2b8;border:1px solid #b91c1c1a;border-left:2px solid #e11d48;border-radius:8px;gap:9px;padding:6px 10px 6px 11px}.mock-ab-alert--editorial p{color:#881337e0;font-size:10.5px;line-height:1.35}.mock-ab-alert--editorial p strong{color:#9f1239;font-weight:600}.mock-ab-alert--editorial .mock-ab-alert__action{letter-spacing:.04em;text-transform:uppercase;color:#be123c;padding:3px 0;font-size:9.5px}.mock-ab-alert--editorial .mock-ab-alert__action:after{content:" →"}.mock-ab-detail--editorial{grid-template-columns:minmax(0,1.62fr) minmax(172px,.7fr);gap:7px}.mock-ab-detail--editorial .mock-ab-detail__main{gap:6px}.mock-ab-detail--editorial .mock-ab-setup--editorial{box-shadow:none;background:#fff;border:1px solid #0f172a0e;border-radius:10px;grid-template-columns:minmax(118px,.58fr) minmax(0,1.42fr);gap:0;padding:0;overflow:hidden}.mock-ab-detail--editorial .mock-ab-setup--editorial .mock-ab-setup__url{background:linear-gradient(#fcfdfe 0%,#f8fafc 100%);border-right:1px solid #0f172a0d;padding:8px 10px}.mock-ab-detail--editorial .mock-ab-setup__label{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:#0f172a66;margin-bottom:4px;font-size:8px}.mock-ab-detail--editorial .mock-ab-setup__url-row code{letter-spacing:-.02em;color:#0f172a;font-size:10.5px}.mock-ab-detail--editorial .mock-ab-setup__variants{grid-template-columns:1fr 1fr;gap:0;display:grid}.mock-ab-detail--editorial .mock-ab-setup__card{box-shadow:none;background:0 0;border:none;border-radius:0;gap:2px;padding:8px 10px}.mock-ab-detail--editorial .mock-ab-setup__card+.mock-ab-setup__card{border-left:1px solid #0f172a0d}.mock-ab-detail--editorial .mock-ab-setup__card--challenger{background:linear-gradient(#f0f9ffd9 0%,#fff6 100%);border-color:#0f172a0d;box-shadow:inset 0 0 0 1px #0ea5e914}.mock-ab-detail--editorial .mock-ab-setup__badge{letter-spacing:.05em;border-radius:4px;padding:1px 5px;font-size:8px}.mock-ab-detail--editorial .mock-ab-setup__card strong{letter-spacing:-.02em;color:#0f172a;font-size:11px;font-weight:600}.mock-ab-detail--editorial .mock-ab-setup__path{font-family:var(--font-mono);color:#0f172a66;font-size:9px}.mock-ab-detail--editorial .mock-ab-setup__leading{letter-spacing:.06em;color:#0284c7;font-size:7.5px}.mock-ab-detail--editorial .mock-ab-detail__kpis{gap:6px}.mock-ab-detail--editorial .mock-ab-detail__kpis .mock-kpi--marco{box-shadow:none;background:#fff;border:1px solid #0f172a0d;border-radius:10px;min-height:48px;padding:7px 9px}.mock-ab-detail--editorial .mock-ab-detail__kpis .mock-kpi--marco:before{opacity:.85;height:2px}.mock-ab-detail--editorial .mock-ab-detail__kpis .mock-kpi--marco .mock-kpi__value{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.mock-ab-detail--editorial .mock-ab-detail__kpis .mock-kpi__label,.mock-ab-detail--editorial .mock-ab-detail__kpis .mock-kpi__trend{letter-spacing:.01em;font-size:9.5px}.mock-ab-progress--editorial,.mock-ab-detail--editorial .mock-ab-progress--editorial{box-shadow:none;background:#fff;border:1px solid #0f172a0d;border-radius:10px;padding:7px 10px 8px}.mock-ab-progress--editorial .mock-ab-progress__title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#0f172a73;font-size:8.5px;font-weight:500}.mock-ab-progress--editorial .mock-ab-progress__pct{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:#0f172a;font-size:13px;font-weight:700}.mock-ab-progress--editorial .mock-ab-progress__track{background:#0f172a0d;border-radius:999px;height:4px;margin-top:6px}.mock-ab-progress--editorial .mock-ab-progress__fill{box-shadow:none;background:linear-gradient(90deg,#0c4a6e 0%,#0284c7 42%,#38bdf8 100%)}.mock-ab-detail--editorial .mock-ab-mid{grid-template-columns:minmax(0,1.45fr) minmax(180px,.82fr);gap:6px}.mock-ab-detail--editorial .mock-ab-chart,.mock-ab-detail--editorial .mock-ab-bayes,.mock-ab-detail--editorial .mock-ab-table{box-shadow:none;background:#fff;border:1px solid #0f172a0e;border-radius:10px}.mock-ab-detail--editorial .mock-ab-chart .mock-panel__title,.mock-ab-detail--editorial .mock-ab-table .mock-panel__title,.mock-ab-detail--editorial .mock-ab-rail-card .mock-panel__title{letter-spacing:-.015em;font-size:10.5px;font-weight:600}.mock-ab-detail--editorial .mock-panel__subtitle{color:#0f172a66;font-size:9.5px}.mock-ab-bayes--editorial{flex-direction:column;justify-content:space-between;gap:8px;padding:8px 9px;display:flex}.mock-ab-bayes--editorial .mock-ab-bayes__top{align-items:flex-start;gap:6px}.mock-ab-bayes--editorial .mock-ab-bayes__eyebrow{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:#0f172a66;font-size:8px;font-weight:500}.mock-ab-bayes--editorial .mock-ab-bayes__lead{letter-spacing:-.03em;color:#0f172a;margin-top:3px;font-size:12.5px;font-weight:700;line-height:1.2;display:block}.mock-ab-bayes--editorial .mock-ab-bayes__meta{color:#0f172a7a;align-items:center;gap:0;margin:4px 0 0;font-size:10px;display:flex}.mock-ab-bayes__lift{color:#059669;font-variant-numeric:tabular-nums;font-weight:700}.mock-ab-bayes__meta-sep{background:#0f172a29;border-radius:50%;width:3px;height:3px;margin:0 7px;display:inline-block}.mock-ab-bayes--editorial .mock-ab-bayes__rows{border-top:1px solid #0f172a0d;gap:5px;padding-top:7px}.mock-ab-bayes--editorial .mock-ab-bayes__row--meter{background:0 0;border:none;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:7px;padding:0;font-size:10px;display:grid}.mock-ab-bayes--editorial .mock-ab-bayes__name{color:#0f172a8c;letter-spacing:-.01em;font-weight:500}.mock-ab-bayes--editorial .mock-ab-bayes__row--lead .mock-ab-bayes__name{color:#0f172a;font-weight:600}.mock-ab-bayes--editorial .mock-ab-bayes__meter{background:#0f172a0f;border-radius:999px;height:3px;overflow:hidden}.mock-ab-bayes--editorial .mock-ab-bayes__meter i{border-radius:inherit;background:#0f172a2e;height:100%;display:block}.mock-ab-bayes--editorial .mock-ab-bayes__row--lead .mock-ab-bayes__meter i{background:linear-gradient(90deg,#0284c7,#38bdf8)}.mock-ab-bayes--editorial .mock-ab-bayes__pct{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#0f172a73;text-align:right;min-width:24px;font-size:9.5px;font-weight:500}.mock-ab-bayes--editorial .mock-ab-bayes__row--lead .mock-ab-bayes__pct{color:#0369a1;font-weight:700}.mock-ab-detail--editorial .mock-ab-compare-btn{letter-spacing:-.01em;color:#0369a1;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:10px;font-weight:500;display:inline-flex}.mock-ab-detail--editorial .mock-ab-perf__head{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#0f172a66;background:#f8fafce6;border-bottom:1px solid #0f172a0d;font-size:8px}.mock-ab-detail--editorial .mock-ab-perf__row{border-bottom:1px solid #0f172a0a}.mock-ab-detail--editorial .mock-ab-perf__row--lead{background:linear-gradient(90deg,#f0f9ffe6 0%,#ffffff4d 72%);border-bottom-color:#0000;box-shadow:inset 2px 0 #0ea5e9}.mock-ab-detail--editorial .mock-ab-perf__name strong{letter-spacing:-.02em;font-size:11px}.mock-ab-detail--editorial .mock-ab-perf__name em{color:#0f172a66;font-size:9px}.mock-ab-detail--editorial .mock-ab-perf__lift{color:#059669;font-variant-numeric:tabular-nums;font-weight:700}.mock-ab-detail--editorial .mock-ab-perf__cvr{font-variant-numeric:tabular-nums;color:#0f172a;font-weight:700}.mock-ab-rail--editorial{background:#fff;border:1px solid #0f172a0e;border-radius:10px;overflow:hidden;gap:0!important}.mock-ab-rail--editorial .mock-ab-rail-card{flex:1 1 0;min-height:0;margin:0;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.mock-ab-rail--editorial .mock-ab-rail-card+.mock-ab-rail-card{border-top:1px solid #0f172a0d!important}.mock-ab-rail--editorial .mock-panel__head{padding:7px 9px 3px!important}.mock-ab-rail--editorial .mock-panel__title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#0f172a73;align-items:center;gap:5px;font-weight:500;display:inline-flex;font-size:8.5px!important}.mock-ab-rail--editorial .mock-ab-rail-card__body{gap:4px;padding:2px 9px 8px!important}.mock-ab-detail--editorial .mock-ab-kv{justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;line-height:1.3;display:flex}.mock-ab-detail--editorial .mock-ab-kv>span:first-child{color:#0f172a6b;letter-spacing:.01em}.mock-ab-detail--editorial .mock-ab-kv strong{letter-spacing:-.015em;color:#0f172a;text-align:right;font-size:10.5px;font-weight:600}.mock-ab-detail--editorial .mock-ab-mode{background:#0f172a0a;border:1px solid #0f172a0d;border-radius:6px;gap:0;padding:1px;display:inline-flex}.mock-ab-detail--editorial .mock-ab-mode>span{letter-spacing:.01em;color:#0f172a66;border-radius:5px;padding:2px 6px;font-size:8.5px;font-weight:500}.mock-ab-detail--editorial .mock-ab-mode__active{background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f;color:#0369a1!important}.mock-ab-detail--editorial .mock-ab-sites span{font-family:var(--font-mono);color:#0369a1;background:#0ea5e90f;border:1px solid #0ea5e91f;border-radius:5px;padding:2px 6px;font-size:8.5px}.mock-ab-detail--editorial .mock-ab-goal-ok{color:#059669;font-size:9px;font-style:normal}.mock-ab-detail--editorial .mock-ab-timeline{gap:6px;position:relative}.mock-ab-detail--editorial .mock-ab-timeline:before{content:"";background:#0f172a14;width:1px;position:absolute;top:6px;bottom:6px;left:3.5px}.mock-ab-detail--editorial .mock-ab-timeline__item{gap:8px;position:relative}.mock-ab-detail--editorial .mock-ab-timeline__dot{z-index:1;background:#fff;border:1.5px solid #0f172a2e;width:7px;height:7px}.mock-ab-detail--editorial .mock-ab-timeline__dot--live{background:#e0f2fe;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91f}.mock-ab-detail--editorial .mock-ab-timeline__dot--muted{background:#f8fafc;border-color:#0f172a24}.mock-ab-detail--editorial .mock-ab-timeline__item strong{letter-spacing:-.015em;color:#0f172a;font-size:10px;font-weight:600}.mock-ab-detail--editorial .mock-ab-timeline__item em{color:#0f172a6b;font-size:9px;font-style:normal}.product-frame--viewport .mock-ab-detail--editorial .mock-ab-progress__meta{display:none}.product-frame--viewport .mock-ab-detail--editorial .mock-ab-setup--editorial .mock-ab-setup__url,.product-frame--viewport .mock-ab-detail--editorial .mock-ab-setup__card{padding:6px 8px}.product-frame--viewport .mock-ab-detail--editorial .mock-ab-detail__kpis .mock-kpi--marco{min-height:42px;padding:5px 7px}.product-frame--viewport .mock-ab-detail--editorial .mock-ab-detail__kpis .mock-kpi--marco .mock-kpi__value{font-size:13.5px}.product-frame--viewport .mock-ab-detail--editorial .mock-ab-mid{flex:auto;min-height:0}.product-frame--viewport .mock-ab-detail--editorial .mock-ab-chart__body .mock-area-line__plot{height:78px;min-height:0}.product-frame--viewport .mock-ab-detail--editorial .mock-ab-bayes--editorial{gap:6px;padding:6px 8px}.product-frame--viewport .mock-ab-detail--editorial .mock-ab-bayes__lead{font-size:11.5px}.product-frame--viewport .mock-ab-detail--editorial .mock-ab-perf__head,.product-frame--viewport .mock-ab-detail--editorial .mock-ab-perf__row{min-height:0;padding-top:4px;padding-bottom:4px}.product-frame--viewport .mock-ab-rail--editorial .mock-panel__head{padding:5px 8px 2px!important}.product-frame--viewport .mock-ab-rail--editorial .mock-ab-rail-card__body{padding:1px 8px 6px!important}.product-frame--viewport .mock-screen--app.mock-screen--ab-aura{background:radial-gradient(120% 80% at 100% 0,#0ea5e90d 0%,#0000 42%),linear-gradient(#f3f5f8 0%,#eef1f5 100%);gap:6px;padding-right:2px}.mock-ab-hero--aura .mock-ab-hero__title{letter-spacing:-.04em;font-size:16.5px}.mock-ab-hero--aura .mock-chip--running{color:#047857;box-shadow:none;background:#10b9811a;border:1px solid #10b98129;border-radius:6px}.mock-ab-hero--aura .mock-abtests-row__exclusive{background:#0f172a0a;border:1px solid #0f172a0f;border-radius:6px}.mock-ab-hero--aura .mock-btn--ghost,.mock-ab-hero--aura .mock-btn--danger{border-radius:10px;box-shadow:0 1px 2px #0f172a0a}.mock-ab-tabs--aura{background:#ffffff8c;border-bottom:none;border-radius:12px;gap:4px;width:fit-content;padding:2px;box-shadow:inset 0 0 0 1px #0f172a0a}.mock-ab-tabs--aura .mock-ab-tabs__item{border-radius:9px;padding:5px 12px;font-size:11px}.mock-ab-tabs--aura .mock-ab-tabs__item--active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0f172a14,0 6px 16px -12px #0f172a2e}.mock-ab-tabs--aura .mock-ab-tabs__item--active:after{display:none}.mock-ab-alert--aura{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border:1px solid #f43f5e1f;border-radius:12px;box-shadow:0 1px 2px #f43f5e0a,0 8px 20px -16px #f43f5e33}.mock-ab-detail--aura{grid-template-columns:minmax(0,1.58fr) minmax(178px,.74fr);gap:8px}.mock-ab-detail--aura .mock-ab-detail__main{gap:7px}.mock-ab-detail--aura .mock-ab-card--aura,.mock-ab-detail--aura .mock-ab-setup--aura,.mock-ab-detail--aura .mock-ab-progress--aura,.mock-ab-detail--aura .mock-ab-detail__kpis .mock-kpi--marco,.mock-ab-detail--aura .mock-ab-rail--aura{background:#fff;border:1px solid #ffffffb3;border-radius:16px;box-shadow:0 1px 2px #0f172a08,0 10px 28px -18px #0f172a47,0 2px 8px -4px #0f172a0f}.mock-ab-detail--aura .mock-ab-setup--aura{grid-template-columns:minmax(112px,.55fr) minmax(0,1.45fr);gap:0;padding:0;overflow:hidden}.mock-ab-detail--aura .mock-ab-setup--aura .mock-ab-setup__url{background:linear-gradient(#fbfcfe 0%,#f7f9fb 100%);border-right:1px solid #0f172a0b;padding:9px 11px}.mock-ab-detail--aura .mock-ab-setup__card{box-shadow:none;background:0 0;border:none;border-radius:0;padding:9px 11px}.mock-ab-detail--aura .mock-ab-setup__card+.mock-ab-setup__card{border-left:1px solid #0f172a0b}.mock-ab-detail--aura .mock-ab-setup__card--challenger{box-shadow:none;background:linear-gradient(145deg,#e0f2fea6 0%,#fff3 80%)}.mock-ab-detail--aura .mock-ab-setup__badge{color:#0f172a8c;background:#0f172a0a;border:none;border-radius:999px}.mock-ab-detail--aura .mock-ab-setup__badge--control{color:#334155;background:#0f172a0f}.mock-ab-detail--aura .mock-ab-setup__badge--variant{color:#0369a1;background:#0ea5e91f}.mock-ab-detail--aura .mock-ab-setup__leading{color:#0284c7;background:#0ea5e91a;border-radius:999px;padding:1px 6px}.mock-ab-detail--aura .mock-ab-detail__kpis{gap:7px}.mock-ab-detail--aura .mock-ab-detail__kpis .mock-kpi--marco{min-height:52px;padding:9px 11px;position:relative;overflow:hidden}.mock-ab-detail--aura .mock-ab-detail__kpis .mock-kpi--marco:before{opacity:1;border-radius:0 0 3px 3px;height:3px}.mock-ab-detail--aura .mock-ab-detail__kpis .mock-kpi--cyan.mock-kpi--marco{background:linear-gradient(#fff 0%,#f0f9ff 100%)}.mock-ab-detail--aura .mock-ab-detail__kpis .mock-kpi--green.mock-kpi--marco{background:linear-gradient(#fff 0%,#f0fdf4 100%)}.mock-ab-detail--aura .mock-ab-detail__kpis .mock-kpi--violet.mock-kpi--marco{background:linear-gradient(#fff 0%,#f5f3ff 100%)}.mock-ab-detail--aura .mock-ab-detail__kpis .mock-kpi--marco .mock-kpi__value{letter-spacing:-.04em;font-size:16px;font-weight:700}.mock-ab-progress--aura,.mock-ab-detail--aura .mock-ab-progress--aura{padding:10px 12px}.mock-ab-progress--aura .mock-ab-progress__title{font-family:var(--font-sans,var(--font-display));letter-spacing:-.01em;text-transform:none;color:#0f172a80;font-size:10px;font-weight:500}.mock-ab-progress--aura .mock-ab-progress__pct{letter-spacing:-.04em;color:#0f172a;font-size:14px;font-weight:700}.mock-ab-progress--aura .mock-ab-progress__track{background:#0f172a0b;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.mock-ab-progress--aura .mock-ab-progress__fill{background:linear-gradient(90deg,#0ea5e9 0%,#22d3ee 55%,#34d399 100%);box-shadow:0 0 12px #0ea5e947}.mock-ab-detail--aura .mock-ab-mid{grid-template-columns:minmax(0,1.42fr) minmax(188px,.9fr);gap:7px}.mock-ab-detail--aura .mock-ab-chart,.mock-ab-detail--aura .mock-ab-bayes,.mock-ab-detail--aura .mock-ab-table{box-shadow:none;background:0 0;border:none}.mock-ab-detail--aura .mock-ab-card--aura.mock-ab-chart,.mock-ab-detail--aura .mock-ab-card--aura.mock-ab-bayes,.mock-ab-detail--aura .mock-ab-card--aura.mock-ab-table{background:#fff;border:1px solid #ffffffb3;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #0f172a08,0 10px 28px -18px #0f172a47,0 2px 8px -4px #0f172a0f}.mock-ab-detail--aura .mock-ab-chart .mock-panel__head,.mock-ab-detail--aura .mock-ab-table .mock-panel__head{padding:8px 11px 4px}.mock-ab-detail--aura .mock-ab-chart .mock-panel__title,.mock-ab-detail--aura .mock-ab-table .mock-panel__title{letter-spacing:-.02em;font-size:12px;font-weight:700}.mock-ab-bayes--aura{position:relative;overflow:hidden;background:linear-gradient(160deg,#fffffff5 42%,#f0f9ffe6 100%)!important;padding:10px 11px 9px!important}.mock-ab-bayes__orb{filter:blur(10px);pointer-events:none;z-index:0;background:radial-gradient(circle at 35% 35%,#38bdf88c 0%,#0ea5e92e 38%,#0000 70%),radial-gradient(circle at 70% 60%,#34d39959 0%,#0000 55%);border-radius:50%;width:90px;height:90px;position:absolute;bottom:-22px;right:-18px}.mock-ab-bayes--aura .mock-ab-bayes__top,.mock-ab-bayes--aura .mock-ab-bayes__rows{z-index:1;position:relative}.mock-ab-bayes--aura .mock-ab-bayes__lead{letter-spacing:-.035em;font-size:13px;font-weight:700}.mock-ab-bayes--aura .mock-ab-bayes__lift{color:#059669;background:#10b9811a;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.mock-ab-bayes--aura .mock-ab-bayes__meter{background:#0f172a0d;height:5px}.mock-ab-bayes--aura .mock-ab-bayes__row--lead .mock-ab-bayes__meter i{background:linear-gradient(90deg,#0ea5e9,#22d3ee);box-shadow:0 0 8px #0ea5e940}.mock-ab-detail--aura .mock-ab-perf__head{text-transform:none;font-family:var(--font-display);letter-spacing:.01em;color:#0f172a6b;background:0 0;border-bottom:1px solid #0f172a0b;font-size:9.5px}.mock-ab-detail--aura .mock-ab-perf__row--lead{background:linear-gradient(90deg,#e0f2febf 0%,#fff3 80%);border-radius:0 0 14px 14px;box-shadow:inset 3px 0 #0ea5e9}.mock-ab-detail--aura .mock-chip--running,.mock-ab-detail--aura .mock-chip--draft,.mock-ab-detail--aura .mock-chip--published{border-radius:6px;font-weight:500}.mock-ab-detail--aura .mock-chip--running{color:#047857;background:#10b9811a}.mock-ab-detail--aura .mock-chip--draft{color:#0f172a80;background:#0f172a0b}.mock-ab-detail--aura .mock-chip--published{color:#0369a1;background:#0ea5e91a}.mock-ab-detail--aura .mock-ab-perf__lift{color:#059669;background:#10b9811a;border-radius:999px;padding:1px 6px;font-weight:700}.mock-ab-rail--aura{overflow:hidden;background:#fff!important;gap:0!important}.mock-ab-rail--aura .mock-ab-rail-card{box-shadow:none!important;background:0 0!important;border:none!important}.mock-ab-rail--aura .mock-ab-rail-card+.mock-ab-rail-card{border-top:1px solid #0f172a0b!important}.mock-ab-rail--aura .mock-panel__title{letter-spacing:-.01em;color:#0f172a8c;font-weight:600;font-family:var(--font-display)!important;text-transform:none!important;font-size:10px!important}.mock-ab-detail--aura .mock-ab-mode{background:#0f172a09;border:none;border-radius:999px;padding:2px}.mock-ab-detail--aura .mock-ab-mode__active{background:#fff;border-radius:999px;box-shadow:0 1px 3px #0f172a1a;color:#0284c7!important}.mock-ab-detail--aura .mock-ab-sites span{background:#0ea5e914;border:none;border-radius:999px;box-shadow:inset 0 0 0 1px #0ea5e914}.mock-ab-detail--aura .mock-ab-timeline__dot--live{background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91f}.product-frame--viewport .mock-screen--app.mock-screen--ab-aura{gap:5px}.product-frame--viewport .mock-ab-detail--aura{gap:6px}.product-frame--viewport .mock-ab-detail--aura .mock-ab-detail__main{gap:5px}.product-frame--viewport .mock-ab-detail--aura .mock-ab-progress__meta{display:none}.product-frame--viewport .mock-ab-detail--aura .mock-ab-setup--aura .mock-ab-setup__url,.product-frame--viewport .mock-ab-detail--aura .mock-ab-setup__card{padding:7px 9px}.product-frame--viewport .mock-ab-detail--aura .mock-ab-detail__kpis .mock-kpi--marco{border-radius:14px;min-height:44px;padding:7px 9px}.product-frame--viewport .mock-ab-detail--aura .mock-ab-detail__kpis .mock-kpi--marco .mock-kpi__value{font-size:14px}.product-frame--viewport .mock-ab-detail--aura .mock-ab-progress--aura{border-radius:14px;padding:7px 10px}.product-frame--viewport .mock-ab-detail--aura .mock-ab-progress--aura .mock-ab-progress__track{height:6px;margin-top:5px}.product-frame--viewport .mock-ab-detail--aura .mock-ab-card--aura.mock-ab-chart,.product-frame--viewport .mock-ab-detail--aura .mock-ab-card--aura.mock-ab-bayes,.product-frame--viewport .mock-ab-detail--aura .mock-ab-card--aura.mock-ab-table,.product-frame--viewport .mock-ab-detail--aura .mock-ab-rail--aura{border-radius:14px}.product-frame--viewport .mock-ab-detail--aura .mock-ab-chart__body .mock-area-line__plot{height:72px}.product-frame--viewport .mock-ab-detail--aura .mock-ab-bayes--aura{padding:7px 9px!important}.product-frame--viewport .mock-ab-bayes__orb{filter:blur(9px);width:70px;height:70px;bottom:-18px;right:-14px}.product-frame--viewport .mock-ab-detail--aura .mock-ab-perf__head,.product-frame--viewport .mock-ab-detail--aura .mock-ab-perf__row{padding-top:4px;padding-bottom:4px}.product-frame--viewport .mock-ab-rail--aura .mock-panel__head{padding:6px 9px 2px!important}.product-frame--viewport .mock-ab-rail--aura .mock-ab-rail-card__body{padding:1px 9px 7px!important}.product-frame--viewport .mock-ab-tabs--aura{margin-bottom:0}.product-frame--viewport .mock-ab-alert--aura{border-radius:11px;padding:5px 9px}.product-frame--viewport .mock-ab-hero--aura .mock-ab-hero__title{font-size:15.5px}.product-frame--viewport .mock-screen--app.mock-screen--ab-balanced{background:0 0;gap:6px;min-height:0;overflow:hidden}.mock-ab-balanced-body{flex-direction:column;flex:1 1 0;gap:6px;min-height:0;display:flex;overflow:hidden}.mock-ab-detail--balanced{flex:1 1 0;grid-template-columns:minmax(0,1.55fr) minmax(176px,.72fr);align-items:stretch;gap:8px;min-height:0;display:grid}.mock-ab-detail--balanced .mock-ab-detail__main{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex;overflow:hidden}.mock-ab-setup--tri{box-shadow:none;background:#fafbfc;border:1px solid #0f172a0f;border-radius:12px;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.mock-ab-setup--tri .mock-ab-setup__cell{flex-direction:column;gap:3px;min-width:0;padding:8px 10px;display:flex}.mock-ab-setup--tri .mock-ab-setup__cell+.mock-ab-setup__cell{border-left:1px solid #0f172a0f}.mock-ab-setup--tri .mock-ab-setup__cell--lead{background:linear-gradient(145deg,#f0f9ff 0%,#fafbfc 70%)}.mock-ab-setup--tri .mock-ab-setup__label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);font-size:8px}.mock-ab-setup--tri .mock-ab-setup__url-row{align-items:center;gap:6px;display:flex}.mock-ab-setup--tri .mock-ab-setup__url-row code{color:var(--mock-text);font-size:11px}.mock-ab-setup--tri strong{letter-spacing:-.02em;color:var(--mock-text);font-size:11px;font-weight:600}.mock-ab-setup--tri .mock-ab-setup__path{font-family:var(--font-mono);color:var(--mock-text-muted);font-size:9px}.mock-ab-detail--balanced .mock-ab-detail__kpis{flex-shrink:0;gap:6px}.mock-ab-detail--balanced .mock-ab-detail__kpis .mock-kpi--marco{min-height:48px;box-shadow:none;border-radius:12px;padding:8px 9px}.mock-ab-detail--balanced .mock-progress-strip{background:#fafbfc;border:1px solid #0f172a0f;border-radius:12px;flex-shrink:0;align-items:center;gap:10px;padding:6px 10px;display:flex}.mock-ab-detail--balanced .mock-progress-strip__label{color:var(--mock-text-secondary);white-space:nowrap;flex-shrink:0;font-size:10px}.mock-ab-detail--balanced .mock-progress-strip__bar{flex:auto;min-width:0}.mock-ab-detail--balanced .mock-progress-strip__pct{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--mock-text);flex-shrink:0;font-size:12px;font-weight:700}.mock-ab-detail--balanced .mock-ab-chart,.mock-ab-detail--balanced .mock-ab-bayes-panel{min-height:0;box-shadow:none;border-radius:12px}.mock-ab-detail--balanced .mock-ab-chart__body{flex-direction:column;height:100%;min-height:0;display:flex;padding:4px 6px 2px!important}.mock-ab-detail--balanced .mock-ab-chart__body .mock-area-line{flex:auto;min-height:0}.mock-ab-detail--balanced .mock-ab-chart__body .mock-area-line__plot{flex:auto;height:auto;min-height:0}.mock-ab-detail--balanced .mock-ab-bayes-panel{flex-direction:column;padding:0;display:flex;overflow:hidden}.mock-ab-detail--balanced .mock-ab-bayes-panel .mock-ab-variants{flex-shrink:0}.mock-ab-detail--balanced .mock-dashboard-bottom{flex-shrink:0;grid-template-columns:1fr;gap:0;min-height:0;display:grid}.mock-ab-detail--balanced .mock-ab-table{box-shadow:none;border-radius:12px}.mock-ab-detail--balanced .mock-project-row--lead{box-shadow:inset 2px 0 0 var(--accent-cyan);background:#f7f9fc}.mock-ab-detail--balanced .mock-project-row__rate--up{color:#059669;font-weight:600}.mock-ab-rail-unified{min-height:0;box-shadow:none;background:#fafbfc;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.mock-ab-rail-unified .mock-ab-rail-block{flex-direction:column;min-height:0;display:flex}.mock-ab-rail-unified .mock-ab-rail-block+.mock-ab-rail-block{border-top:1px solid #0f172a0f}.mock-ab-rail-unified .mock-panel__head{background:0 0;border-bottom:none;padding:7px 10px 2px}.mock-ab-rail-unified .mock-panel__title{font-size:11px;font-weight:600}.mock-ab-rail-unified .mock-ab-rail-card__body{flex-direction:column;gap:4px;padding:2px 10px 8px;display:flex}.mock-ab-detail--balanced .mock-ab-kv{justify-content:space-between;align-items:baseline;gap:8px;font-size:10px;display:flex}.mock-ab-detail--balanced .mock-ab-kv>span:first-child{color:var(--mock-text-muted)}.mock-ab-detail--balanced .mock-ab-kv strong{color:var(--mock-text);text-align:right;font-size:10.5px;font-weight:600}.mock-ab-detail--balanced .mock-ab-mode{background:#0f172a0a;border-radius:6px;gap:0;padding:1px;display:inline-flex}.mock-ab-detail--balanced .mock-ab-mode>span{color:var(--mock-text-muted);border-radius:5px;padding:2px 6px;font-size:8.5px}.mock-ab-detail--balanced .mock-ab-mode__active{color:#0284c7;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-ab-detail--balanced .mock-ab-sites{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.mock-ab-detail--balanced .mock-ab-sites span{font-family:var(--font-mono);color:#0369a1;background:#0ea5e914;border-radius:999px;padding:2px 6px;font-size:8px}.mock-ab-detail--balanced .mock-ab-goal-ok{color:#059669;text-align:right;font-size:9px;font-style:normal}.mock-ab-detail--balanced .mock-ab-timeline{gap:5px}.mock-ab-detail--balanced .mock-ab-timeline__item strong{font-size:10px}.mock-ab-detail--balanced .mock-ab-timeline__item em{color:var(--mock-text-muted);font-size:9px;font-style:normal}.product-frame--viewport .mock-screen--ab-balanced .mock-topbar--tight{gap:2px}.product-frame--viewport .mock-ab-detail--balanced .mock-ab-setup--tri .mock-ab-setup__cell{padding:6px 8px}.product-frame--viewport .mock-ab-detail--balanced .mock-ab-chart__body .mock-area-line__plot{height:70px}.product-frame--viewport .mock-ab-detail--balanced .mock-project-head--variants,.product-frame--viewport .mock-ab-detail--balanced .mock-project-row--variants{padding-top:4px;padding-bottom:4px}.product-frame--viewport .mock-screen--ab-balanced{gap:5px}.mock-ab-topbar{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;flex-direction:row!important}.mock-ab-topbar .mock-topbar__meta{min-width:0}.mock-ab-topbar__title-row{flex-wrap:wrap;align-items:center;gap:7px;margin:2px 0 3px;display:flex}.mock-ab-topbar .mock-topbar__title{letter-spacing:-.035em;margin:0;font-size:16px;font-weight:700;line-height:1.15}.mock-ab-topbar__meta{color:var(--mock-text-muted);margin:0;font-size:10.5px;line-height:1.35}.mock-ab-topbar .mock-topbar__actions{flex-shrink:0;align-items:center;gap:5px;padding-top:14px;display:flex}.mock-ab-balanced-body{gap:5px}.mock-ab-detail--balanced{flex:1 1 0;gap:7px;min-height:0}.mock-ab-detail--balanced .mock-ab-detail__main{gap:5px}.mock-ab-setup--tri{border-radius:12px;min-height:62px}.mock-ab-setup--tri .mock-ab-setup__cell{justify-content:center;gap:2px;padding:7px 9px}.mock-ab-setup--tri .mock-ab-setup__card-head{align-items:center;gap:5px;margin-bottom:1px;display:flex}.mock-ab-setup--tri .mock-ab-setup__badge{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:#0f172a8c;background:#0f172a0d;border-radius:4px;padding:1px 5px;font-size:8px;font-weight:600}.mock-ab-setup--tri .mock-ab-setup__badge--control{color:#334155;background:#0f172a12}.mock-ab-setup--tri .mock-ab-setup__badge--variant{color:#0369a1;background:#0ea5e91f}.mock-ab-setup--tri .mock-ab-setup__leading{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:#0284c7;margin-left:auto;font-size:8px;font-weight:600}.mock-ab-setup--tri strong{letter-spacing:-.025em;font-size:11.5px;font-weight:700;font-family:var(--font-mono)}.mock-ab-setup--tri .mock-ab-setup__cell:not(:first-child) strong{font-family:var(--font-display)}.mock-ab-setup--tri .mock-chip--published{margin-left:auto}.mock-ab-detail--balanced .mock-ab-detail__kpis .mock-kpi--marco{border-radius:12px;min-height:52px;padding:8px 10px}.mock-ab-detail--balanced .mock-progress-strip{border-radius:10px;gap:8px;padding:5px 10px}.mock-ab-detail--balanced .mock-progress-strip__label{color:var(--mock-text-secondary);font-size:10px;font-weight:500}.mock-ab-detail--balanced .mock-progress-bar{background:#0f172a0f;border-radius:999px;height:5px;overflow:hidden}.mock-ab-detail--balanced .mock-progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#0284c7,#38bdf8);height:100%}.mock-ab-detail--balanced .mock-dashboard-mid.mock-ab-mid{flex:1 1 0;grid-template-columns:1.4fr 1fr;gap:7px;min-height:168px}.mock-ab-detail--balanced .mock-ab-chart,.mock-ab-detail--balanced .mock-ab-bayes-panel{border-radius:12px;flex-direction:column;min-height:0;display:flex}.mock-ab-detail--balanced .mock-ab-chart .mock-panel__head{background:0 0;border-bottom:1px solid #0f172a0b;flex-shrink:0;padding:6px 10px 4px}.mock-ab-detail--balanced .mock-ab-chart .mock-panel__title{font-size:11px}.mock-ab-detail--balanced .mock-ab-chart .mock-panel__subtitle{font-size:9.5px}.mock-ab-detail--balanced .mock-ab-chart__body{flex:1 1 0;min-height:0;padding:2px 4px 4px!important}.mock-ab-detail--balanced .mock-ab-chart__body .mock-area-line__plot{height:100%;min-height:78px}.mock-ab-detail--balanced .mock-ab-bayes-panel .mock-ab-card{flex:auto;min-height:0;padding:8px 10px 2px}.mock-ab-detail--balanced .mock-ab-bayes-panel .mock-ab-card__title{letter-spacing:-.03em;font-size:13px;line-height:1.2}.mock-ab-detail--balanced .mock-ab-bayes-panel .mock-ab-card__detail{font-size:11px}.mock-ab-detail--balanced .mock-ab-variants{gap:4px;padding:4px 8px 8px}.mock-ab-detail--balanced .mock-ab-variant{border-radius:8px;padding:5px 8px}.mock-ab-detail--balanced .mock-ab-variant__prob{font-variant-numeric:tabular-nums;font-weight:700}.mock-ab-rail-unified{border-radius:12px;flex-direction:column;display:flex}.mock-ab-rail-unified .mock-ab-rail-block{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.mock-ab-rail-unified .mock-ab-rail-card__body{flex:auto}.mock-ab-rail-unified .mock-panel__title{letter-spacing:-.01em;font-size:10.5px}.mock-ab-table--full{height:auto;box-shadow:none;background:#fff;border:1px solid #0f172a0f;border-radius:12px;overflow:hidden;flex:none!important}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-detail--balanced{flex:1 1 0;min-height:0}.product-frame--viewport .mock-screen--ab-balanced .mock-dashboard-mid.mock-ab-mid{flex:1 1 0;min-height:132px}.mock-ab-topbar__meta-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;margin-top:2px;display:flex}.mock-ab-topbar__meta-row .mock-ab-topbar__meta{flex:auto;min-width:0;margin:0}.mock-progress-inline{box-sizing:border-box;background:#fafbfc;border:1px solid #0f172a0f;border-radius:8px;flex:none;align-items:center;gap:8px;width:210px;max-width:240px;height:auto;min-height:0;padding:4px 8px;display:inline-flex}.mock-progress-inline__label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mock-text-muted);white-space:nowrap;flex-shrink:0;font-size:8px;font-weight:600}.mock-progress-inline__bar{background:#0f172a0f;border-radius:999px;flex:auto;min-width:48px;height:4px;overflow:hidden}.mock-progress-inline__bar .mock-progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#0284c7,#38bdf8);height:100%}.mock-progress-inline__pct{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--mock-text);flex-shrink:0;font-size:11px;font-weight:700}.mock-ab-tabs-row{flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.mock-ab-tabs-row .mock-segment-tabs{flex:none}.mock-alert--inline{white-space:nowrap;text-overflow:ellipsis;color:#b91c1c;background:#fee2e28c;border:1px solid #dc262624;border-radius:999px;flex:auto;min-width:0;margin:0;padding:5px 10px;font-size:10px;line-height:1.3;overflow:hidden}.mock-alert--inline strong{font-weight:600}.mock-ab-setup--compact{min-height:0!important}.mock-ab-setup--compact .mock-ab-setup__cell{justify-content:center;gap:1px!important;padding:5px 8px!important}.mock-ab-setup--compact .mock-ab-setup__card-head{min-height:14px;margin-bottom:0}.mock-ab-setup--compact strong{line-height:1.2;font-size:11px!important}.mock-ab-setup--compact .mock-ab-setup__path{font-size:8.5px}.mock-donut--semi{flex:none;align-self:center;width:164px;max-width:none;height:94px;margin:0;position:relative}.mock-donut__svg--semi{width:100%;height:100%;display:block}.mock-donut__value--semi{pointer-events:none;letter-spacing:-.03em;text-align:center;color:#111827;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:max-content;height:auto;font-size:20px;font-weight:700;line-height:1;display:flex;position:absolute;inset:auto auto 2% 50%;transform:translate(-50%)}.mock-donut__value-num{font-family:var(--font-body);display:block;transform:translate(-.04em)}.mock-donut__value-cap{font-family:var(--font-body);letter-spacing:0;color:#9ca3af;font-size:8px;font-weight:400;line-height:1.2;display:block}.mock-ab-bayes-panel--semi{flex-direction:column;min-height:0;display:flex}.mock-ab-card--semi{flex:auto;justify-content:space-between;align-items:flex-end;gap:8px;min-height:0;display:flex;padding:8px 10px 2px!important}.mock-ab-card--semi .mock-ab-card__copy{flex:auto;min-width:0;padding-bottom:6px}.mock-ab-variants--compact{gap:3px!important;padding:2px 8px 8px!important}.mock-ab-variants--compact .mock-ab-variant{padding:4px 8px!important}.mock-ab-rail-unified--elevated{background:linear-gradient(#fbfcfd 0%,#f7f8fa 100%)}.mock-ab-rail-unified--elevated .mock-panel__title{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);font-weight:600;font-size:9px!important}.mock-ab-timeline--premium{padding-left:2px;position:relative}.mock-ab-timeline--premium:before{content:"";background:#0f172a14;width:1px;position:absolute;top:6px;bottom:6px;left:4px}.mock-ab-timeline--premium .mock-ab-timeline__item{z-index:1;position:relative}.mock-ab-timeline--premium .mock-ab-timeline__dot--live{background:#0ea5e9;box-shadow:0 0 0 3px #0ea5e929}.mock-ab-table--full .mock-ab-compare-btn,.mock-ab-table--sidecar .mock-ab-compare-btn,.mock-ab-compare-btn--dark{border-radius:8px;flex-shrink:0;padding:5px 12px;font-weight:600;color:#fff!important;box-shadow:none!important;background:#0f172a!important;border:1px solid #0f172a!important}.mock-ab-table--full .mock-ab-compare-btn:hover,.mock-ab-table--sidecar .mock-ab-compare-btn:hover,.mock-ab-compare-btn--dark:hover{box-shadow:none!important;background:#1e293b!important;border-color:#1e293b!important}.mock-ab-table--full .mock-project-row__status{justify-content:flex-start;align-items:center;display:inline-flex}.mock-ab-table--full .mock-project-row__status .mock-chip{width:fit-content;max-width:100%}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-topbar .mock-topbar__actions{padding-top:2px}.product-frame--viewport .mock-screen--ab-balanced .mock-progress-inline{gap:6px;max-width:200px;padding:3px 7px}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-tabs-row{gap:8px}.product-frame--viewport .mock-screen--ab-balanced .mock-alert--inline{padding:4px 9px;font-size:9.5px}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-setup--compact .mock-ab-setup__cell{padding:4px 7px!important}.product-frame--viewport .mock-screen--ab-balanced .mock-donut--semi,.product-frame--viewport .mock-screen--ab-balanced .mock-donut__svg--semi{width:96px;height:60px}.product-frame--viewport .mock-screen--ab-balanced .mock-donut__value--semi{height:24px;font-size:15px}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-rail-unified{justify-content:stretch;overflow:hidden}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-rail-unified .mock-ab-rail-block{flex:1 1 0;min-height:0;overflow:hidden}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-rail-unified .mock-ab-rail-block--config,.product-frame--viewport .mock-screen--ab-balanced .mock-ab-rail-unified .mock-ab-rail-block--timeline{flex:1 1 0}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-rail-unified .mock-panel__head{min-height:0;padding:5px 8px 0}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-rail-unified .mock-ab-rail-card__body{gap:3px;padding:2px 8px 6px;overflow:hidden}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-kv{gap:6px;font-size:9.5px;line-height:1.25}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-kv strong{white-space:nowrap;font-size:9.5px}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-timeline{gap:4px}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-timeline__item{gap:6px}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-timeline__item strong{font-size:9.5px}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-timeline__item em{font-size:9px}.mock-project-head--variants-wide,.mock-project-row--variants-wide{grid-template-columns:minmax(140px,1.4fr) .7fr .7fr .55fr .7fr .7fr;align-items:center;gap:8px;padding:6px 12px;display:grid}.mock-project-head--variants-wide{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mock-text-muted);background:#fafbfc;border-bottom:1px solid #0f172a0d;font-size:8.5px}.mock-project-row--variants-wide{border-bottom:1px solid #0f172a0a;font-size:11px}.mock-project-row--variants-wide:last-child{border-bottom:none}.mock-ab-table--full .mock-project-row--lead{box-shadow:inset 2px 0 0 var(--accent-cyan);background:linear-gradient(90deg,#f0f9fff2,#fff6)}.mock-project-row__lift{color:#047857;font-variant-numeric:tabular-nums;font-weight:700}.mock-project-row__baseline{color:var(--mock-text-muted);font-size:10.5px}.mock-ab-table--full .mock-panel__head{background:#fafbfc;border-bottom:1px solid #0f172a0d;padding:6px 12px}.product-frame--viewport .mock-ab-topbar .mock-topbar__title{font-size:15px}.product-frame--viewport .mock-ab-topbar .mock-topbar__actions{padding-top:12px}.product-frame--viewport .mock-ab-setup--tri .mock-ab-setup__cell{padding:6px 8px}.product-frame--viewport .mock-ab-detail--balanced .mock-ab-detail__kpis .mock-kpi--marco{min-height:44px;padding:6px 8px}.product-frame--viewport .mock-ab-detail--balanced .mock-ab-detail__kpis .mock-kpi--marco .mock-kpi__value{font-size:13.5px}.product-frame--viewport .mock-ab-detail--balanced .mock-dashboard-mid.mock-ab-mid{min-height:150px}.product-frame--viewport .mock-ab-detail--balanced .mock-ab-chart__body .mock-area-line__plot{min-height:64px}.product-frame--viewport .mock-ab-detail--balanced .mock-ab-chart .mock-panel__head{padding:5px 8px 3px}.product-frame--viewport .mock-project-head--variants-wide,.product-frame--viewport .mock-project-row--variants-wide{padding:4px 10px}.product-frame--viewport .mock-ab-table--full .mock-panel__head{padding:5px 10px}.product-frame--viewport .mock-ab-rail-unified .mock-panel__head{padding:5px 8px 1px}.product-frame--viewport .mock-ab-rail-unified .mock-ab-rail-card__body{padding:1px 8px 6px}.mock-ab-rail-unified .mock-ab-rail-block--config{flex:1.35 1 0}.mock-ab-rail-unified .mock-ab-rail-block--timeline{flex:.95 1 0}.mock-ab-detail--balanced .mock-ab-bayes-panel .mock-ab-card__label{letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);margin-bottom:2px;font-size:9px}.mock-ab-detail--balanced .mock-ab-bayes-panel .mock-ab-card__title{margin:0 0 4px}.mock-ab-detail--balanced .mock-ab-bayes-panel .mock-ab-card__detail{color:var(--mock-text-secondary);margin:0}.mock-ab-detail--balanced .mock-ab-bayes-panel .mock-ab-card__main{align-items:center;gap:8px}.mock-ab-setup--tri .mock-ab-setup__cell:nth-child(2) .mock-ab-setup__card-head{min-height:16px}.mock-ab-table--full .mock-project-row__name{letter-spacing:-.02em;font-weight:600}.mock-ab-table--full .mock-project-row__site{color:var(--mock-text-muted);font-size:9.5px}.mock-ab-table--full .mock-project-row__members,.mock-ab-table--full .mock-project-row__rate{font-variant-numeric:tabular-nums;font-size:11px}.product-frame--viewport .mock-screen--ab-balanced .mock-alert--tight{border-radius:10px;flex-shrink:0;padding:5px 10px;font-size:10.5px}.product-frame--viewport .mock-ab-topbar__meta{font-size:10px}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-balanced-body{flex-direction:column;flex:1 1 0;gap:5px;min-height:0;display:flex;overflow:hidden}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-detail--balanced{min-height:0;overflow:hidden;flex:1 1 0!important}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-table.mock-ab-table--full,.product-frame--viewport .mock-screen--ab-balanced .mock-ab-table--full{align-self:stretch;flex:none!important;height:auto!important;min-height:0!important}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-detail__main{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.product-frame--viewport .mock-screen--ab-balanced .mock-dashboard-mid.mock-ab-mid{max-height:none;flex:1 1 0!important;min-height:0!important}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-rail-unified{height:100%;min-height:0}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-setup--tri,.product-frame--viewport .mock-screen--ab-balanced .mock-ab-detail__kpis,.product-frame--viewport .mock-screen--ab-balanced .mock-progress-strip,.product-frame--viewport .mock-screen--ab-balanced .mock-alert--tight{flex:none}.mock-ab-topbar--split{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:0 14px;display:grid}.mock-ab-topbar--split .mock-topbar__meta{flex-direction:column;min-width:0;display:flex}.mock-ab-topbar--split .mock-ab-topbar__title-row{align-items:center;min-height:22px;margin:1px 0 2px}.mock-ab-topbar__end{flex-direction:column;flex-shrink:0;align-items:stretch;gap:6px;width:max-content;min-width:200px;padding-top:30px;display:flex}.mock-ab-topbar--split .mock-topbar__actions,.product-frame--viewport .mock-screen--ab-balanced .mock-ab-topbar--split .mock-topbar__actions{justify-content:flex-end;align-items:center;gap:5px;width:max-content;flex-flow:row!important;max-width:none!important;height:auto!important;padding-top:0!important;display:flex!important}.mock-ab-topbar--split .mock-progress-inline,.product-frame--viewport .mock-screen--ab-balanced .mock-ab-topbar--split .mock-progress-inline{background:#f8fafc;border:1px solid #0f172a12;border-radius:8px;align-self:stretch;gap:7px;min-width:0;padding:4px 8px;flex:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;display:inline-flex!important}.mock-ab-topbar--split .mock-progress-inline__bar{flex:auto;min-width:72px;height:3px}.mock-ab-balanced-body--sidecar{flex:1 1 0;grid-template-columns:minmax(0,1.62fr) minmax(228px,.72fr);align-items:stretch;min-height:0;overflow:hidden;gap:8px!important;display:grid!important}.mock-ab-main-stack{flex-direction:column;gap:7px;min-width:0;min-height:0;display:flex;overflow:hidden}.mock-ab-main-stack .mock-ab-mid{flex:1 1 0;min-height:0}.mock-ab-table--sidecar{background:#fff;border:1px solid #0f172a0f;border-radius:12px;min-height:0;overflow:hidden;height:auto!important;box-shadow:none!important;flex:none!important}.mock-ab-table--sidecar .mock-ab-compare-btn,.mock-ab-table--sidecar .mock-ab-compare-btn--dark{box-shadow:none!important;filter:none!important}.mock-ab-rail-unified--tall{flex-direction:column;align-self:stretch;height:auto;min-height:0;display:flex;overflow:hidden}.mock-ab-rail-unified--tall .mock-ab-rail-block{flex:1 1 0;min-height:0;overflow:hidden}.mock-ab-rail-unified--tall .mock-ab-rail-block--config,.product-frame--viewport .mock-screen--ab-balanced .mock-ab-rail-unified--tall .mock-ab-rail-block--config{flex:1.85 1 0!important}.mock-ab-rail-unified--tall .mock-ab-rail-block--timeline,.product-frame--viewport .mock-screen--ab-balanced .mock-ab-rail-unified--tall .mock-ab-rail-block--timeline{flex:.85 1 0!important}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-rail-unified--tall .mock-ab-rail-block:not(.mock-ab-rail-block--config):not(.mock-ab-rail-block--timeline){flex:1 1 0!important}.mock-ab-rail-setup{border-bottom:1px solid #0f172a0f;flex-direction:column;gap:4px;margin-bottom:7px;padding-bottom:7px;display:flex}.mock-ab-rail-setup__row{background:#0f172a06;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px 7px;display:grid}.mock-ab-rail-setup__row strong{letter-spacing:-.02em;color:var(--mock-text);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.mock-ab-rail-setup__row--lead{box-shadow:inset 2px 0 0 var(--accent-cyan,#0ea5e9);background:linear-gradient(90deg,#f0f9fff2,#fafbfc66)}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-balanced-body--sidecar{gap:8px!important}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-detail__kpis .mock-kpi--marco{min-height:46px;padding:6px 9px}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-topbar--split{flex-shrink:0}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-rail-setup__row{padding:4px 6px}.product-frame--viewport .mock-project-head--variants-wide,.product-frame--viewport .mock-project-row--variants-wide{grid-template-columns:minmax(104px,1.25fr) .62fr .68fr .48fr .62fr .62fr;gap:5px;padding:4px 8px}.product-frame--viewport .mock-screen--ab-balanced .mock-ab-main-stack .mock-dashboard-mid.mock-ab-mid{min-height:168px}.product-frame--viewport .mock-screen--ab-studio{background:#fafbfc;gap:6px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--split{column-gap:12px;padding:0 2px 0 0}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar__title-row{gap:6px;margin:2px 0}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar .mock-topbar__title{letter-spacing:-.03em;font-size:14.5px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar__meta{font-size:10px;line-height:1.3}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar__end{gap:5px;min-width:188px;padding-top:28px}.product-frame--viewport .mock-screen--ab-studio .mock-progress-inline{background:#fff;border:1px solid #0f172a0f;border-radius:7px;gap:6px;padding:3px 7px}.product-frame--viewport .mock-screen--ab-studio .mock-progress-inline__label{letter-spacing:.06em;font-size:7.5px}.product-frame--viewport .mock-screen--ab-studio .mock-progress-inline__pct{font-size:10.5px}.product-frame--viewport .mock-screen--ab-studio .mock-progress-inline__bar{height:3px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-tabs-row{gap:8px;min-height:0}.product-frame--viewport .mock-screen--ab-studio .mock-alert--quiet{color:#b91c1c;background:#fee2e266;border:1px solid #dc26261a;border-radius:7px;line-height:1.25;padding:3px 9px!important;font-size:9.5px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-studio-body,.product-frame--viewport .mock-screen--ab-studio .mock-ab-balanced-body--sidecar{align-items:stretch;grid-template-columns:minmax(0,1.72fr) minmax(248px,.88fr)!important;gap:8px!important;display:grid!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-main-stack{gap:6px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi--marco{border:1px solid #0f172a0d;border-radius:10px;max-height:42px;min-height:38px!important;box-shadow:none!important;padding:4px 8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi__value{line-height:1.1;font-size:13px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi__label,.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi__trend{line-height:1.2;font-size:9px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi__spark{opacity:.85;height:22px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair{max-height:none;flex:1 1 0!important;grid-template-columns:minmax(0,1.28fr) minmax(240px,.95fr)!important;gap:6px!important;min-height:200px!important;display:grid!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair>.mock-panel{background:#fff;border:1px solid #0f172a0f;border-radius:11px;overflow:hidden;box-shadow:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair .mock-panel__head{min-height:0;padding:6px 10px 2px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body{height:100%;min-height:0!important;padding:0 4px 4px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body .mock-area-line--hero{height:100%;min-height:0}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body .mock-area-line__plot{flex:1 1 0;min-height:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-bayes-panel--semi{flex-direction:column;justify-content:space-between;min-height:0;padding:0!important;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi{flex-direction:column;flex:auto;justify-content:flex-start;align-items:flex-start;gap:8px;min-height:0;display:flex;padding:10px 12px 6px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-ab-card__copy{width:100%;padding-bottom:0}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-ab-card__label{margin-bottom:3px;font-size:9px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-ab-card__title{letter-spacing:-.025em;font-size:14px;line-height:1.2}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-ab-card__detail{color:var(--mock-text-secondary);margin-top:3px;font-size:10.5px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-donut--semi{align-self:center;margin-top:auto}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variants--compact{border-top:1px solid #0f172a0d;flex:none;margin-top:0;gap:4px!important;padding:6px 10px 10px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variants--compact .mock-ab-variant{border-radius:7px;padding:5px 8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variant__id{font-size:9px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variant__name{font-size:10.5px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variant__prob{font-size:12px;font-weight:700}.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar{border:1px solid #0f172a0f;border-radius:11px;box-shadow:none!important;flex:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-compare-btn,.product-frame--viewport .mock-screen--ab-studio .mock-ab-compare-btn--dark{letter-spacing:-.01em;font-weight:600;color:#fff!important;box-shadow:none!important;filter:none!important;text-shadow:none!important;background:#0f172a!important;border:1px solid #0f172a!important;border-radius:7px!important;padding:4px 11px!important;font-size:10.5px!important}.product-frame--viewport .mock-screen--ab-studio .mock-project-head--variants-wide,.product-frame--viewport .mock-screen--ab-studio .mock-project-row--variants-wide{font-size:10px;grid-template-columns:minmax(108px,1.35fr) .7fr .75fr .55fr .7fr .6fr!important;gap:6px!important;padding:5px 10px!important}.product-frame--viewport .mock-screen--ab-studio .mock-project-head--variants-wide{color:var(--mock-text-muted);letter-spacing:.02em;text-transform:uppercase;font-size:9px;font-weight:600}.product-frame--viewport .mock-screen--ab-studio .mock-project-row--variants-wide{min-height:34px}.product-frame--viewport .mock-screen--ab-studio .mock-project-row__status .mock-chip{width:fit-content;max-width:none}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed{background:linear-gradient(#fcfcfd 0%,#f7f8fa 100%);border:1px solid #0f172a0f;border-radius:11px;flex-direction:column;align-self:stretch;gap:0;min-height:0;padding:0;overflow:hidden;box-shadow:none!important;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--config,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--stats,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--timeline,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall .mock-ab-rail-block,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall .mock-ab-rail-block--config,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall .mock-ab-rail-block--timeline,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall .mock-ab-rail-block:not(.mock-ab-rail-block--config):not(.mock-ab-rail-block--timeline){border-bottom:1px solid #0f172a0d;overflow:visible;flex:none!important;min-height:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--timeline{border-bottom:none;margin-top:auto!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-panel__head{min-height:0;padding:7px 10px 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-panel__title{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--mock-text-muted);font-weight:600;font-size:8.5px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-card__body{flex:none!important;gap:3px!important;padding:4px 10px 8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-setup__row{border-radius:7px;gap:5px;padding:4px 6px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kv{gap:8px;padding:1px 0;font-size:10px;line-height:1.3}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kv strong{font-size:10px;font-weight:600}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline--premium{gap:4px;padding:1px 0 0 2px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--timeline .mock-ab-rail-card__body{padding-bottom:10px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline__item strong{font-size:10px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline__item em{font-size:9.5px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--timeline{background:#ffffff59;border-top:1px solid #0f172a0d}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 16px;padding:0;display:grid!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-ab-topbar__lead{display:contents}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-topbar__crumb,.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-topbar__crumb--btn{grid-area:1/1;justify-self:start}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-ab-topbar__title-row{grid-area:2/1;min-height:0;margin:0}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-ab-topbar__meta{grid-area:3/1;align-self:center;margin:0}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-ab-topbar__end{width:auto;min-width:0;display:contents;padding-top:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-topbar__actions{grid-area:2/2;place-self:center end;padding-top:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-progress-inline{grid-area:3/2;place-self:center end;width:188px!important;max-width:188px!important}.product-frame--viewport .mock-screen--ab-studio .mock-progress-inline--quiet{border-radius:0;gap:7px;background:0 0!important;border:none!important;padding:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-progress-inline--quiet .mock-progress-inline__label{letter-spacing:.07em;font-size:7.5px}.product-frame--viewport .mock-screen--ab-studio .mock-progress-inline--quiet .mock-progress-inline__bar{background:#0f172a14;height:2.5px}.product-frame--viewport .mock-screen--ab-studio .mock-progress-inline--quiet .mock-progress-inline__pct{font-size:11px;font-weight:700}.product-frame--viewport .mock-screen--ab-studio .mock-alert--quiet{white-space:nowrap;text-overflow:ellipsis;max-width:420px;margin-left:auto;overflow:hidden;flex:0 auto!important;padding:3px 8px!important;font-size:9px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-tabs-row{justify-content:flex-start;gap:10px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair{flex:1 1 0!important;grid-template-columns:minmax(0,1.35fr) minmax(220px,.9fr)!important;gap:5px!important;min-height:168px!important;max-height:236px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar{margin-top:auto;flex:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi--marco{border-radius:9px;max-height:38px;min-height:34px!important;padding:3px 7px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi__value{font-size:12.5px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi__spark{height:18px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-bayes-panel--semi{justify-content:flex-start!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi{justify-content:space-between;gap:8px;flex-direction:row!important;flex:none!important;align-items:center!important;padding:8px 10px 4px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-ab-card__copy{flex:auto;min-width:0;padding-bottom:0}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-donut--semi{flex-shrink:0;align-self:center;margin-top:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variants--compact{margin-top:auto;padding:4px 8px 8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-ab-card__title{font-size:13px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-ab-card__detail{margin-top:2px;font-size:10px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-compare-btn,.product-frame--viewport .mock-screen--ab-studio .mock-ab-compare-btn--dark,.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar .mock-ab-compare-btn{color:#fff!important;box-shadow:none!important;filter:none!important;text-shadow:none!important;background:#0f172a!important;border:1px solid #0f172a!important;outline:none!important;transform:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed{gap:0;justify-content:space-between!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--timeline{background:0 0;border-top:1px solid #0f172a0d;margin-top:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--config,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--stats,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--timeline{flex:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-card__body{padding:5px 10px 9px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-setup{gap:3px;margin-bottom:7px;padding-bottom:7px}.product-frame--viewport .mock-screen--ab-studio .mock-project-head--variants-wide,.product-frame--viewport .mock-screen--ab-studio .mock-project-row--variants-wide{padding:5px 9px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar .mock-panel__head{min-height:28px;padding:4px 9px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-main-stack{justify-content:flex-start!important;gap:5px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair{align-self:stretch;flex:1 1 0!important;min-height:0!important;max-height:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar{flex:none!important;margin-top:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair>.mock-panel{flex-direction:column;height:100%;min-height:0;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart{min-height:0}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body{flex-direction:column;display:flex;flex:1 1 0!important;min-height:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body .mock-area-line--hero{flex:1 1 0;min-height:0;height:auto!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-bayes-panel--semi{height:100%;justify-content:space-between!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-tabs-row{align-items:center;gap:12px;width:100%;min-width:0;padding:0 1px;justify-content:space-between!important;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-alert--quiet{text-align:left;background:#fef2f2b3;border:1px solid #f871712e;border-radius:8px;justify-content:flex-start;min-width:0;flex:auto!important;max-width:none!important;margin-left:0!important;padding:4px 10px!important;font-size:9.5px!important}.product-frame--viewport .mock-screen--ab-studio .mock-btn--danger{letter-spacing:-.01em;font-weight:600;box-shadow:none!important;background:#dc2626!important;border-color:#dc2626!important}.product-frame--viewport .mock-screen--ab-studio .mock-topbar__actions .mock-btn--ghost{background:#fff;border-color:#0f172a1a}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair>.mock-panel,.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed,.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi--marco{border-color:#0f172a0e!important;border-radius:10px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair .mock-panel__head,.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar .mock-panel__head{padding:7px 11px 3px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair .mock-panel__title,.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar .mock-panel__title{letter-spacing:-.02em;font-size:11px;font-weight:600}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair .mock-panel__subtitle,.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar .mock-panel__subtitle{color:var(--mock-text-muted);font-size:9.5px}.product-frame--viewport .mock-screen--ab-studio .mock-project-row--lead{background:linear-gradient(90deg,#f0f9ffb3,#0000 72%)}.product-frame--viewport .mock-screen--ab-studio .mock-project-row__lift{color:#047857;font-variant-numeric:tabular-nums;font-weight:700}.product-frame--viewport .mock-screen--ab-studio .mock-project-row__status{justify-content:flex-start;align-items:center;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-project-row__status .mock-chip{flex:none!important;width:fit-content!important;max-width:fit-content!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-compare-btn,.product-frame--viewport .mock-screen--ab-studio .mock-ab-compare-btn--dark{height:22px;line-height:22px;box-shadow:none!important;border-radius:6px!important;padding:0 10px!important;font-size:10px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed{background:#fcfcfd!important;justify-content:space-between!important;gap:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block{border-bottom:1px solid #0f172a0b!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--timeline{border-top:1px solid #0f172a0b;border-bottom:none!important;margin-top:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-panel__title{letter-spacing:.08em;opacity:.85;font-size:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-setup__row{background:#fff;border:1px solid #0f172a0a}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-setup__row--lead{border-color:#0ea5e92e}.product-frame--viewport .mock-screen--ab-studio .mock-ab-setup__leading,.product-frame--viewport .mock-screen--ab-studio .mock-chip--published{letter-spacing:normal;text-transform:none;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:500}.product-frame--viewport .mock-screen--ab-studio .mock-ab-setup__leading{color:#0369a1;background:#e0f2fee6}.product-frame--viewport .mock-screen--ab-studio .mock-progress-inline--quiet .mock-progress-inline__bar .mock-progress-bar__fill{background:linear-gradient(90deg,#0284c7,#38bdf8)}.product-frame--viewport .mock-screen--ab-studio .mock-ab-studio-body,.product-frame--viewport .mock-screen--ab-studio .mock-ab-balanced-body--sidecar{grid-template-columns:minmax(0,1fr) minmax(156px,.4fr)!important;gap:8px!important}.ab-mock-frame .product-frame--viewport .product-frame__sidebar,.cv-bg-test-screen .product-frame--viewport .product-frame__sidebar{width:156px!important;min-width:156px!important}.product-frame--viewport .mock-screen--ab-studio{gap:7px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned{grid-template-columns:minmax(0,1fr) max-content!important;gap:3px 14px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-topbar__actions{place-self:center end;grid-area:1/2!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-progress-inline{place-self:center end;grid-area:2/2!important;width:172px!important;max-width:172px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-ab-topbar__title-row{align-self:center;flex-wrap:nowrap!important;gap:6px!important;min-height:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-ab-topbar__meta{padding-top:0;grid-area:3/1!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-tabs-row{justify-content:flex-start!important;align-items:center!important;gap:10px!important;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-tabs-row .mock-segment-tabs{flex:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-alert--quiet{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border-radius:7px!important;flex:0 auto!important;max-width:min(260px,46%)!important;margin-left:0!important;padding:4px 9px!important;font-size:9px!important;line-height:1.3!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-studio-body,.product-frame--viewport .mock-screen--ab-studio .mock-ab-balanced-body--sidecar{grid-template-columns:minmax(0,1fr) minmax(156px,.4fr)!important;align-items:stretch!important;gap:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-main-stack{min-height:0;grid-template-rows:auto auto auto minmax(0,1fr)!important;align-content:stretch!important;gap:7px!important;display:grid!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair{flex:none!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important;align-self:stretch!important;align-items:stretch!important;gap:8px!important;height:148px!important;min-height:0!important;max-height:148px!important;display:grid!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair>.mock-panel{flex-direction:column!important;min-width:0!important;height:100%!important;min-height:0!important;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body{flex-direction:column!important;flex:1 1 0!important;min-height:0!important;padding:2px 4px 6px!important;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body .mock-area-line--hero{flex:1 1 0!important;height:auto!important;min-height:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-bayes-panel--semi{flex-direction:column!important;justify-content:space-between!important;height:100%!important;min-height:0!important;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi{flex-direction:column!important;flex:1 1 0!important;justify-content:center!important;align-items:stretch!important;gap:4px!important;min-height:0!important;padding:8px 10px 4px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-ab-card__copy{flex:none;width:100%}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-donut--semi{flex-shrink:0;align-self:center!important;margin:4px auto 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-donut--semi,.product-frame--viewport .mock-screen--ab-studio .mock-donut__svg--semi{width:88px!important;height:50px!important}.product-frame--viewport .mock-screen--ab-studio .mock-donut__value--semi{height:18px!important;font-size:14px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variants--compact{flex:none!important;gap:2px!important;margin-top:0!important;padding:4px 8px 6px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar{align-self:stretch;flex:none!important;min-height:0!important;margin-top:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed{flex-direction:column!important;justify-content:flex-start!important;align-self:stretch!important;gap:0!important;min-height:0!important;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--config,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--stats,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--timeline,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall .mock-ab-rail-block,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall .mock-ab-rail-block--config,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall .mock-ab-rail-block--timeline,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall .mock-ab-rail-block:not(.mock-ab-rail-block--config):not(.mock-ab-rail-block--timeline),.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--config,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--stats,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--timeline{background:0 0!important;border-bottom:1px solid #0f172a0d!important;flex-direction:column!important;flex:1 1 0!important;min-height:0!important;margin-top:0!important;display:flex!important;overflow:hidden!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block--config{flex:1.25 1 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block--stats{flex:1 1 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block--timeline{border-bottom:none!important;flex:1 1 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--config{flex:1.25 1 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--stats,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--timeline{flex:1 1 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-card__body{flex-direction:column!important;flex:1 1 0!important;justify-content:space-evenly!important;gap:2px!important;min-height:0!important;padding:6px 10px 10px!important;display:flex!important;overflow:auto!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-panel__head{flex:none!important;padding:9px 10px 2px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim{flex:none!important;gap:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi--marco{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;min-height:46px!important;max-height:52px!important;padding:7px 9px!important;display:flex!important;overflow:hidden!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi--marco .mock-kpi__stat{flex-direction:column!important;flex:auto!important;gap:1px!important;min-width:0!important;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi--marco .mock-kpi__label{letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;order:-1;overflow:hidden;font-size:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi--marco .mock-kpi__value{font-size:15px!important;line-height:1.1!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi--marco .mock-kpi__trend{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0!important;font-size:7.5px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi--marco .mock-kpi__spark{opacity:.9;flex:none!important;width:34px!important;height:18px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-card__body{justify-content:flex-start!important;gap:3px!important;padding:4px 9px 8px!important;overflow:hidden!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-setup{gap:3px!important;margin-bottom:4px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-setup__row{gap:4px!important;padding:3px 5px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-kv{padding:2px 0!important;font-size:9px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-timeline__item{padding:3px 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--setup,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--setup{background:0 0!important;border-bottom:1px solid #0f172a0d!important;flex-direction:column!important;flex:1.05 1 0!important;min-height:0!important;display:flex!important;overflow:hidden!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block--config,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--config{flex:.95 1 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block--setup{flex:1.05 1 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block--stats,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--stats{flex:.95 1 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block--timeline,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--timeline{flex:1 1 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--config .mock-ab-rail-card__body{justify-content:flex-start!important;gap:0!important;padding:2px 8px 6px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--config .mock-ab-rail-setup{gap:2px!important;margin-bottom:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets{background:#fff;border:1px solid #0f172a0f;border-radius:12px;height:100%!important;min-height:0!important;box-shadow:none!important;flex-direction:column!important;display:flex!important;overflow:hidden!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets .mock-panel__head{flex:none;padding:7px 10px 2px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets__flag{letter-spacing:.04em;text-transform:uppercase;color:#b42318;white-space:nowrap;background:#b4231814;border:1px solid #b423182e;border-radius:999px;padding:2px 7px;font-size:8px;font-weight:600}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets__grid{flex:1 1 0;grid-template-columns:1fr 1fr;align-content:start;gap:3px 8px;min-height:0;padding:4px 10px 8px;display:grid}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets__row{background:#0f172a05;border-radius:6px;grid-template-columns:22px minmax(0,1fr) 28px 34px;align-items:center;gap:4px;padding:4px 5px;font-size:9px;line-height:1.2;display:grid}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets__row--stale{background:#b423180d}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets__code{font-family:var(--font-mono);color:#475569;font-size:8px;font-weight:600}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets__name{color:#334155;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets__share{color:#64748b;text-align:right;font-variant-numeric:tabular-nums}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets__lift{color:#0f766e;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets__row--stale .mock-ab-markets__lift{color:#b42318;font-weight:500}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair .mock-panel__head{padding:5px 8px 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair .mock-panel__title{font-size:10px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair .mock-panel__subtitle{font-size:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-ab-card__label{margin:0!important;font-size:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-ab-card__title{margin:0!important;font-size:11px!important;line-height:1.15!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--semi .mock-ab-card__detail{margin:0!important;font-size:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variants--compact .mock-ab-variant{min-height:0!important;padding:2px 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variants--compact .mock-ab-variant__name{display:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--config .mock-panel__head{padding:6px 8px 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--config .mock-ab-rail-setup__row strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:9px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--config .mock-chip,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--config .mock-ab-setup__leading{padding:2px 6px;font-size:9px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body{min-height:0!important;padding:0 4px 2px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body .mock-area-line--hero{gap:1px!important;height:100%!important;min-height:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body .mock-area-line__plot{flex:1 1 0!important;height:100%!important;min-height:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body .mock-area-line--hero svg,.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body .mock-area-line__svg{height:100%!important;min-height:0!important;max-height:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body .mock-area-line__axis{min-height:0!important;padding-top:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline--horizontal{width:100%;position:relative;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:0!important;padding:2px 0 0!important;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline--horizontal:before{display:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline__step{text-align:center;z-index:1;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;min-width:0;display:flex;position:relative}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline__icon{color:#64748b;background:#0f172a0a;border:1px solid #0f172a1a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline__step--done .mock-ab-timeline__icon{color:#475569;background:#0f172a0f;border-color:#0f172a24}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline__step--current .mock-ab-timeline__icon{color:#0284c7;background:#00a4ff1f;border-color:#00a4ff59;box-shadow:0 0 0 3px #00a4ff14}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline__step strong{letter-spacing:.02em;color:#334155;white-space:nowrap;font-weight:600;line-height:1.15;display:block;font-size:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline__step em{color:#94a3b8;white-space:nowrap;font-style:normal;line-height:1.15;display:block;font-size:7.5px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline__step--current strong{color:#0369a1}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline__rail{background:#0f172a1f;border-radius:1px;flex:0 0 12px;align-self:flex-start;height:1px;margin-top:11px}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--timeline .mock-ab-rail-card__body{justify-content:center!important;padding-top:6px!important;padding-bottom:10px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-ab-topbar__end{place-self:start end;width:auto;min-width:188px;grid-area:1/2/span 2!important;padding-top:0!important;display:block!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-topbar__actions,.product-frame--viewport .mock-screen--ab-studio .mock-ab-topbar--aligned .mock-progress-inline{display:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-cluster{width:198px;box-shadow:none;background:linear-gradient(#fffffff2 0%,#f8fafceb 100%);border:1px solid #0f172a1a;border-radius:12px;flex-direction:column;gap:7px;padding:6px;display:flex}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-cluster__actions{background:#fff;border:1px solid #0f172a14;border-radius:8px;grid-template-columns:1fr 1fr 1fr;gap:0;display:grid;overflow:hidden}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-btn{color:#475569;letter-spacing:.01em;cursor:default;background:0 0;border:none;border-right:1px solid #0f172a12;justify-content:center;align-items:center;gap:4px;min-height:26px;padding:0 6px;font-family:inherit;font-size:9px;font-weight:550;line-height:1;display:inline-flex}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-btn:last-child{border-right:none}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-btn svg{opacity:.78;flex-shrink:0}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-btn--stop{color:#b42318;background:linear-gradient(#fef2f2b3 0%,#fee2e273 100%)}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-btn--stop svg{opacity:.9}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-cluster__sig{flex-direction:column;gap:4px;padding:2px 2px 1px;display:flex}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-cluster__sig-meta{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-cluster__sig-label{letter-spacing:.08em;text-transform:uppercase;color:#475569;font-size:8px;font-weight:600}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-cluster__sig-pct{letter-spacing:-.02em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-cluster__meter{background:#0f172a0f;border-radius:999px;height:5px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #0f172a0d}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-cluster__meter-fill{border-radius:inherit;background:linear-gradient(90deg,#38bdf8 0%,#0284c7 55%,#0369a1 100%);height:100%;display:block;box-shadow:0 0 0 1px #0284c71f}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-cluster{gap:8px;padding:7px;box-shadow:none!important;background:#fff!important;border:1px solid #0f172a1a!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-control-cluster__actions{box-shadow:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-main-stack{grid-template-rows:auto 156px auto minmax(0,1fr)!important;gap:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-mid--pair{gap:8px!important;height:156px!important;max-height:156px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart{box-shadow:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart .mock-panel__head{padding:7px 10px 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-chart__body{padding:0 6px 4px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-bayes-panel--inline{box-shadow:none!important;justify-content:space-between!important;gap:0!important;padding:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--inline{flex-direction:row!important;flex:auto!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;padding:8px 10px 4px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--inline .mock-ab-card__copy{flex:auto;min-width:0}.product-frame--viewport .mock-screen--ab-studio .mock-ab-card--inline .mock-donut--semi{flex:none;align-self:center!important;margin:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-bayes-panel--inline .mock-donut--semi,.product-frame--viewport .mock-screen--ab-studio .mock-ab-bayes-panel--inline .mock-donut__svg--semi{width:72px!important;height:42px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-bayes-panel--inline .mock-donut__value--semi{height:16px!important;font-size:13px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variants--inline{border-top:1px solid #0f172a0d;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:4px 8px 8px!important;display:grid!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variants--inline .mock-ab-variant{background:#0f172a06;border-radius:6px;justify-content:space-between!important;align-items:center!important;gap:4px!important;min-height:0!important;padding:4px 6px!important;display:flex!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variants--inline .mock-ab-variant--active{background:#00a4ff14}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variants--inline .mock-ab-variant__id{font-size:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-variants--inline .mock-ab-variant__prob{font-weight:650;font-size:10px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar{box-shadow:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-table--sidecar .mock-project-row{padding-top:7px!important;padding-bottom:7px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets{box-shadow:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets__grid{flex:1 1 0!important;grid-auto-rows:1fr!important;align-content:stretch!important;gap:4px 8px!important;padding:6px 10px 10px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-markets__row{height:100%;min-height:0!important;padding:5px 7px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim{gap:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-kpis--slim .mock-kpi--marco{box-shadow:none!important;min-height:48px!important;max-height:52px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed{box-shadow:none!important;justify-content:space-between!important;gap:0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block--config,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block--setup,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block--stats,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed>.mock-ab-rail-block--timeline,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--config,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--setup,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--stats,.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail-unified--tall.mock-ab-rail--packed>.mock-ab-rail-block.mock-ab-rail-block--timeline{flex:none!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-card__body{flex:none!important;justify-content:flex-start!important;gap:3px!important;padding:5px 10px 10px!important;overflow:visible!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-panel__head{padding:10px 10px 2px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-kv{padding:3px 0!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--config .mock-ab-rail-setup__row{padding:4px 6px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-rail--packed .mock-ab-rail-block--timeline .mock-ab-rail-card__body{padding-top:8px!important;padding-bottom:12px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-timeline--horizontal{padding:4px 2px 2px!important}.product-frame--viewport .mock-screen--ab-studio .mock-ab-tabs-row{margin-bottom:2px;gap:8px!important}.product-frame--viewport .mock-screen--ab-studio .mock-alert--quiet{max-width:min(240px,44%)!important}.mock-btn--block{justify-content:center;width:100%}.mock-btn:disabled,.mock-btn[disabled]{opacity:.45;cursor:not-allowed}.mock-screen--pages-flow{min-height:0}.mock-pages-flow__topbar{align-items:flex-start}.mock-pages-flow__topbar .mock-topbar__title{align-items:center;gap:8px;display:inline-flex}.mock-pages-flow__layout{grid-template-columns:minmax(0,1.55fr) minmax(200px,.7fr);align-items:start;gap:12px;padding:2px 2px 16px;display:grid}.mock-pages-flow__main,.mock-pages-flow__aside{flex-direction:column;gap:10px;min-width:0;display:flex}.mock-pages-flow__card{margin:0}.mock-pages-flow__card>.mock-panel__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-pages-flow__card>.mock-panel__head .mock-panel__title{align-items:center;gap:6px;display:inline-flex}.mock-pages-flow__form{flex-direction:column;gap:12px;display:flex}.mock-pages-flow__counter{color:#94a3b8;margin-left:auto;font-size:10px}.mock-pages-flow__actions{flex-direction:column;gap:8px;display:flex}.mock-pages-flow__tips{color:#64748b;flex-direction:column;gap:7px;margin:0;padding:10px 12px 12px 26px;font-size:11px;line-height:1.4;display:flex}.mock-pages-flow__tips code{color:#0369a1;background:#0ea5e914;border-radius:4px;padding:1px 5px;font-size:10px}.mock-pages-flow__templates{flex-direction:column;gap:6px;padding:8px 10px 10px;display:flex}.mock-pages-flow__template{appearance:none;text-align:left;cursor:pointer;color:#334155;background:#fff;border:1px solid #0f172a14;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.mock-pages-flow__template span{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-pages-flow__template strong{color:#0f172a;font-size:12px;font-weight:650}.mock-pages-flow__template em{color:#94a3b8;font-size:10px;font-style:normal}.mock-pages-flow__template--active{background:#0ea5e90f;border-color:#0ea5e959;box-shadow:0 0 0 3px #0ea5e914}.mock-pages-flow__html-head{gap:10px}.mock-pages-flow__html-title{align-items:center;gap:6px;display:inline-flex}.mock-pages-flow__html-tabs{gap:2px;margin-left:auto;display:inline-flex}.mock-pages-flow__html-tab{appearance:none;font:inherit;color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:550}.mock-pages-flow__html-tab--active{color:#0f172a;background:#0f172a0f}.mock-pages-flow__code{color:#94a3b8;white-space:pre-wrap;background:#0f172a;border-radius:10px;min-height:120px;padding:12px 14px;font-size:11px;line-height:1.55}.mock-screen--new-page{flex-direction:column;gap:0;min-height:0;display:flex}.product-frame--viewport .product-frame__main:has(.mock-screen--new-page){padding:0}.product-frame--viewport .mock-screen.mock-screen--new-page{padding-right:0;overflow:hidden}.mock-screen--new-page .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;padding:12px 16px 10px;display:flex;overflow:hidden auto}.mock-screen--new-page .mock-screen__scroll>.mock-newpage-shell{flex:none;width:100%;min-height:0}.mock-screen--new-page .mock-newpage-topbar{box-sizing:border-box;background:#fff;border-bottom:none;flex-shrink:0;align-items:flex-start;gap:14px;margin-bottom:0;padding:14px 16px 10px}.mock-screen--new-page .mock-topbar--compact .mock-topbar__actions{max-width:none}.mock-screen--new-page .mock-newpage-topbar .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-family:var(--font-mono);color:#64748b;font-weight:500}.mock-screen--new-page .mock-newpage-topbar .mock-topbar__crumb:hover{color:#0ea5e9}.mock-newpage-title-row{align-items:center;gap:8px;display:inline-flex}.mock-screen--new-page .mock-newpage-topbar .mock-topbar__title{letter-spacing:-.03em;font-size:16px;line-height:1.2}.mock-screen--new-page .mock-newpage-topbar .mock-topbar__desc{color:#64748b;max-width:44ch;margin-top:2px;font-size:11.5px;line-height:1.35}.mock-newpage-shell{grid-template-columns:minmax(0,1.38fr) minmax(200px,.78fr);align-items:stretch;gap:10px;padding:0;display:grid}.mock-newpage-stage,.mock-newpage-rail{background:#fff;border-color:#0f172a12;flex-direction:column;height:auto;min-height:0;display:flex}.mock-newpage-stage__body{flex-direction:column;flex:0 auto;gap:9px;min-height:0;padding:10px 12px 2px;display:flex}.mock-newpage-stage__intro{flex-direction:column;gap:2px;display:flex}.mock-newpage-stage__intro-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mock-newpage-stage__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:13px;font-weight:650}.mock-newpage-stage__count{color:#94a3b8;letter-spacing:.03em;flex-shrink:0;font-size:10px}.mock-newpage-stage__desc{color:#94a3b8;max-width:48ch;margin:0;font-size:11px;line-height:1.4}.mock-newpage-stage__fields{flex-direction:column;gap:8px;display:flex}.mock-screen--new-page .mock-form-field{gap:5px}.mock-screen--new-page .mock-form-field__label{color:#64748b;font-size:10.5px;font-weight:600}.mock-screen--new-page .mock-form-field__label-row{justify-content:space-between;width:100%}.mock-newpage-optional{margin-left:0}.mock-newpage-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mock-screen--new-page .mock-newpage-site,.mock-screen--new-page .mock-newpage-select{background:#fff;border:1px solid #0f172a14;border-radius:9px;width:100%;min-height:40px;padding:7px 10px;height:auto!important}.mock-newpage-site{align-items:center;gap:9px;display:flex!important}.mock-newpage-site__mark{color:#fff;background:#0f172a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:inline-flex}.mock-newpage-site__copy{flex-direction:column;flex:auto;gap:0;min-width:0;line-height:1.25;display:flex}.mock-newpage-site__copy strong{color:#0f172a;font-size:12px;font-weight:650}.mock-newpage-site__copy em{color:#94a3b8;font-size:10px;font-style:normal}.mock-newpage-site>:last-child,.mock-newpage-select>:last-child{opacity:.5;flex-shrink:0;margin-left:auto}.mock-newpage-status,.mock-newpage-templates{gap:0;width:100%;max-width:none;display:grid!important}.mock-newpage-status{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-newpage-templates{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-newpage-status .mock-metric-pill,.mock-newpage-status .mock-page-range__btn,.mock-newpage-templates .mock-metric-pill,.mock-newpage-templates .mock-page-range__btn{justify-content:center;width:100%;min-height:28px;font-size:11px}.mock-newpage-seo{min-height:44px}.mock-newpage-code{background:#0f172a;border:1px solid #0f172a0f;border-radius:10px;flex-direction:column;gap:5px;padding:8px;display:flex}.mock-newpage-code__label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:9px}.mock-newpage-code__body{color:#94a3b8;white-space:pre-wrap;max-height:64px;margin:0;font-size:10px;line-height:1.45;overflow:hidden}.mock-newpage-stage__foot{border-top:1px solid #0f172a0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding:9px 12px 10px;display:flex}.mock-newpage-rail__head{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px 0;display:flex}.mock-newpage-rail__head .mock-panel__title{color:#0f172a;font-size:12px;font-weight:650}.mock-newpage-rail__body{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:10px 12px 12px;display:flex}.mock-newpage-wire{background:#f8fafc;border:1px solid #0f172a0f;border-radius:10px;flex-direction:column;gap:6px;padding:9px;display:flex}.mock-newpage-wire__label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:9px}.mock-newpage-wire__frame{flex-direction:column;gap:4px;display:flex}.mock-newpage-wire__empty{color:#94a3b8;border:1px dashed #0f172a24;border-radius:6px;justify-content:center;align-items:center;height:56px;font-size:10px;display:flex}.mock-newpage-wire__hero{color:#ffffffd1;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,#0ea5e9 160%);border-radius:6px;align-items:flex-end;height:28px;padding:5px 7px;font-size:8px;font-weight:650;display:flex}.mock-newpage-wire__block{letter-spacing:.04em;text-transform:uppercase;color:#64748b;background:#e2e8f0;border-radius:5px;align-items:center;height:18px;padding:0 7px;font-size:7.5px;font-weight:650;display:flex}.mock-newpage-wire__cta{color:#fff;background:#0ea5e9;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:44%;height:14px;margin-top:1px;padding:0 9px;font-size:8px;font-weight:650;display:inline-flex}.mock-newpage-tips,.mock-newpage-next{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mock-newpage-tips li,.mock-newpage-next li{color:#64748b;align-items:flex-start;gap:6px;font-size:11px;line-height:1.35;display:flex}.mock-newpage-tips .icon,.mock-newpage-next .icon{color:#0284c7;flex-shrink:0;margin-top:1px}.mock-newpage-tips code{color:#0369a1;background:#0ea5e914;border-radius:4px;padding:1px 4px;font-size:10px}.mock-newpage-rail__foot{border-top:1px solid #0f172a0f;flex-shrink:0;margin-top:auto;padding-top:9px}.mock-newpage-rail__foot .mock-panel__title{color:#0f172a;margin-bottom:6px;font-size:12px;font-weight:650;display:block}.product-frame--viewport .mock-newpage-shell{grid-template-columns:minmax(0,1.32fr) minmax(180px,.82fr);gap:8px;padding-bottom:6px}.product-frame--viewport .mock-newpage-code__body{max-height:52px}.product-frame--viewport .mock-newpage-seo{min-height:40px}.product-frame--viewport .mock-newpage-stage__fields{gap:7px}.product-frame--viewport .mock-newpage-rail__body{gap:10px}.product-frame--viewport .mock-screen--new-page .mock-newpage-topbar .mock-topbar__title{font-size:15px}.mock-screen--import-design{flex-direction:column;min-height:0;display:flex}.mock-screen--import-design .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;display:flex}.mock-screen--import-design .mock-screen__scroll>.mock-import-shell{flex:none;width:100%;min-height:0}.mock-screen--import-design .mock-import-topbar{flex-shrink:0;align-items:flex-start;margin-bottom:0;padding-bottom:0}.mock-screen--import-design .mock-import-topbar .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-family:var(--font-mono);color:#64748b;font-weight:500}.mock-screen--import-design .mock-import-topbar .mock-topbar__crumb:hover{color:#0ea5e9}.mock-import-title-row{align-items:center;gap:8px;display:inline-flex}.mock-screen--import-design .mock-import-topbar .mock-topbar__title{letter-spacing:-.03em;font-size:16px;line-height:1.2}.mock-screen--import-design .mock-import-topbar .mock-topbar__desc{color:#64748b;max-width:44ch;margin-top:2px;font-size:11.5px;line-height:1.35}.mock-import-shell{grid-template-columns:minmax(0,1.38fr) minmax(200px,.78fr);align-items:stretch;gap:10px;padding:6px 2px 10px;display:grid}.mock-import-stage,.mock-import-rail{background:#fff;border-color:#0f172a12;flex-direction:column;height:auto;min-height:0;display:flex}.mock-import-stage__body{flex-direction:column;flex:0 auto;gap:11px;min-height:0;padding:11px 12px 2px;display:flex}.mock-import-stage__intro{flex-direction:column;gap:2px;display:flex}.mock-import-stage__intro-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mock-import-stage__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:13px;font-weight:650}.mock-import-stage__count{color:#94a3b8;letter-spacing:.03em;flex-shrink:0;font-size:10px}.mock-import-stage__desc{color:#94a3b8;max-width:48ch;margin:0;font-size:11px;line-height:1.4}.mock-import-drop{appearance:none;text-align:center;cursor:pointer;width:100%;font:inherit;color:#64748b;background:#f8fafc;border:1px dashed #0f172a29;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:20px 14px 16px;transition:border-color .12s,background .12s;display:flex}.mock-import-drop:hover{background:#0ea5e90a;border-color:#0ea5e966}.mock-import-drop__icon{color:#0284c7;background:#0ea5e91a;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:2px;display:inline-flex}.mock-import-drop strong{color:#0f172a;letter-spacing:-.01em;font-size:13px;font-weight:650}.mock-import-drop>span:not(.mock-import-drop__meta):not(.mock-import-drop__icon):not(.mock-import-drop__browse){color:#94a3b8;font-size:11px}.mock-import-drop__meta{color:#94a3b8;margin-top:2px;font-size:10px}.mock-import-drop__browse{pointer-events:none;margin-top:8px}.mock-import-file{background:#0ea5e90a;border:1px solid #0ea5e938;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.mock-import-file__icon{color:#fff;background:#0f172a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.mock-import-file__copy{flex-direction:column;flex:auto;gap:1px;min-width:0;line-height:1.25;display:flex}.mock-import-file__copy strong{color:#0f172a;font-size:12px;font-weight:650}.mock-import-file__copy em{color:#64748b;font-size:10px;font-style:normal}.mock-import-stage__fields{flex-direction:column;gap:10px;display:flex}.mock-screen--import-design .mock-form-field{gap:5px}.mock-screen--import-design .mock-form-field__label{color:#64748b;font-size:10.5px;font-weight:600}.mock-import-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;max-width:none;display:grid!important}.mock-import-types .mock-metric-pill,.mock-import-types .mock-page-range__btn{justify-content:center;width:100%;min-height:28px;font-size:11px}.mock-screen--import-design .mock-import-site{background:#fff;border:1px solid #0f172a14;border-radius:9px;align-items:center;gap:9px;width:100%;min-height:40px;padding:7px 10px;height:auto!important;display:flex!important}.mock-import-site__mark{color:#fff;background:#0f172a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:inline-flex}.mock-import-site__copy{flex-direction:column;flex:auto;gap:0;min-width:0;line-height:1.25;display:flex}.mock-import-site__copy strong{color:#0f172a;font-size:12px;font-weight:650}.mock-import-site__copy em{color:#94a3b8;font-size:10px;font-style:normal}.mock-import-site>:last-child{opacity:.5;flex-shrink:0;margin-left:auto}.mock-import-stage__foot{border-top:1px solid #0f172a0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding:9px 12px 10px;display:flex}.mock-import-stage__foot .mock-btn:disabled{opacity:.45;cursor:not-allowed}.mock-import-rail__head{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px 0;display:flex}.mock-import-rail__head .mock-panel__title{color:#0f172a;font-size:12px;font-weight:650}.mock-import-rail__body{flex-direction:column;flex:auto;gap:12px;min-height:0;padding:10px 12px 12px;display:flex}.mock-import-steps{counter-reset:import-step;flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.mock-import-steps li{counter-increment:import-step;color:#64748b;grid-template-columns:18px 1fr;gap:1px 8px;font-size:11px;line-height:1.35;display:grid}.mock-import-steps li:before{content:counter(import-step);color:#0284c7;background:#0ea5e91a;border-radius:999px;grid-row:1/span 2;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:9px;font-weight:700;display:inline-flex}.mock-import-steps strong{color:#0f172a;font-size:11.5px;font-weight:650}.mock-import-steps span{grid-column:2}.mock-import-zip{background:#f8fafc;border:1px solid #0f172a0f;border-radius:10px;flex-direction:column;gap:8px;padding:9px;display:flex}.mock-import-zip__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-import-zip__label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:9px}.mock-import-zip__toggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:auto;min-width:108px;display:grid!important}.mock-import-zip__toggle .mock-metric-pill,.mock-import-zip__toggle .mock-page-range__btn{justify-content:center;min-height:24px;padding-inline:8px;font-size:10px}.mock-import-tree{color:#475569;flex-direction:column;gap:4px;margin:0;padding:0;font-size:10.5px;list-style:none;display:flex}.mock-import-tree li{align-items:center;gap:6px;min-width:0;display:flex}.mock-import-tree .is-nested{padding-left:14px}.mock-import-tree .is-deep{padding-left:28px}.mock-import-tree .is-req,.mock-import-tree .is-opt{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;margin-left:auto;padding:1px 5px;font-size:8.5px;font-weight:650}.mock-import-tree .is-req{color:#0369a1;background:#0ea5e91a}.mock-import-tree .is-opt{color:#64748b;background:#0f172a0d}.mock-import-note{color:#94a3b8;margin:0;font-size:10.5px;line-height:1.4}.mock-import-note code{font-family:var(--font-mono);color:#475569;background:#0f172a0f;border-radius:4px;padding:1px 4px;font-size:10px}.mock-import-rail__foot{border-top:1px solid #0f172a0f;flex-shrink:0;margin-top:auto;padding-top:9px}.mock-import-rail__foot .mock-panel__title{color:#0f172a;margin-bottom:6px;font-size:12px;font-weight:650;display:block}.mock-import-limits{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.mock-import-limits li{color:#64748b;align-items:flex-start;gap:6px;font-size:11px;line-height:1.35;display:flex}.mock-import-limits .icon{color:#0284c7;flex-shrink:0;margin-top:1px}.product-frame--viewport .mock-import-shell{grid-template-columns:minmax(0,1.32fr) minmax(180px,.82fr);gap:8px;padding-bottom:6px}.product-frame--viewport .mock-import-drop{padding:16px 12px 14px}.product-frame--viewport .mock-screen--import-design .mock-import-topbar .mock-topbar__title{font-size:15px}.mock-screen--generate-ai{flex-direction:column;min-height:0;display:flex}.mock-screen--generate-ai .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;display:flex}.mock-screen--generate-ai .mock-screen__scroll>.mock-ai-shell{flex:none;width:100%;min-height:0}.mock-screen--generate-ai .mock-ai-topbar{flex-shrink:0;align-items:flex-start;margin-bottom:0;padding-bottom:0}.mock-screen--generate-ai .mock-ai-topbar .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-family:var(--font-mono);color:#64748b;font-weight:500}.mock-screen--generate-ai .mock-ai-topbar .mock-topbar__crumb:hover{color:#0ea5e9}.mock-ai-title-row{align-items:center;gap:8px;display:inline-flex}.mock-screen--generate-ai .mock-ai-topbar .mock-topbar__title{letter-spacing:-.03em;font-size:16px;line-height:1.2}.mock-screen--generate-ai .mock-ai-topbar .mock-topbar__desc{color:#64748b;max-width:44ch;margin-top:2px;font-size:11.5px;line-height:1.35}.mock-meta-pill--cyan{color:#0369a1;background:#0ea5e914;border-color:#0ea5e92e;align-items:center;gap:4px;display:inline-flex}.mock-ai-shell{grid-template-columns:minmax(0,1.38fr) minmax(200px,.78fr);align-items:stretch;gap:10px;padding:6px 2px 10px;display:grid}.mock-ai-stage,.mock-ai-rail{background:#fff;border-color:#0f172a12;flex-direction:column;height:auto;min-height:0;display:flex}.mock-ai-stage__progress{flex-shrink:0;padding:10px 12px 0}.mock-ai-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:none;display:grid!important}.mock-ai-steps .mock-metric-pill,.mock-ai-steps .mock-page-range__btn{justify-content:center;gap:5px;width:100%;min-height:28px;padding-inline:6px;font-size:11px}.mock-ai-steps .mock-metric-pill .mono{opacity:.72;font-size:9px}.mock-ai-step--done:not(.mock-metric-pill--active){color:#0369a1}.mock-ai-stage__body{flex-direction:column;flex:0 auto;gap:10px;min-height:0;padding:10px 12px 2px;display:flex}.mock-ai-stage__intro{flex-direction:column;gap:2px;display:flex}.mock-ai-stage__intro-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mock-ai-stage__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:13px;font-weight:650}.mock-ai-stage__count{color:#94a3b8;letter-spacing:.03em;flex-shrink:0;font-size:10px}.mock-ai-stage__desc{color:#94a3b8;max-width:48ch;margin:0;font-size:11px;line-height:1.4}.mock-ai-stage__fields{flex-direction:column;gap:11px;display:flex}.mock-screen--generate-ai .mock-form-field{gap:5px}.mock-screen--generate-ai .mock-form-field__label{color:#64748b;font-size:10.5px;font-weight:600}.mock-screen--generate-ai .mock-form-field__label-row{justify-content:space-between;width:100%}.mock-screen--generate-ai .mock-ai-site,.mock-screen--generate-ai .mock-ai-select{width:100%;min-height:40px;box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:9px;padding:7px 10px;height:auto!important}.mock-ai-site{align-items:center;gap:9px;display:flex!important}.mock-ai-site__mark{color:#fff;background:#0f172a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:inline-flex}.mock-ai-site__copy{flex-direction:column;flex:auto;gap:0;min-width:0;line-height:1.25;display:flex}.mock-ai-site__copy strong{color:#0f172a;font-size:12px;font-weight:650}.mock-ai-site__copy em{color:#94a3b8;font-size:10px;font-style:normal}.mock-ai-site__swatches{flex-shrink:0;align-items:center;gap:3px;display:inline-flex}.mock-ai-site__swatches i{border:1px solid #0f172a14;border-radius:999px;width:8px;height:8px;font-style:normal}.mock-ai-site>:last-child,.mock-ai-select>:last-child{opacity:.5;flex-shrink:0;margin-left:auto}.mock-ai-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mock-ai-mode-card{appearance:none;text-align:left;cursor:pointer;min-height:0;font:inherit;color:#64748b;background:#fff;border:1px solid #0f172a14;border-radius:10px;align-items:flex-start;gap:8px;padding:8px 9px;transition:border-color .12s,background .12s;display:flex}.mock-ai-mode-card:hover{border-color:#0ea5e947}.mock-ai-mode-card__icon{color:#64748b;background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:inline-flex}.mock-ai-mode-card__copy{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.mock-ai-mode-card__copy strong{color:#0f172a;letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:5px;font-size:11.5px;font-weight:650;display:inline-flex}.mock-ai-mode-card__copy strong em{letter-spacing:.04em;text-transform:uppercase;color:#0284c7;background:#0ea5e91a;border-radius:999px;padding:1px 4px;font-size:8.5px;font-style:normal;font-weight:650}.mock-ai-mode-card__copy>span{color:#94a3b8;font-size:10px;line-height:1.3}.mock-ai-mode-card--active{background:#0ea5e90b;border-color:#0ea5e973;box-shadow:inset 0 0 0 .5px #0ea5e933}.mock-ai-mode-card--active .mock-ai-mode-card__icon{color:#0284c7;background:#0ea5e924}.mock-ai-templates{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:none;display:grid!important}.mock-ai-templates .mock-metric-pill,.mock-ai-templates .mock-page-range__btn{justify-content:center;width:100%;min-height:28px;font-size:11px}.mock-ai-optional{margin-left:0}.mock-ai-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mock-ai-slot{appearance:none;color:#94a3b8;min-height:44px;font:inherit;cursor:pointer;background:#f8fafc;border:1px dashed #0f172a24;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:550;transition:border-color .12s,color .12s,background .12s;display:flex;overflow:hidden}.mock-ai-slot:hover{color:#0284c7;background:#0ea5e908;border-color:#0ea5e959}.mock-ai-slot--filled{color:#475569;background:#fff;border-style:solid;border-color:#0ea5e947;justify-content:flex-end;padding:0 0 6px}.mock-ai-slot__thumb{background:linear-gradient(135deg,#0f172a 0%,#1e293b 45%,#0ea5e9 130%);flex:auto;width:100%;min-height:26px;margin-bottom:2px;display:block}.mock-ai-textarea{min-height:72px}.mock-screen--generate-ai .mock-page-ai-chip{padding:4px 9px;font-size:10px}.mock-ai-confirm{flex-direction:column;gap:9px;display:flex}.mock-ai-confirm__banner{background:#0ea5e90d;border:1px solid #0ea5e924;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 11px;display:flex}.mock-ai-confirm__banner .icon{color:#0284c7;flex-shrink:0;margin-top:1px}.mock-ai-confirm__banner strong{color:#0f172a;margin-bottom:1px;font-size:12px;font-weight:650;display:block}.mock-ai-confirm__banner p{color:#64748b;margin:0;font-size:11px;line-height:1.4}.mock-ai-confirm__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.mock-ai-confirm__grid>div{background:#f8fafc;border:1px solid #0f172a0f;border-radius:9px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.mock-ai-summary__label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:9px}.mock-ai-confirm__grid strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650;overflow:hidden}.mock-ai-stage__foot{border-top:1px solid #0f172a0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding:9px 12px 10px;display:flex}.mock-ai-rail__head{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px 0;display:flex}.mock-ai-rail__head .mock-panel__title{color:#0f172a;font-size:12px;font-weight:650}.mock-ai-rail__body{flex-direction:column;flex:auto;gap:11px;min-height:0;padding:10px 12px 12px;display:flex}.mock-ai-brand__swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.mock-ai-brand__swatches>span{border:1px solid #0f172a0f;border-radius:5px;height:16px;display:block}.mock-ai-brand__meta{flex-direction:column;gap:7px;margin:0;display:flex}.mock-ai-brand__meta>div{gap:1px;display:grid}.mock-ai-brand__meta dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:9px}.mock-ai-brand__meta dd{color:#0f172a;margin:0;font-size:11.5px;font-weight:600;line-height:1.35}.mock-ai-wire{background:#f8fafc;border:1px solid #0f172a0f;border-radius:10px;flex-direction:column;gap:6px;padding:9px;display:flex}.mock-ai-wire__label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:9px}.mock-ai-wire__frame{flex-direction:column;gap:4px;display:flex}.mock-ai-wire__hero{color:#ffffffd1;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,#0ea5e9 160%);border-radius:6px;align-items:flex-end;height:28px;padding:5px 7px;font-size:8px;font-weight:650;display:flex}.mock-ai-wire__block{letter-spacing:.04em;text-transform:uppercase;color:#64748b;background:#e2e8f0;border-radius:5px;align-items:center;height:18px;padding:0 7px;font-size:7.5px;font-weight:650;display:flex}.mock-ai-wire__cta{color:#fff;background:#0ea5e9;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:44%;height:14px;margin-top:1px;padding:0 9px;font-size:8px;font-weight:650;display:inline-flex}.mock-ai-rail__foot{border-top:1px solid #0f172a0f;flex-shrink:0;margin-top:auto;padding-top:9px}.mock-ai-rail__foot .mock-panel__title{color:#0f172a;margin-bottom:6px;font-size:12px;font-weight:650;display:block}.mock-ai-checklist{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.mock-ai-checklist li{color:#64748b;align-items:flex-start;gap:6px;font-size:11px;line-height:1.35;display:flex}.mock-ai-checklist .icon{color:#0284c7;flex-shrink:0;margin-top:1px}.product-frame--viewport .mock-ai-shell{grid-template-columns:minmax(0,1.32fr) minmax(180px,.82fr);gap:8px;padding-bottom:6px}.product-frame--viewport .mock-ai-mode-card{gap:6px;min-height:0;padding:7px 8px}.product-frame--viewport .mock-ai-mode-card__copy strong{font-size:11px}.product-frame--viewport .mock-ai-mode-card__copy>span{font-size:9.5px}.product-frame--viewport .mock-screen--generate-ai .mock-ai-topbar .mock-topbar__title{font-size:15px}.product-frame--viewport .mock-ai-slot{min-height:46px}.product-frame--viewport .mock-ai-wire__hero{height:24px}.product-frame>.mock-folder-modal{z-index:50;pointer-events:none;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.product-frame>.mock-folder-modal .mock-folder-modal__backdrop{cursor:pointer;pointer-events:auto;background:#0f172a7a;border:0;margin:0;padding:0;position:absolute;inset:0}.product-frame>.mock-folder-modal .mock-folder-modal__card{z-index:1;pointer-events:auto;background:#fff;border:1px solid #0f172a14;border-radius:14px;width:min(100%,392px);animation:.18s ease-out mock-folder-modal-in;position:relative;overflow:visible;box-shadow:0 24px 48px #0f172a33,inset 0 0 0 1px #fff9}@keyframes mock-folder-modal-in{0%{opacity:.88;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.product-frame>.mock-folder-modal .mock-folder-modal__head,.product-frame>.mock-folder-modal .mock-folder-modal__foot{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.product-frame>.mock-folder-modal .mock-folder-modal__head{border-bottom:1px solid #0f172a0f}.product-frame>.mock-folder-modal .mock-folder-modal__foot{border-top:1px solid #0f172a0f;justify-content:flex-end}.product-frame>.mock-folder-modal .mock-folder-modal__title-row{color:#0f172a;align-items:center;gap:8px;display:inline-flex}.product-frame>.mock-folder-modal .mock-folder-modal__title-row h2{letter-spacing:-.02em;margin:0;font-size:15px;font-weight:700}.product-frame>.mock-folder-modal .mock-folder-modal__close{appearance:none;color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.product-frame>.mock-folder-modal .mock-folder-modal__close:hover{color:#0f172a;background:#0f172a0d}.product-frame>.mock-folder-modal .mock-folder-modal__body{flex-direction:column;gap:14px;padding:16px;display:flex}.product-frame>.mock-folder-modal .mock-form-input{box-sizing:border-box;appearance:none;color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #0f172a1f;border-radius:10px;outline:none;padding:9px 12px;font-size:13px;line-height:1.35}.product-frame>.mock-folder-modal .mock-form-input::placeholder{color:#94a3b8}.product-frame>.mock-folder-modal .mock-form-input:focus{border-color:#0ea5e98c;box-shadow:0 0 0 3px #0ea5e91f}.product-frame>.mock-folder-modal .mock-folder-parent{position:relative}.product-frame>.mock-folder-modal .mock-folder-parent__trigger{text-align:left;cursor:pointer;justify-content:space-between;width:100%}.product-frame>.mock-folder-modal .mock-folder-parent__menu{z-index:2;background:#fff;border:1px solid #0f172a1a;border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 12px 28px #0f172a24}.product-frame>.mock-folder-modal .mock-folder-parent__menu button{appearance:none;color:#0f172a;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:13px}.product-frame>.mock-folder-modal .mock-folder-parent__menu button:hover,.product-frame>.mock-folder-modal .mock-folder-parent__menu button.is-active{background:#0ea5e914}.product-frame>.mock-folder-modal .mock-btn:disabled{opacity:.45;cursor:not-allowed}.product-frame--viewport .mock-pages-flow__layout{gap:10px;padding-bottom:12px}.product-frame--viewport .mock-pages-flow__layout--ai{grid-template-columns:minmax(0,1.35fr) minmax(160px,.8fr)}.mock-screen--abx{flex-direction:column;gap:0;min-height:0;display:flex}.product-frame--viewport .product-frame__main:has(.mock-screen--abx){padding:0}.product-frame--viewport .mock-screen.mock-screen--abx{padding-right:0;overflow:hidden}.mock-screen--app.mock-screen--abx{gap:0}.mock-screen--app.mock-screen--abx .mock-abx-topbar{box-sizing:border-box;background:#fff;border-bottom:none;align-items:flex-start;gap:14px;margin-bottom:0;padding:14px 16px 10px}.mock-screen--app.mock-screen--abx .mock-screen__scroll{padding:12px 16px 10px}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-detail__stack.mock-abx-stack{padding-bottom:0}.mock-screen--app.mock-screen--abx .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700}.mock-screen--app.mock-screen--abx .mock-topbar__crumb--btn{color:#94a3b8}.mock-screen--app.mock-screen--abx .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-abx-topbar{align-items:flex-start}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-abx-title-row__pills,.mock-abx-pills,.mock-header-pills{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.mock-abx-subline{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:5px 0 0;font-size:11px;line-height:1.35;display:flex}.mock-abx-subline__link{color:#0369a1;align-items:center;gap:5px;font-weight:500;display:inline-flex}.mock-abx-meta-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.mock-abx-link{appearance:none;color:#0369a1;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.mock-abx-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:58%;display:flex}.mock-abx-actions-group{background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:0;display:inline-flex}.mock-abx-actions-group .mock-btn--ghost,.mock-abx-actions-group .mock-btn--warn{box-shadow:none;background:#fff;border:1px solid #0f172a1f}.mock-screen--app.mock-screen--abx .mock-abx-actions .mock-btn--danger,.mock-screen--app.mock-screen--abx .mock-abx-actions .mock-btn--danger:hover,.mock-screen--app.mock-screen--abx .mock-abx-actions .mock-btn--danger:focus,.mock-screen--app.mock-screen--abx .mock-abx-actions .mock-btn--danger:active{color:#dc2626;box-shadow:none;background:#ef444414;border:1px solid #ef444452}.mock-screen--app.mock-screen--abx .mock-abx-actions .mock-btn--danger:hover,.mock-screen--app.mock-screen--abx .mock-abx-actions .mock-btn--danger:focus{background:#ef44441f;border-color:#ef444466}.mock-screen--app.mock-screen--abx .mock-abx-actions .mock-btn--danger:active{background:#ef444429}.mock-abx-more{position:relative}.mock-abx-more-menu{z-index:20;background:#fff;border:1px solid #0f172a14;border-radius:10px;min-width:168px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 28px #0f172a1a}.mock-abx-more-item{color:#0f172a;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:11px;font-weight:550;display:flex}.mock-abx-more-item:hover{background:#f1f5f9}.mock-abx-nav{border-bottom:none;align-items:stretch;gap:10px;min-width:0;margin:0;padding:0 16px 8px;display:flex}.mock-abx-nav__tabs{flex-shrink:0;display:flex}.mock-abx-nav .mock-segment-tabs{border:0;padding:0;display:flex}.mock-abx-nav .mock-metric-pills--segmented{height:100%}.mock-abx-nav__alert{background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;flex:auto;align-items:center;gap:8px;min-width:0;padding:3px 3px 3px 10px;display:flex}.mock-abx-nav__alert .icon{color:#0284c7;flex-shrink:0}.mock-abx-nav__alert p{letter-spacing:-.01em;color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;margin:0;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}.mock-abx-nav__alert strong{color:#0f172a;font-weight:600}.mock-abx-nav__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.mock-abx-nav__actions .mock-btn--sm{letter-spacing:-.01em;box-sizing:border-box;border-radius:8px;height:26px;min-height:26px;padding:5px 11px;font-size:10px;font-weight:600;line-height:16px}.mock-abx-nav__actions .mock-btn--ghost,.mock-abx-nav__actions .mock-btn--ghost:hover,.mock-abx-nav__actions .mock-btn--ghost:focus,.mock-abx-nav__actions .mock-btn--ghost:active,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-section__head .mock-btn--ghost,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-section__head .mock-btn--ghost:hover,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-section__head .mock-btn--ghost:focus,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-section__head .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-abx-stack{flex-direction:column;gap:14px;padding-bottom:16px;display:flex}.mock-abx-alerts{margin-top:2px}.mock-abx-alerts .mock-alert--inline{border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px 8px 14px;font-size:11px;display:flex}.mock-abx-alerts__note{color:#64748b;box-shadow:none;background:#fff;border:1px solid #0f172a12;border-left:2px solid #f43f5e}.mock-abx-alerts__note strong{color:#0f172a;font-weight:600}.mock-abx-alerts__sep{color:var(--mock-text-muted)}.mock-abx-urlbar{background:#fff;border:1px solid #0f172a0f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.mock-abx-urlbar__main{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.mock-abx-urlbar__label{color:var(--mock-text-muted);font-size:10px;font-weight:600}.mock-abx-urlbar__value{color:#0369a1;font-size:11px}.mock-abx-block{flex-direction:column;gap:10px;display:flex}.mock-abx-section-head{align-items:flex-start;gap:8px;padding:2px 2px 0;display:flex}.mock-abx-section-head__copy{flex:auto;min-width:0}.mock-abx-section-head__icon{color:#64748b;background:#f1f5f9;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;display:inline-flex}.mock-abx-section-head__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:13px;font-weight:650}.mock-abx-section-head__desc{color:#94a3b8;margin:1px 0 0;font-size:11px;line-height:1.35}.mock-abx-range{flex-shrink:0;margin-left:auto}.mock-screen--app.mock-screen--abx .mock-abx-range{background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;gap:2px;padding:3px}.mock-screen--app.mock-screen--abx .mock-abx-range .mock-page-range__btn{color:#64748b;background:0 0;border-radius:8px;padding:5px 11px;font-size:10px;font-weight:500}.mock-screen--app.mock-screen--abx .mock-abx-range .mock-page-range__btn--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-screen--app.mock-screen--abx .mock-metric-pills--segmented{background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;gap:2px;padding:3px}.mock-screen--app.mock-screen--abx .mock-metric-pills--segmented .mock-metric-pill{border-radius:8px}.mock-abx-perf{background:#fff;border:1px solid #0f172a12;border-radius:16px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.mock-abx-perf__meta{border-bottom:1px solid #0f172a0d;justify-content:space-between;align-items:center;gap:12px;padding:9px 14px 9px 16px;display:flex}.mock-abx-perf__meta-main{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.mock-abx-perf__url{letter-spacing:-.01em;color:#334155;align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:500;display:inline-flex}.mock-abx-perf__url svg{color:#94a3b8;flex-shrink:0}.mock-abx-perf__copy{flex-shrink:0}.mock-abx-perf__body{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);align-items:stretch;min-height:288px;display:grid}.mock-abx-perf__primary{border-right:1px solid #0f172a0d;flex-direction:column;gap:14px;min-width:0;padding:16px 16px 16px 18px;display:flex}.mock-abx-perf__hero{align-items:baseline;gap:14px;padding:2px 2px 0;display:flex}.mock-abx-perf__hero-num{letter-spacing:-.05em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:28px;font-weight:650;line-height:1}.mock-abx-perf__hero-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-abx-perf__hero-copy strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:600}.mock-abx-perf__hero-copy span{color:#94a3b8;font-size:11px;line-height:1.35}.mock-abx-perf__kpis{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;display:grid}.mock-abx-perf__kpi{appearance:none;text-align:left;cursor:pointer;width:100%;height:100%;color:inherit;font:inherit;background:0 0;border:0;margin:0;padding:0;display:block}.mock-abx-kpi-hit{appearance:none;text-align:left;cursor:pointer;width:100%;height:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:12px;margin:0;padding:0;display:block}.mock-abx-kpi-hit.is-active .mock-kpi--marco{border-color:#0ea5e947;box-shadow:inset 2px 0 #0ea5e9}.mock-abx-glance__hit{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.mock-abx-variants__hit{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.mock-abx-variants__hit.is-active,.mock-abx-variants__hit.is-lead{background:#f0f9ff8c}.mock-abx-snap{background:#fff;border:1px solid #0f172a12;border-radius:12px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;min-width:0;display:grid;overflow:hidden}.mock-abx-snap__aside{align-items:center;gap:10px;display:inline-flex}.mock-screen--app.mock-screen--abx .mock-page-opt-pill{letter-spacing:.01em;color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;align-items:center;height:22px;padding:0 8px;font-size:10px;font-weight:650;display:inline-flex}.mock-screen--app.mock-screen--abx .mock-page-opt-pill--live{color:#15803d;background:#16a34a14;border-color:#16a34a2e}.mock-screen--app.mock-screen--abx .mock-abx-snap__ready{border-radius:8px;height:22px;padding:0 8px}.mock-abx-snap__verdict{appearance:none;text-align:left;cursor:pointer;font:inherit;color:inherit;background:linear-gradient(#f8fafc 0%,#fff 58%);border:0;border-right:1px solid #0f172a0d;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:18px 18px 16px;display:flex}.mock-abx-snap__verdict:hover .mock-abx-snap__hero{color:#0369a1}.mock-abx-snap__kicker{letter-spacing:.06em;text-transform:uppercase;color:#0284c7;font-size:10px;font-weight:650}.mock-abx-snap__hero{letter-spacing:-.06em;color:#0f172a;font-variant-numeric:tabular-nums;margin:8px 0 6px;font-size:42px;font-weight:700;line-height:.92;transition:color .16s}.mock-abx-snap__lede{color:#64748b;max-width:34ch;margin:0 0 16px;font-size:12px;line-height:1.45}.mock-abx-snap__stats{border-top:1px solid #0f172a0f;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;margin-top:auto;padding-top:12px;display:grid}.mock-abx-snap__stats>span{border-left:1px solid #0f172a0f;flex-direction:column;gap:3px;min-width:0;padding:0 10px;display:flex}.mock-abx-snap__stats>span:first-child{border-left:0;padding-left:0}.mock-abx-snap__stats em{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-style:normal;font-weight:650}.mock-abx-snap__stats b{letter-spacing:-.03em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.mock-abx-snap__stats b.is-warn{color:#c2410c}.mock-abx-snap__meter{background:#fff;flex-direction:column;gap:0;min-width:0;padding:18px 18px 16px;display:flex}.mock-abx-snap__meter-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:22px;display:flex}.mock-abx-snap__meter-head span{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-abx-snap__meter-head strong{letter-spacing:-.04em;color:#0284c7;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.mock-abx-snap__rail{background-color:#eef2f6;background-image:linear-gradient(#0f172a0d,#fff6),radial-gradient(circle at 1px 1px,#0f172a17 1px,#0000 0);background-size:auto,7px 7px;border-radius:6px;height:16px;margin:0 0 10px;position:relative;overflow:visible;box-shadow:inset 0 1px 2px #0f172a14,inset 0 0 0 1px #0f172a0d}.mock-abx-snap__fill{background:linear-gradient(#ffffff8c 0%,#ffffff14 38%,#0284c71f 100%),linear-gradient(90deg,#7dd3fc 0%,#38bdf8 34%,#0ea5e9 68%,#0369a1 100%);border-radius:4px;width:calc(94% - 6px);position:absolute;inset:3px auto 3px 3px;overflow:hidden;box-shadow:0 0 0 1px #0ea5e947,0 8px 18px #0ea5e952,inset 0 1px #ffffff8c}.mock-abx-snap__remain{background:repeating-linear-gradient(-55deg,#0ea5e961 0 3px,#ffffff8c 3px 6px);border-radius:2px;width:calc(1% + 2px);position:absolute;top:3px;bottom:3px;left:calc(94% - 2px);box-shadow:inset 0 0 0 1px #0ea5e933}.mock-abx-snap__sheen{background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:42%;animation:2.8s ease-in-out infinite mock-abx-sheen;position:absolute;inset:0 auto 0 -35%}.mock-abx-snap__cap{background:#ffffffeb;border-radius:2px;width:3px;position:absolute;top:2px;bottom:2px;right:2px;box-shadow:0 0 10px #ffffffb3}@keyframes mock-abx-sheen{0%{opacity:0;transform:translate(0)}18%{opacity:1}to{opacity:0;transform:translate(280%)}}.mock-abx-snap__gate{opacity:.42;pointer-events:none;background:#0f172a;width:1px;position:absolute;top:-6px;bottom:-6px;transform:translate(-50%)}.mock-abx-snap__gate em{letter-spacing:.04em;text-transform:uppercase;color:#64748b;white-space:nowrap;font-size:8px;font-style:normal;font-weight:650;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.mock-abx-snap__meter-meta{color:#94a3b8;justify-content:space-between;gap:10px;margin:0 0 14px;font-size:11px;display:flex}.mock-abx-snap__interval{background:linear-gradient(#f8fafc 0%,#fff 70%);border:1px solid #0f172a0f;border-radius:10px;margin-top:auto;padding:12px 12px 10px}.mock-abx-snap__interval-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.mock-abx-snap__interval-head span{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:650}.mock-abx-snap__interval-head strong{letter-spacing:-.03em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:13px;font-weight:650}.mock-abx-snap__interval-track{background:linear-gradient(#0f172a0d,#0f172a08),#f1f5f9;border-radius:4px;height:10px;position:relative;box-shadow:inset 0 1px 1px #0f172a0d}.mock-abx-snap__interval-band{background:linear-gradient(90deg,#0ea5e929,#0ea5e975,#0ea5e929);border-radius:4px;width:68%;position:absolute;top:0;bottom:0;left:16%;box-shadow:inset 0 1px #ffffff59}.mock-abx-snap__interval-dot{background:#0ea5e9;border:2px solid #fff;border-radius:3px;width:10px;height:10px;position:absolute;top:50%;left:48%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0ea5e973}.mock-abx-snap__interval-labels{color:#94a3b8;font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;margin-top:8px;font-size:10px;font-weight:550;display:flex}.mock-abx-snap__interval-labels span:nth-child(2){color:#0284c7;font-weight:650}.mock-abx-snap__interval p{color:#94a3b8;margin:8px 0 0;font-size:11px;line-height:1.4}@media (prefers-reduced-motion:reduce){.mock-abx-snap__sheen{animation:none;display:none}}@media (max-width:920px){.mock-abx-snap{grid-template-columns:1fr}.mock-abx-snap__verdict{border-bottom:1px solid #0f172a0d;border-right:0}}.mock-abx-match{grid-template-columns:minmax(0,1.22fr) minmax(220px,.78fr);align-items:stretch;gap:10px;display:grid}.mock-abx-match__board,.mock-abx-match__setup{background:#fff;border:1px solid #0f172a12;border-radius:12px;flex-direction:column;min-width:0;padding:14px 14px 12px;display:flex}.mock-abx-match__board-head,.mock-abx-match__setup-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.mock-abx-match__board-head span:first-child,.mock-abx-match__setup-head span:first-child{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-abx-match__board-head .mono{color:#94a3b8;font-size:10px}.mock-screen--app.mock-screen--abx .mock-abx-match .mock-page-info-status{border-radius:8px;height:22px;padding:0 8px}.mock-abx-match__grid{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mock-abx-vcard{appearance:none;text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:linear-gradient(#f8fafc 0%,#fff 58%);border:1px solid #0f172a12;border-radius:10px;flex-direction:column;align-items:flex-start;gap:0;margin:0;padding:12px 12px 11px;display:flex}.mock-abx-vcard.is-lead{background:linear-gradient(#f0f9ff 0%,#fff 62%);border-color:#0ea5e92e}.mock-abx-vcard.is-active{box-shadow:inset 2px 0 #0ea5e9}.mock-abx-vcard:hover{border-color:#0f172a1f}.mock-abx-vcard__top{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:10px;display:flex}.mock-screen--app.mock-screen--abx .mock-abx-vcard .mock-page-tag{border-radius:8px;height:22px;padding:0 8px}.mock-abx-vcard__badge{font-family:var(--font-body);letter-spacing:normal;color:#15803d;background:#16a34a14;border:1px solid #16a34a1f;border-radius:6px;align-items:center;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-abx-vcard__rate{letter-spacing:-.055em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:.92}.mock-abx-vcard.is-lead .mock-abx-vcard__rate{color:#0284c7}.mock-abx-vcard__rail{background-color:#eef2f6;background-image:linear-gradient(#0f172a0a,#ffffff73),radial-gradient(circle at 1px 1px,#0f172a14 1px,#0000 0);background-size:auto,6px 6px;border-radius:4px;width:100%;height:10px;margin:10px 0 12px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #0f172a0f}.mock-abx-vcard__rail>i{background:linear-gradient(#ffffff73 0%,#fff0 50%),linear-gradient(90deg,#cbd5e1,#94a3b8);border-radius:3px;height:100%;display:block}.mock-abx-vcard.is-lead .mock-abx-vcard__rail>i{background:linear-gradient(#ffffff80 0%,#fff0 46%),linear-gradient(90deg,#7dd3fc 0%,#0ea5e9 70%,#0284c7 100%);box-shadow:0 4px 10px #0ea5e938}.mock-abx-vcard__page{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-abx-vcard__meta{color:#94a3b8;margin-top:3px;font-size:11px}.mock-abx-vcard__vs{color:#64748b;margin-top:8px;font-size:11px;font-weight:650}.mock-abx-vcard__vs.is-up{color:#15803d}.mock-abx-match__foot{color:#64748b;border-top:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}.mock-abx-match__group{flex-direction:column;gap:0;display:flex}.mock-abx-match__group+.mock-abx-match__group{border-top:1px solid #0f172a0f;margin-top:12px;padding-top:10px}.mock-abx-match__group>em{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;margin-bottom:6px;font-size:9px;font-style:normal;font-weight:650}.mock-abx-match__row{justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;display:flex}.mock-abx-match__row--mode{align-items:center}.mock-abx-match__row span:first-child{color:#94a3b8;font-size:11px}.mock-abx-match__row strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}@media (max-width:920px){.mock-abx-match,.mock-abx-match__grid{grid-template-columns:1fr}}.mock-abx-life{grid-template-columns:minmax(200px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:10px;display:grid}.mock-abx-life__time,.mock-abx-life__urls{background:#fff;border:1px solid #0f172a12;border-radius:10px;flex-direction:column;min-width:0;padding:14px 14px 12px;display:flex}.mock-abx-life__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.mock-abx-life__head span:first-child{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-abx-life__head-meta{color:#94a3b8;font-size:11px}.mock-abx-life__well{background-color:#eef2f6;background-image:linear-gradient(#ffffffd6,#ffffff85),radial-gradient(circle at 1px 1px,#0f172a0d 1px,#0000 0);background-size:auto,8px 8px;border-radius:8px;flex-direction:column;flex:auto;min-width:0;padding:6px;display:flex;box-shadow:inset 0 1px 1px #0f172a0a}.mock-abx-life__spine{flex-direction:column;flex:auto;gap:8px;min-height:0;margin:0;padding:8px 8px 8px 6px;list-style:none;display:flex;position:relative}.mock-abx-life__spine>li{z-index:1;grid-template-columns:16px minmax(0,1fr);align-items:center;column-gap:10px;display:grid;position:relative}.mock-abx-life__spine>li:not(:last-child):after{content:"";background:#e2e8f0;width:1px;position:absolute;top:calc(50% + 5px);bottom:calc(-50% - 9px);left:8px;transform:translate(-50%)}.mock-abx-life__dot{background:#cbd5e1;border-radius:50%;justify-self:center;width:8px;height:8px;display:block}.mock-abx-life__dot.is-live{z-index:1;background:#10b981;position:relative;box-shadow:0 0 0 3px #fff}.mock-abx-life__dot.is-live:after{content:"";z-index:-1;background:#10b98147;border-radius:50%;animation:1.8s ease-out infinite mock-abx-life-pulse;position:absolute;inset:-6px}@keyframes mock-abx-life-pulse{0%{opacity:.7;transform:scale(.72)}to{opacity:0;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.mock-abx-life__dot.is-live:after{opacity:.35;animation:none;transform:none}}.mock-abx-life__step{min-width:0;min-height:44px;box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;padding:8px 10px;display:flex}.mock-abx-life__step-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.mock-abx-life__label{align-items:center;gap:6px;min-width:0;display:inline-flex}.mock-abx-life__step b{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650;line-height:1.2}.mock-abx-life__step em{color:#94a3b8;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex-shrink:0;font-size:11px;font-style:normal;font-weight:500}.mock-abx-life__delta{color:#94a3b8;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:10px;font-weight:550}.mock-abx-life__spine>li.is-now .mock-abx-life__step{border-color:#10b98138}.mock-abx-life__spine>li.is-now b{color:#047857}.mock-abx-life__pages{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mock-abx-page{background:linear-gradient(#f8fafc 0%,#fff 58%);border:1px solid #0f172a12;border-radius:10px;flex-direction:column;align-items:flex-start;min-width:0;padding:12px 12px 11px;display:flex}.mock-abx-page.is-live{background:linear-gradient(#f0fdf4 0%,#fff 62%);border-color:#16a34a29}.mock-abx-page.is-stale{background:linear-gradient(#fff7ed 0%,#fff 62%);border-color:#c2410c29}.mock-abx-page__top{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:10px;display:flex}.mock-screen--app.mock-screen--abx .mock-abx-life .mock-page-tag,.mock-screen--app.mock-screen--abx .mock-abx-life .mock-page-info-status{border-radius:8px;height:22px;padding:0 8px}.mock-abx-page__stale,.mock-screen--app.mock-screen--abx .mock-abx-life .mock-page-info-status--stale{color:#c2410c;background:#c2410c14;border:1px solid #c2410c2e;border-radius:8px;align-items:center;height:22px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.mock-abx-page__path{color:#0f172a;word-break:break-all;font-size:12px;font-weight:650}.mock-abx-page__stat{letter-spacing:-.05em;color:#0f172a;font-variant-numeric:tabular-nums;margin-top:10px;font-size:22px;font-weight:700;line-height:1}.mock-abx-page.is-live .mock-abx-page__stat{color:#047857}.mock-abx-page.is-stale .mock-abx-page__stat{letter-spacing:-.03em;color:#c2410c;font-size:16px}.mock-abx-page__hint{color:#94a3b8;margin-top:4px;font-size:11px}.mock-abx-page .mock-panel__link{margin-top:10px}.mock-abx-life__foot{color:#64748b;border-top:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;font-size:11px;display:flex}@media (max-width:920px){.mock-abx-life,.mock-abx-life__pages{grid-template-columns:1fr}}.mock-screen--app.mock-screen--abx .mock-page-opt-empty__cta{border-radius:8px;height:28px;margin-top:0}.mock-screen--app.mock-screen--abx .mock-page-metric__empty-cta{border-radius:8px}.mock-abx-alerts__note.mock-page-tracking__note{border-left:2px solid #f43f5e;margin-top:12px;margin-bottom:16px}.mock-abx-alerts__note .mock-abx-link{color:#0369a1;font-weight:600}.mock-abx-urls__head{grid-template-columns:52px minmax(0,1.4fr) 64px 72px}.mock-abx-perf__kpi .mock-kpi--marco .mock-kpi__value{letter-spacing:-.035em;color:#0f172a;font-size:16px;font-weight:650}.mock-abx-perf__kpi .mock-kpi--marco .mock-kpi__label{color:#94a3b8;letter-spacing:.01em;font-size:10px;font-weight:500}.mock-abx-perf__kpi .mock-kpi--marco .mock-kpi__trend{font-size:10px;font-weight:550}.mock-abx-perf__kpi .mock-kpi__spark{opacity:.9;width:52px}.mock-abx-perf__chart{background:linear-gradient(#fbfcfd 0%,#fff 42%);flex-direction:column;gap:10px;min-width:0;min-height:0;padding:14px 16px 12px;display:flex}.mock-abx-perf__chart-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mock-abx-perf__chart-title{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-abx-perf__chart-title span{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-abx-perf__chart-title em{color:#94a3b8;font-size:10px;font-style:normal}.mock-abx-perf__legend{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.mock-abx-perf__legend-btn{appearance:none;font:inherit;color:#94a3b8;cursor:pointer;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-size:10px;font-weight:550;display:inline-flex}.mock-abx-perf__legend-btn.is-on{color:#334155;box-shadow:none;background:#fff;border-color:#0ea5e938;font-weight:550}.mock-abx-perf__legend-btn:last-child.is-on{border-color:#10b98147}.mock-abx-perf__chart .mock-area-line{flex:auto;gap:8px;min-height:188px}.mock-abx-perf__chart .mock-area-line__plot{border-radius:16px;flex:auto;min-height:176px;overflow:hidden}@media (max-width:920px){.mock-abx-perf__body{grid-template-columns:1fr;min-height:0}.mock-abx-perf__primary{border-bottom:1px solid #0f172a0d;border-right:0;padding-bottom:14px}.mock-abx-perf__chart{min-height:220px}}.mock-abx-shell{background:#fff;border:1px solid #0f172a14;border-radius:14px;grid-template-columns:minmax(0,1.55fr) minmax(200px,.85fr);align-items:stretch;display:grid;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.mock-abx-shell__main{border-right:1px solid #0f172a0f;min-width:0}.mock-abx-shell__rail{background:#fff;min-width:0}.mock-abx-glance{background:#fff;border:1px solid #0f172a0f;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:10px 14px;display:grid}.mock-abx-glance__item{appearance:none;text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:0;border-left:1px solid #0f172a0f;flex-direction:column;gap:3px;padding:0 14px;display:flex}.mock-abx-glance__item:hover strong{color:#0369a1}.mock-abx-glance__item:first-child{border-left:none;padding-left:0}.mock-abx-glance__item:last-child{padding-right:0}.mock-abx-glance__label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-weight:500}.mock-abx-glance__item strong{letter-spacing:-.02em;color:#0f172a;font-size:13px;font-weight:650}.mock-abx-glance__warn{color:#c2410c}.mock-abx-progress{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.mock-abx-progress .mock-progress-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#0284c7);height:100%}.mock-abx-primary{color:#fff;background:#0f172a;border:0}.mock-abx-rate{color:#475569;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:fit-content;min-height:22px;padding:0 7px;font-size:11px;font-weight:650;display:inline-flex}.mock-abx-rate--hot{color:#047857;background:#10b9811a}.mock-abx-progress-row{grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);gap:10px;display:grid}.mock-abx-lift,.mock-abx-sig{background:#fff;border-color:#0f172a12;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.mock-abx-eyebrow{color:var(--mock-text-muted);align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.mock-abx-lift strong{letter-spacing:-.02em;color:#0f172a;font-size:18px}.mock-abx-lift em,.mock-abx-sig__caption,.mock-abx-stat-grid em{color:var(--mock-text-muted);font-size:10px;font-style:normal}.mock-abx-sig__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-abx-split{grid-template-columns:minmax(0,1.55fr) minmax(200px,.9fr);align-items:start;gap:10px;display:grid}.mock-abx-split--stats,.mock-abx-split--foot{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-abx-variants,.mock-abx-config{padding:0;overflow:hidden}.mock-abx-variants .mock-panel__head{padding:10px 12px}.mock-abx-config__head{border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.mock-abx-config__title{color:#0f172a;letter-spacing:-.01em;font-size:12px;font-weight:650}.mock-abx-variants__table{flex-direction:column;display:flex}.mock-abx-variants__head,.mock-abx-variants__row{grid-template-columns:minmax(0,1.6fr) repeat(5,minmax(48px,.55fr)) minmax(88px,.7fr);align-items:center;gap:6px;padding:8px 12px;display:grid}.mock-abx-variants__head{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);background:#fff;border-bottom:1px solid #0f172a0f;font-size:8px}.mock-abx-variants__row{cursor:pointer;border-bottom:1px solid #0f172a0d;font-size:11px;transition:background .15s}.mock-abx-variants__row:hover{background:#f8fafc}.mock-abx-variants__row.is-lead{background:#0ea5e90a}.mock-abx-variants__row.is-active{background:#0ea5e914;box-shadow:inset 2px 0 #0ea5e9}.mock-abx-variants__name{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-abx-variants__name strong{font-size:11px}.mock-abx-variants__name em{color:var(--mock-text-muted);font-size:9px;font-style:normal}.mock-abx-variants__status{justify-self:end;align-items:center;gap:4px;display:inline-flex}.mock-abx-up{color:#047857;font-weight:650}.mock-abx-config{flex-direction:column;gap:0;padding:0;display:flex}.mock-abx-config__group{border-top:1px solid #0f172a0d;flex-direction:column;gap:6px;padding:10px 12px 12px;display:flex}.mock-abx-config__label{letter-spacing:.06em;text-transform:uppercase;color:var(--mock-text-muted);font-size:9px;font-weight:700}.mock-abx-kv{color:var(--mock-text-secondary);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.mock-abx-kv strong{color:#0f172a;font-weight:600}.mock-abx-mode{background:#f1f5f9;border-radius:8px;gap:2px;padding:2px;display:inline-flex}.mock-abx-mode button{appearance:none;font:inherit;color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600}.mock-abx-mode .is-active{color:#fff;background:#0ea5e9}.mock-abx-compare{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.mock-abx-compare p{color:var(--mock-text-muted);margin:4px 0 0;font-size:11px}.mock-abx-compare__actions{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.mock-abx-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mock-abx-stat-grid strong{letter-spacing:-.02em;margin-top:4px;font-size:16px;display:block}.mock-abx-expand{appearance:none;width:100%;font:inherit;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:9px 11px;font-size:11px;font-weight:600;display:inline-flex}.mock-abx-ai{flex-direction:column;gap:10px;display:flex}.mock-abx-ai__item{appearance:none;text-align:left;cursor:pointer;color:inherit;font:inherit;background:#fff;border:1px solid #0f172a14;border-radius:10px;grid-template-columns:22px minmax(0,1fr);gap:2px 8px;padding:10px;display:grid}.mock-abx-ai__item svg{color:#0284c7;grid-row:1/span 2;margin-top:2px}.mock-abx-ai__item strong{font-size:12px}.mock-abx-ai__item span{color:var(--mock-text-muted);font-size:10px}.mock-abx-section{padding:0;overflow:hidden}.mock-abx-section>.mock-panel__head{padding:10px 12px}.mock-abx-section__body{flex-direction:column;gap:10px;padding:0 12px 12px;display:flex}.mock-abx-chart-card{flex-direction:column;gap:8px;display:flex}.mock-abx-chart-card__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-abx-metrics{margin-left:auto}.mock-abx-legend,.mock-abx-legend-hint{color:var(--mock-text-muted);align-items:center;gap:12px;font-size:10px;display:inline-flex}.mock-abx-legend span,.mock-abx-legend__btn{align-items:center;gap:5px;display:inline-flex}.mock-abx-legend__btn{appearance:none;font:inherit;color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:550}.mock-abx-legend__btn.is-on{color:#334155;background:#f8fafc}.mock-abx-legend__btn:hover{color:#0f172a}.mock-abx-swatch{border-radius:2px;width:8px;height:8px;display:inline-block}.mock-abx-swatch--control{background:#64748b}.mock-abx-swatch--variant{background:#0ea5e9}.mock-abx-bars{align-items:flex-end;gap:10px;min-height:96px;padding:8px 4px 0;display:flex}.mock-abx-bars__group{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.mock-abx-bars__pair{align-items:flex-end;gap:3px;width:100%;height:72px;display:flex}.mock-abx-bars__bar{border-radius:4px 4px 0 0;flex:1;min-height:4px}.mock-abx-bars__bar--control{background:#94a3b8}.mock-abx-bars__bar--variant{background:#0ea5e9}.mock-abx-bars__label{color:var(--mock-text-muted);font-size:9px}.mock-abx-empty,.mock-abx-table-card{flex-direction:column;gap:10px;padding:12px;display:flex}.mock-abx-empty__head,.mock-abx-empty--wide .mock-abx-empty__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-abx-empty__body{text-align:center;color:var(--mock-text-muted);flex-direction:column;align-items:center;gap:6px;padding:18px 12px;display:flex}.mock-abx-empty__body strong{color:#0f172a;font-size:12px}.mock-abx-empty__body p{max-width:36ch;margin:0;font-size:10px;line-height:1.45}.mock-abx-empty__body code{color:#0369a1}.mock-abx-mini-table{border:1px solid #0f172a0f;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.mock-abx-mini-table__head,.mock-abx-mini-table__row{grid-template-columns:48px 1fr 1fr 72px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:grid}.mock-abx-mini-table__head{color:var(--mock-text-muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:#fff;font-size:8px}.mock-abx-mini-table__row{border-top:1px solid #0f172a0d}.mock-abx-mini-table__head--seg,.mock-abx-mini-table__row--seg{grid-template-columns:minmax(0,1fr) 56px 56px 64px 48px}.mock-abx-lift-pill{color:#475569;min-height:18px;font-family:var(--font-mono);background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;padding:0 7px;font-size:9px;font-weight:650;display:inline-flex}.mock-abx-lift-pill.is-up{color:#047857;background:#10b9811f}.mock-abx-lift-pill.is-down{color:#b91c1c;background:#ef44441a}.mock-abx-campaign{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;color:inherit;background:#fff;border:1px solid #0f172a14;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.mock-abx-campaign:hover{background:#f8fafc;border-color:#0ea5e959}.mock-abx-campaign__dims,.mock-abx-campaign__metrics{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.mock-abx-campaign__metrics{color:var(--mock-text-secondary);font-size:11px}.mock-abx-seg-tabs{scrollbar-width:none;width:max-content;max-width:100%;overflow-x:auto}.mock-abx-seg-tabs::-webkit-scrollbar{display:none}.mock-abx-note{color:var(--mock-text-muted);margin:0;font-size:10px}.mock-abx-funnel-controls{align-items:center;gap:8px;display:inline-flex}.mock-abx-toggle{appearance:none;height:24px;font:inherit;color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:8px;align-items:center;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.mock-abx-toggle.is-on{color:#0369a1;background:#0ea5e91f}.mock-abx-steps{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mock-abx-steps__label{color:#94a3b8;font-size:10px;font-weight:600}.mock-abx-steps__chip{color:#64748b;background:#fff;border-radius:6px;align-items:center;height:20px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #0f172a1f}.mock-abx-steps__chip.is-on{color:#0284c7;background:#fff;box-shadow:0 1px 4px #0f172a1f}.mock-abx-steps__add{appearance:none;height:20px;font:inherit;color:#0284c7;cursor:pointer;background:#fff;border:0;border-radius:6px;align-self:flex-start;margin:2px 0 0;padding:0 7px;font-size:10px;font-weight:700;box-shadow:0 1px 4px #0f172a1f}.mock-abx-steps__add:hover,.mock-abx-steps__add:focus,.mock-abx-steps__add:active{background:#fff}.mock-abx-funnel-rail{min-width:0;position:relative}.mock-abx-funnel{flex-direction:column;gap:6px;min-width:0;padding:0;display:flex}.mock-abx-funnel__step{appearance:none;text-align:left;cursor:pointer;width:100%;height:auto;font:inherit;color:inherit;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:6px;margin:0;padding:8px 10px;display:flex}.mock-abx-funnel__step:hover,.mock-abx-funnel__step:focus,.mock-abx-funnel__step.is-active{background:#0ea5e90b}.mock-abx-funnel__drop{background:0 0;justify-content:center;align-items:center;min-height:20px;margin:0;display:flex}.mock-abx-funnel__track{background:#eef2f6;border-radius:8px;height:10px;display:block;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.mock-abx-funnel__track i{background:linear-gradient(90deg,#7dd3fc 0%,#38bdf8 34%,#0ea5e9 68%,#0369a1 100%);border-radius:8px;min-width:10px;height:100%;display:block;position:relative;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #0369a147}.mock-abx-funnel__track i:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff8c 0%,#ffffff0f 40%,#0284c729 100%);position:absolute;inset:0}.mock-abx-funnel__row{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.mock-abx-funnel__name{text-overflow:ellipsis;white-space:nowrap;color:#0f172a;min-width:0;font-size:11px;font-weight:650;overflow:hidden}.mock-abx-funnel__stat{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;display:inline-flex}.mock-abx-funnel__stat b{letter-spacing:-.02em;color:#0f172a;font-size:11px;font-weight:650}.mock-abx-funnel__stat em{color:#64748b;font-size:10px;font-style:normal;font-weight:500}.mock-abx-funnel__col,.mock-abx-funnel__bar,.mock-abx-funnel__bridge,.mock-abx-funnel__lost{display:none}.mock-abx-timeline,.mock-abx-urls{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.mock-abx-timeline ol{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mock-abx-timeline li{grid-template-columns:12px minmax(0,1fr);gap:2px 8px;font-size:11px;display:grid}.mock-abx-timeline__dot{background:#cbd5e1;border-radius:50%;grid-row:1/span 2;width:10px;height:10px;margin-top:3px}.mock-abx-timeline__dot.is-live{background:#10b981}.mock-abx-timeline em,.mock-abx-urls code{color:var(--mock-text-muted);font-size:10px;font-style:normal}.mock-abx-urls__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-abx-bayes{flex-direction:column;gap:14px;display:flex}.mock-abx-bayes-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.mock-abx-bayes-pair>.mock-page-section{flex-direction:column;min-width:0;height:100%;display:flex}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-bayes-pair>.mock-page-section,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-bayes-pair>.mock-page-section+.mock-page-section{margin-top:0;padding-top:0}.mock-abx-bayes-pair>.mock-page-section>.mock-page-section__body{flex-direction:column;flex:auto;min-width:0;display:flex}.mock-abx-bayes-pair .mock-abx-dist,.mock-abx-bayes-pair .mock-abx-trend{flex-direction:column;flex:auto;gap:10px;min-width:0;height:100%;display:flex}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-bayes-pair .mock-page-section__head{flex-wrap:nowrap;align-items:center;height:30px;min-height:30px;margin-bottom:0;padding:0;display:flex}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-bayes-pair .mock-page-section__copy{flex:auto;align-items:center;min-width:0;height:100%;display:flex}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-bayes-pair .mock-page-section__title{white-space:nowrap;line-height:1}.mock-abx-bayes-pair .mock-abx-metrics{flex-shrink:0;margin-top:0;margin-left:auto}.mock-abx-bayes-pair .mock-abx-metrics .mock-metric-pill{padding:4px 8px;font-size:9px}.mock-abx-bayes-pair .mock-abx-trend{border-radius:12px;padding:12px 12px 10px}.mock-abx-bayes-pair .mock-abx-dist__well,.mock-abx-bayes-pair .mock-abx-trend__well{flex:auto;min-height:0;padding:10px 12px 12px}.mock-abx-bayes-pair .mock-abx-dist__note,.mock-abx-bayes-pair .mock-abx-chart-card__foot{flex:none;min-height:22px;margin-top:0}.mock-abx-bayes-pair .mock-abx-trend__well{background-color:#eef2f6;background-image:linear-gradient(#ffffffb8,#ffffff61),radial-gradient(circle at 1px 1px,#0f172a12 1px,#0000 0);background-size:auto,7px 7px;border-radius:10px;flex-direction:column;justify-content:flex-start;padding:10px 12px 12px;display:flex;overflow:visible;box-shadow:inset 0 1px 1px #0f172a0d}.mock-abx-bayes-pair .mock-abx-trend .mock-area-line{flex-direction:column;flex:auto;gap:0;height:100%;min-height:0;display:flex}.mock-abx-bayes-pair .mock-abx-trend .mock-area-line--premium.mock-area-line--default .mock-area-line__plot,.mock-abx-bayes-pair .mock-abx-trend .mock-area-line__plot{height:auto;min-height:0;box-shadow:none;background:0 0;border-radius:8px;flex:auto;overflow:visible}.mock-abx-bayes-pair .mock-abx-trend .mock-area-line--premium .mock-area-line__svg{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none}.mock-abx-bayes-pair .mock-abx-trend .mock-area-line__axis{flex:0 0 20px;height:20px;min-height:20px;padding:0}.mock-abx-bayes-pair .mock-abx-trend .mock-area-line__day:last-child{transform:translate(-100%,-50%)}.mock-abx-bayes-pair .mock-abx-trend .mock-area-line__yticks span{letter-spacing:0;color:#94a3b8;font-variant-numeric:tabular-nums;font-size:10px;font-weight:550;left:0}.mock-abx-bayes-pair .mock-abx-chart-card__foot{margin-top:0}.mock-abx-bayes__status{background:#fafbfc;border:1px solid #0f172a0f;border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;padding:8px 12px;display:flex}.mock-abx-bayes__method{color:#94a3b8;font-size:11px}.mock-abx-bayes__results .mock-panel__head{padding:12px 14px 0}.mock-abx-results{flex-direction:column;display:flex}.mock-abx-results__head,.mock-abx-results__row{grid-template-columns:minmax(120px,1.4fr) repeat(6,minmax(52px,.7fr));align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:grid}.mock-abx-results__head{color:#94a3b8;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;background:#fff;border-bottom:1px solid #0f172a0f;font-size:8px;font-weight:600}.mock-abx-results__row{cursor:pointer;border-bottom:1px solid #0f172a0a;transition:background .15s}.mock-abx-results__row:hover{background:#f8fafc}.mock-abx-results__row.is-lead{background:#0ea5e90a}.mock-abx-results__row.is-active{background:#0ea5e914;box-shadow:inset 2px 0 #0ea5e9}.mock-abx-results__row strong{color:#0f172a;font-size:12px;font-weight:650}.mock-abx-prior{flex-direction:column;gap:10px;padding:14px;display:flex}.mock-abx-prior p{color:#64748b;margin:0;font-size:11px;line-height:1.45}.mock-abx-dist{background:#fff;border:1px solid #0f172a12;border-radius:12px;flex-direction:column;gap:10px;padding:12px 12px 10px;display:flex}.mock-abx-dist__well{background-color:#eef2f6;background-image:linear-gradient(#ffffffb8,#ffffff61),radial-gradient(circle at 1px 1px,#0f172a12 1px,#0000 0);background-size:auto,7px 7px;border-radius:10px;padding:10px 12px 12px;box-shadow:inset 0 1px 1px #0f172a0d}.mock-abx-dist__plot{position:relative}.mock-abx-dist__svg{width:100%;height:148px;display:block}.mock-abx-dist__chip{z-index:1;color:#64748b;letter-spacing:-.02em;font-variant-numeric:tabular-nums;pointer-events:none;background:#fff;border-radius:6px;align-items:center;height:20px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:6px;transform:translate(-50%);box-shadow:0 1px 4px #0f172a1f}.mock-abx-dist__chip.is-lead{color:#0284c7}.mock-abx-dist__axis{height:16px;margin:2px 0 10px;position:relative}.mock-abx-dist__axis span{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:10px;font-weight:550;position:absolute;top:0;transform:translate(-50%)}.mock-abx-dist__axis span:first-child{transform:translate(0)}.mock-abx-dist__axis span:last-child{transform:translate(-100%)}.mock-abx-dist__cis{flex-direction:column;gap:8px;display:flex}.mock-abx-dist__ci-head{color:#64748b;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;font-size:10px;font-weight:650;display:flex}.mock-abx-dist__ci.is-lead .mock-abx-dist__ci-head span:first-child{color:#0284c7}.mock-abx-dist__ci-head span:last-child{color:#94a3b8;font-variant-numeric:tabular-nums;font-weight:550}.mock-abx-dist__ci-track{background:#ffffffb3;border-radius:4px;height:10px;display:block;position:relative;box-shadow:inset 0 1px 1px #0f172a0f}.mock-abx-dist__ci-band{background:linear-gradient(90deg,#94a3b847,#94a3b88c,#94a3b847);border-radius:4px;position:absolute;top:0;bottom:0}.mock-abx-dist__ci.is-lead .mock-abx-dist__ci-band{background:linear-gradient(90deg,#0ea5e929,#0ea5e980,#0ea5e929)}.mock-abx-dist__ci-dot{background:#94a3b8;border:2px solid #fff;border-radius:3px;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0f172a2e}.mock-abx-dist__ci.is-lead .mock-abx-dist__ci-dot{background:#0ea5e9;box-shadow:0 1px 4px #0ea5e973}.mock-abx-dist__note{color:#64748b;align-items:flex-start;gap:6px;margin:0;font-size:11px;line-height:1.45;display:flex}.mock-abx-dist__note .icon{color:#0284c7;flex-shrink:0;margin-top:2px}.mock-abx-bayes .mock-abx-bars{min-height:128px}.mock-abx-bayes .mock-abx-bars__pair{height:108px}.mock-abx-owner{align-items:center;gap:6px;padding-left:3px;display:inline-flex}.mock-abx-owner__photo{object-fit:cover;border-radius:50%;width:14px;height:14px}.mock-abx-topbar .mock-action-tooltip{z-index:6;position:relative}.mock-abx-inner{box-shadow:none;background:#fff;border:1px solid #0f172a13;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.mock-abx-trend{background:#fff;border:1px solid #0f172a12;border-radius:12px;flex-direction:column;gap:8px;padding:12px 12px 10px;display:flex;overflow:visible}.mock-abx-trend__head{justify-content:flex-start;align-items:center;width:100%;min-width:0;display:flex}.mock-abx-trend__head .mock-abx-metrics,.mock-abx-trend__head .mock-abx-range,.mock-abx-trend__head .mock-metric-pills--segmented{flex:none;width:max-content;max-width:100%;margin-left:0}.mock-abx-chart-card__foot{justify-content:space-between;align-items:center;gap:8px;padding:0 2px;display:flex}.mock-abx-trend .mock-area-line{gap:6px}.mock-abx-trend .mock-area-line__plot{min-height:0;box-shadow:none;background:0 0;border-radius:8px;overflow:hidden}.mock-abx-trend .mock-area-line--premium.mock-area-line--default .mock-area-line__plot{min-height:300px}.mock-abx-trend .mock-area-line--premium .mock-area-line__svg{aspect-ratio:auto;width:100%;height:300px;min-height:300px;max-height:none}.mock-screen--hero .mock-panel--hero-chart .mock-abx-trend .mock-area-line--premium.mock-area-line--default .mock-area-line__plot,.mock-screen--hero .mock-panel--hero-chart .mock-abx-trend .mock-area-line__plot{flex:auto;height:auto;min-height:0;position:relative;overflow:hidden}.mock-screen--hero .mock-panel--hero-chart .mock-abx-trend .mock-area-line--premium .mock-area-line__svg{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none;position:absolute;inset:0}.mock-abx-trend .mock-area-line__axis{height:28px;padding:0 4px;display:block;position:relative}.mock-abx-trend .mock-area-line__day{white-space:nowrap;color:#94a3b8;font-size:11px;font-weight:500;position:absolute;top:50%;transform:translate(-50%,-50%)}.mock-abx-trend__range{color:#94a3b8;font-size:10px;font-weight:550}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-analytics__chart>.mock-abx-trend{background:0 0;border:0;border-radius:0;flex:auto;gap:10px;height:100%;min-height:0;padding:0;overflow:visible}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-analytics__chart .mock-abx-trend__well{background-color:#eef2f6;background-image:linear-gradient(#ffffffb8,#ffffff61),radial-gradient(circle at 1px 1px,#0f172a12 1px,#0000 0);background-size:auto,7px 7px;border-radius:10px;flex-direction:column;flex:auto;justify-content:flex-start;min-height:0;padding:10px 12px 12px;display:flex;overflow:visible;box-shadow:inset 0 1px 1px #0f172a0d}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-analytics__chart .mock-abx-trend .mock-area-line{flex-direction:column;flex:auto;gap:0;height:100%;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-analytics__chart .mock-abx-trend .mock-area-line--premium.mock-area-line--default .mock-area-line__plot,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-analytics__chart .mock-abx-trend .mock-area-line__plot{height:auto;min-height:0;box-shadow:none;background:0 0;border-radius:8px;flex:auto;overflow:visible}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-analytics__chart .mock-abx-trend .mock-area-line--premium .mock-area-line__svg{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-analytics__chart .mock-abx-trend .mock-area-line__axis{flex:0 0 20px;height:20px;min-height:20px;padding:0}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-analytics__chart .mock-abx-trend .mock-area-line__day:last-child{transform:translate(-100%,-50%)}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-analytics__chart .mock-abx-trend .mock-area-line__yticks span{letter-spacing:0;color:#94a3b8;font-variant-numeric:tabular-nums;font-size:10px;font-weight:550;left:0}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-analytics__chart .mock-abx-chart-card__foot{flex:none;min-height:22px;margin-top:0}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-trend .mock-area-line__day{box-sizing:border-box;letter-spacing:0;color:#94a3b8;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;height:16px;padding:1px 5px;font-size:10px;font-weight:550;line-height:1;display:inline-flex}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-trend .mock-area-line__day--btn,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-trend .mock-area-line__day--active{border-radius:6px}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-trend .mock-area-line__day--active{color:#0f172a;box-shadow:none;background:#fff;border:1px solid #0f172a1f;font-weight:650}.mock-area-line__yticks{pointer-events:none;position:absolute;inset:0}.mock-area-line__yticks span{font-family:var(--font-body);letter-spacing:-.01em;color:#94a3b8;font-variant-numeric:tabular-nums;font-size:9px;font-weight:500;line-height:1;position:absolute;left:8px;transform:translateY(-50%)}.mock-area-line--premium .mock-area-line__yticks span{letter-spacing:0;color:#8a94a6;font-size:11px;font-weight:500;left:10px}.mock-area-line__tooltip--compare{box-sizing:border-box;white-space:normal;z-index:3;border:1px solid #e4e7ec;border-radius:8px;gap:7px;width:158px;min-width:158px;max-width:158px;padding:10px 12px 9px;top:12px;transform:translate(-50%);box-shadow:0 8px 24px #0f172a14,0 1px 2px #0f172a0a}.mock-area-line--premium .mock-area-line__tooltip--compare,.mock-area-line--premium .mock-area-line__tooltip--compare.is-end{left:auto;right:12px;transform:none}.mock-area-line__tooltip-kicker{letter-spacing:.1em;text-transform:uppercase;color:#98a2b3;margin-bottom:1px;font-size:9px;font-weight:600;line-height:1;display:block}.mock-area-line__tooltip-row{color:#667085;align-items:center;gap:8px;width:100%;font-size:12px;line-height:1.2;display:flex}.mock-area-line__tooltip-row em{color:#667085;flex:1;min-width:0;font-style:normal;font-weight:500}.mock-area-line__tooltip-row b{letter-spacing:-.02em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:13px;font-weight:650}.mock-area-line__tooltip-row.is-lead b{color:#0ea5e9}.mock-area-line__swatch{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:block}.mock-area-line--premium .mock-area-line__swatch{border-radius:2px;width:8px;height:8px}.mock-area-line__tooltip-lift{border-top:1px solid #eef0f3;justify-content:space-between;align-items:center;width:100%;margin-top:1px;padding-top:8px;display:flex}.mock-area-line__tooltip-lift em{color:#98a2b3;font-size:12px;font-style:normal;font-weight:500}.mock-area-line__tooltip-lift b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.mock-area-line__tooltip-lift.is-up b{color:#12b76a}.mock-area-line__tooltip-lift.is-down b{color:#dc2626}.mock-area-line__tooltip-lift.is-flat b{color:#64748b}.mock-area-line__tooltip--compact,.mock-area-line--premium .mock-area-line__tooltip--compact,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-trend .mock-area-line__tooltip--compact,.mock-abx-bayes-pair .mock-abx-trend .mock-area-line__tooltip--compact{box-sizing:border-box;white-space:nowrap;background:#fff;border:0;border-radius:6px;flex-direction:row;align-items:center;gap:7px;width:max-content;min-width:0;max-width:none;height:20px;padding:0 7px;top:6px;left:auto;right:0;transform:none;box-shadow:0 1px 4px #0f172a1f}.mock-area-line__tooltip--compact .mock-area-line__tooltip-kicker{letter-spacing:-.02em;text-transform:uppercase;color:#94a3b8;flex-shrink:0;margin:0;font-size:10px;font-weight:700;line-height:1}.mock-area-line__tooltip-stats{align-items:center;gap:7px;display:inline-flex}.mock-area-line__tooltip-stat{align-items:center;gap:4px;display:inline-flex}.mock-area-line__tooltip-stat b{letter-spacing:-.02em;color:#64748b;font-variant-numeric:tabular-nums;font-size:10px;font-weight:700;line-height:1}.mock-area-line__tooltip-stat.is-lead b{color:#0284c7}.mock-area-line__tooltip--compact .mock-area-line__swatch,.mock-area-line--premium .mock-area-line__tooltip--compact .mock-area-line__swatch{border-radius:2px;width:6px;height:6px}.mock-area-line__tooltip-delta{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#64748b;border-left:1px solid #0f172a14;margin-left:0;padding-left:7px;font-size:10px;font-weight:700;line-height:1}.mock-area-line__tooltip-delta.is-up{color:#12b76a}.mock-area-line__tooltip-delta.is-down{color:#dc2626}.mock-abx-engage{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.mock-abx-engage>.mock-tx-panel,.mock-abx-engage>.mock-tx-panel.mock-tx-panel--empty{min-width:0;height:100%;box-shadow:none;background:#fff;border:1px solid #0f172a1a}.mock-abx-engage .mock-tx-engage,.mock-abx-engage .mock-tx-devices{flex:auto}.mock-abx-engage .mock-tx-panel .mock-meta-pill{color:#475569;background:var(--mock-bg);border:1px solid var(--mock-border-subtle);font-weight:500}.mock-abx-engage .mock-tx-rank__track,.mock-abx-engage .mock-tx-device__track{background:#eef2f6;border-radius:8px;height:10px;box-shadow:inset 0 1px 2px #0f172a14}.mock-abx-engage .mock-tx-rank__track{margin-top:6px}.mock-abx-engage .mock-tx-rank__track span,.mock-abx-engage .mock-tx-device__track span{background:linear-gradient(90deg,#7dd3fc 0%,#38bdf8 34%,#0ea5e9 68%,#0369a1 100%);border-radius:8px;min-width:10px;position:relative;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #0369a147}.mock-abx-engage .mock-tx-rank__track span:after,.mock-abx-engage .mock-tx-device__track span:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff8c 0%,#ffffff0f 40%,#0284c729 100%);position:absolute;inset:0}.mock-abx-engage .mock-tx-device--amber .mock-tx-device__track span{background:linear-gradient(90deg,#fde68a 0%,#fbbf24 42%,#d97706 100%);box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #b4530947}.mock-abx-engage .mock-tx-device--amber .mock-tx-device__track span:after{background:linear-gradient(#ffffff8c 0%,#ffffff0f 40%,#b4530929 100%)}.mock-abx-engage .mock-tx-scroll__page{background:#eef2f6;border-radius:8px;box-shadow:inset 0 1px 2px #0f172a14}.mock-abx-engage .mock-tx-scroll__fill{background:linear-gradient(#7dd3fc 0%,#38bdf8 34%,#0ea5e9 68%,#0369a1 100%);border-radius:8px;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #0369a147}.mock-abx-engage .mock-tx-scroll__fill:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#ffffff73 0%,#ffffff0f 40%,#0284c729 100%);position:absolute;inset:0}.mock-abx-engage .mock-tx-hist__bar{background:linear-gradient(#fde68a 0%,#fcd34d 42%,#f59e0b 100%);border-radius:8px 8px 0 0;width:10px;position:relative;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px 1px #b453092e}.mock-abx-engage .mock-tx-hist__col.is-peak .mock-tx-hist__bar{background:linear-gradient(#fde68a 0%,#fbbf24 34%,#f59e0b 68%,#d97706 100%);width:12px;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #b4530947}.mock-abx-engage .mock-tx-hist__bar:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#ffffff73 0%,#ffffff0f 46%,#b4530924 100%);position:absolute;inset:0}.mock-abx-engage>.mock-abx-funnel-card,.mock-abx-engage>.mock-abx-camp{grid-column:1/-1;min-width:0;height:auto}.mock-abx-engage-card{gap:8px;padding:12px 12px 10px;overflow:visible}.mock-abx-engage-card .mock-abx-swatch{border-radius:50%}.mock-abx-engage-plot{background-color:#f8fafc;background-image:linear-gradient(#ffffff8c,#ffffff1f);border-radius:10px;flex-direction:column;gap:8px;padding:8px;display:flex;box-shadow:inset 0 0 0 1px #0f172a0b}.mock-abx-engage-readout{background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:34px;padding:0 10px;display:flex;box-shadow:inset 0 0 0 1px #0f172a0f}.mock-abx-engage-readout__kicker{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-right:auto;font-size:8px;font-weight:600;line-height:1}.mock-abx-engage-readout__metric{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#0f172a;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.mock-abx-engage-readout__metric i{background:#64748b;border-radius:50%;width:6px;height:6px}.mock-abx-engage-readout__metric.is-variant{color:#0284c7}.mock-abx-engage-readout__metric.is-variant i{background:#0ea5e9}.mock-abx-engage-readout__lift{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.mock-abx-engage-readout__lift.is-up{color:#16a34a}.mock-abx-engage-readout__lift.is-down{color:#dc2626}.mock-abx-engage-readout__lift.is-flat{color:#94a3b8}.mock-abx-engage-body{grid-template-columns:26px minmax(0,1fr);min-height:96px;display:grid}.mock-abx-engage-plot__yticks{font-family:var(--font-body);letter-spacing:-.01em;color:#94a3b8;font-variant-numeric:tabular-nums;pointer-events:none;flex-direction:column;justify-content:space-between;padding:2px 0 20px;font-size:9px;font-weight:500;line-height:1;display:flex}.mock-abx-engage-bars{align-items:end;min-height:96px;display:grid;position:relative}.mock-abx-engage-bars__group{appearance:none;cursor:pointer;width:100%;height:auto;min-height:0;font:inherit;color:inherit;opacity:.38;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;transition:opacity .14s;display:flex}.mock-abx-engage-bars__group.is-active,.mock-abx-engage-bars__group:hover{opacity:1}.mock-abx-engage-bars__pair{box-sizing:border-box;justify-content:center;align-items:flex-end;gap:3px;width:22px;height:76px;padding-top:6px;display:flex}.mock-abx-engage-bars__group.is-active .mock-abx-engage-bars__pair{background:linear-gradient(#0ea5e90f,#0ea5e900);border-radius:4px 4px 0 0}.mock-abx-engage-bars__bar{border-radius:2px 2px 0 0;flex:0 0 8px;width:8px;min-height:3px;display:block}.mock-abx-engage-bars__bar.is-control{background:#94a3b8}.mock-abx-engage-bars__bar.is-variant{background:#0ea5e9}.mock-abx-engage-bars__label{letter-spacing:-.01em;color:#94a3b8;border-radius:6px;padding:3px 5px;font-size:9px;font-weight:500;line-height:1}.mock-abx-engage-bars__group.is-active .mock-abx-engage-bars__label{color:#0284c7;background:#0ea5e91a}.mock-abx-engage-table{border:1px solid #0f172a0f;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.mock-abx-engage-table__head,.mock-abx-engage-table__row{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 48px;align-items:center;gap:6px;width:100%;display:grid}.mock-abx-engage-table__head{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;background:#fff;padding:5px 10px;font-size:8px;font-weight:600}.mock-abx-engage-table__row{appearance:none;text-align:left;cursor:pointer;font:inherit;color:inherit;height:auto;min-height:0;box-shadow:none;background:#fff;border:0;border-top:1px solid #0f172a0d;border-radius:0;margin:0;padding:5px 10px}.mock-abx-engage-table__row:hover,.mock-abx-engage-table__row.is-active{background:#0ea5e90d}.mock-abx-engage-table__key{color:#64748b;font-variant-numeric:tabular-nums;font-size:10px;font-weight:550}.mock-abx-engage-val{flex-direction:row;align-items:baseline;gap:5px;min-width:0;display:flex}.mock-abx-engage-val b{letter-spacing:-.01em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:10px;font-weight:550;line-height:1.2}.mock-abx-engage-val em{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:10px;font-style:normal;font-weight:500;line-height:1.2}.mock-abx-engage-lift{letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-align:right;font-size:10px;font-weight:600}.mock-abx-engage-lift.is-up{color:#16a34a}.mock-abx-engage-lift.is-down{color:#dc2626}.mock-abx-engage-lift.is-flat{color:#94a3b8}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-engage-table__row,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-engage-bars__group{box-shadow:none;border-radius:0}.mock-abx-engage-bars--fit{justify-content:center;gap:36px;display:flex}.mock-abx-engage-bars--fit .mock-abx-engage-bars__group{flex:0 0 64px;width:64px}.mock-abx-engage-bars--fit .mock-abx-engage-bars__label{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}.mock-abx-engage-table--seg,.mock-abx-engage-table--seg .mock-abx-engage-table__head,.mock-abx-engage-table--seg .mock-abx-engage-table__row{grid-template-columns:minmax(64px,1.1fr) 54px 66px 46px 28px}.mock-abx-engage-table--seg .mock-abx-engage-table__head span:not(:first-child),.mock-abx-engage-table--seg .mock-abx-engage-table__row>:not(:first-child){text-align:right;justify-content:flex-end}.mock-abx-seg-sig{color:#94a3b8;text-align:right;font-size:10px;font-weight:550}.mock-abx-seg-sig.is-yes{color:#16a34a}.mock-panel.mock-panel--premium.mock-abx-inner.mock-abx-seg{background:#fff}.mock-abx-seg{min-width:0}.mock-abx-seg-tabs{width:100%;max-width:100%}.mock-abx-seg-tabs.mock-metric-pills--segmented{gap:3px;width:100%;padding:4px;display:flex}.mock-abx-seg-tabs .mock-metric-pill{flex:1 1 0;justify-content:center;gap:5px;min-width:0;height:26px;padding:0 8px;font-size:10px}.mock-abx-seg-tabs .mock-metric-pill .icon{color:inherit;flex-shrink:0}.mock-abx-seg-note{color:#94a3b8;margin:0;font-size:10px;line-height:1.45}.mock-abx-seg-body{flex-direction:column;gap:10px;min-width:0;display:flex}.mock-abx-seg-plot{background-color:#eef2f6;background-image:linear-gradient(#ffffffd6,#ffffff85),radial-gradient(circle at 1px 1px,#0f172a0d 1px,#0000 0);background-size:auto,8px 8px;border-radius:10px;flex-direction:column;gap:10px;min-width:0;padding:10px 12px 8px;display:flex;box-shadow:inset 0 1px 1px #0f172a0a}.mock-abx-seg-plot__head{justify-content:space-between;align-items:center;gap:12px;min-height:22px;display:flex}.mock-abx-seg-legend{flex-wrap:wrap;gap:2px 4px;min-width:0;display:flex}.mock-abx-seg-legend__btn{appearance:none;color:#94a3b8;max-width:128px;height:22px;font:inherit;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:10px;font-weight:550;display:inline-flex;overflow:hidden}.mock-abx-seg-legend__btn i{border-radius:2px;flex-shrink:0;width:8px;height:8px}.mock-abx-seg-legend__btn.is-on{color:#334155}.mock-abx-seg-legend__btn.is-active,.mock-abx-seg-legend__btn:hover,.mock-abx-seg-legend__btn:focus,.mock-abx-seg-legend__btn:active{color:#0f172a;background:#fff}.mock-abx-seg-readout{flex-shrink:0;align-items:center;gap:6px;min-height:20px;display:flex}.mock-abx-seg-readout__name{letter-spacing:-.01em;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:92px;margin-right:2px;font-size:10px;font-weight:650;overflow:hidden}.mock-abx-seg-chip{color:#64748b;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:#fff;border-radius:6px;align-items:center;height:20px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #0f172a1f}.mock-abx-seg-chip.is-variant{color:#0284c7}.mock-abx-seg-chip.is-up{color:#16a34a}.mock-abx-seg-chip.is-down{color:#dc2626}.mock-abx-seg-chip.is-flat{color:#94a3b8}.mock-abx-seg-readout__n{font-variant-numeric:tabular-nums;color:#94a3b8;margin-left:2px;font-size:10px;font-weight:550}.mock-abx-seg-chart{grid-template-columns:34px minmax(0,1fr);gap:0 12px;min-height:168px;display:grid;overflow:visible}.mock-abx-seg-chart__yticks{font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#94a3b8;text-align:right;flex-direction:column;justify-content:space-between;padding:16px 0 24px;font-size:9px;font-weight:550;display:flex}.mock-abx-seg-chart__plot{min-width:0;min-height:168px;position:relative;overflow:visible}.mock-abx-seg-chart__grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:16px 4px 24px}.mock-abx-seg-chart__grid i{border-top:1px dashed #0f172a0f;height:0;display:block}.mock-abx-seg-chart__grid i:last-child{border-top:1px solid #0f172a1a}.mock-abx-seg-clusters{z-index:1;justify-content:center;align-items:stretch;gap:72px;min-width:0;height:100%;min-height:168px;padding:0 28px;display:flex;position:relative}.mock-abx-seg-cluster{flex-direction:column;flex:0 220px;align-items:center;gap:8px;min-width:0;max-width:260px;display:flex}.mock-abx-seg-cluster__bars{flex:auto;justify-content:center;align-items:stretch;gap:12px;width:100%;min-height:0;display:flex}.mock-abx-seg-col{flex-direction:column;flex:1 1 0;align-items:center;min-width:16px;max-width:32px;min-height:0;display:flex}.mock-abx-seg-col__n{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#0000;flex:0 0 16px;font-size:10px;font-weight:650;line-height:16px}.mock-abx-seg-col.is-active .mock-abx-seg-col__n{color:#64748b}.mock-abx-seg-col__track{flex:auto;justify-content:center;align-items:flex-end;width:16px;min-height:0;display:flex}.mock-abx-seg-bar{appearance:none;opacity:.9;cursor:pointer;background:linear-gradient(#7dd3fc 0%,#38bdf8 34%,#0ea5e9 68%,#0369a1 100%);border:0;border-radius:8px 8px 0 0;width:16px;max-width:100%;padding:0;display:block;position:relative;box-shadow:inset 0 1px #ffffff8c,inset 0 -1px 1px #0369a138}.mock-abx-seg-bar:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,#ffffff7a 0%,#ffffff0f 42%,#0f172a14 100%);position:absolute;inset:0}.mock-abx-seg-bar.is-active{opacity:1}.mock-abx-seg-cluster__label{letter-spacing:-.01em;color:#64748b;flex:none;font-size:10px;font-weight:600}.mock-abx-seg-table-wrap{flex-direction:column;gap:8px;min-width:0;min-height:0;padding:2px 0 0;display:flex}.mock-abx-seg-toolbar{justify-content:space-between;align-items:center;gap:10px;min-height:20px;padding:0 2px;display:flex}.mock-abx-seg-toolbar__meta{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;min-width:0;font-size:9px;font-weight:600}.mock-abx-seg-search{color:#94a3b8;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;height:26px;padding:0 8px 0 9px;display:inline-flex}.mock-abx-seg-search:focus-within{border-color:#0ea5e947}.mock-abx-seg-search .icon{color:inherit}.mock-abx-seg-search__input{width:132px;height:100%;font:inherit;color:#0f172a;background:#fff;border:0;outline:none;padding:0;font-size:11px}.mock-abx-seg-search__input::placeholder{color:#94a3b8}.mock-abx-seg-table{background:#fff;border:1px solid #0f172a1a;border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.mock-abx-seg-table.is-scroll{scrollbar-width:thin;scrollbar-color:#0f172a33 transparent;max-height:280px;overflow:auto}.mock-abx-seg-table__caption{z-index:1;box-shadow:none;background:#fff;border-bottom:0;padding:8px 8px 0;position:sticky;top:0}.mock-abx-seg-table__head,.mock-abx-seg-table__row{grid-template-columns:minmax(108px,.86fr) 1fr 1fr 1fr;align-items:stretch;column-gap:8px;width:100%;padding:0;display:grid}.mock-abx-seg-table__head{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;align-items:end;min-height:0;font-size:9px;font-weight:600}.mock-abx-seg-table__cluster{border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:0 8px;min-width:0;min-height:36px;padding:0 10px;display:grid}.mock-abx-seg-table__cluster.is-key{background:#f8fafc;border:1px solid #0f172a14;grid-template-columns:minmax(0,1fr);justify-items:start}.mock-abx-seg-table__cluster.is-ctrl{background:#eef2f6;border:1px solid #0f172a14}.mock-abx-seg-table__cluster.is-var{background:#0ea5e91a;border:1px solid #0284c729}.mock-abx-seg-table__cluster.is-out{background:#16a34a14;border:1px solid #16a34a29;grid-template-columns:repeat(2,minmax(0,1fr))}.mock-abx-seg-table__head .mock-abx-seg-table__cluster{border-bottom:0;border-radius:6px 6px 0 0;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:7px;min-height:0;padding:7px 10px 8px;display:flex}.mock-abx-seg-table__row .mock-abx-seg-table__cluster{border-top:0;border-bottom:0}.mock-abx-seg-table__band{letter-spacing:0;text-transform:none;background:#fff;border-radius:6px;justify-content:center;align-self:center;align-items:center;height:20px;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #0f172a1f}.mock-abx-seg-table__cluster.is-key .mock-abx-seg-table__band{color:#64748b}.mock-abx-seg-table__cols.is-solo{text-align:left;grid-template-columns:minmax(0,1fr)}.mock-abx-seg-table__cols.is-solo span{text-align:left}.mock-abx-seg-table__cluster.is-var .mock-abx-seg-table__band{color:#0284c7}.mock-abx-seg-table__cluster.is-out .mock-abx-seg-table__band{color:#15803d}.mock-abx-seg-table__cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;width:100%;display:grid}.mock-abx-seg-table__cluster.is-out .mock-abx-seg-table__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-abx-seg-table__cols span,.mock-abx-seg-table__cluster>.mono,.mock-abx-seg-table__cluster>.mock-abx-seg-lift,.mock-abx-seg-table__cluster>.mock-abx-seg-pill{text-align:right;min-width:0}.mock-abx-seg-table__row{appearance:none;font:inherit;color:#334155;cursor:pointer;background:#fff;border:0;padding:0 8px;font-size:11px;font-weight:550}.mock-abx-seg-table__row:first-of-type{padding-top:0}.mock-abx-seg-table__row:last-of-type{padding-bottom:8px}.mock-abx-seg-table__row .mock-abx-seg-table__cluster{border-radius:0}.mock-abx-seg-table__row+.mock-abx-seg-table__row .mock-abx-seg-table__cluster{box-shadow:inset 0 1px #0f172a0f}.mock-abx-seg-table__row:last-of-type .mock-abx-seg-table__cluster{border-radius:0 0 6px 6px}.mock-abx-seg-table__row:hover,.mock-abx-seg-table__row:focus,.mock-abx-seg-table__row:focus-visible,.mock-abx-seg-table__row:active{background:#fff;outline:none}.mock-abx-seg-table__row.is-active .mock-abx-seg-table__key{color:#0f172a}.mock-abx-seg-table__row.is-active .mock-abx-seg-table__key i{box-shadow:0 0 0 2px #0f172a1f}.mock-abx-seg-table__row.is-dim{opacity:.48}.mock-abx-seg-table__key{letter-spacing:-.02em;color:#0f172a;align-items:center;gap:10px;min-width:0;font-size:12px;font-weight:650;display:inline-flex;overflow:visible}.mock-abx-seg-table__key span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-abx-seg-table__key i{border-radius:50%;flex:0 0 6px;align-self:center;width:6px;max-width:6px;height:6px;max-height:6px;display:block}.mock-abx-seg-table__row .mono{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#64748b;font-size:11px;font-weight:500}.mock-abx-seg-table__row .mono.is-rate{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:600}.mock-abx-seg-table__row .mono.is-rate.is-var{color:#0284c7}.mock-abx-seg-table__empty{color:#94a3b8;text-align:center;margin:0;padding:18px 10px;font-size:11px}.mock-abx-seg-lift{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.mock-abx-seg-lift.is-up{color:#16a34a}.mock-abx-seg-lift.is-down{color:#dc2626}.mock-abx-seg-lift.is-flat{color:#94a3b8}.mock-abx-seg-pill{letter-spacing:.02em;color:#94a3b8;background:0 0;border-radius:6px;justify-content:center;justify-self:end;align-items:center;min-width:32px;height:auto;padding:0;font-size:10px;font-weight:550;display:inline-flex}.mock-abx-seg-pill.is-yes{letter-spacing:0;color:#15803d;background:#fff;height:20px;padding:0 7px;font-weight:700;box-shadow:0 1px 4px #0f172a1f}.mock-abx-trio{grid-template-columns:minmax(0,1.45fr) minmax(220px,1fr) minmax(220px,1fr);align-items:stretch;gap:10px;display:grid}.mock-abx-trio>.mock-panel{min-width:0;height:100%}.mock-abx-trio__head{justify-content:space-between;align-items:flex-start;gap:10px;min-height:34px;display:flex}.mock-abx-trio__copy{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-abx-trio .mock-panel__title{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650;line-height:1.2}.mock-abx-trio__hint{letter-spacing:-.01em;color:#94a3b8;font-size:10px;font-weight:500;line-height:1.3}.mock-abx-trio .mock-abx-legend{flex-shrink:0;gap:2px}.mock-abx-trio .mock-abx-legend__btn{padding:2px 6px;font-size:9px}.mock-abx-trio .mock-meta-pill{border-radius:6px;flex-shrink:0;margin-top:1px;padding:2px 6px;font-size:9px}.mock-abx-trio .mock-abx-seg-tabs{width:100%}.mock-abx-trio .mock-abx-seg-tabs .mock-metric-pill{padding:4px 8px;font-size:9px}.mock-abx-trio .mock-abx-engage-plot{flex:auto;min-height:0}.mock-abx-trio .mock-abx-engage-readout{gap:8px;min-height:28px;padding:0 8px}.mock-abx-trio .mock-abx-engage-body,.mock-abx-trio .mock-abx-engage-bars{min-height:84px}.mock-abx-trio .mock-abx-engage-bars__pair{height:64px}.mock-abx-trio .mock-abx-engage-bars--fit{gap:18px}.mock-abx-trio .mock-abx-engage-bars--fit .mock-abx-engage-bars__group,.mock-abx-trio .mock-abx-engage-bars--fit .mock-abx-engage-bars__label{flex-basis:48px;width:48px;max-width:48px}.mock-abx-trio .mock-abx-engage-table--seg,.mock-abx-trio .mock-abx-engage-table--seg .mock-abx-engage-table__head,.mock-abx-trio .mock-abx-engage-table--seg .mock-abx-engage-table__row{grid-template-columns:minmax(52px,1fr) 46px 54px 40px 24px}.mock-panel.mock-panel--premium.mock-abx-inner.mock-abx-funnel-card,.mock-panel.mock-panel--premium.mock-abx-inner.mock-abx-camp,.mock-panel.mock-panel--premium.mock-abx-inner.mock-abx-ai,.mock-panel.mock-panel--premium.mock-abx-inner.mock-abx-el{box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:10px;gap:10px;padding:14px}.mock-abx-forms{flex-direction:column;gap:10px;min-width:0;display:flex}.mock-abx-forms__empty{background:#fff;border:1px solid #0f172a1a;border-radius:8px;flex-direction:column;justify-content:center;gap:3px;min-height:44px;padding:10px 12px;display:flex}.mock-abx-forms__empty strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-abx-forms__empty p{color:#64748b;max-width:52ch;margin:0;font-size:11px;line-height:1.45}.mock-abx-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.mock-abx-pair>.mock-panel{min-width:0;height:100%}.mock-abx-solo{flex-direction:column;gap:10px;display:flex}.mock-abx-solo>.mock-panel{min-width:0}.mock-abx-split-body{grid-template-columns:minmax(0,1.28fr) minmax(248px,.82fr);align-items:stretch;gap:10px;min-width:0;display:grid}.mock-abx-split-body .mock-abx-funnel-plot,.mock-abx-split-body .mock-abx-camp-plot{justify-content:center}.mock-abx-split-body .mock-abx-engage-table--funnel,.mock-abx-split-body .mock-abx-engage-table--camp{min-height:100%}.mock-abx-pair .mock-abx-trio__head .mock-metric-pills,.mock-abx-funnel-card .mock-abx-trio__head .mock-metric-pills{flex-shrink:0}.mock-abx-pair .mock-abx-trio__head .mock-metric-pill,.mock-abx-funnel-card .mock-abx-trio__head .mock-metric-pill{padding:4px 8px;font-size:9px}.mock-abx-funnel-plot,.mock-abx-camp-plot{background-color:#eef2f6;background-image:linear-gradient(#ffffffd6,#ffffff85);border-radius:8px;flex-direction:column;flex:auto;gap:10px;min-height:0;padding:10px 12px;display:flex;box-shadow:inset 0 1px 1px #0f172a0a}.mock-abx-funnel-card .mock-abx-trio__hint,.mock-abx-camp .mock-abx-trio__hint{color:#64748b}.mock-abx-funnel-plot .mock-abx-seg-readout,.mock-abx-camp-plot .mock-abx-seg-readout{gap:6px;min-height:20px;padding:0}.mock-abx-funnel-plot .mock-abx-seg-readout__name,.mock-abx-camp-plot .mock-abx-seg-readout__name{max-width:none;margin-right:auto}.mock-abx-camp-share{background:#eef2f6;border-radius:8px;height:10px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.mock-abx-camp-share>i{opacity:.78;height:100%;transition:opacity .14s;display:block;position:relative;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #0f172a2e}.mock-abx-camp-share>i:first-child{border-radius:8px 0 0 8px}.mock-abx-camp-share>i:last-child{border-radius:0 8px 8px 0}.mock-abx-camp-share>i:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff8c 0%,#ffffff0f 40%,#0f172a29 100%);position:absolute;inset:0}.mock-abx-camp-share>i.is-active{opacity:1}.mock-abx-camp-share i.is-direct,.mock-abx-camp-share__legend i.is-direct{background:linear-gradient(90deg,#7dd3fc 0%,#0ea5e9 55%,#0369a1 100%)}.mock-abx-camp-share i.is-google,.mock-abx-camp-share__legend i.is-google{background:linear-gradient(90deg,#7dd3fc 0%,#38bdf8 100%)}.mock-abx-camp-share i.is-organic,.mock-abx-camp-share__legend i.is-organic{background:linear-gradient(90deg,#94a3b8 0%,#475569 100%)}.mock-abx-camp-share__legend{flex-wrap:wrap;gap:6px;display:flex}.mock-abx-camp-share__legend button{appearance:none;height:20px;font:inherit;color:#94a3b8;cursor:pointer;background:#fff;border:0;border-radius:6px;align-items:center;gap:6px;margin:0;padding:0 7px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #0f172a1f}.mock-abx-camp-share__legend button:hover,.mock-abx-camp-share__legend button:focus,.mock-abx-camp-share__legend button:active{background:#fff}.mock-abx-camp-share__legend button.is-active{color:#0f172a;background:#fff}.mock-abx-camp-share__legend i{border-radius:50%;width:6px;height:6px}.mock-abx-engage-table--camp,.mock-abx-engage-table--funnel,.mock-abx-engage-table--form{background:#fff;border:1px solid #0f172a14;border-radius:8px}.mock-abx-engage-table--camp .mock-abx-engage-table__head,.mock-abx-engage-table--funnel .mock-abx-engage-table__head{letter-spacing:.04em;color:#475569;background:#f8fafc;padding:7px 12px;font-size:10px;font-weight:650}.mock-abx-engage-table--form .mock-abx-engage-table__head{padding:8px 12px 7px}.mock-abx-engage-table--camp .mock-abx-engage-table__row,.mock-abx-engage-table--funnel .mock-abx-engage-table__row,.mock-abx-engage-table--form .mock-abx-engage-table__row{min-height:36px;padding:8px 12px;position:relative}.mock-abx-engage-table--funnel .mock-abx-engage-table__row.is-end .mock-abx-engage-val b,.mock-abx-engage-table--camp .mock-abx-engage-val b.is-best{color:#0284c7}.mock-abx-engage-table--camp,.mock-abx-engage-table--camp .mock-abx-engage-table__head,.mock-abx-engage-table--camp .mock-abx-engage-table__row{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) 64px 52px}.mock-abx-engage-table--funnel,.mock-abx-engage-table--funnel .mock-abx-engage-table__head,.mock-abx-engage-table--funnel .mock-abx-engage-table__row{grid-template-columns:minmax(0,1.4fr) 64px 52px}.mock-abx-engage-table--form,.mock-abx-engage-table--form .mock-abx-engage-table__head,.mock-abx-engage-table--form .mock-abx-engage-table__row{grid-template-columns:minmax(0,1fr) 88px}.mock-abx-engage-table--form .mock-abx-engage-table__row{cursor:default;min-height:44px}.mock-abx-engage-table--camp .mock-abx-engage-table__head span:not(:first-child),.mock-abx-engage-table--camp .mock-abx-engage-table__row>:not(:first-child),.mock-abx-engage-table--funnel .mock-abx-engage-table__head span:not(:first-child),.mock-abx-engage-table--funnel .mock-abx-engage-table__row>:not(:first-child),.mock-abx-engage-table--form .mock-abx-engage-table__head span:not(:first-child),.mock-abx-engage-table--form .mock-abx-engage-table__row>:not(:first-child){text-align:right;justify-content:flex-end}.mock-abx-engage-table--camp .mock-abx-engage-table__row:hover,.mock-abx-engage-table--camp .mock-abx-engage-table__row:focus,.mock-abx-engage-table--funnel .mock-abx-engage-table__row:hover,.mock-abx-engage-table--funnel .mock-abx-engage-table__row:focus{background:#0ea5e90b}.mock-abx-engage-table--camp .mock-abx-engage-table__row.is-active,.mock-abx-engage-table--funnel .mock-abx-engage-table__row.is-active{background:#f8fafc}.mock-abx-engage-table--camp .mock-abx-engage-table__key.is-on,.mock-abx-engage-table--funnel .mock-abx-engage-table__key.is-on{color:#0f172a;font-weight:650}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-bayes__status.mock-page-insight{background:#f0f9ff;border-color:#0ea5e924;justify-content:flex-start;align-items:center;gap:8px;margin:0;padding:9px 12px}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-bayes__status .icon{margin-top:0}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-bayes__status p{flex:0 auto}.mock-abx-post__card{appearance:none;text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:linear-gradient(#f8fafc 0%,#fff 58%);border:1px solid #0f172a12;border-radius:10px;flex-direction:column;align-items:flex-start;margin:0;padding:12px 12px 11px;display:flex}.mock-abx-post__card.is-lead{background:linear-gradient(#f0f9ff 0%,#fff 62%);border-color:#0ea5e92e}.mock-abx-post__card.is-active{box-shadow:inset 2px 0 #0ea5e9}.mock-abx-post__card:hover{border-color:#0f172a1f}.mock-abx-post__top{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-bottom:10px;display:flex}.mock-screen--app.mock-screen--abx .mock-abx-post .mock-page-tag{border-radius:8px;height:22px;padding:0 8px}.mock-abx-post__badge{font-family:var(--font-body);letter-spacing:normal;color:#15803d;background:#16a34a14;border:1px solid #16a34a1f;border-radius:6px;align-items:center;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-abx-post__win{letter-spacing:-.055em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:.92}.mock-abx-post__card.is-lead .mock-abx-post__win{color:#0284c7}.mock-abx-post__win-label{color:#94a3b8;margin-top:4px;font-size:11px}.mock-abx-post__cvr{letter-spacing:-.02em;color:#0f172a;margin-top:12px;font-size:12px;font-weight:650}.mock-abx-post__ci{background-color:#eef2f6;background-image:linear-gradient(#0f172a0a,#ffffff73),radial-gradient(circle at 1px 1px,#0f172a14 1px,#0000 0);background-size:auto,6px 6px;border-radius:4px;width:100%;height:10px;margin:10px 0 8px;display:block;position:relative;box-shadow:inset 0 1px 1px #0f172a0f}.mock-abx-post__ci-band{background:linear-gradient(90deg,#94a3b847,#94a3b880,#94a3b847);border-radius:4px;position:absolute;top:0;bottom:0;box-shadow:inset 0 1px #ffffff59}.mock-abx-post__card.is-lead .mock-abx-post__ci-band{background:linear-gradient(90deg,#0ea5e929,#0ea5e975,#0ea5e929)}.mock-abx-post__ci-dot{background:#94a3b8;border:2px solid #fff;border-radius:3px;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0f172a2e}.mock-abx-post__card.is-lead .mock-abx-post__ci-dot{background:#0ea5e9;box-shadow:0 1px 4px #0ea5e973}.mock-abx-post__ci-labels{color:#94a3b8;font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;width:100%;font-size:10px;font-weight:550;display:flex}.mock-abx-post__ci-labels span:nth-child(2){color:#64748b}.mock-abx-post__page{letter-spacing:-.02em;color:#0f172a;margin-top:10px;font-size:12px;font-weight:650}.mock-abx-post__meta{color:#94a3b8;margin-top:3px;font-size:11px}.mock-abx-post__prior-note{color:#64748b;align-items:flex-start;gap:6px;margin:0;padding:0;font-size:11px;line-height:1.4;display:flex}.mock-abx-post__prior-note .icon{color:#0284c7;flex-shrink:0;margin-top:2px}.mock-abx-post__prior{align-self:stretch;gap:8px;height:100%;padding:14px 14px 12px}.mock-abx-post__prior .mock-abx-match__row{padding:3px 0}.mock-abx-post__prior-influence{background:#f8fafc;border-radius:10px;flex-direction:column;gap:6px;margin-top:auto;padding:8px 9px;display:flex}.mock-abx-post__prior-weight{flex-direction:column;gap:8px;display:flex}.mock-abx-post__prior .mock-abx-match__setup-head{margin-bottom:0}.mock-abx-post .mock-abx-match__grid{flex:none}.mock-abx-post__prior-weight-row{grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:8px;display:grid}.mock-abx-post__prior-weight-row>span:first-child{color:#94a3b8;font-size:11px}.mock-abx-post__prior-weight-row strong{letter-spacing:-.02em;color:#0f172a;text-align:right;font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.mock-abx-post__prior-weight-track{background-color:#eef2f6;background-image:linear-gradient(#0f172a0a,#ffffff73),radial-gradient(circle at 1px 1px,#0f172a14 1px,#0000 0);background-size:auto,6px 6px;border-radius:4px;height:10px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #0f172a0f}.mock-abx-post__prior-weight-track>i{background:linear-gradient(#ffffff73 0%,#fff0 50%),linear-gradient(90deg,#cbd5e1,#94a3b8);border-radius:3px;height:100%;display:block}.mock-abx-post__prior-weight-row.is-data .mock-abx-post__prior-weight-track>i{background:linear-gradient(#ffffff80 0%,#fff0 46%),linear-gradient(90deg,#7dd3fc 0%,#0ea5e9 70%,#0284c7 100%);box-shadow:0 4px 10px #0ea5e938}.mock-abx-post__prior .mock-page-opt-empty__cta--block,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-post__prior .mock-page-opt-empty__cta,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-post__prior .mock-page-opt-empty__cta:hover,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-post__prior .mock-page-opt-empty__cta:focus,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-post__prior .mock-page-opt-empty__cta:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f;margin-top:0}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-meta-pill--green,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-meta-pill--published{color:#15803d;background:#16a34a14;border-color:#16a34a1f}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-meta-pill--cyan{color:#0369a1;background:#0ea5e914;border-color:#0ea5e92e}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-meta-pill--draft{color:#64748b;background:#f8fafc;border-color:#0f172a14}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-section__head .mock-abx-legend,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-section__head .mock-abx-metrics,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-section__head .mock-abx-funnel-controls,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-page-section__head .mock-abx-el__head-aside{flex-shrink:0;margin-left:auto}.mock-abx-mini-table__row:hover{background:#f8fafc}.mock-abx-el .mock-panel__title{align-items:center;gap:6px;display:inline-flex}.mock-abx-stat__help{color:#94a3b8;cursor:help;border-radius:6px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.mock-abx-ai__aside{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.mock-abx-ai__aside .mock-action-tooltip .mock-action-tooltip__bubble{left:auto;right:0;transform:translateY(2px)}.mock-abx-ai__aside .mock-action-tooltip:hover .mock-action-tooltip__bubble,.mock-abx-ai__aside .mock-action-tooltip:focus-within .mock-action-tooltip__bubble{transform:translateY(0)}.mock-abx-ai__aside .mock-action-tooltip .mock-action-tooltip__bubble:after,.mock-abx-ai__aside .mock-action-tooltip .mock-action-tooltip__bubble:before{left:auto;right:7px;transform:none}.mock-abx-ai__toolbar{color:#0f172a;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;font-weight:650;display:flex}.mock-abx-ai__when{color:#94a3b8;align-items:center;gap:4px;font-size:10px;font-weight:500;display:inline-flex}.mock-abx-ai__well{background-color:#eef2f6;background-image:linear-gradient(#ffffffd6,#ffffff85);border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:8px;display:flex;box-shadow:inset 0 1px 1px #0f172a0a}.mock-abx-ai__card{box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.mock-abx-ai__card.is-next{box-shadow:inset 0 0 0 1px #0ea5e947}.mock-abx-ai__card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mock-abx-ai__id{flex-direction:column;gap:5px;min-width:0;display:flex}.mock-abx-ai__id b{letter-spacing:-.02em;color:#0f172a;font-size:13px;font-weight:650;line-height:1.2}.mock-abx-ai__pills{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.mock-abx-ai__impact{letter-spacing:.02em;border-radius:6px;align-items:center;padding:2px 6px;font-size:9px;font-weight:650;line-height:1.6;display:inline-flex}.mock-abx-ai__impact.is-high{color:#0369a1;background:#0ea5e914;box-shadow:inset 0 0 0 1px #0ea5e92e}.mock-abx-ai__impact.is-medium{color:#b45309;background:#f59e0b1a;box-shadow:inset 0 0 0 1px #f59e0b2e}.mock-abx-ai__card .mock-btn{border-radius:8px;flex-shrink:0;height:28px;padding-inline:8px}.mock-abx-ai__sel{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:#64748b;font-size:10px;font-weight:500;line-height:1.3;overflow:hidden}.mock-abx-ai__copy{color:#64748b;margin:0;font-size:11px;font-weight:500;line-height:1.45}.mock-abx-ai__hypo{background-color:#eef2f6;background-image:linear-gradient(#ffffffd6,#ffffff85);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex;box-shadow:inset 0 1px 1px #0f172a0a}.mock-abx-ai__hypo em{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-style:normal;font-weight:650}.mock-abx-ai__hypo p{color:#0f172a;margin:0;font-size:11px;font-weight:500;line-height:1.45}.mock-abx-ai__vars{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mock-abx-ai__gens{flex-wrap:wrap;gap:12px;display:flex}.mock-abx-ai__gen{appearance:none;color:#0284c7;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:0;padding:0;font-size:11px;font-weight:650;display:inline-flex}.mock-abx-ai__gen.is-muted{color:#64748b;font-weight:550}.mock-abx-ai__gen:hover,.mock-abx-ai__gen:focus,.mock-abx-ai__gen:active,.mock-abx-ai__gen.is-muted:hover,.mock-abx-ai__gen.is-muted:focus,.mock-abx-ai__gen.is-muted:active{color:#0f172a;background:0 0}.mock-abx-el__head-aside{flex-shrink:0;align-items:center;gap:8px;display:flex}.mock-abx-el-plot{background-color:#eef2f6;background-image:linear-gradient(#ffffffd6,#ffffff85),radial-gradient(circle at 1px 1px,#0f172a0d 1px,#0000 0);background-size:auto,8px 8px;border-radius:10px;flex-direction:column;flex:none;gap:10px;min-width:0;padding:10px 12px 8px;display:flex;box-shadow:inset 0 1px 1px #0f172a0a}.mock-abx-el-plot__head{justify-content:space-between;align-items:center;gap:12px;min-height:22px;display:flex}.mock-abx-el-plot .mock-abx-legend{gap:2px 4px}.mock-abx-el-plot .mock-abx-legend__btn.is-on{color:#334155;background:0 0}.mock-abx-el-plot .mock-abx-legend__btn:hover,.mock-abx-el-plot .mock-abx-legend__btn:focus,.mock-abx-el-plot .mock-abx-legend__btn:active{color:#0f172a;background:#fff}.mock-abx-el-plot .mock-abx-swatch{border-radius:2px;width:8px;height:8px}.mock-abx-el-plot .mock-abx-seg-readout__name{max-width:120px}.mock-abx-el-chart{grid-template-columns:34px minmax(0,1fr);gap:0 10px;min-width:0;min-height:220px;display:grid}.mock-abx-el-chart__yticks{font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#94a3b8;text-align:right;flex-direction:column;justify-content:space-between;padding:18px 0 52px;font-size:9px;font-weight:550;display:flex}.mock-abx-el-chart__plot{min-width:0;min-height:220px;position:relative;overflow:visible}.mock-abx-el-chart__grid{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:18px 4px 52px}.mock-abx-el-chart__grid i{border-top:1px dashed #0f172a0f;height:0;display:block}.mock-abx-el-chart__grid i:last-child{border-top:1px solid #0f172a1a}.mock-abx-el-chart__cols{z-index:1;align-items:stretch;gap:4px;min-width:0;height:100%;min-height:220px;display:flex;position:relative}.mock-abx-el-chart__col{appearance:none;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:1 1 0;align-items:center;margin:0;padding:0 2px;display:flex;position:relative}.mock-abx-el-chart__col:before{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:0;left:6px;right:6px}.mock-abx-el-chart__col:hover,.mock-abx-el-chart__col:focus{background:#0f172a06}.mock-abx-el-chart__col.is-active,.mock-abx-el-chart__col:active{background:#0ea5e90b}.mock-abx-el-chart__col.is-active:before{background:#0ea5e9}.mock-abx-el-chart__n{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#94a3b8;white-space:nowrap;flex:0 0 18px;font-size:9px;font-weight:650;line-height:18px}.mock-abx-el-chart__n.is-up{color:#16a34a}.mock-abx-el-chart__n.is-down{color:#dc2626}.mock-abx-el-chart__pair{flex:auto;justify-content:center;align-items:stretch;gap:4px;width:100%;min-height:0;display:flex}.mock-abx-el-chart__track{flex:0 0 14px;justify-content:center;align-items:flex-end;width:14px;min-height:0;display:flex}.mock-abx-el-chart__track i{border-radius:8px 8px 0 0;width:14px;min-height:8px;display:block;position:relative}.mock-abx-el-chart__track i:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.mock-abx-el-chart__track i.is-control{background:linear-gradient(#cbd5e1 0%,#94a3b8 52%,#64748b 100%);box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #0f172a38}.mock-abx-el-chart__track i.is-control:after{background:linear-gradient(90deg,#ffffff80 0%,#ffffff0f 46%,#0f172a1f 100%)}.mock-abx-el-chart__track i.is-variant{background:linear-gradient(#7dd3fc 0%,#38bdf8 34%,#0ea5e9 68%,#0369a1 100%);box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #0369a147}.mock-abx-el-chart__track i.is-variant:after{background:linear-gradient(90deg,#ffffff8c 0%,#ffffff0f 46%,#0284c729 100%)}.mock-abx-el-chart__label{flex-direction:column;flex:0 0 52px;align-items:center;gap:4px;width:100%;min-width:0;padding-top:8px;display:flex}.mock-abx-el-chart__label b{-webkit-line-clamp:2;letter-spacing:-.02em;text-align:center;color:#64748b;-webkit-box-orient:vertical;font-size:9px;font-weight:650;line-height:1.25;display:-webkit-box;overflow:hidden}.mock-abx-el-chart__col.is-active .mock-abx-el-chart__label b{color:#0f172a}.mock-abx-engage-table--el,.mock-abx-engage-table--el .mock-abx-engage-table__head,.mock-abx-engage-table--el .mock-abx-engage-table__row{grid-template-columns:minmax(0,1.7fr) minmax(108px,.42fr) minmax(108px,.42fr) 64px 88px}.mock-abx-engage-table--el .mock-abx-engage-table__head{align-items:start;padding:8px 12px 7px}.mock-abx-engage-table--el .mock-abx-engage-table__row{min-height:44px;padding:10px 12px;position:relative}.mock-abx-engage-table--el .mock-abx-engage-table__row:before{content:"";background:0 0;border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.mock-abx-engage-table--el .mock-abx-engage-table__row:hover,.mock-abx-engage-table--el .mock-abx-engage-table__row:focus{background:#0f172a08}.mock-abx-engage-table--el .mock-abx-engage-table__row.is-active,.mock-abx-engage-table--el .mock-abx-engage-table__row:active{background:#f8fafc}.mock-abx-engage-table--el .mock-abx-engage-table__row.is-active:before{background:#0ea5e9}.mock-abx-engage-table--el .mock-abx-engage-table__head span:not(:first-child),.mock-abx-engage-table--el .mock-abx-engage-table__row>:not(:first-child){text-align:right;justify-self:end}.mock-abx-el-h{flex-direction:column;align-items:flex-end;gap:1px;line-height:1.2;display:flex}.mock-abx-el-h i{letter-spacing:.01em;text-transform:none;color:#64748b;font-size:9px;font-style:normal;font-weight:550}.mock-abx-el-id{align-items:center;gap:8px;min-width:0;display:flex}.mock-abx-el-id>span{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-abx-el-id b{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650;line-height:1.2}.mock-abx-el-id code{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:#94a3b8;font-size:9px;font-weight:500;overflow:hidden}.mock-abx-el-id.is-on b{color:#0f172a}.mock-abx-el-id.is-on code{color:#0284c7}.mock-abx-el-key em,.mock-abx-el-id em,.mock-abx-el-chart__label em{color:#be185d;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);background:#f43f5e14;border-radius:6px;flex-shrink:0;padding:1px 5px;font-size:9px;font-style:normal;font-weight:700}.mock-abx-el-key em.is-img,.mock-abx-el-id em.is-img,.mock-abx-el-chart__label em.is-img{color:#b45309;background:#d977061a}.mock-abx-el-key em.is-p,.mock-abx-el-id em.is-p,.mock-abx-el-chart__label em.is-p{color:#6d28d9;background:#7c3aed14}.mock-abx-el-key em.is-div,.mock-abx-el-id em.is-div,.mock-abx-el-chart__label em.is-div{color:#475569;background:#64748b1f}.mock-abx-el-key{align-items:center;gap:6px;min-width:0;display:flex}.mock-abx-el-key code{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:#64748b;font-size:9px;font-weight:550;overflow:hidden}.mock-abx-el-key.is-on code{color:#0284c7}.mock-abx-el-metric{flex-direction:row;justify-content:flex-end;align-items:baseline;gap:6px;min-width:0;display:flex}.mock-abx-el-metric.is-off{opacity:.35}.mock-abx-el-metric b{letter-spacing:-.02em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:12px;font-weight:650;line-height:1.2}.mock-abx-el-metric em{letter-spacing:-.01em;color:#94a3b8;font-variant-numeric:tabular-nums;font-size:10px;font-style:normal;font-weight:550}.mock-abx-el-metric em.is-lead{color:#334155;font-weight:650}.mock-abx-el-metric em.is-lead.is-variant{color:#0284c7}.mock-abx-el-metric em.is-zero{color:#cbd5e1}.mock-abx-el-lift{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#94a3b8;font-size:11px;font-weight:650}.mock-abx-el-lift.is-up{color:#16a34a}.mock-abx-el-lift.is-down{color:#dc2626}.mock-abx-el-lift.is-flat{color:#94a3b8}.mock-abx-engage-table--el .mock-meta-pill{flex-shrink:0}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-el-chart__col,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-ai__gen{box-shadow:none}.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-ai__card .mock-btn:hover,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-ai__card .mock-btn:focus,.mock-screen--app.mock-screen--page-detail.mock-screen--abx .mock-abx-ai__card .mock-btn:active{color:#fff;background:#0f172a}@media (max-width:920px){.mock-screen--abx .mock-abx-shell,.mock-screen--abx .mock-abx-split,.mock-screen--abx .mock-abx-progress-row,.mock-screen--abx .mock-abx-engage,.mock-screen--abx .mock-abx-trio,.mock-screen--abx .mock-abx-pair,.mock-screen--abx .mock-abx-split-body,.mock-screen--abx .mock-abx-bayes-pair,.mock-screen--abx .mock-abx-seg-body{grid-template-columns:1fr}.mock-screen--abx .mock-abx-shell__main{border-bottom:1px solid #0f172a0f;border-right:0}.mock-screen--abx .mock-abx-glance{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 0}.mock-screen--abx .mock-abx-glance__item:nth-child(odd){border-left:none;padding-left:0}.mock-screen--abx .mock-page-detail__actions,.mock-screen--abx .mock-abx-actions{max-width:100%}}.product-frame--viewport:not(.product-frame--interactive) .mock-abx-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.product-frame--viewport:not(.product-frame--interactive) .mock-abx-actions{max-width:48%}.product-frame--viewport:not(.product-frame--interactive) .mock-abx-split{grid-template-columns:minmax(0,1fr)}.product-frame--viewport:not(.product-frame--interactive) .mock-abx-variants__head,.product-frame--viewport:not(.product-frame--interactive) .mock-abx-variants__row{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(44px,.5fr)) minmax(70px,.65fr)}.product-frame--viewport:not(.product-frame--interactive) .mock-abx-variants__head span:nth-child(3),.product-frame--viewport:not(.product-frame--interactive) .mock-abx-variants__head span:nth-child(4),.product-frame--viewport:not(.product-frame--interactive) .mock-abx-variants__row>span:nth-child(3),.product-frame--viewport:not(.product-frame--interactive) .mock-abx-variants__row>span:nth-child(4){display:none}.product-frame--viewport:not(.product-frame--interactive) .mock-abx-progress-row{grid-template-columns:1fr}.mock-screen--ab-create{flex-direction:column;gap:0;min-height:0;display:flex}.mock-ab-create__topbar{background:#fff;border-bottom:1px solid #0f172a0d;align-items:flex-start;padding-bottom:10px}.mock-screen--app.mock-screen--ab-create .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700}.mock-ab-create__crumb{align-items:center;gap:6px;margin-bottom:2px;display:inline-flex}.mock-ab-create__crumb-sep,.mock-ab-create__crumb-current{color:var(--mock-text-muted);font-size:10px}.mock-ab-create__subtitle{color:var(--mock-text-secondary);margin:4px 0 0;font-size:11px}.mock-ab-create-stepper{justify-content:space-between;align-items:flex-start;gap:4px;padding:14px 4px 10px;display:flex;position:relative}.mock-ab-create-stepper:before{content:"";z-index:0;background:#0f172a14;height:1px;position:absolute;top:24px;left:8%;right:8%}.mock-ab-create-stepper__item{z-index:1;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.mock-ab-create-stepper__dot{color:#94a3b8;background:#fff;border:1.5px solid #0f172a1f;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:inline-flex}.mock-ab-create-stepper__label{color:#94a3b8;text-align:center;white-space:nowrap;font-size:10px;font-weight:550}.mock-ab-create-stepper__item.is-done .mock-ab-create-stepper__dot{color:#fff;background:#10b981;border-color:#10b981}.mock-ab-create-stepper__item.is-done .mock-ab-create-stepper__label{color:#059669}.mock-ab-create-stepper__item.is-active .mock-ab-create-stepper__dot{color:#fff;background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e92e}.mock-ab-create-stepper__item.is-active .mock-ab-create-stepper__label{color:#0284c7;font-weight:650}.mock-ab-create__stack{flex-direction:column;gap:12px;width:100%;max-width:720px;margin:0 auto;padding-bottom:8px;display:flex}.mock-ab-create-card{background:#fff;border:1px solid #0f172a14;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.mock-ab-create-card__head{border-bottom:1px solid #0f172a0d;align-items:flex-start;gap:12px;padding:16px 16px 12px;display:flex}.mock-ab-create-card__icon{color:#0284c7;background:#0ea5e91a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.mock-ab-create-card__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:15px;font-weight:700}.mock-ab-create-card__desc{color:#64748b;margin:3px 0 0;font-size:11px}.mock-ab-create-card__body{flex-direction:column;gap:14px;padding:14px 16px 16px;display:flex}.mock-ab-create-field{flex-direction:column;gap:6px;min-width:0;display:flex}.mock-ab-create-label{color:#334155;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.mock-ab-create-label em{color:#ef4444;font-style:normal}.mock-ab-create-label svg{color:#94a3b8}.mock-ab-create-optional{color:#0284c7;letter-spacing:.02em;background:#0ea5e91a;border-radius:6px;align-items:center;padding:2px 6px;font-size:9px;font-weight:500;display:inline-flex}.mock-ab-create-input{background:#fff;border:1px solid #0f172a1a;border-radius:9px;align-items:center;gap:8px;min-height:34px;padding:0 10px;display:flex}.mock-ab-create-input--group{padding:0;overflow:hidden}.mock-ab-create-input--select{cursor:default;justify-content:space-between}.mock-ab-create-input__field{color:#0f172a;flex:1;min-width:0;padding:7px 0;font-size:12px}.mock-ab-create-input--group .mock-ab-create-input__field{padding:7px 10px}.mock-ab-create-input__field.is-placeholder{color:#94a3b8}.mock-ab-create-input__affix{color:#64748b;font-size:11px;font-weight:600;font-family:var(--font-mono,ui-monospace, monospace);background:#f8fafc;border-right:1px solid #0f172a14;align-self:stretch;align-items:center;padding:0 10px;display:inline-flex}.mock-ab-create-input__affix--end{border-left:1px solid #0f172a14;border-right:0}.mock-ab-create-hint{color:#64748b;font-size:10px;line-height:1.45}.mock-ab-create-hint--row{align-items:flex-start;gap:6px;display:flex}.mock-ab-create-hint--row svg{color:#94a3b8;flex-shrink:0;margin-top:1px}.mock-ab-create-hint code{color:#be185d;font-size:10px}.mock-ab-create-radios{flex-direction:column;gap:8px;display:flex}.mock-ab-create-radio{appearance:none;text-align:left;width:100%;font:inherit;color:#334155;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:11px;display:flex}.mock-ab-create-radio strong{color:#0f172a;font-weight:650}.mock-ab-create-radio__dot{background:#fff;border:1.5px solid #0f172a2e;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:1px}.mock-ab-create-radio.is-active{background:#0ea5e90a;border-color:#0ea5e973}.mock-ab-create-radio.is-active .mock-ab-create-radio__dot{border-color:#0ea5e9;box-shadow:inset 0 0 0 3.5px #0ea5e9}.mock-ab-create-labels-btn{appearance:none;width:fit-content;min-height:32px;font:inherit;color:#334155;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:9px;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.mock-ab-create-aside{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:12px;display:grid}.mock-ab-create-preview{color:#94a3b8;background:#fff;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.mock-ab-create-preview__chrome{background:#f8fafc;border-bottom:1px solid #0f172a0f;align-items:center;gap:8px;padding:8px 10px;display:flex}.mock-ab-create-preview__dots{align-items:center;gap:4px;display:inline-flex}.mock-ab-create-preview__dots i{background:#cbd5e1;border-radius:50%;width:6px;height:6px}.mock-ab-create-preview__url{font-family:var(--font-mono,ui-monospace, monospace);color:#94a3b8;font-size:9px}.mock-ab-create-preview__stage{background:linear-gradient(#0ea5e929 0%,#0ea5e90a 42%,#f8fafc 100%);flex:auto;grid-template-columns:minmax(0,1.15fr) minmax(96px,.9fr);gap:12px;min-height:132px;padding:12px;display:grid}.mock-ab-create-preview--challenger .mock-ab-create-preview__stage{background:linear-gradient(#0f172a29 0%,#0ea5e914 48%,#f8fafc 100%)}.mock-ab-create-preview__copy{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.mock-ab-create-preview__copy strong{letter-spacing:-.03em;color:#0f172a;font-size:13px;font-weight:700}.mock-ab-create-preview__copy>span:not(.mock-ab-create-preview__lines){color:#64748b;font-size:11px}.mock-ab-create-preview__lines{flex-direction:column;gap:4px;width:100%;margin-top:2px;display:flex}.mock-ab-create-preview__lines i{background:#0f172a14;border-radius:2px;height:4px;display:block}.mock-ab-create-preview__lines i:first-child{width:92%}.mock-ab-create-preview__lines i:nth-child(2){width:76%}.mock-ab-create-preview__lines i:nth-child(3){width:58%}.mock-ab-create-preview__copy em{color:#fff;background:#0f172a;border-radius:8px;align-items:center;height:24px;margin-top:auto;padding:0 10px;font-size:10px;font-style:normal;font-weight:650;display:inline-flex}.mock-ab-create-preview__media{background:linear-gradient(150deg,#e0f2feb8 0%,#ffffff6b 46%,#bae6fd61 100%);border:1px solid #0ea5e929;border-radius:8px;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8c}.mock-ab-create-preview--challenger .mock-ab-create-preview__media{background:linear-gradient(150deg,#e0f2fe94 0%,#ffffff52 48%,#bae6fd57 100%)}.mock-ab-create-preview__sheen{pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fff6 48%,#0000 62%);position:absolute;inset:0;transform:translate(-18%)}.mock-ab-create-preview__orb{border-radius:50%;position:absolute}.mock-ab-create-preview__orb--a{opacity:.9;background:radial-gradient(circle at 35% 35%,#7dd3fc,#00a4ff 52%,#0000 72%);width:62%;height:62%;top:-12%;right:-10%}.mock-ab-create-preview__orb--b{background:radial-gradient(circle at 40% 40%,#bae6fdf2,#00a4ff52 58%,#0000 75%);width:46%;height:46%;bottom:-14%;left:-8%}.mock-ab-create-preview__mark{z-index:2;color:#0f172a;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:0 1px 2px #0f172a14}.mock-ab-create-preview__cap{color:#64748b;border-top:1px solid #0f172a0d;padding:8px 10px;font-size:10px;font-weight:550}.mock-ab-create-edu{background:#fff;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;gap:10px;height:100%;min-height:0;padding:12px;display:flex}.mock-ab-create-edu__head{flex-shrink:0;align-items:flex-start;gap:10px;display:flex}.mock-ab-create-edu__mark{color:#334155;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.mock-ab-create-edu__copy{flex-direction:column;gap:4px;min-width:0;display:flex}.mock-ab-create-edu__copy strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-ab-create-edu p{color:#475569;margin:0;font-size:11px;line-height:1.45}.mock-ab-create-edu__steps{flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;display:grid}.mock-ab-create-edu__steps article{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.mock-ab-create-edu__steps header{align-items:baseline;gap:6px;display:flex}.mock-ab-create-edu__n{font-family:var(--font-mono,ui-monospace, monospace);color:#94a3b8;font-size:9px;font-weight:600}.mock-ab-create-edu__steps header strong{letter-spacing:-.02em;color:#0f172a;font-size:11px;font-weight:650}.mock-ab-create-edu__steps p{color:#64748b;font-size:10px;line-height:1.4}.mock-ab-create-edu__viz{flex:auto;gap:6px;min-height:64px;display:flex}.mock-ab-create-edu__page{background:#fff;border:1px solid #0f172a14;border-radius:6px;flex-direction:column;flex:1;gap:5px;min-width:0;padding:7px;display:flex}.mock-ab-create-edu__page b{background:#e2e8f0;border-radius:2px;height:4px;display:block}.mock-ab-create-edu__page b:first-of-type{width:72%}.mock-ab-create-edu__page b+b{width:54%}.mock-ab-create-edu__page i{color:#64748b;margin-top:auto;font-size:8px;font-style:normal;font-weight:650}.mock-ab-create-edu__page.is-control{box-shadow:inset 2px 0 #0f172a}.mock-ab-create-edu__page.is-a{box-shadow:inset 2px 0 #0ea5e9}.mock-ab-create-edu__viz--split{flex-direction:column}.mock-ab-create-edu__bar{color:#fff;border-radius:6px;flex:auto;min-height:40px;font-size:10px;font-style:normal;font-weight:650;display:flex;overflow:hidden}.mock-ab-create-edu__bar i{flex:1;justify-content:center;align-items:center;font-style:normal;display:inline-flex}.mock-ab-create-edu__bar .is-control{background:#0f172a}.mock-ab-create-edu__bar .is-a{background:linear-gradient(#ffffff2e,#0000 55%),#0ea5e9}.mock-ab-create-edu__viz--kpis{grid-template-columns:1fr 1fr;display:grid}.mock-ab-create-edu__kpi{background:#fff;border:1px solid #0f172a14;border-radius:6px;flex-direction:column;justify-content:space-between;gap:6px;min-width:0;padding:7px;display:flex}.mock-ab-create-edu__kpi em{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:8px;font-style:normal;font-weight:650}.mock-ab-create-edu__kpi strong{letter-spacing:-.03em;color:#0f172a;font-size:13px;font-weight:700}.mock-ab-create-edu__foot{background:#0ea5e90f;border:1px solid #0ea5e924;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.mock-ab-create-edu__foot strong{color:#0c4a6e;font-size:11px;font-weight:650;display:block}.mock-ab-create-edu__foot p{color:#0369a1}.mock-ab-create-edu__foot .mock-ab-create-review__chip{color:#0f172a;background:#fff;flex-shrink:0}.mock-ab-create-help{appearance:none;color:#0284c7;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;width:fit-content;padding:0;font-size:11px;font-weight:600;display:inline-flex}.mock-ab-create-goals{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.mock-ab-create-goal{appearance:none;text-align:left;font:inherit;cursor:pointer;color:#64748b;background:#fff;border:1px solid #0f172a14;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.mock-ab-create-goal strong{color:#0f172a;font-size:11px;font-weight:650}.mock-ab-create-goal span{font-size:10px;line-height:1.35}.mock-ab-create-goal svg{color:#0284c7}.mock-ab-create-goal.is-active{background:#0ea5e90d;border-color:#0ea5e980;box-shadow:0 0 0 1px #0ea5e926}.mock-ab-create-variant-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.mock-ab-create-variant{background:#fff;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.mock-ab-create-variant__head{background:#fafbfc;border-bottom:1px solid #0f172a0d;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.mock-ab-create-variant__title{color:#0f172a;align-items:center;gap:6px;font-size:12px;font-weight:650;display:inline-flex}.mock-ab-create-variant__preview{padding:12px}.mock-ab-create-variant__thumb{background:linear-gradient(120deg,#0ea5e92e,#0f172a0f 55%),#e2e8f0;border-radius:8px;height:64px;margin-bottom:8px}.mock-ab-create-variant__preview p{color:#64748b;margin:0;font-size:11px}.mock-ab-create-variant__body{flex-direction:column;flex:auto;gap:8px;padding:12px;display:flex}.mock-ab-create-variant__body .mock-ab-create-preview{flex:auto}.mock-ab-create-variant__note{color:#64748b;margin:0;font-size:11px;line-height:1.45}.mock-ab-create-variant-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.mock-ab-create-traffic{width:88px}.mock-ab-create-modes{flex-direction:column;gap:6px;display:flex}.mock-ab-create-mode{appearance:none;text-align:left;width:100%;font:inherit;cursor:pointer;color:#64748b;background:#fff;border:1px solid #0f172a14;border-radius:8px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.mock-ab-create-mode strong{color:#0f172a;align-items:center;gap:6px;font-size:11px;font-weight:650;display:inline-flex}.mock-ab-create-mode span{margin-top:2px;font-size:10px;line-height:1.35;display:block}.mock-ab-create-mode svg{color:#0284c7;flex-shrink:0;margin-top:2px}.mock-ab-create-mode.is-active{background:#0ea5e90a;border-color:#0ea5e973}.mock-ab-create-mode.is-soon{opacity:.55;cursor:not-allowed}.mock-ab-create-soon{color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:500;display:inline-flex}.mock-ab-create-add-variant{appearance:none;min-height:36px;font:inherit;color:#334155;cursor:pointer;background:#fff;border:1px dashed #0f172a2e;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:650;display:flex}.mock-ab-create-split{color:#fff;border:1px solid #0f172a14;border-radius:8px;height:28px;font-size:10px;font-weight:650;display:flex;overflow:hidden}.mock-ab-create-split__seg{flex:1;justify-content:center;align-items:center;display:inline-flex}.mock-ab-create-split__seg--control{background:#0f172a}.mock-ab-create-split__seg--a{background:linear-gradient(#ffffff2e,#0000 55%),#0ea5e9}.mock-ab-create-method{width:fit-content;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.mock-ab-create-method__btn{appearance:none;min-height:28px;font:inherit;font-family:var(--font-body);letter-spacing:-.01em;color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:5px 11px;font-size:10px;font-weight:500;display:inline-flex}.mock-ab-create-method__btn.is-active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-ab-create-method__btn.is-active svg{color:#0284c7}.mock-ab-create-prior{background:#f8fafc;border:1px solid #0f172a0f;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.mock-ab-create-prior__grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mock-ab-create-field--span{grid-column:1/-1}.mock-ab-create-stat-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.mock-ab-create-stat-card{background:#fff;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.mock-ab-create-stat-card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-ab-create-slider{background:#e2e8f0;border-radius:3px;height:6px;margin:6px 0 2px;position:relative}.mock-ab-create-slider__fill{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#0ea5e9);position:absolute;inset:0 auto 0 0}.mock-ab-create-slider__thumb{background:#fff;border:2px solid #0ea5e9;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0f172a26}.mock-ab-create-slider__ends{color:#94a3b8;font-size:9px;font-family:var(--font-mono,ui-monospace, monospace);justify-content:space-between;display:flex}.mock-ab-create-mde{flex-wrap:wrap;gap:6px;display:flex}.mock-ab-create-mde__btn{appearance:none;min-height:28px;font:inherit;color:#475569;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:8px;padding:0 10px;font-size:11px;font-weight:650}.mock-ab-create-mde__btn.is-active{color:#0284c7;background:#0ea5e914;border-color:#0ea5e973}.mock-ab-create-sample{background:#fff;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.mock-ab-create-sample__head{color:#0f172a;align-items:center;gap:8px;font-size:12px;display:inline-flex}.mock-ab-create-sample__result{background:#f8fafc;border:1px solid #0f172a0f;border-radius:8px;flex-direction:column;gap:2px;padding:12px;display:flex}.mock-ab-create-sample__result span{color:#64748b;font-size:10px;font-weight:600}.mock-ab-create-sample__result strong{letter-spacing:-.03em;color:#0f172a;font-size:22px}.mock-ab-create-sample__result em{color:#64748b;font-size:10px;font-style:normal}.mock-ab-create-sample__inputs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mock-ab-create-apply{appearance:none;color:#0284c7;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;width:fit-content;padding:0;font-size:11px;font-weight:650;display:inline-flex}.mock-ab-create-toggle-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.mock-ab-create-toggle-row{appearance:none;text-align:left;width:100%;font:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;display:flex}.mock-ab-create-switch{background:#cbd5e1;border-radius:10px;flex-shrink:0;width:34px;height:20px;margin-top:1px;transition:background .15s;position:relative}.mock-ab-create-switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0f172a33}.mock-ab-create-toggle-row.is-on .mock-ab-create-switch{background:#0ea5e9}.mock-ab-create-toggle-row.is-on .mock-ab-create-switch:after{transform:translate(14px)}.mock-ab-create-toggle-row__copy{flex-direction:column;gap:3px;min-width:0;display:flex}.mock-ab-create-toggle-row__copy strong{color:#0f172a;align-items:center;gap:6px;font-size:12px;display:inline-flex}.mock-ab-create-toggle-row__copy>span{color:#64748b;font-size:10px;line-height:1.4}.mock-ab-create-review-layout{grid-template-columns:minmax(0,1fr) 236px;align-items:start;gap:20px;display:grid}.mock-ab-create-review{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;min-width:0;display:grid}.mock-ab-create-review__group{background:#fff;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.mock-ab-create-review__group-head{background:#f8fafc;border-bottom:1px solid #0f172a0f;align-items:center;gap:8px;padding:8px 10px;display:flex}.mock-ab-create-review__group-icon{color:#334155;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.mock-ab-create-review__group-title{letter-spacing:-.01em;color:#0f172a;flex:auto;min-width:0;font-size:11px;font-weight:650}.mock-ab-create-review__body{flex-direction:column;flex:auto;display:flex}.mock-ab-create-review__grid{flex:auto;grid-template-columns:1fr 1fr;display:grid}.mock-ab-create-review__kv{border-top:1px solid #0f172a0f;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:10px 12px;display:flex}.mock-ab-create-review__grid .mock-ab-create-review__kv{border-top:0;border-bottom:1px solid #0f172a0f}.mock-ab-create-review__grid .mock-ab-create-review__kv:nth-child(odd){border-right:1px solid #0f172a0f}.mock-ab-create-review__grid .mock-ab-create-review__kv:nth-last-child(-n+2){border-bottom:0}.mock-ab-create-review__label{letter-spacing:.01em;text-transform:none;color:#94a3b8;font-size:10px;font-weight:500;display:block}.mock-ab-create-review__value{letter-spacing:-.02em;color:#0f172a;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;font-size:12px;font-weight:650;display:flex}.mock-ab-create-review__value span:not(.mock-ab-create-review__chip){letter-spacing:0;color:#94a3b8;font-size:10px;font-weight:500}.mock-ab-create-review__chip{color:#334155;background:#f8fafc;border:1px solid #0f172a14;border-radius:6px;align-items:center;gap:5px;max-width:100%;padding:2px 6px;font-size:9px;font-weight:500;display:inline-flex}.mock-ab-create-review__chip--mono{font-family:var(--font-mono,ui-monospace, monospace);font-size:10px}.mock-ab-create-review__chip .icon,.mock-ab-create-review__chip svg{color:inherit;flex-shrink:0}.mock-ab-create-review__body .mock-ab-create-review__grid{border-top:1px solid #0f172a0f;margin-top:8px}.mock-ab-create-review__note{color:#64748b;border-top:1px solid #0f172a0f;margin:auto 0 0;padding:10px 12px;font-size:11px;line-height:1.4}.mock-ab-create-review__flags{border-top:1px solid #0f172a0f;flex-wrap:wrap;gap:6px;padding:8px 12px 10px;display:flex}.mock-ab-create-review__split{background:#f8fafc;border-radius:8px;height:8px;margin:10px 12px 0;display:flex;overflow:hidden}.mock-ab-create-review__split-seg{height:100%;display:block}.mock-ab-create-review__split-seg--control{background:#0f172a;width:50%}.mock-ab-create-review__split-seg--a{background:#0ea5e9;width:50%}.mock-ab-create-review__edit{appearance:none;color:#334155;height:26px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.mock-ab-create-review__edit:hover,.mock-ab-create-review__edit:focus,.mock-ab-create-review__edit:active{color:#0f172a;background:#fff;border-color:#0f172a2e}.mock-ab-create-launch{color:#0f172a;background:0 0;border:0;flex-direction:column;gap:10px;min-width:0;padding:0;display:flex;position:sticky;top:0}.mock-ab-create-launch__kicker{color:#64748b;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;font-weight:550;display:flex}.mock-ab-create-launch__kicker .mock-ab-create-review__chip{flex-shrink:0}.mock-ab-create-launch__stage{background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;justify-content:center;padding:16px 12px;display:flex}.mock-ab-create-launch__stage .mock-ads-gen-live{aspect-ratio:auto;border-radius:8px;width:164px;max-width:100%;height:auto;box-shadow:0 10px 24px #0f172a14}.mock-ab-create-launch__stage .mock-ads-unit__media{flex:none;height:80px;min-height:80px}.mock-ab-create-launch__status{align-items:flex-start;gap:10px;display:flex}.mock-ab-create-launch__icon{color:#0284c7;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-ab-create-launch strong{letter-spacing:-.02em;margin-bottom:2px;font-size:13px;display:block}.mock-ab-create-launch p{color:#64748b;margin:0;font-size:11px;line-height:1.45}.mock-ab-create-launch__steps{border-top:1px solid #0f172a0f;flex-direction:column;gap:8px;margin:0;padding:10px 0 0;list-style:none;display:flex}.mock-ab-create-launch__steps li{color:#475569;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;font-size:11px;line-height:1.4;display:grid}.mock-ab-create-launch__steps span{font-family:var(--font-mono,ui-monospace, monospace);color:#64748b;padding-top:2px;font-size:9px;font-weight:600}.mock-ab-create__footer{background:#fff;border-top:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:10px 2px 4px;display:flex}.mock-ab-create__step-label{color:#94a3b8;font-size:11px;font-weight:550}.mock-ab-create__next{color:#fff!important;background:#0f172a!important;border-color:#0f172a!important}.product-frame--viewport .mock-screen.mock-screen--ab-create{padding-right:0;overflow:hidden}.mock-screen--ab-create>.mock-screen__scroll{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.mock-screen--ab-create>.mock-screen__scroll>.mock-ab-create__stack{flex-direction:column;flex:1 1 0;gap:12px;max-width:none;height:100%;min-height:0;padding-top:0;padding-bottom:0;display:flex}.mock-screen--ab-create .mock-page-section{flex-direction:column;flex:1 1 0;gap:12px;min-width:0;margin-top:0;display:flex}.mock-screen--ab-create .mock-page-section__head{flex-shrink:0;align-items:flex-start;gap:10px;padding:0 2px;display:flex}.mock-screen--ab-create .mock-page-section__icon{color:#334155;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-screen--ab-create .mock-page-section__icon .icon{color:inherit}.mock-screen--ab-create .mock-page-section__copy{flex:auto;min-width:0}.mock-screen--ab-create .mock-page-section__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:13px;font-weight:650}.mock-screen--ab-create .mock-page-section__desc{color:#94a3b8;max-width:56ch;margin:2px 0 0;font-size:11px;line-height:1.45}.mock-screen--ab-create .mock-page-section__head .mock-ads-gen-search{flex-shrink:0;width:min(280px,42%);margin-left:auto}.mock-screen--ab-create .mock-page-section__body{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.mock-screen--ab-create .mock-ab-create-card{min-height:0;box-shadow:none;border-radius:10px;flex-direction:column;flex:1 1 0;display:flex}.mock-screen--ads-generate .mock-ab-create-card{border-bottom:0}.mock-screen--ab-create:not(.mock-screen--ads-generate) .mock-page-section__body{padding-bottom:4px}.mock-screen--ab-create:not(.mock-screen--ads-generate) .mock-ab-create-card{overflow:visible}.mock-screen--ab-create .mock-ab-create-card__body{flex:1 1 0;gap:20px;min-height:0;padding:16px 16px 18px;overflow-y:auto}.mock-screen--ab-create .mock-ab-create__topbar{border-bottom:0;padding-bottom:4px}.product-frame--viewport .product-frame__main:has(>.mock-screen--ab-create){padding-bottom:12px}.mock-screen--ab-create .mock-ab-create__footer{z-index:2;box-shadow:none;background:#fff;border-top:0;flex-shrink:0;align-items:flex-end;margin-top:auto;padding:8px 2px 0;position:relative}.mock-screen--ab-create .mock-btn--ghost,.mock-screen--ab-create .mock-btn--ghost:hover,.mock-screen--ab-create .mock-btn--ghost:focus,.mock-screen--ab-create .mock-btn--ghost:active{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-ads-gen-tl{--tl-p:0%;isolation:isolate;flex-shrink:0;justify-content:space-between;align-items:flex-start;margin:8px 0 24px;padding:4px 0 36px;display:flex;position:relative}.mock-ads-gen-tl__rail{pointer-events:none;z-index:0;background:linear-gradient(#dbeaf3 0%,#eef6fb 55%,#f7fbfe 100%);border:1px solid #0ea5e91f;border-radius:4px;height:8px;position:absolute;top:42px;left:20px;right:20px;overflow:hidden;box-shadow:inset 0 1px 2px #0e74901f,inset 0 -1px #ffffffd9}.mock-ads-gen-tl__fill{height:100%;width:var(--tl-p);background:linear-gradient(#ffffff61 0%,#fff0 42%,#0284c72e 100%),linear-gradient(90deg,#0284c7 0%,#0ea5e9 48%,#38bdf8 100%);border-radius:3px;transition:width .45s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff73,0 0 14px #0ea5e952}.mock-ads-gen-tl__fill:before{content:"";background:#ffffff80;border-radius:2px;height:2px;position:absolute;top:1px;left:12px;right:12px}.mock-ads-gen-tl__fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:48%;animation:2.4s ease-in-out infinite mock-ads-gen-tl-sheen;position:absolute;top:0;bottom:0;left:0}@keyframes mock-ads-gen-tl-sheen{0%{transform:translate(-140%)}to{transform:translate(260%)}}@media (prefers-reduced-motion:reduce){.mock-ads-gen-tl__fill{transition:none}.mock-ads-gen-tl__fill:after{animation:none;display:none}}.mock-ads-gen-tl__step{appearance:none;z-index:1;width:40px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;padding:22px 0 0;display:flex;position:relative}.mock-ads-gen-tl__step.is-locked{cursor:default}.mock-ads-gen-tl__index{z-index:2;font-family:var(--font-mono);letter-spacing:.08em;color:#94a3b8;font-size:9px;font-weight:600;line-height:1;position:absolute;top:2px;left:50%;transform:translate(-50%)}.mock-ads-gen-tl__node{z-index:1;color:#94a3b8;background:#fff;border:1px solid #0f172a1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:relative;box-shadow:0 0 0 5px #fff}.mock-ads-gen-tl__node .icon{z-index:1;color:inherit;flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:flex;position:relative}.mock-ads-gen-tl__node .icon svg{display:block}.mock-ads-gen-tl__label{white-space:nowrap;letter-spacing:-.02em;color:#94a3b8;font-size:12px;font-weight:500;position:absolute;top:74px;left:50%;transform:translate(-50%)}.mock-ads-gen-tl__step.is-done .mock-ads-gen-tl__index,.mock-ads-gen-tl__step.is-active .mock-ads-gen-tl__index{color:#0369a1}.mock-ads-gen-tl__step.is-done .mock-ads-gen-tl__node{color:#0284c7;background:#fff;border-color:#0ea5e947;box-shadow:0 0 0 5px #fff}.mock-ads-gen-tl__step.is-active .mock-ads-gen-tl__node{color:#0284c7;background:#fff;border-color:#0ea5e92e;box-shadow:0 0 0 5px #fff}.mock-ads-gen-tl__step.is-active:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#38bdf86b,#0ea5e91a 55%,#0000 74%);width:44px;height:18px;position:absolute;top:58px;left:50%;transform:translate(-50%)}.mock-ads-gen-tl__step.is-done .mock-ads-gen-tl__label{color:#475569}.mock-ads-gen-tl__step.is-active .mock-ads-gen-tl__label{color:#0f172a;font-weight:650}.mock-ads-gen-tl__step:not(.is-locked):not(.is-active):hover .mock-ads-gen-tl__label,.mock-ads-gen-tl__step:not(.is-locked):not(.is-active):hover .mock-ads-gen-tl__index{color:#0369a1}.mock-ads-gen-tl__step:not(.is-locked):not(.is-active):hover .mock-ads-gen-tl__node{color:#0284c7;border-color:#0ea5e966}.mock-ads-gen-tl__step:focus-visible{outline:none}.mock-ads-gen-tl__step:focus-visible .mock-ads-gen-tl__node{box-shadow:0 0 0 5px #fff,0 0 0 7px #0ea5e959}.mock-screen--ads-generate-s0 .mock-ab-create-card__body{gap:0;padding:0;overflow:hidden}.mock-screen--ads-generate-s0 .mock-ads-gen-search{flex-shrink:0;width:min(280px,42%);height:34px;margin:0 0 0 auto}.mock-screen--ads-generate-s0 .mock-ads-gen-sites{background:#fafbfc;border:0;border-radius:0;flex:1 1 0;min-height:0;overflow-y:auto}.mock-screen--ads-generate .mock-ads-gen-search{background:#fff;border:1px solid #0f172a1a;border-radius:8px}.mock-screen--ads-generate .mock-ads-gen-site__landings{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:4px 12px 14px 14px}.mock-screen--ads-generate .mock-ads-gen-landing.is-selected{background:#0ea5e90a;border-color:#0ea5e9}.mock-screen--ads-generate .mock-ads-gen-landing{padding-right:32px;position:relative}.mock-screen--ads-generate .mock-ads-gen-landing__check{z-index:2;color:#fff;background:#fff;border:1px solid #0f172a1f;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;top:10px;right:10px}.mock-screen--ads-generate .mock-ads-gen-landing.is-selected .mock-ads-gen-landing__check{background:#0ea5e9;border-color:#0ea5e9}.mock-screen--ads-generate .mock-ads-gen-landing.is-selected .mock-ads-gen-landing__check .icon{color:#fff}.mock-screen--ads-generate .mock-ads-gen-landing.is-selected .mock-ads-gen-landing__check .icon svg path{stroke:#fff;stroke-width:2.4px}.mock-screen--ads-generate .mock-ads-gen-landing__meta .mock-page-status,.mock-screen--ads-generate .mock-ads-gen-landing__meta .mock-tag{font-family:var(--font-body);letter-spacing:normal;border-radius:6px;height:auto;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6}.mock-screen--ads-generate .mock-ads-gen-landing:hover{border-color:#0ea5e959}.mock-screen--ads-generate .mock-ads-gen-format-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:0}.mock-screen--ads-generate .mock-ads-gen-modes{grid-template-columns:1fr 1fr;gap:10px}.mock-screen--ads-generate .mock-ads-gen-section{flex-direction:column;gap:10px;display:flex}.mock-screen--ads-generate .mock-ads-gen-section__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.mock-screen--ads-generate .mock-ads-gen-section__label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:650}.mock-screen--ads-generate .mock-ads-gen-section__meta{font-variant-numeric:tabular-nums;color:#0284c7;font-size:11px;font-weight:600}.mock-screen--ads-generate .mock-ads-gen-format{background:#fff;border-radius:8px;gap:8px;padding:10px 10px 12px}.mock-screen--ads-generate .mock-ads-gen-format:hover{border-color:#0ea5e959}.mock-screen--ads-generate .mock-ads-gen-format.is-selected{background:#0ea5e90a;border-color:#0ea5e9}.mock-screen--ads-generate .mock-ads-gen-format__check{z-index:2;background:#fff;border-color:#0f172a1f;width:18px;height:18px}.mock-screen--ads-generate .mock-ads-gen-format.is-selected .mock-ads-gen-format__check{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.mock-screen--ads-generate .mock-ads-gen-format.is-selected .mock-ads-gen-format__check .icon{color:#fff}.mock-screen--ads-generate .mock-ads-gen-format.is-selected .mock-ads-gen-format__check .icon svg path{stroke:#fff;stroke-width:2.4px}.mock-screen--ads-generate .mock-ads-gen-format__swatch-wrap{background:#f8fafc;border-radius:8px;align-items:center;height:100px;padding:10px 8px 8px}.mock-screen--ads-generate .mock-ads-gen-format:not(.is-selected) .mock-ads-gen-format__swatch{opacity:.55}.mock-screen--ads-generate .mock-ads-gen-format__name{justify-content:space-between;align-items:baseline;gap:6px;font-size:12px;display:flex}.mock-screen--ads-generate .mock-ads-gen-format__ratio{font-family:var(--font-mono);letter-spacing:.02em;color:#0284c7;font-size:10px;font-weight:600}.mock-screen--ads-generate .mock-ads-gen-format__size{color:#64748b;font-size:11px}.mock-screen--ads-generate .mock-ads-gen-mode{border-radius:8px;flex-wrap:wrap;align-items:flex-start;gap:10px 12px;padding:16px 36px 14px 16px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex;position:relative}.mock-screen--ads-generate .mock-ads-gen-mode:hover{border-color:#0ea5e959}.mock-screen--ads-generate .mock-ads-gen-mode.is-selected{background:#0ea5e90b;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.mock-screen--ads-generate .mock-ads-gen-mode__radio{box-sizing:border-box;background:#fff;border:1.5px solid #0f172a29;border-radius:50%;width:16px;height:16px;position:absolute;top:16px;right:14px}.mock-screen--ads-generate .mock-ads-gen-mode.is-selected .mock-ads-gen-mode__radio{border-color:#0ea5e9;box-shadow:inset 0 0 0 4px #0ea5e9}.mock-screen--ads-generate .mock-ads-gen-mode__copy{flex:1;min-width:0}.mock-screen--ads-generate .mock-ads-gen-mode__badge{color:#0369a1;letter-spacing:.06em;background:#0ea5e91f;border-radius:6px;height:18px;padding:0 6px}.mock-screen--ads-generate .mock-ads-gen-mode__cost{font-family:var(--font-mono);letter-spacing:-.02em;color:#0284c7;border-top:1px solid #0f172a0f;flex:1 0 100%;margin:0;padding-top:10px;font-size:13px;font-weight:700}.mock-screen--ads-generate .mock-ads-gen-copy-layout{grid-template-columns:minmax(0,1fr) 228px;align-items:start;gap:20px;display:grid}.mock-screen--ads-generate .mock-ads-gen-review{flex-direction:column;gap:16px;max-width:none;display:flex}.mock-screen--ads-generate .mock-ads-gen-review__cols{grid-template-columns:minmax(0,1fr) 228px;align-items:start;gap:20px;display:grid}.mock-screen--ads-generate .mock-ads-gen-copy-stack{flex-direction:column;gap:16px;min-width:0;display:flex}.mock-screen--ads-generate .mock-ads-gen-field{flex-direction:column;gap:7px;margin-bottom:0;display:flex}.mock-screen--ads-generate .mock-ads-gen-field.is-off{opacity:.45}.mock-screen--ads-generate .mock-ads-gen-field__label{letter-spacing:-.01em;text-transform:none;color:#0f172a;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;font-weight:650;display:flex}.mock-screen--ads-generate .mock-ads-gen-count{font-family:var(--font-mono);letter-spacing:0;text-transform:none;color:#94a3b8;font-size:10px;font-weight:500}.mock-screen--ads-generate .mock-ads-gen-count.is-tight{color:#b45309}.mock-screen--ads-generate .mock-ads-gen-field .mock-form-input{letter-spacing:-.01em;border-color:#0f172a1a;border-radius:8px;min-height:42px;padding:0 12px;font-size:13px}.mock-screen--ads-generate .mock-ads-gen-field .mock-form-input:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e91f}.mock-screen--ads-generate .mock-ads-gen-field .mock-form-input:disabled{color:#94a3b8;background:#f8fafc}.mock-screen--ads-generate .mock-ads-gen-meter{--p:0%;background:#0f172a0f;border-radius:8px;height:3px;margin:0;display:block;overflow:hidden}.mock-screen--ads-generate .mock-ads-gen-meter:after{content:"";width:var(--p);background:#0ea5e9;border-radius:8px;height:100%;display:block}.mock-screen--ads-generate .mock-ads-gen-meter.is-tight:after{background:#d97706}.mock-screen--ads-generate .mock-ads-gen-field__source{color:#94a3b8;align-items:center;gap:6px;font-size:11px;display:inline-flex}.mock-screen--ads-generate .mock-ads-gen-field__source code{font-family:var(--font-mono);color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 6px;font-size:10px}.mock-screen--ads-generate .mock-ads-gen-reset{align-self:flex-start;margin:0}.mock-screen--ads-generate .mock-ads-gen-reset-hint{color:#94a3b8;margin:0;font-size:11px}.mock-screen--ads-generate .mock-ads-gen-copy-preview{flex-direction:column;gap:10px;min-width:0;display:flex;position:sticky;top:0}.mock-screen--ads-generate .mock-ads-gen-copy-preview__head .mock-ads-gen-section__label,.mock-screen--ads-generate .mock-ads-gen-elements .mock-ads-gen-section__label,.mock-screen--ads-generate .mock-ads-gen-review__group-head .mock-ads-gen-section__label{color:#64748b}.mock-screen--ads-generate .mock-ads-gen-copy-preview__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mock-screen--ads-generate .mock-ads-gen-copy-preview__head .mock-ads-gen-section__label{flex:auto;min-width:0}.mock-screen--ads-generate .mock-ads-gen-copy-preview__format{font-family:var(--font-mono);letter-spacing:.02em;color:#94a3b8;flex-shrink:0;font-size:10px;font-weight:600}.mock-screen--ads-generate .mock-ads-gen-copy-preview p{color:#94a3b8;margin:0;font-size:11px;line-height:1.45}.mock-screen--ads-generate .mock-ads-gen-live-stage{background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;justify-content:center;padding:16px 12px;display:flex}.mock-screen--ads-generate .mock-ads-gen-live{border-radius:8px;width:164px;max-width:100%;box-shadow:0 10px 24px #0f172a14}.mock-screen--ads-generate .mock-ads-gen-live.mock-ads-unit--9x16{width:104px}.mock-screen--ads-generate .mock-ads-gen-live.mock-ads-unit--16x9{width:100%}.mock-screen--ads-generate .mock-ads-gen-elements{background:#fff;border:1px solid #0f172a14;border-radius:10px;gap:0;margin-top:4px;padding:12px 14px 6px}.mock-screen--ads-generate .mock-ads-gen-elements .mock-ads-gen-section__label{margin-bottom:2px;display:block}.mock-screen--ads-generate .mock-ads-gen-element{padding:12px 0}.mock-screen--ads-generate .mock-ads-gen-switch.is-on{background:#0f172a}.mock-screen--ads-generate .mock-ads-gen-review__main{flex-direction:column;gap:12px;min-width:0;display:flex}.mock-screen--ads-generate .mock-ads-gen-review__group{background:#fff;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;gap:0;display:flex;overflow:hidden}.mock-screen--ads-generate .mock-ads-gen-review__group-head{background:#fafbfc;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px 10px;display:flex}.mock-screen--ads-generate .mock-ads-gen-review__group-head .mock-ads-gen-review__edit{margin:0}.mock-screen--ads-generate .mock-ads-gen-review__row{border-top:1px solid #0f172a0f;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 16px;display:flex}.mock-screen--ads-generate .mock-ads-gen-review__row>div{text-align:left;flex:auto;min-width:0}.mock-screen--ads-generate .mock-ads-gen-review__row strong,.mock-screen--ads-generate .mock-ads-gen-review__v{text-align:left}.mock-screen--ads-generate .mock-ads-gen-review__k{letter-spacing:0;text-transform:none;color:#64748b;margin-bottom:4px;font-size:11px;font-weight:550;display:block}.mock-screen--ads-generate .mock-ads-gen-review__v{letter-spacing:-.02em;color:#0f172a;flex-direction:column;align-items:flex-start;gap:3px;font-size:13px;font-weight:650;display:flex}.mock-screen--ads-generate .mock-ads-gen-review__v span{letter-spacing:0;color:#94a3b8;font-size:11px;font-weight:500}.mock-screen--ads-generate .mock-ads-gen-review__thumbs{align-items:flex-end;gap:8px;margin-top:8px;display:flex}.mock-screen--ads-generate .mock-ads-gen-review__thumb{background:#f8fafc;border-radius:8px;height:56px;display:block;overflow:hidden}.mock-screen--ads-generate .mock-ads-gen-review__thumb .mock-ads-gen-format__swatch{gap:3px;width:auto;height:56px;max-height:56px;padding:6px}.mock-screen--ads-generate .mock-ads-gen-review__thumb .mock-ads-gen-format__swatch.mock-ads-unit--16x9{width:78px;height:auto}.mock-screen--ads-generate .mock-ads-gen-review__thumb .mock-ads-gen-format__swatch-line,.mock-screen--ads-generate .mock-ads-gen-review__thumb .mock-ads-gen-format__swatch-cta{height:3px}.mock-screen--ads-generate .mock-ads-gen-review__edit{appearance:none;color:#334155;height:26px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;margin-top:0;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.mock-screen--ads-generate .mock-ads-gen-review__edit:hover,.mock-screen--ads-generate .mock-ads-gen-review__edit:focus,.mock-screen--ads-generate .mock-ads-gen-review__edit:active{color:#0f172a;background:#fff;border-color:#0f172a2e}.mock-screen--ads-generate .mock-ads-gen-review__cost{background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.mock-screen--ads-generate .mock-ads-gen-review__cost p{color:#64748b;margin:3px 0 0;font-size:11px;line-height:1.45}.mock-screen--ads-generate .mock-ads-gen-review__cost strong{letter-spacing:-.04em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.mock-screen--ads-generate .mock-ads-gen-review__cost .mock-ads-gen-review__k{color:#64748b}.product-frame--viewport:not(.product-frame--interactive) .mock-ab-create-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.product-frame--viewport:not(.product-frame--interactive) .mock-ab-create-prior__grid,.product-frame--viewport:not(.product-frame--interactive) .mock-ab-create-sample__inputs{grid-template-columns:1fr}.mock-screen--glossary .mock-topbar--compact{z-index:6;position:relative;overflow:visible}.mock-screen--glossary .mock-topbar__meta,.mock-screen--glossary .mock-topbar__title{overflow:visible}.mock-gloss-lang{align-items:center;display:inline-flex;position:relative}.mock-gloss-lang__btn{appearance:none;font:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:0;padding:0;display:inline-flex}.mock-gloss-lang__btn:hover,.mock-gloss-lang__btn:focus,.mock-gloss-lang__btn:active{color:inherit;background:0 0}.mock-gloss-lang__btn .ui-chevron{color:#94a3b8}.mock-gloss-lang.is-open .mock-gloss-lang__btn .ui-chevron{color:#0f172a}.mock-gloss-lang__menu{z-index:8;background:#fff;border:1px solid #0f172a14;border-radius:8px;min-width:200px;max-height:none;padding:4px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 8px 24px #0f172a14}.mock-gloss-lang__item{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:7px 8px;display:flex}.mock-gloss-lang__item:hover,.mock-gloss-lang__item:focus,.mock-gloss-lang__item:active{background:0 0}.mock-gloss-lang__item strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:500}.mock-gloss-lang__item em{color:#94a3b8;font-size:11px;font-style:normal;font-weight:500}.mock-gloss-lang__item.is-on{background:#f8fafc}.mock-gloss-lang__item.is-on strong{font-weight:650}.mock-gloss-page__topbar{align-items:flex-start}.mock-screen--gloss-cats .mock-gloss-page__topbar .mock-topbar__crumb,.mock-screen--gloss-add .mock-gloss-page__topbar .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-family:var(--font-mono);color:#64748b;font-weight:500}.mock-screen--gloss-cats .mock-gloss-page__topbar .mock-topbar__title,.mock-screen--gloss-add .mock-gloss-page__topbar .mock-topbar__title{letter-spacing:-.03em;font-size:18px}.mock-screen--gloss-cats .mock-gloss-page__topbar .mock-topbar__desc,.mock-screen--gloss-add .mock-gloss-page__topbar .mock-topbar__desc{color:#64748b;max-width:62ch;margin-top:4px;font-size:12px;line-height:1.45}.mock-gloss-page__back{appearance:none;font:inherit;color:#64748b;cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:4px;margin-top:2px;padding:4px 2px;font-size:12px;font-weight:600;display:inline-flex}.mock-gloss-page__back:hover{color:#0ea5e9}.mock-gloss-cats__stack{flex-direction:column;gap:14px;min-width:0;padding-bottom:8px;display:flex}.mock-gloss-cats__create{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 10px;display:grid}.mock-gloss-cats__create .mock-form-field__hint{grid-column:1/-1;margin:0}.mock-gloss-cats__table,.mock-screen--gloss-cats .mock-panel--table,.mock-screen--gloss-cats .mock-panel__body{overflow:visible}.mock-data-table-head--gloss-cats{z-index:3;position:relative;overflow:visible}.mock-data-table-head--gloss-cats,.mock-data-table-row--gloss-cats{grid-template-columns:minmax(0,1.8fr) 56px 80px 32px;align-items:center;column-gap:10px}.mock-data-table-head--gloss-cats>span{align-items:center;gap:4px;display:inline-flex}.mock-data-table-head--gloss-cats>.mock-data-table-head__actions,.mock-data-table-row--gloss-cats .mock-table-actions--glossary{justify-self:end}.mock-gloss-cats__name{flex-flow:row;align-items:baseline;gap:8px;min-width:0;display:flex}.mock-gloss-cats__name .mock-data-table-row__primary{flex:0 auto;min-width:0}.mock-gloss-cats__name--edit{flex-wrap:wrap;align-items:center;gap:8px}.mock-screen--gloss-cats .mock-gloss-cats__name--edit .mock-form-input{flex:140px;width:auto;min-width:120px}.mock-gloss-cats__slug{color:#94a3b8;white-space:nowrap;flex:0 auto;min-width:0;font-family:inherit;font-size:10px;line-height:1.3}.mock-gloss-cats__count{color:#475569;font-size:12px}.mock-data-table-row--gloss-cats .mock-tag{width:fit-content}.mock-gloss-cats__guide{background:#fff;border:1px solid #0f172a12;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 1px #0f172a08}.mock-gloss-cats__guide article{border-left:1px solid #0f172a0f;align-items:flex-start;gap:10px;min-width:0;padding:12px 12px 12px 13px;display:flex}.mock-gloss-cats__guide article:first-child{border-left:0}.mock-gloss-cats__guide-icon{color:#0f172a;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.mock-gloss-cats__guide p{color:#64748b;min-width:0;margin:0;font-size:11px;line-height:1.4}.mock-gloss-cats__guide strong{letter-spacing:-.015em;color:#0f172a;margin-bottom:2px;font-size:12px;font-weight:650;display:block}.mock-gloss-add__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"term rules""instruction applies";align-items:stretch;gap:10px;padding-bottom:8px;display:grid}.mock-gloss-add__term{grid-area:term}.mock-gloss-add__rules{grid-area:rules}.mock-gloss-add__instruction{grid-area:instruction}.mock-gloss-add__applies{grid-area:applies}.mock-gloss-add__grid>.mock-page-section{flex-direction:column;align-self:stretch;min-width:0;height:100%;min-height:0;display:flex;position:relative}.mock-gloss-add__grid>.mock-page-section>.mock-abx-inner,.mock-gloss-add__grid>.mock-page-section>.mock-gloss-add__card,.mock-gloss-add__grid>.mock-page-section>.mock-gloss-add__tips{flex:auto;min-height:0}@media (max-width:720px){.mock-screen--gloss-add .mock-gloss-clients,.product-frame--viewport .mock-gloss-clients{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.mock-screen--gloss-add .mock-gloss-add__grid,.product-frame--viewport .mock-gloss-add__grid{grid-template:"term""rules""instruction""applies"/minmax(0,1fr);height:auto;max-height:none}.mock-screen--gloss-add .mock-gloss-clients,.product-frame--viewport .mock-gloss-clients{grid-template-columns:minmax(0,1fr)}.mock-screen--gloss-add .mock-gloss-add__sites-actions{margin-left:0}.mock-screen--gloss-add .mock-gloss-add__pair,.product-frame--viewport .mock-gloss-add__pair{grid-template-columns:minmax(0,1fr)}}.mock-gloss-add__card{background:#fff;border:1px solid #0f172a12;border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 1px #0f172a05}.mock-gloss-add__card .mock-form-field+.mock-form-field{margin-top:0}.mock-screen--gloss-cats input.mock-form-input,.mock-screen--gloss-add input.mock-form-input,.mock-screen--gloss-add textarea.mock-form-textarea,.mock-screen--gloss-add .mock-form-select{appearance:none;letter-spacing:-.01em;box-sizing:border-box;color:#0f172a;border-radius:8px;width:100%;font-family:inherit;font-size:12px;font-weight:450;line-height:1.35}.mock-screen--gloss-add input.mock-form-input,.mock-screen--gloss-cats input.mock-form-input{height:32px;min-height:32px;padding:0 10px}.mock-screen--gloss-add textarea.mock-form-textarea{min-height:72px;padding:8px 10px;line-height:1.45}.mock-screen--gloss-add input.mock-form-input::placeholder,.mock-screen--gloss-add textarea.mock-form-textarea::placeholder,.mock-screen--gloss-cats input.mock-form-input::placeholder{color:#94a3b8;font-size:12px;font-weight:400}.mock-screen--gloss-add .mock-form-field__label{color:#334155;font-size:11px;font-weight:650}.mock-screen--gloss-add .mock-form-field__hint{color:#94a3b8;font-size:11px;line-height:1.4}.mock-gloss-add__textarea{resize:none}.mock-gloss-add__select{background:#fff;border-radius:8px;justify-content:space-between;width:100%;height:32px}.mock-gloss-add__pair{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mock-gloss-add__stack{flex-direction:column;gap:12px;display:flex}.mock-gloss-add__card-foot{background:#f8fafc;border-top:1px solid #0f172a0f;border-radius:0 0 10px 10px;margin:auto -14px -14px;padding:0 14px}.mock-gloss-add__card-foot .mock-gloss-add__setting{border-bottom:0}.mock-gloss-add__card--settings,.mock-gloss-add__card--list{padding:0;overflow:hidden}.mock-gloss-add__settings{border:0;min-width:0;margin:0;padding:0 14px}.mock-gloss-add__setting{cursor:pointer;border-bottom:1px solid #0f172a0f;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:16px;margin:0;padding:11px 0;display:grid;position:relative}.mock-gloss-add__setting:last-child{border-bottom:0}.mock-gloss-add__setting input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mock-gloss-add__setting:focus-within{outline:none}.mock-gloss-add__setting:focus-within .mock-tx-create__box{outline-offset:2px;outline:2px solid #0369a1}.mock-gloss-add__setting-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-gloss-add__setting-copy strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-gloss-add__setting-copy em{color:#64748b;font-size:11px;font-style:normal;line-height:1.35}.mock-gloss-add__setting .mock-tx-create__box{justify-self:end}.mock-gloss-add__all{appearance:none;font:inherit;color:#64748b;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:600}.mock-gloss-add__all:hover,.mock-gloss-add__all:focus,.mock-gloss-add__all:active{color:#0f172a;background:0 0}.mock-gloss-add__list-bar{color:#64748b;background:#f8fafc;border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:11px;font-weight:500;display:flex}.mock-gloss-clients{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.mock-gloss-add__site{cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;margin:0;padding:8px 10px;display:grid;position:relative}.mock-gloss-add__site.is-on{background:#fff;border-color:#0f172a29}.mock-gloss-add__site.is-on .mock-gloss-clients__copy strong{color:#0f172a}.mock-gloss-add__site input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mock-gloss-add__site:focus-within{outline:none}.mock-gloss-add__site:focus-within .mock-tx-create__box{outline-offset:2px;outline:2px solid #0f172a}.mock-gloss-clients__copy{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-gloss-clients__copy strong{letter-spacing:-.015em;color:#0f172a;font-size:12px;font-weight:600}.mock-gloss-clients__copy em{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;line-height:1.3;overflow:hidden}.mock-gloss-add__submit{appearance:none;height:30px;font:inherit;letter-spacing:-.01em;color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:8px;padding:0 12px;font-size:12px;font-weight:600}.mock-gloss-add__submit:hover,.mock-gloss-add__submit:focus,.mock-gloss-add__submit:active{color:#fff;background:#0f172a}.mock-gloss-add__tips{box-shadow:none;background:#f8fafc;border:1px solid #0f172a12;border-radius:10px;padding:12px 14px}.mock-gloss-add__tips ol{flex-direction:column;justify-content:center;gap:12px;height:100%;margin:0;padding:0;list-style:none;display:flex}.mock-gloss-add__tips li{align-items:flex-start;gap:10px;display:flex}.mock-gloss-add__tips li span{color:#334155;background:#e2e8f0;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:1px;font-size:9px;font-weight:700;display:grid}.mock-gloss-add__tips p{color:#64748b;min-width:0;margin:0;font-size:11px;line-height:1.4}.mock-gloss-add__tips strong{color:#0f172a;margin-bottom:1px;font-weight:650;display:block}.mock-screen--gloss-add .mock-page-section{gap:10px}:is(.product-frame--viewport .product-frame__main:has(.mock-screen--gloss-add),.product-frame--viewport .product-frame__main:has(.mock-screen--gloss-cats)){padding:0}.product-frame--viewport .mock-screen.mock-screen--gloss-add,.product-frame--viewport .mock-screen.mock-screen--gloss-cats{padding-right:0;overflow:hidden}.mock-screen--app:is(.mock-screen--gloss-add,.mock-screen--gloss-cats){flex-direction:column;gap:0;min-height:0;display:flex}.mock-screen--app:is(.mock-screen--gloss-add,.mock-screen--gloss-cats) .mock-gloss-add__head{box-sizing:border-box;background:#fff;border-bottom:none;flex-wrap:nowrap;align-items:flex-start;gap:14px;margin:0;padding:14px 16px 10px}.mock-screen--app.mock-screen--gloss-cats .mock-screen__scroll,.mock-screen--app.mock-screen--gloss-add .mock-screen__scroll{padding:12px 16px 10px;overflow:hidden auto}.mock-screen--app:is(.mock-screen--gloss-add,.mock-screen--gloss-cats) .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700}.mock-screen--app:is(.mock-screen--gloss-add,.mock-screen--gloss-cats) .mock-topbar__crumb--btn{color:#64748b}.mock-screen--app:is(.mock-screen--gloss-add,.mock-screen--gloss-cats) .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-screen--app.mock-screen--gloss-add .mock-topbar__actions{align-items:flex-start;gap:8px;max-width:none;display:flex}.mock-screen--gloss-add .mock-page-section>.mock-abx-inner{flex-direction:column;flex:auto;gap:0;min-height:0;display:flex}.mock-screen--gloss-add .mock-abx-match__group{flex-direction:column;gap:8px;display:flex}.mock-screen--gloss-add .mock-abx-match__group+.mock-abx-match__group{margin-top:8px;padding-top:8px}.mock-screen--gloss-add .mock-abx-match__group>em{margin-bottom:0}.mock-screen--gloss-add .mock-abx-match__row{background:#f8fafc;border:1px solid #0f172a0f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.mock-screen--gloss-add .mock-abx-match__row>span:first-child{color:#64748b;flex:auto;min-width:0}.mock-screen--gloss-add .mock-abx-match__row>button{appearance:none;cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;margin:0;padding:0;display:inline-flex}.mock-screen--gloss-add .mock-abx-match__row .mock-site-toggle{display:block}.mock-screen--gloss-add .mock-abx-match__row .mock-form-input,.mock-screen--gloss-add .mock-abx-match__row .mock-gloss-add__select{text-align:left;letter-spacing:-.02em;width:100%;height:28px;min-height:28px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a0f;border-radius:8px;align-items:center;margin:0;padding:0 8px;font-size:12px;font-weight:650;display:inline-flex}.mock-screen--gloss-add .mock-abx-match__row .mock-gloss-add__select{justify-content:space-between;gap:6px}.mock-screen--gloss-add .mock-abx-match__row .mock-form-input:hover,.mock-screen--gloss-add .mock-abx-match__row .mock-gloss-add__select:hover,.mock-screen--gloss-add .mock-abx-match__row .mock-form-input:focus,.mock-screen--gloss-add .mock-abx-match__row .mock-gloss-add__select:focus{background:#fff;border-color:#0f172a1f;outline:none}.mock-screen--gloss-add .mock-abx-match__group>.mock-form-field__hint,.mock-screen--gloss-add .mock-abx-inner>.mock-form-field__hint{margin-top:4px}.mock-screen--gloss-add .mock-gloss-add__foot{color:#94a3b8;border-top:1px solid #0f172a0f;margin-top:auto;padding-top:8px;font-size:11px;line-height:1.35}.mock-screen--gloss-add .mock-gloss-add__field{flex-direction:column;gap:4px;min-width:0;display:flex}.mock-screen--gloss-add .mock-gloss-add__field>span{color:#64748b;font-size:11px;font-weight:500;line-height:1.3}.mock-screen--gloss-add .mock-gloss-add__field .mock-form-input,.mock-screen--gloss-add .mock-gloss-add__field .mock-gloss-add__select{text-align:left;letter-spacing:-.02em;width:100%;height:28px;min-height:28px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a0f;border-radius:8px;align-items:center;margin:0;padding:0 8px;font-size:12px;font-weight:650;display:inline-flex}.mock-screen--gloss-add .mock-gloss-add__field .mock-gloss-add__select{justify-content:space-between;gap:6px}.mock-screen--gloss-add .mock-gloss-add__field .mock-form-input:hover,.mock-screen--gloss-add .mock-gloss-add__field .mock-gloss-add__select:hover,.mock-screen--gloss-add .mock-gloss-add__field .mock-form-input:focus,.mock-screen--gloss-add .mock-gloss-add__field .mock-gloss-add__select:focus{background:#fff;border-color:#0f172a1f;outline:none}.mock-screen--gloss-add .mock-abx-match__group>.mock-abx-match__row{margin-top:0}.mock-screen--gloss-add .mock-gloss-add__instruction>.mock-panel.mock-abx-inner,.mock-screen--gloss-add .mock-gloss-add__applies>.mock-panel.mock-abx-inner{padding:10px}.mock-screen--gloss-add .mock-gloss-add__instruction .mock-form-textarea{width:100%;height:auto;min-height:120px;max-height:none;box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex:auto;padding:8px 10px}.mock-screen--gloss-add .mock-gloss-add__instruction .mock-form-textarea:hover,.mock-screen--gloss-add .mock-gloss-add__instruction .mock-form-textarea:focus{box-shadow:none;background:#fff;border-color:#0f172a1f;outline:none}.mock-screen--gloss-add .mock-abx-match__row .mock-metric-pills--segmented,.mock-screen--gloss-add .mock-abx-match__group>.mock-metric-pills--segmented,.mock-screen--gloss-add .mock-gloss-add__field .mock-metric-pills--segmented{width:100%;max-width:100%;height:28px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:10px;gap:2px;margin:0;padding:2px}.mock-screen--gloss-add .mock-metric-pills--segmented .mock-metric-pill,.mock-screen--gloss-add .mock-metric-pills--segmented .mock-page-range__btn{height:100%;font-family:var(--font-body);letter-spacing:-.01em;color:#64748b;box-shadow:none;background:0 0;border-radius:8px;flex:1 1 0;justify-content:center;padding:0 8px;font-size:10px;font-weight:500}.mock-screen--gloss-add .mock-metric-pills--segmented .mock-metric-pill--active,.mock-screen--gloss-add .mock-metric-pills--segmented .mock-page-range__btn--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-screen--gloss-add .mock-page-section__head{flex-wrap:wrap}.mock-screen--gloss-add .mock-gloss-add__instruction>.mock-page-section__head,.mock-screen--gloss-add .mock-gloss-add__applies>.mock-page-section__head,.mock-screen--gloss-add .mock-gloss-add__rules>.mock-page-section__head{flex-wrap:nowrap;align-items:flex-start}.mock-screen--gloss-add .mock-gloss-add__rules>.mock-page-section__head .mock-abx-match__row{background:0 0;border:0;flex:none;width:auto;margin-left:auto;padding:0}.mock-screen--gloss-add .mock-gloss-add__sites-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.mock-screen--gloss-add .mock-gloss-add__applies .mock-gloss-clients{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:6px;height:auto;min-height:0;margin:0}.mock-screen--gloss-add .mock-gloss-add__applies .mock-gloss-add__site{gap:8px;padding:7px 8px}.mock-screen--gloss-add .mock-gloss-clients{margin:0}.mock-screen--gloss-add .mock-gloss-add__site .mock-tx-create__box{background:#fff;border-color:#0f172a29;border-radius:6px}.mock-screen--gloss-add .mock-gloss-add__site:hover,.mock-screen--gloss-add .mock-gloss-add__site:focus,.mock-screen--gloss-add .mock-gloss-add__site:active{background:#fff}.mock-screen--gloss-add .mock-gloss-add__setting.is-on .mock-tx-create__box,.mock-screen--gloss-add .mock-gloss-add__site.is-on .mock-tx-create__box{color:#fff;background:#0f172a;border-color:#0f172a}.mock-screen--gloss-add .mock-gloss-add__setting.is-on .mock-tx-create__box .icon,.mock-screen--gloss-add .mock-gloss-add__site.is-on .mock-tx-create__box .icon{color:#fff}.mock-gloss-add__lede{color:#64748b;margin:4px 0 0;font-size:12px;line-height:1.4}.mock-gloss-add__lede--meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mock-gloss-add__lede--meta .mock-tag--dnt{border-radius:6px;height:18px;padding:0 7px;font-size:10px;font-weight:650;line-height:18px}.mock-gloss-add__lede-note{color:#94a3b8;font-size:11px}.mock-screen--gloss-add .mock-tx-create__check.is-on .mock-tx-create__box .icon{color:#fff}.product-frame--viewport .mock-gloss-add__grid{gap:10px}.product-frame--viewport .mock-gloss-add__card,.product-frame--viewport .mock-gloss-add__tips{padding:12px}.product-frame--viewport .mock-gloss-add__card--settings,.product-frame--viewport .mock-gloss-add__card--list{padding:0}.product-frame--viewport .mock-gloss-add__card-foot{margin:auto -12px -12px}.mock-stat-table{flex:none}.mock-stat-table__title{color:#0f172a;align-items:center;gap:7px;display:inline-flex}.mock-stat-table__links{align-items:center;gap:12px;display:inline-flex}.mock-data-table-head--campaign,.mock-data-table-row--campaign{grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr) minmax(0,1.15fr) 56px minmax(64px,.7fr) minmax(48px,.48fr) minmax(52px,.52fr);column-gap:12px}.mock-data-table-head--overview,.mock-data-table-row--overview{grid-template-columns:minmax(0,1.35fr) max-content minmax(64px,.7fr) minmax(84px,.8fr) minmax(72px,.7fr) max-content 26px;column-gap:12px}.mock-data-table-head--campaign span,.mock-data-table-head--overview span{align-items:center;gap:4px;display:inline-flex}.mock-data-table-head--campaign>span:nth-child(n+5),.mock-data-table-row--campaign>.mock-stat-metric,.mock-data-table-row--campaign>.mock-stat-rate,.mock-data-table-head--overview>span:nth-child(n+3):nth-child(-n+5),.mock-data-table-row--overview>.mock-stat-metric,.mock-data-table-row--overview>.mock-stat-rate{text-align:right;justify-self:end}.mock-stat-pill{color:#475569;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #0f172a14;border-radius:99px;align-items:center;width:fit-content;max-width:100%;padding:2px 7px;font-size:9px;font-weight:550;display:inline-flex;overflow:hidden}.mock-stat-pill--code{font-family:var(--font-mono);letter-spacing:.04em}.mock-stat-campaign-id{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mock-stat-metric{color:#0f172a;font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.mock-stat-rate{font-variant-numeric:tabular-nums;font-size:11px;font-weight:650}.mock-stat-rate--amber{color:#d97706}.mock-stat-rate--cyan{color:#0284c7}.mock-stat-rate--green{color:#059669}.mock-stat-rate--muted{color:#64748b}.mock-stat-status{color:#334155;align-items:center;gap:6px;font-size:11px;font-weight:550;display:inline-flex}.mock-stat-status__dot{background:#94a3b8;border-radius:50%;flex-shrink:0;width:6px;height:6px}.mock-stat-status--published .mock-stat-status__dot,.mock-stat-status--running .mock-stat-status__dot{background:#22c55e}.mock-stat-status--completed .mock-stat-status__dot{background:#0ea5e9}.mock-stat-pager{color:#64748b;border-top:1px solid #0f172a0d;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px 10px;font-size:10px;display:flex}.mock-stat-pager__rows,.mock-stat-pager__range{align-items:center;gap:8px;display:inline-flex}.mock-stat-pager__rows .mock-form-select--inline{height:24px;padding:0 8px;font-size:10px}.mock-stat-pager__nav{appearance:none;color:#64748b;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.mock-stat-pager__nav:hover{color:#0f172a}.mock-stat-pager__nav:disabled{opacity:.35;cursor:default}.product-frame--viewport .mock-stat-table .mock-data-table-row{padding-block:11px}.product-frame--viewport .mock-stat-pager{padding-block:10px}.product-frame>.mock-schedule-modal{z-index:50;pointer-events:none;border-radius:inherit;background:0 0;border:0;margin:0;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.product-frame>.mock-schedule-modal .mock-schedule-modal__backdrop{appearance:none;border-radius:inherit;cursor:pointer;pointer-events:auto;width:auto;height:auto;box-shadow:none;background:#0f172a66;border:0;margin:0;padding:0;position:absolute;inset:0}.product-frame>.mock-schedule-modal .mock-schedule-modal__card{z-index:1;width:min(100% - 32px,400px);max-height:calc(100% - 32px);box-shadow:none;pointer-events:auto;background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.mock-schedule-modal__head{background:#fff;border-bottom:none;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px 16px 10px;display:flex}.mock-schedule-modal__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.mock-schedule-modal__crumb{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#64748b;font-size:9px;font-weight:500}.mock-schedule-modal__head h2{letter-spacing:-.035em;color:#0f172a;margin:0;font-size:18px;font-weight:700;line-height:1.2}.mock-schedule-modal__actions{flex-shrink:0;align-items:flex-start;gap:8px;padding-top:12px;display:flex}.product-frame>.mock-schedule-modal .mock-schedule-modal__actions .mock-btn--sm{border-radius:8px;height:30px;padding-inline:10px;font-size:12px}.product-frame>.mock-schedule-modal .mock-btn--ghost,.product-frame>.mock-schedule-modal .mock-btn--ghost:hover,.product-frame>.mock-schedule-modal .mock-btn--ghost:focus,.product-frame>.mock-schedule-modal .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-schedule-modal__body{flex-direction:column;gap:8px;padding:0 16px 14px;display:flex;overflow:hidden auto}.product-frame>.mock-schedule-modal .mock-abx-match__group{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:6px;margin:0;padding:6px 8px 8px;display:flex}.product-frame>.mock-schedule-modal .mock-abx-match__group+.mock-abx-match__group{margin-top:0}.product-frame>.mock-schedule-modal .mock-abx-match__group>em{letter-spacing:0;text-transform:none;color:#64748b;margin:0;padding:0;font-size:10px;font-style:normal;font-weight:550}.mock-schedule-modal__field{flex-direction:column;gap:4px;min-width:0;display:flex}.mock-schedule-modal__field>span{letter-spacing:0;text-transform:none;color:#64748b;font-size:10px;font-weight:550;line-height:1.3}.mock-schedule-modal__pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.mock-schedule-modal__pair--page{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.product-frame>.mock-schedule-modal .mock-form-input,.product-frame>.mock-schedule-modal .mock-form-textarea,.product-frame>.mock-schedule-modal button.mock-form-select,.product-frame>.mock-schedule-modal .mock-schedule-site__trigger{box-sizing:border-box;appearance:none;text-align:left;width:100%;height:32px;min-height:32px;font:inherit;letter-spacing:-.02em;color:#0f172a;box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:8px;align-items:center;margin:0;padding:0 8px;font-size:12px;font-weight:650;display:inline-flex}.product-frame>.mock-schedule-modal .mock-form-textarea{resize:none;height:auto;min-height:56px;padding:8px;font-weight:500;line-height:1.4}.product-frame>.mock-schedule-modal .mock-form-input::placeholder,.product-frame>.mock-schedule-modal .mock-form-textarea::placeholder{color:#94a3b8;font-weight:500}.product-frame>.mock-schedule-modal .mock-form-input:hover,.product-frame>.mock-schedule-modal .mock-form-textarea:hover,.product-frame>.mock-schedule-modal button.mock-form-select:hover,.product-frame>.mock-schedule-modal .mock-schedule-site__trigger:hover,.product-frame>.mock-schedule-modal .mock-form-input:focus,.product-frame>.mock-schedule-modal .mock-form-textarea:focus,.product-frame>.mock-schedule-modal button.mock-form-select:focus,.product-frame>.mock-schedule-modal .mock-schedule-site__trigger:focus{background:#fff;border-color:#0ea5e959;outline:none}.product-frame>.mock-schedule-modal .mock-form-field__hint{color:#94a3b8;margin:0;font-size:11px;line-height:1.35}.product-frame>.mock-schedule-modal .mock-form-field__hint strong{color:#0f172a;font-weight:650}.mock-schedule-site{position:relative}.mock-schedule-site__trigger{cursor:pointer;justify-content:space-between;gap:6px}.mock-schedule-site__menu{z-index:3;background:#fff;border:1px solid #0f172a1a;border-radius:8px;max-height:168px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto;box-shadow:0 12px 28px #0f172a24}.mock-schedule-site__menu button{appearance:none;color:#0f172a;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 8px;font-size:12px}.mock-schedule-site__menu button:hover,.mock-schedule-site__menu button.is-active{color:#0f172a;background:#f8fafc}.mock-schedule-when{display:block;position:relative}.product-frame>.mock-schedule-modal .mock-schedule-when .mock-form-input{padding-right:26px}.mock-schedule-when .icon{color:#64748b;pointer-events:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.product-frame--viewport>.mock-schedule-modal{padding:0}.product-frame--viewport>.mock-schedule-modal .mock-schedule-modal__card{width:min(100% - 32px,400px)}.product-frame--viewport .mock-schedule-modal__head{padding:14px 16px 10px}.product-frame--viewport .mock-schedule-modal__body{padding:0 16px 14px}.mock-tag,.mock-chip,.mock-page-status,.mock-parts-type,.mock-parts-used,.mock-sites-status,.mock-meta-pill,.mock-pages-translations__lang,.mock-pages-translations__add,.mock-lang,.mock-abtests-row__exclusive,.mock-screen--app .mock-tag,.mock-screen--app .mock-chip,.mock-screen--app .mock-page-status,.mock-screen--app .mock-parts-type,.mock-screen--app .mock-parts-used,.mock-screen--app .mock-sites-status,.mock-screen--app .mock-meta-pill,.mock-screen--app .mock-pages-translations__lang,.mock-screen--app .mock-pages-translations__add,.mock-screen--app .mock-lang,.mock-screen--app .mock-abtests-row__exclusive,.mock-screen--sites .mock-meta-pill,.mock-screen--sites .mock-sites-status,.mock-screen--statistics .mock-stat-pill,.mock-screen--statistics .mock-stat-status,.mock-screen--site-detail .mock-meta-pill,.mock-screen--site-detail .mock-sites-status,.mock-screen--app.mock-screen--pages .mock-meta-pill,.mock-screen--app.mock-screen--pages .mock-page-status,.mock-screen--app.mock-screen--pages .mock-pages-translations__lang,.mock-screen--app.mock-screen--pages .mock-pages-translations__add,.mock-screen--app.mock-screen--page-detail .mock-meta-pill,.mock-screen--app.mock-screen--page-detail .mock-page-status,.mock-screen--app.mock-screen--page-detail .mock-page-card--metric .mock-meta-pill,.mock-ab-hero--aura .mock-chip,.mock-ab-hero--aura .mock-abtests-row__exclusive,.mock-ab-detail--aura .mock-chip{font-family:var(--font-body);letter-spacing:normal;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6}.mock-table-actions__btn,.mock-screen--app .mock-table-actions__btn,.mock-screen--sites .mock-table-actions__btn,.mock-screen--sites .mock-table-actions__btn--view,.mock-screen--app.mock-screen--pages .mock-table-actions__btn,.mock-screen--app.mock-screen--page-detail .mock-table-actions__btn,.mock-screen--site-detail .mock-table-actions__btn{color:#64748b;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px}.mock-table-actions__btn:hover,.mock-screen--app .mock-table-actions__btn:hover,.mock-screen--sites .mock-table-actions__btn--view:hover,.mock-screen--app.mock-screen--pages .mock-table-actions__btn:hover,.mock-screen--app.mock-screen--page-detail .mock-table-actions__btn:hover{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-table-actions__btn--edit:hover{color:#4f46e5;background:#6366f114;border-color:#6366f12e}.mock-table-actions__btn--delete:hover{color:#dc2626;background:#ef444414;border-color:#ef44442e}.product-frame--viewport .mock-screen .mock-topbar--compact .mock-topbar__crumb,.product-frame--viewport .mock-screen .mock-topbar--compact .mock-topbar__crumb--btn,.mock-screen.mock-screen--app .mock-topbar--compact .mock-topbar__crumb,.mock-screen.mock-screen--app .mock-topbar--compact .mock-topbar__crumb--btn,.mock-screen.mock-screen--hero .mock-topbar--compact .mock-topbar__crumb,.mock-screen.mock-screen--stub .mock-topbar--compact .mock-topbar__crumb,.mock-screen .mock-topbar--compact .mock-ab-create__crumb-sep,.mock-screen .mock-topbar--compact .mock-ab-create__crumb-current,.mock-screen .mock-topbar--compact .mock-ab-edit__crumb-sep,.mock-screen .mock-topbar--compact .mock-ab-edit__crumb-current{text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-family:var(--font-mono);color:#6b7280;font-weight:500}.product-frame--viewport .mock-screen .mock-topbar--compact .mock-topbar__crumb--btn:hover,.mock-screen.mock-screen--app .mock-topbar--compact .mock-topbar__crumb--btn:hover,.mock-screen--app.mock-screen--page-detail .mock-topbar__crumb--btn:hover,.mock-screen--app.mock-screen--abx .mock-topbar__crumb--btn:hover{color:#0ea5e9}.mock-screen--app.mock-screen--page-detail .mock-topbar__crumb--btn,.mock-screen--app.mock-screen--abx .mock-topbar__crumb--btn,.mock-screen.mock-screen--app:is(.mock-screen--gloss-add,.mock-screen--gloss-cats) .mock-topbar--compact .mock-topbar__crumb--btn{color:#64748b}.mock-screen.mock-screen--app:is(.mock-screen--gloss-add,.mock-screen--gloss-cats) .mock-topbar--compact .mock-topbar__crumb--btn:hover{color:#0f172a}.product-frame--viewport .mock-screen .mock-topbar--compact .mock-topbar__title,.mock-screen.mock-screen--app .mock-topbar--compact .mock-topbar__title,.mock-screen.mock-screen--hero .mock-topbar--compact .mock-topbar__title,.mock-screen.mock-screen--stub .mock-topbar--compact .mock-topbar__title{letter-spacing:-.025em;font-size:15px;font-weight:600;line-height:1.25}.product-frame--viewport .mock-screen .mock-topbar--compact .mock-topbar__desc,.mock-screen.mock-screen--app .mock-topbar--compact .mock-topbar__desc,.mock-screen .mock-topbar--compact .mock-abx-subline,.mock-screen .mock-topbar--compact .mock-ab-topbar__meta,.mock-screen .mock-topbar--compact .mock-ab-create__subtitle,.mock-screen .mock-topbar--compact .mock-ab-edit__subtitle,.mock-screen .mock-topbar--compact .mock-test-detail__subline{color:#64748b;max-width:none;margin-top:3px;font-size:11px;font-weight:400;line-height:1.4}.mock-part-detail__title-row,.mock-page-detail__title-row,.mock-site-detail__title-row,.mock-abx-title-row,.mock-ab-topbar__title-row,.mock-new-part__title-row,.mock-newpage-title-row,.mock-tx-create__title-row,.mock-import-title-row,.mock-ai-title-row,.mock-test-detail__title-row{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.mock-screen.mock-screen--app .mock-topbar--compact .mock-topbar__actions,.mock-screen.mock-screen--hero .mock-topbar--compact .mock-topbar__actions,.mock-screen .mock-topbar--compact .mock-ab-topbar__end{gap:8px;padding-top:12px}.mock-screen.mock-screen--app .mock-topbar--compact .mock-topbar__actions .mock-btn,.mock-screen.mock-screen--hero .mock-topbar--compact .mock-topbar__actions .mock-btn,.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions .mock-btn{height:30px;box-shadow:none;border-radius:8px;padding-inline:10px;font-size:12px;font-weight:600}.mock-screen.mock-screen--app .mock-topbar--compact .mock-topbar__actions .mock-btn--ghost,.mock-screen.mock-screen--app .mock-topbar--compact .mock-topbar__actions .mock-btn--secondary,.mock-screen.mock-screen--hero .mock-topbar--compact .mock-topbar__actions .mock-btn--ghost,.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions-group .mock-btn--ghost,.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions-group .mock-btn--secondary{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen.mock-screen--app .mock-topbar--compact .mock-topbar__actions .mock-btn:not(.mock-btn--ghost):not(.mock-btn--secondary):not(.mock-btn--warn):not(.mock-btn--danger):not(.mock-btn--assist),.mock-screen.mock-screen--hero .mock-topbar--compact .mock-topbar__actions .mock-btn:not(.mock-btn--ghost):not(.mock-btn--secondary):not(.mock-btn--warn):not(.mock-btn--danger):not(.mock-btn--assist){color:#fff;background:#0f172a;border-color:#0f172a}.mock-screen .mock-topbar--compact .mock-site-detail__title-row .mock-site-badge{height:auto;min-height:0;font-family:var(--font-body);letter-spacing:normal;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6}.mock-screen .mock-topbar--compact .mock-gloss-page__back{appearance:none;height:30px;font:inherit;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.mock-data-table-row__globe,.mock-screen--sites .mock-data-table-row__globe,.mock-parts-block__icon,.mock-pages-table-row__lead,.mock-translation-row__lead,.mock-help-card__icon,.mock-screen--app .mock-help-card__icon,.mock-help-card__icon--cyan,.mock-help-card__icon--green,.mock-help-card__icon--violet,.mock-help-card__icon--indigo,.mock-help-card__icon--amber,.mock-screen--site-detail .mock-site-section__icon{color:#334155;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.mock-translation-row__lead{flex-shrink:0;box-shadow:0 1px 2px #0f172a0a}.mock-data-table-row__globe .icon,.mock-parts-block__icon .icon,.mock-pages-table-row__lead .icon,.mock-translation-row__lead .icon,.mock-help-card__icon .icon,.mock-screen--site-detail .mock-site-section__icon .icon{color:inherit}.mock-data-table-row__globe .icon svg,.mock-screen--sites .mock-data-table-row__globe .icon svg,.mock-parts-block__icon .icon svg,.mock-pages-table-row__lead .icon svg,.mock-translation-row__lead .icon svg,.mock-table-actions__btn .icon svg,.mock-table-actions__btn svg{width:11px;height:11px}.mock-screen--app.mock-screen--pages .mock-pages-table-row__name,.mock-pages-table-row.mock-pages-table-row--prod .mock-pages-table-row__name{flex-direction:row;align-items:flex-start;gap:8px;display:flex}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions-group,.mock-screen--app .mock-abx-actions-group{background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:0;display:inline-flex}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions .mock-btn,.mock-screen--app .mock-abx-actions .mock-btn{height:30px;box-shadow:none;border-radius:8px;padding-inline:10px;font-size:12px;font-weight:600}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions .mock-btn--ghost,.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions .mock-btn--secondary,.mock-screen--app .mock-abx-actions .mock-btn--ghost{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions .mock-btn:not(.mock-btn--ghost):not(.mock-btn--secondary):not(.mock-btn--warn):not(.mock-btn--danger):not(.mock-btn--assist){color:#fff;background:#0f172a;border-color:#0f172a}.mock-screen--account,.mock-screen--members{min-height:0}.mock-account-stack,.mock-members-stack{flex-direction:column;gap:12px;padding:4px 0 16px;display:flex}.mock-account-stack .mock-panel__subtitle,.mock-members-invite__desc{font-family:var(--font-body);letter-spacing:0;color:#64748b;font-size:11px;font-weight:400;line-height:1.5}.mock-account-avatar-row{align-items:center;gap:16px;display:flex}.mock-account-avatar{object-fit:cover;object-position:center top;background:#e2e8f0;border-radius:50%;flex-shrink:0;width:64px;height:64px;display:block;box-shadow:inset 0 0 0 1px #ffffffa6,0 0 0 1px #0f172a0f}.mock-account-avatar-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.mock-account-avatar-label{color:#0f172a;font-size:12px;font-weight:600}.mock-account-avatar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-account-file-name{color:#94a3b8;font-size:10px}.mock-account-inline-field{align-items:flex-end;gap:8px;display:flex}.mock-account-inline-field__grow{flex:auto;min-width:0}.mock-account-inline-field__save{flex-shrink:0;margin-bottom:0}.mock-account-footnote{color:#94a3b8;margin:10px 0 0;font-size:10px;line-height:1.45}.mock-account-password-grid{gap:10px;margin-bottom:12px;display:grid}.mock-screen--account .mock-form-input,.mock-screen--members .mock-form-input{border:1px solid #0f172a1f;border-radius:8px;height:32px;min-height:32px;font-size:12px}.mock-account-danger{background:linear-gradient(#fff 0%,snow 100%);border-color:#b91c1c29}.mock-account-danger .mock-panel__title{color:#b91c1c}.mock-account-danger__body{color:#64748b;margin:0 0 12px;font-size:11px;line-height:1.5}.mock-account-check{color:#334155;cursor:pointer;align-items:flex-start;gap:8px;margin:12px 0;font-size:11px;line-height:1.4;display:flex}.mock-account-check input{margin-top:2px}.mock-screen--account .mock-btn--danger:disabled{opacity:.4;cursor:not-allowed}.mock-members-invite{background:#fff;border:1px solid #0f172a14;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.mock-members-invite__copy{flex-direction:column;gap:3px;display:flex}.mock-members-invite__title{letter-spacing:-.02em;color:#0f172a;font-size:13px;font-weight:650}.mock-members-invite__row{align-items:center;gap:8px;display:flex}.mock-members-invite__email{flex:auto;min-width:0}.mock-members-role{flex-shrink:0;position:relative}.mock-members-role__menu{z-index:8;background:#fff;border:1px solid #0f172a1a;border-radius:10px;min-width:132px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 28px #0f172a1a}.mock-members-role__item{appearance:none;width:100%;font:inherit;color:#0f172a;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:12px;display:block}.mock-members-role__item:hover,.mock-members-role__item.is-active{background:#f8fafc}.mock-members-seats{color:#64748b;align-items:center;gap:10px;font-size:10px;display:flex}.mock-members-seats__track{background:#f1f5f9;border-radius:999px;flex:auto;height:6px;overflow:hidden}.mock-members-seats__fill{border-radius:inherit;background:linear-gradient(90deg,#33b5ff 0%,#00a4ff 55%,#0089d6 100%);height:100%;display:block;box-shadow:0 0 8px #00a4ff47}.mock-members-table .mock-panel__body--flush{padding:0}.mock-members-head,.mock-members-row{grid-template-columns:minmax(0,1.5fr) 78px 84px 64px 52px;align-items:center;gap:8px;padding:8px 12px;display:grid}.mock-members-head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mock-text-muted);background:#fff;border-bottom:1px solid #0f172a0f;font-size:8px}.mock-members-head__actions{text-align:right}.mock-members-row{border-bottom:1px solid #0f172a0a;font-size:11px}.mock-members-row:last-child{border-bottom:0}.mock-members-row--you{background:#f8fafc}.mock-members-row--pending{opacity:.92}.mock-members-person{align-items:center;gap:8px;min-width:0;display:flex}.mock-members-person .product-frame__org-mark,.mock-members-avatar{flex-shrink:0;width:28px;height:28px}.mock-members-avatar{object-fit:cover;object-position:center top;background:#e2e8f0;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #ffffffa6,0 0 0 1px #0f172a0f}.mock-members-person .product-frame__org-mark{font-size:11px}.mock-members-person__meta{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-members-person__name{color:#0f172a;align-items:center;gap:6px;min-width:0;font-size:12px;font-weight:600;display:flex}.mock-members-person__email{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mock-members-role-pill,.mock-members-last,.mock-members-muted{color:#475569;font-size:11px}.mock-members-row .mock-table-actions{justify-content:flex-end}.mock-screen--abx-prior .mock-abx-actions .mock-btn--ghost,.mock-screen--abx-prior .mock-abx-actions .mock-btn--ghost:hover,.mock-screen--abx-prior .mock-abx-actions .mock-btn--ghost:focus,.mock-screen--abx-prior .mock-abx-actions .mock-btn--ghost:active,.mock-screen--abx-prior .mock-abx-prior-varhead .mock-btn--ghost,.mock-screen--abx-prior .mock-abx-prior-varhead .mock-btn--ghost:hover,.mock-screen--abx-prior .mock-abx-prior-varhead .mock-btn--ghost:focus,.mock-screen--abx-prior .mock-abx-prior-varhead .mock-btn--ghost:active,.mock-screen--abx-prior .mock-abx-prior-status .mock-btn--ghost,.mock-screen--abx-prior .mock-abx-prior-status .mock-btn--ghost:hover,.mock-screen--abx-prior .mock-abx-prior-status .mock-btn--ghost:focus,.mock-screen--abx-prior .mock-abx-prior-status .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen--abx-prior .mock-page-section__icon{border-radius:8px}.mock-screen--app.mock-screen--abx.mock-screen--abx-prior .mock-screen__scroll{overflow:hidden auto}.mock-screen--abx-prior .mock-action-tooltip__bubble{white-space:normal;max-width:240px}.mock-screen--abx-prior .mock-abx-prior__side .mock-action-tooltip .mock-action-tooltip__bubble,.mock-screen--abx-prior .mock-abx-prior-grouphead .mock-action-tooltip .mock-action-tooltip__bubble{left:auto;right:0;transform:translateY(2px)}.mock-screen--abx-prior .mock-abx-prior__side .mock-action-tooltip:hover .mock-action-tooltip__bubble,.mock-screen--abx-prior .mock-abx-prior__side .mock-action-tooltip:focus-within .mock-action-tooltip__bubble,.mock-screen--abx-prior .mock-abx-prior-grouphead .mock-action-tooltip:hover .mock-action-tooltip__bubble,.mock-screen--abx-prior .mock-abx-prior-grouphead .mock-action-tooltip:focus-within .mock-action-tooltip__bubble{transform:translateY(0)}.mock-screen--abx-prior .mock-abx-prior__side .mock-action-tooltip .mock-action-tooltip__bubble:after,.mock-screen--abx-prior .mock-abx-prior__side .mock-action-tooltip .mock-action-tooltip__bubble:before,.mock-screen--abx-prior .mock-abx-prior-grouphead .mock-action-tooltip .mock-action-tooltip__bubble:after,.mock-screen--abx-prior .mock-abx-prior-grouphead .mock-action-tooltip .mock-action-tooltip__bubble:before{left:auto;right:7px;transform:none}.mock-screen--abx-prior .mock-page-section__body{flex-direction:column;gap:10px;display:flex}.mock-screen--app.mock-screen--page-detail.mock-screen--abx.mock-screen--abx-prior .mock-abx-stack{gap:28px}.mock-screen--app.mock-screen--page-detail.mock-screen--abx.mock-screen--abx-prior .mock-abx-stack>.mock-page-insight.mock-abx-bayes__status,.mock-screen--abx-prior .mock-page-section .mock-page-insight{margin:0}.mock-screen--abx-prior .mock-abx-prior__main>.mock-page-section+.mock-page-section{margin-top:0;padding-top:0}.mock-screen--abx-prior .mock-ab-create-input{background:#fff;border-radius:8px}.mock-screen--abx-prior .mock-metric-pills.is-locked{pointer-events:none}.mock-screen--abx-prior .mock-metric-pills.is-locked .mock-metric-pill:not(.mock-metric-pill--active){color:#94a3b8}.mock-abx-prior__caution{box-shadow:none;background:linear-gradient(#fffbebe6,#ffffffeb);border:1px solid #d9770629;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.mock-abx-prior__caution .icon{color:#d97706;flex-shrink:0;margin-top:1px}.mock-abx-prior__caution strong{letter-spacing:-.02em;color:#92400e;font-size:12px;font-weight:650;display:block}.mock-abx-prior__caution p{color:#78716c;margin:3px 0 0;font-size:11px;line-height:1.45}.mock-abx-prior__note{box-shadow:none;background:linear-gradient(#f0f9fff2,#fffffff0);border:1px solid #0284c729;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.mock-abx-prior__note .icon{color:#0284c7;flex-shrink:0;margin-top:1px}.mock-abx-prior__note strong{letter-spacing:-.02em;color:#0c4a6e;font-size:12px;font-weight:650;display:block}.mock-abx-prior__note p{color:#0369a1;margin:3px 0 8px;font-size:11px;line-height:1.45}.mock-screen--abx-prior .mock-abx-prior__note .mock-panel__link{color:#0284c7;min-height:0;padding:0;font-size:11px;font-weight:650}.mock-abx-prior-label{color:#334155;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.mock-abx-prior-method{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.mock-screen--abx-prior .mock-abx-prior-method .mock-metric-pills{width:100%}.mock-screen--abx-prior .mock-abx-prior-method .mock-metric-pill{flex:1;justify-content:center}.mock-screen--abx-prior .mock-abx-prior-field>.mock-metric-pills{width:fit-content}.mock-abx-prior__layout{grid-template-columns:minmax(0,1.32fr) minmax(248px,.68fr);align-items:start;gap:12px;display:grid}.mock-abx-prior__main,.mock-abx-prior__side{flex-direction:column;gap:12px;min-width:0;display:flex}.mock-abx-prior__side{padding-top:0}.mock-abx-prior-panel{box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;gap:0;padding:14px 14px 12px;display:flex}.mock-abx-prior-grouphead{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.mock-abx-prior-grouphead>em{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;margin-bottom:0;font-size:9px;font-style:normal;font-weight:650}.mock-abx-prior-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.mock-screen--app.mock-screen--abx.mock-screen--abx-prior .mock-abx-prior-pages .mock-page-tag,.mock-screen--app.mock-screen--abx.mock-screen--abx-prior .mock-abx-prior-pages .mock-page-info-status{border-radius:8px;height:22px;padding:0 8px}.mock-screen--abx-prior .mock-abx-prior-pages .mock-panel__link{min-height:0;margin-top:8px;padding:0;font-size:11px;font-weight:650}.mock-abx-prior-panel .mock-abx-match__group.is-locked .mock-ab-create-input,.mock-abx-prior-panel .mock-abx-match__group.is-locked .mock-metric-pills{pointer-events:none}.mock-abx-prior-panel .mock-abx-match__group>.mock-ab-create-input{margin:2px 0 4px}.mock-abx-prior-panel .mock-abx-prior-well{margin-top:2px}.mock-abx-prior-field__hint{color:#94a3b8;margin:0;font-size:11px;line-height:1.45}.mock-abx-prior-url{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) auto;align-items:center;gap:8px;display:grid}.mock-abx-prior-url__live{color:#334155;align-items:center;gap:6px;min-width:0;padding:2px 2px 0;font-size:11px;font-weight:500;display:inline-flex}.mock-abx-prior-url__live .icon{color:#94a3b8;flex-shrink:0}.mock-abx-prior-labels{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.mock-screen--abx-prior .mock-abx-prior-labels .mock-panel__link{color:#0284c7;min-height:0;padding:0;font-size:11px;font-weight:650}.mock-abx-prior-well.mock-abx-prior-livewell{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin:0 0 12px;padding:8px 10px}.mock-abx-prior-livewell>strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-abx-prior-livewell>span:last-child{color:#94a3b8;white-space:nowrap;font-size:11px}.mock-abx-prior-status{border-top:1px solid #0f172a0f;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:10px;display:grid}.mock-abx-prior-status .mock-btn{justify-content:center;width:100%}.mock-abx-prior__side>.mock-abx-prior-card{gap:0}.mock-screen--abx-prior .mock-abx-prior-card .mock-abx-match__row{padding:7px 0}.mock-abx-prior__side>.mock-abx-prior-card:first-child .mock-abx-match__row span:first-child{color:#64748b}.mock-screen--abx-prior .mock-abx-prior-card .mock-abx-post__prior-influence{margin-top:10px}.mock-screen--abx-prior .mock-abx-prior-card .mock-abx-match__group .mock-abx-prior-well{margin-top:8px}.mock-screen--abx-prior .mock-abx-prior-status .mock-btn--danger,.mock-screen--abx-prior .mock-abx-prior-status .mock-btn--danger:hover,.mock-screen--abx-prior .mock-abx-prior-status .mock-btn--danger:focus,.mock-screen--abx-prior .mock-abx-prior-status .mock-btn--danger:active{color:#dc2626;box-shadow:none;background:#ef444414;border:1px solid #ef444452}.mock-screen--abx-prior .mock-abx-prior-status .mock-btn--danger:hover,.mock-screen--abx-prior .mock-abx-prior-status .mock-btn--danger:focus{background:#ef44441f;border-color:#ef444466}.mock-screen--abx-prior .mock-abx-prior-status .mock-btn--danger:active{background:#ef444429}.mock-screen--abx-prior .mock-abx-prior-card .mock-abx-match__setup-head{margin-bottom:8px}.mock-screen--abx-prior .mock-abx-prior-card .mock-page-info-status{border-radius:8px;height:22px;padding:0 8px}.mock-screen--abx-prior .mock-abx-prior-card .mock-metric-pills{width:100%}.mock-screen--abx-prior .mock-abx-prior-card .mock-metric-pill{flex:1;justify-content:center}.mock-screen--abx-prior .mock-abx-prior-card .mock-abx-match__foot{margin-top:10px}.mock-screen--abx-prior .mock-abx-prior-delete{color:#dc2626}.mock-abx-prior-sideblock{border-top:1px solid #0f172a0f;flex-direction:column;gap:8px;padding-top:10px;display:flex}.mock-abx-prior-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mock-abx-prior-mode{appearance:none;text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:12px 12px 11px;display:flex}.mock-abx-prior-mode:hover,.mock-abx-prior-mode:focus,.mock-abx-prior-mode:active{box-shadow:none;background:#fff}.mock-abx-prior-mode.is-on{background:linear-gradient(#f8fbff 0%,#fff 70%);border-color:#0284c757}.mock-abx-prior-mode__top{justify-content:space-between;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.mock-abx-prior-mode b{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-abx-prior-mode em{color:#94a3b8;font-size:11px;font-style:normal;line-height:1.4}.mock-abx-prior-well{background-color:#eef2f6;background-image:linear-gradient(#ffffffd6,#ffffff85),radial-gradient(circle at 1px 1px,#0f172a0d 1px,#0000 0);background-size:auto,8px 8px;border-radius:8px;flex-direction:column;gap:8px;width:100%;min-width:0;padding:8px;display:flex;box-shadow:inset 0 1px 1px #0f172a0a}.mock-abx-prior-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mock-abx-prior-field{flex-direction:column;gap:6px;min-width:0;display:flex}.mock-abx-prior-field--span{grid-column:1/-1}.mock-abx-prior-derived{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.mock-abx-prior-derived>span{color:#94a3b8;align-items:center;gap:8px;min-width:0;font-size:11px;display:inline-flex}.mock-abx-prior-derived strong{letter-spacing:-.02em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.mock-abx-prior-effect{grid-template-columns:minmax(0,1.15fr) minmax(180px,.85fr);align-items:stretch;gap:8px;display:grid}.mock-abx-prior-density{background:#fff;border-radius:8px;flex-direction:column;gap:4px;min-width:0;padding:8px 8px 6px;display:flex}.mock-abx-prior-density__svg{width:100%;height:92px;display:block}.mock-abx-prior-density__axis{color:#94a3b8;font-variant-numeric:tabular-nums;justify-content:space-between;padding:0 2px;font-size:10px;font-weight:550;display:flex}.mock-abx-prior-effect__side{background:#fff;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:10px 10px 9px;display:flex}.mock-abx-prior-effect__note{color:#64748b;align-items:flex-start;gap:6px;margin:0;font-size:11px;line-height:1.4;display:flex}.mock-abx-prior-effect__note .icon{color:#0284c7;flex-shrink:0;margin-top:2px}.mock-abx-prior-legend{color:#94a3b8;flex-wrap:wrap;gap:10px 12px;margin-top:auto;font-size:10px;font-weight:550;display:flex}.mock-abx-prior-legend span{align-items:center;gap:6px;display:inline-flex}.mock-abx-prior-legend i{background:#94a3b8;border-radius:50%;width:8px;height:8px}.mock-abx-prior-legend i.is-prior{background:#0284c7}.mock-abx-prior-card{box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;gap:10px;padding:14px 14px 12px;display:flex}.mock-screen--abx-prior .mock-abx-prior-card .mock-abx-match__row:first-child{padding-top:0}.mock-abx-prior-card.is-next{background:linear-gradient(#f8fbff 0%,#fff 62%);border-color:#0284c72e}.mock-abx-prior-card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-abx-prior-card__head>span:first-child{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--abx-prior .mock-abx-prior-card .mock-page-tag{border-radius:8px;height:22px;padding:0 8px}.mock-abx-prior-card__rows{flex-direction:column;display:flex}.mock-abx-prior-card__rows>div{border-top:1px solid #0f172a0d;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.mock-abx-prior-card__rows>div:first-child{border-top:0;padding-top:0}.mock-abx-prior-card__rows span{color:#94a3b8;font-size:11px}.mock-abx-prior-card__rows strong{letter-spacing:-.02em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:12px;font-weight:650}.mock-abx-prior-card--tips ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.mock-abx-prior-card--tips li{flex-direction:column;gap:2px;display:flex}.mock-abx-prior-card--tips b{color:#0f172a;font-size:11px;font-weight:650}.mock-abx-prior-card--tips span{color:#94a3b8;font-size:11px;line-height:1.4}.mock-abx-prior-varhead{flex-shrink:0;align-items:center;gap:8px;display:flex}.mock-abx-prior-live{color:#b45309;background:#d9770614;border:1px solid #d977062e;border-radius:8px;align-items:center;height:22px;padding:0 8px;font-size:10px;font-weight:650;display:inline-flex}.mock-abx-prior__caution--variants{margin:0}.mock-abx-prior-vars{flex-direction:column;gap:14px;min-width:0;display:flex}.mock-abx-prior-split{gap:10px;padding:10px 12px}.mock-abx-prior-split__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mock-abx-prior-split__head>span:first-child{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-abx-prior-split__head>span:last-child{color:#94a3b8;font-size:11px}.mock-abx-prior-split__rail{background-color:#eef2f6;background-image:linear-gradient(#0f172a0a,#ffffff73),radial-gradient(circle at 1px 1px,#0f172a14 1px,#0000 0);background-size:auto,6px 6px;border-radius:4px;width:100%;height:10px;display:flex;overflow:hidden;box-shadow:inset 0 1px 1px #0f172a0f}.mock-abx-prior-split__rail>i{width:50%;height:100%;display:block}.mock-abx-prior-split__rail>i.is-control{background:linear-gradient(#ffffff73 0%,#fff0 50%),linear-gradient(90deg,#cbd5e1,#94a3b8);border-radius:3px 0 0 3px}.mock-abx-prior-split__rail>i.is-variant{background:linear-gradient(#ffffff80 0%,#fff0 46%),linear-gradient(90deg,#7dd3fc 0%,#0ea5e9 70%,#0284c7 100%);border-radius:0 3px 3px 0}.mock-abx-prior-split__legend{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mock-abx-prior-var{min-width:0;box-shadow:none;background:linear-gradient(#f8fafc 0%,#fff 58%);border:1px solid #0f172a12;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.mock-abx-prior-var.is-variant{background:linear-gradient(#f0f9ff 0%,#fff 62%);border-color:#0ea5e92e}.mock-abx-prior-var__head{justify-content:space-between;align-items:center;gap:10px;padding:12px 12px 0;display:flex}.mock-abx-prior-var__title{letter-spacing:-.02em;color:#0f172a;align-items:center;gap:8px;font-size:12px;font-weight:650;display:inline-flex}.mock-abx-prior-var__title .icon{color:#64748b}.mock-abx-prior-var__fields{grid-template-columns:minmax(0,1.4fr) minmax(120px,.7fr);gap:10px;padding:12px 12px 14px;display:grid}.mock-abx-prior-var__note{color:#64748b;align-items:flex-start;gap:6px;margin:0;padding:0 12px 12px;font-size:11px;line-height:1.45;display:flex}.mock-abx-prior-var__note .icon{color:#0284c7;flex-shrink:0;margin-top:2px}.mock-abx-prior-cmodes{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.mock-screen--abx-prior .mock-abx-prior-cmodes .mock-metric-pills{width:100%}.mock-screen--abx-prior .mock-abx-prior-cmodes .mock-metric-pill{flex:1;justify-content:center}.mock-abx-prior-cmode{appearance:none;text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:10px;display:flex}.mock-abx-prior-cmode:hover,.mock-abx-prior-cmode:focus,.mock-abx-prior-cmode:active{box-shadow:none;background:#fff}.mock-abx-prior-cmode.is-on{background:linear-gradient(#f8fbff 0%,#fff 72%);border-color:#0284c766}.mock-abx-prior-cmode__icon{border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.mock-abx-prior-cmode.is-edit .mock-abx-prior-cmode__icon{color:#0284c7;background:#0ea5e91f}.mock-abx-prior-cmode.is-code .mock-abx-prior-cmode__icon{color:#c2410c;background:#c2410c1a}.mock-abx-prior-cmode.is-lib .mock-abx-prior-cmode__icon{color:#15803d;background:#16a34a1a}.mock-abx-prior-cmode b{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-abx-prior-cmode em{color:#94a3b8;font-size:11px;font-style:normal;line-height:1.4}.mock-abx-prior-edits{flex-direction:column;align-items:stretch;gap:8px;padding:0 12px 12px;display:flex}.mock-abx-prior-edits p{color:#64748b;margin:0;font-size:11px;line-height:1.45}.mock-screen--abx-prior .mock-abx-prior-edits .mock-panel__link{color:#0284c7;min-height:0;padding:0;font-size:11px;font-weight:650}.mock-abx-prior-lib{background:#fff;border:1px solid #0f172a1a;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.mock-abx-prior-lib b{color:#0f172a;font-size:12px;font-weight:650;display:block}.mock-abx-prior-advanced{appearance:none;text-align:left;cursor:pointer;width:100%;font:inherit;color:#475569;box-shadow:none;background:#fff;border:0;border-top:1px solid #0f172a0f;align-items:center;margin:0;padding:9px 12px;display:flex}.mock-abx-prior-advanced:hover,.mock-abx-prior-advanced:focus,.mock-abx-prior-advanced:active{box-shadow:none;background:#fff}.mock-abx-prior-advanced>span{align-items:center;gap:8px;font-size:11px;font-weight:650;display:inline-flex}.mock-abx-prior-adv{grid-template-columns:1fr 1fr;gap:10px;padding:0 12px 12px;display:grid}.mock-abx-prior-code{width:100%;min-height:64px;font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:#64748b;background:#fff;border:1px solid #0f172a1a;border-radius:8px;padding:8px 10px;font-size:10px;line-height:1.45}@media (max-width:920px){.mock-abx-prior__layout,.mock-abx-prior-modes,.mock-abx-prior-fields,.mock-abx-prior-effect,.mock-abx-prior-var__fields,.mock-abx-prior-adv,.mock-abx-prior-url,.mock-abx-prior-pages{grid-template-columns:1fr}}.mock-screen--site-detail .mock-page-section__head,.mock-screen--new-page .mock-page-section__head,.mock-screen--part-detail .mock-page-section__head,.mock-screen--new-part .mock-page-section__head,.mock-screen--generate-ai .mock-page-section__head,.mock-screen--tx-create .mock-page-section__head,.mock-screen--gloss-add .mock-page-section__head,.mock-screen--calendar .mock-page-section__head{align-items:flex-start;gap:10px;padding:0 2px;display:flex}.mock-screen--site-detail .mock-page-section__icon,.mock-screen--new-page .mock-page-section__icon,.mock-screen--part-detail .mock-page-section__icon,.mock-screen--new-part .mock-page-section__icon,.mock-screen--generate-ai .mock-page-section__icon,.mock-screen--tx-create .mock-page-section__icon,.mock-screen--gloss-add .mock-page-section__icon,.mock-screen--calendar .mock-page-section__icon{color:#334155;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-screen--site-detail .mock-page-section__copy,.mock-screen--new-page .mock-page-section__copy,.mock-screen--part-detail .mock-page-section__copy,.mock-screen--new-part .mock-page-section__copy,.mock-screen--generate-ai .mock-page-section__copy,.mock-screen--tx-create .mock-page-section__copy,.mock-screen--gloss-add .mock-page-section__copy,.mock-screen--calendar .mock-page-section__copy{flex:auto;min-width:0}.mock-screen--site-detail .mock-page-section__title,.mock-screen--new-page .mock-page-section__title,.mock-screen--part-detail .mock-page-section__title,.mock-screen--new-part .mock-page-section__title,.mock-screen--generate-ai .mock-page-section__title,.mock-screen--tx-create .mock-page-section__title,.mock-screen--gloss-add .mock-page-section__title,.mock-screen--calendar .mock-page-section__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:13px;font-weight:650}.mock-screen--site-detail .mock-page-section__desc,.mock-screen--new-page .mock-page-section__desc,.mock-screen--part-detail .mock-page-section__desc,.mock-screen--new-part .mock-page-section__desc,.mock-screen--generate-ai .mock-page-section__desc,.mock-screen--tx-create .mock-page-section__desc,.mock-screen--gloss-add .mock-page-section__desc,.mock-screen--calendar .mock-page-section__desc{color:#94a3b8;max-width:56ch;margin:2px 0 0;font-size:11px;line-height:1.45}.mock-screen--site-detail .mock-page-section,.mock-screen--new-page .mock-page-section,.mock-screen--part-detail .mock-page-section,.mock-screen--new-part .mock-page-section,.mock-screen--generate-ai .mock-page-section,.mock-screen--tx-create .mock-page-section,.mock-screen--gloss-add .mock-page-section,.mock-screen--calendar .mock-page-section{flex-direction:column;gap:10px;min-width:0;display:flex}.mock-screen--site-detail .mock-panel.mock-abx-inner,.mock-screen--new-page .mock-panel.mock-abx-inner,.mock-screen--part-detail .mock-panel.mock-abx-inner,.mock-screen--new-part .mock-panel.mock-abx-inner,.mock-screen--generate-ai .mock-panel.mock-abx-inner,.mock-screen--tx-create .mock-panel.mock-abx-inner,.mock-screen--gloss-add .mock-panel.mock-abx-inner,.mock-screen--calendar .mock-panel.mock-abx-inner,.mock-screen--site-detail .mock-panel.mock-panel--premium,.mock-screen--site-detail .mock-panel.mock-panel--table{box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:10px;padding:14px}.mock-screen--calendar .mock-panel.mock-abx-inner.mock-calendar-panel,.mock-screen--calendar .mock-panel.mock-abx-inner.mock-calendar-day{flex:auto;min-height:0;padding:10px}.mock-screen--site-detail .mock-site-detail__form,.mock-screen--site-detail .mock-site-detail__aside{gap:10px;padding:0}.mock-screen--site-detail .mock-site-detail__layout{gap:10px}.mock-screen--site-detail .mock-site-kicker{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-weight:650}.mock-screen--site-detail .mock-page-opt-pill,.mock-screen--new-page .mock-page-opt-pill,.mock-screen--part-detail .mock-page-opt-pill,.mock-screen--new-part .mock-page-opt-pill,.mock-screen--generate-ai .mock-page-opt-pill,.mock-screen--app.mock-screen--page-detail .mock-page-detail__title-row .mock-page-opt-pill{box-sizing:border-box;width:fit-content;max-width:max-content;height:22px;font-family:var(--font-body);letter-spacing:.01em;color:#64748b;white-space:nowrap;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-weight:650;line-height:1;display:inline-flex}.mock-screen--site-detail .mock-page-opt-pill--live,.mock-screen--new-page .mock-page-opt-pill--live,.mock-screen--part-detail .mock-page-opt-pill--live,.mock-screen--new-part .mock-page-opt-pill--live,.mock-screen--generate-ai .mock-page-opt-pill--live,.mock-screen--app.mock-screen--page-detail .mock-page-detail__title-row .mock-page-opt-pill--live{color:#15803d;background:#16a34a14;border-color:#16a34a2e}.mock-screen--site-detail .mock-btn--ghost,.mock-screen--site-detail .mock-btn--ghost:hover,.mock-screen--site-detail .mock-btn--ghost:focus,.mock-screen--site-detail .mock-btn--ghost:active,.mock-screen--new-page .mock-btn--ghost,.mock-screen--new-page .mock-btn--ghost:hover,.mock-screen--new-page .mock-btn--ghost:focus,.mock-screen--new-page .mock-btn--ghost:active,.mock-screen--part-detail .mock-btn--ghost,.mock-screen--part-detail .mock-btn--ghost:hover,.mock-screen--part-detail .mock-btn--ghost:focus,.mock-screen--part-detail .mock-btn--ghost:active,.mock-screen--generate-ai .mock-btn--ghost,.mock-screen--generate-ai .mock-btn--ghost:hover,.mock-screen--generate-ai .mock-btn--ghost:focus,.mock-screen--generate-ai .mock-btn--ghost:active,.mock-screen--tx-create .mock-btn--ghost,.mock-screen--tx-create .mock-btn--ghost:hover,.mock-screen--tx-create .mock-btn--ghost:focus,.mock-screen--tx-create .mock-btn--ghost:active,.mock-screen--gloss-add .mock-btn--ghost,.mock-screen--gloss-add .mock-btn--ghost:hover,.mock-screen--gloss-add .mock-btn--ghost:focus,.mock-screen--gloss-add .mock-btn--ghost:active,.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions .mock-btn--ghost:hover,.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions .mock-btn--ghost:focus,.mock-screen--app.mock-screen--page-detail .mock-page-detail__actions .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen--new-page .mock-newpage-stage,.mock-screen--new-page .mock-newpage-rail{background:0 0;border:0;align-self:stretch;height:auto;min-height:0}.mock-screen--new-page .mock-newpage-shell>.mock-page-section{align-self:stretch;min-width:0;min-height:0}.mock-screen--new-page .mock-newpage-shell>.mock-page-section>.mock-abx-inner{flex:auto;min-height:0;overflow:hidden}.mock-screen--new-page .mock-newpage-stage__body{flex-direction:column;flex:auto;gap:0;min-height:0;padding:0;display:flex}.mock-screen--new-page .mock-abx-inner .mock-metric-pills--segmented{border-radius:8px}.mock-screen--new-page .mock-abx-match__group>.mock-form-field,.mock-screen--new-page .mock-abx-match__group>.mock-form-select,.mock-screen--new-page .mock-abx-match__group>.mock-form-input,.mock-screen--new-page .mock-abx-match__group>.mock-form-textarea,.mock-screen--new-page .mock-abx-match__group>.mock-site-code{width:100%}.mock-screen--new-page .mock-abx-match__group>.mock-form-field{margin:0}.mock-screen--new-page .mock-abx-match__group>.mock-form-field+.mock-form-select,.mock-screen--new-page .mock-abx-match__group>.mock-newpage-row,.mock-screen--new-page .mock-abx-match__group>.mock-newpage-row+.mock-form-input{margin-top:8px}.mock-screen--new-page .mock-abx-match__group>.mock-newpage-templates{margin-bottom:8px}.mock-screen--new-page .mock-newpage-site,.mock-screen--new-page .mock-newpage-select,.mock-screen--new-page .mock-form-input,.mock-screen--new-page .mock-form-textarea{border-radius:8px}.mock-screen--new-page .mock-newpage-seo{min-height:48px}.mock-screen--new-page .mock-newpage-wire__cta{border-radius:8px}.mock-screen--new-page .mock-site-code__bar .mock-form-field__hint{margin:0 0 0 auto}.mock-screen--new-page .mock-abx-prior-grouphead .mock-form-field__hint{margin:0}.mock-screen--new-page .mock-newpage-rail .mock-abx-match__row strong{text-align:right;font-size:11px;font-weight:650}.mock-screen--new-page .mock-page-insight.mock-abx-bayes__status{color:#0369a1;background:#f0f9ff;border:1px solid #0ea5e924;border-radius:8px;align-items:center;margin:0;padding:9px 12px;font-size:11px;line-height:1.4;display:flex}.mock-screen--site-detail .mock-page-insight.mock-abx-bayes__status{color:#0369a1;background:#f0f9ff;border:1px solid #0ea5e924;border-radius:8px;align-self:start;align-items:center;width:fit-content;max-width:100%;margin:0;padding:9px 12px;font-size:11px;line-height:1.4;display:flex}.mock-screen--new-page .mock-newpage-tips,.mock-screen--new-page .mock-newpage-next{gap:7px}.mock-screen--new-page .mock-newpage-tips li,.mock-screen--new-page .mock-newpage-next li{color:#64748b;font-size:11px}.mock-screen--new-page .mock-newpage-wire{background:0 0;border:0;padding:0}.mock-screen--new-page .mock-newpage-wire__frame{background:#fff;border:1px dashed #0f172a29;border-radius:8px}.mock-screen--app.mock-screen--page-detail .mock-page-section__icon{border-radius:8px}.mock-screen--app.mock-screen--page-detail .mock-page-shell{box-shadow:none;border:1px solid #0f172a1a;border-radius:10px}.mock-screen--app.mock-screen--page-detail .mock-page-code__badge{border-radius:6px}.mock-screen--app.mock-screen--page-detail .mock-page-kicker{letter-spacing:.07em;font-weight:650}.product-frame--viewport .product-frame__main:has(.mock-screen--page-detail):not(:has(.mock-screen--abx)){padding:0}.product-frame--viewport .mock-screen.mock-screen--page-detail:not(.mock-screen--abx){gap:0;padding-right:0;overflow:hidden}.product-frame--viewport .mock-screen--page-detail:not(.mock-screen--abx) .mock-page-detail__topbar{box-sizing:border-box;background:#fff;border-bottom:none;gap:14px;margin-bottom:0;padding:14px 16px 10px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-topbar__crumb,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-topbar__crumb--btn{color:#94a3b8}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-detail__title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-topbar__meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-detail__topbar .mock-meta-pill{color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;height:20px;padding:0 7px;font-size:9px;font-weight:500}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-detail__topbar .mock-meta-pill--live{color:#334155;background:#f8fafc;border-color:#0f172a1a}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-detail__topbar .mock-meta-pill--draft{color:#b45309;background:#f59e0b14;border-color:#f59e0b24}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-detail__actions{padding-top:12px}.product-frame--viewport .mock-screen--page-detail:not(.mock-screen--abx) .mock-screen__scroll{padding:12px 16px 10px;overflow-x:hidden}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-detail__nav{display:none}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-panel.mock-abx-inner{box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:10px;padding:14px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-abx-trend{background:0 0;border:0;border-radius:0;gap:10px;padding:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-abx-trend__well{background-color:#eef2f6;background-image:linear-gradient(#ffffffb8,#ffffff61),radial-gradient(circle at 1px 1px,#0f172a12 1px,#0000 0);background-size:auto,7px 7px;border-radius:10px;flex-direction:column;padding:10px 12px 12px;display:flex;box-shadow:inset 0 1px 1px #0f172a0d}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-abx-trend .mock-area-line__plot{box-shadow:none;background:0 0;border-radius:8px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-abx-swatch--visitors{background:#0ea5e9}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;display:grid}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid>.mock-abx-inner{flex-direction:column;gap:10px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-abx-prior-grouphead{flex-shrink:0;margin-bottom:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-abx-prior-grouphead>em,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair .mock-abx-match__group>em{letter-spacing:-.02em;text-transform:none;color:#0f172a;font-size:12px;font-weight:650;line-height:1.2}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-segment-tabs{flex-shrink:0;width:100%}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-body{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;flex:auto;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-body--empty{text-align:center;justify-content:center;align-items:center;gap:6px;padding:16px 12px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-body--empty strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-body--empty p{color:#94a3b8;max-width:24ch;margin:0;font-size:10px;line-height:1.45}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-tip{background:#0ea5e914;border-color:#0ea5e938;gap:8px;padding:12px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-tip__kicker{letter-spacing:-.01em;color:#0369a1;align-items:center;gap:6px;font-size:10px;font-weight:650;display:inline-flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-tip p{color:#475569;margin:0;font-size:11px;line-height:1.45}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review{gap:8px;padding:10px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__label{color:#64748b;align-items:center;gap:5px;font-size:10px;font-weight:550;display:inline-flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__chips{flex-wrap:wrap;gap:6px;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__chip{appearance:none;color:#475569;height:22px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:8px;padding:0 8px;font-size:10px;font-weight:550}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__chip.is-on{color:#0369a1;background:#0ea5e91a;border-color:#0ea5e95c}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__notes{flex:auto;min-height:72px;display:block;position:relative}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__notes textarea{box-sizing:border-box;resize:none;width:100%;height:100%;min-height:72px;box-shadow:none;font:inherit;color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:8px;outline:none;margin:0;padding:8px 10px 18px;font-size:11px;line-height:1.4;display:block}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__notes textarea:hover,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__notes textarea:focus{background:#fff;border-color:#0f172a1f}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__notes textarea::placeholder{color:#94a3b8}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__count{font-variant-numeric:tabular-nums;color:#94a3b8;pointer-events:none;font-size:9px;position:absolute;bottom:6px;right:8px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__tip{color:#94a3b8;align-items:flex-start;gap:6px;margin:0;font-size:10px;line-height:1.45;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-review__tip .icon{color:#64748b;flex-shrink:0;margin-top:1px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-locales{gap:6px;padding:8px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-locales>em{letter-spacing:0;text-transform:none;font-variant:normal;color:#64748b;padding:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-page-locale-row{background:#fff;border:1px solid #0f172a14;min-height:36px;padding:7px 10px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-page-locale-row.is-on{background:#fff;border-color:#0ea5e947}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-page-locale-row>span:first-child{color:#0f172a;align-items:center;gap:6px;min-width:0;font-size:11px;font-weight:550;display:inline-flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-tx-engage--empty{flex:auto}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-page-opt-empty__cta--block{border-radius:8px;width:100%;margin-top:auto}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-metric-pills--segmented{width:100%}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-metric-pills--segmented .mock-metric-pill{flex:1 1 0;justify-content:center}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-detail__stack{gap:14px;padding-bottom:16px}.product-frame--viewport .mock-screen--page-detail:not(.mock-screen--abx) .mock-page-detail__stack{gap:14px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-section{gap:10px;padding-top:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-section+.mock-page-section,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-section+.mock-page-perf-pair,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair+.mock-page-section{margin-top:0;padding-top:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-section__head{align-items:flex-start;min-height:30px;margin-bottom:0;padding:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-section__icon{border-radius:8px;width:28px;height:28px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-page-section__head{align-items:center;height:28px;min-height:28px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-page-range.mock-metric-pills--segmented{border-radius:8px;height:28px;padding:2px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-page-range .mock-metric-pill,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-page-range__btn{height:24px;padding:0 8px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair>.mock-page-section{flex-direction:column;min-width:0;height:100%;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-page-section__body{flex-direction:column;flex:auto;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-page-section__body>.mock-abx-inner{border-radius:10px;flex-direction:column;flex:auto;gap:10px;width:100%;min-height:0;padding:14px;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend{background:0 0;border:0;border-radius:0;flex-direction:column;flex:auto;gap:10px;height:100%;min-height:0;padding:0;display:flex;overflow:visible}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend__well{background-color:#eef2f6;background-image:linear-gradient(#ffffffb8,#ffffff61),radial-gradient(circle at 1px 1px,#0f172a12 1px,#0000 0);background-size:auto,7px 7px;border:0;border-radius:8px;flex-direction:column;flex:auto;justify-content:flex-start;min-height:168px;padding:10px 12px 8px;display:flex;overflow:visible;box-shadow:inset 0 1px 1px #0f172a0d}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line{flex-direction:column;flex:auto;gap:0;height:100%;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line--premium.mock-area-line--default .mock-area-line__plot,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line__plot{height:auto;min-height:0;box-shadow:none;background:0 0;border-radius:8px;flex:auto;overflow:visible}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line--premium .mock-area-line__svg{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line__axis{flex:0 0 20px;height:20px;min-height:20px;padding:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line__day:last-child{transform:translate(-100%,-50%)}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line__yticks span{letter-spacing:0;color:#94a3b8;font-variant-numeric:tabular-nums;font-size:10px;font-weight:550;left:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line__day{box-sizing:border-box;letter-spacing:0;color:#94a3b8;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;height:16px;padding:1px 5px;font-size:10px;font-weight:550;line-height:1;display:inline-flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line__day--btn,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line__day--active{border-radius:8px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line__day--active{color:#0f172a;box-shadow:none;background:#fff;border:1px solid #0f172a1f;padding:1px 5px;font-weight:650}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line__tooltip,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend .mock-area-line__tooltip--compact{background:#fff;border:0;border-radius:8px;height:20px;padding:0 8px;top:6px;left:auto;right:0;transform:none;box-shadow:0 1px 4px #0f172a1f}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-chart-card__foot{flex:none;justify-content:space-between;align-items:center;gap:10px;height:28px;min-height:28px;margin:0;padding:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-legend{gap:6px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-legend__btn{appearance:none;color:#94a3b8;background:0 0;border:1px solid #0000;border-radius:8px;height:22px;padding:0 8px;font-size:10px;font-weight:550}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-legend__btn.is-on{color:#0f172a;background:#f8fafc;border-color:#0f172a14}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-legend__btn:hover,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-legend__btn:focus,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-legend__btn:active{color:#0f172a}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-legend__btn.is-on:hover,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-legend__btn.is-on:focus,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-legend__btn.is-on:active{background:#f8fafc;border-color:#0f172a14}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair .mock-abx-trend__range{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:550}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-abx-swatch--conv{background:#22c55e}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal{background:#fff;flex-direction:column;flex:auto;align-items:stretch;gap:10px;width:100%;min-width:0;margin-top:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__meter{background:0 0;flex-direction:column;flex:auto;width:100%;min-width:0;padding:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__meter-head{margin-bottom:16px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__rail{border-radius:8px;width:100%;height:16px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__fill{width:calc(var(--goal-fill,85%) - 6px);border-radius:6px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__remain{left:calc(var(--goal-fill,85%) - 2px);width:calc(100% - var(--goal-fill,85%) - 1px);border-radius:4px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__gate{left:100%}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__gate em{left:auto;right:0;transform:none}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__meter-meta{margin:0 0 12px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__stats{border-top:0;border-bottom:1px solid #0f172a0f;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin:0 0 10px;padding:0 0 10px;display:grid}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__stats>span{padding:0 12px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__stats>span:first-child{padding-left:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__interval{background:#f8fafc;border-radius:8px;flex-direction:column;flex:auto;width:100%;min-height:0;margin-top:0;padding:12px;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__interval .mock-abx-match__row{align-items:center;min-height:28px;padding:0;line-height:1.2}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__interval .mock-abx-match__row strong{font-size:11px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal .mock-abx-snap__interval p{margin:8px 0 0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-add{appearance:none;width:auto;height:auto;min-height:0;box-shadow:none;box-sizing:border-box;letter-spacing:0;color:#0ea5e9;cursor:pointer;background:0 0;border:0;border-radius:0;align-self:start;align-items:center;gap:5px;margin:0;padding:0;font-family:inherit;font-size:10px;font-weight:500;line-height:1.2;display:inline-flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-add>span{line-height:1.2;display:block}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-add:hover,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-add:focus,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-add:active{box-shadow:none;color:#0284c7;background:0 0;border:0;text-decoration:underline}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-add .icon{width:10px;height:10px;color:inherit;flex-shrink:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-add:hover .icon,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-add:focus .icon,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-add:active .icon{color:inherit}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-add .icon svg{width:10px;height:10px;display:block}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal--stack .mock-page-goal__list{flex-direction:column;flex:auto;gap:6px;width:100%;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal__row{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:52px;padding:8px 12px;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal__row.is-primary{background:#fff;border-color:#0ea5e92e}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal__row-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal__row-copy strong{letter-spacing:-.02em;color:#0f172a;align-items:center;gap:6px;font-size:12px;font-weight:650;display:inline-flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal__row-copy strong em{color:#0369a1;letter-spacing:.04em;text-transform:uppercase;background:#0ea5e91a;border-radius:6px;padding:1px 5px;font-size:8px;font-style:normal;font-weight:650}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal__row-copy>span{align-items:center;gap:8px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal__row-copy .mono{color:#64748b;font-size:10px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal__row-count{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal__row-count b{letter-spacing:-.04em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal__row-count em{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:9px;font-style:normal;font-weight:650}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-type{color:#64748b;white-space:nowrap;background:#fff;border:1px solid #0f172a14;border-radius:6px;align-items:center;gap:4px;height:18px;padding:0 6px;font-size:9px;font-weight:650;display:inline-flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal-type .icon{color:#0284c7;width:9px;height:9px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-sites-status{white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;width:fit-content;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-sites-status--active{color:#15803d;background:#16a34a14;border-color:#16a34a1f}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-sites-status--paused{color:#64748b;background:#f8fafc;border-color:#0f172a14}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell{border-radius:10px;grid-template-columns:minmax(0,1.62fr) minmax(210px,.74fr);align-items:stretch;min-height:0;overflow:hidden}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-code{min-height:148px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-code__badge{border-radius:8px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-code__foot .mock-btn--sm{border-radius:8px;height:28px;padding-inline:10px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell__settings{flex-direction:column;gap:0;height:100%;min-height:0;padding:14px;display:flex;overflow:auto}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell__settings .mock-abx-match__group{flex-direction:column;gap:6px;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell__settings .mock-abx-match__group>em{margin-bottom:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell__settings .mock-abx-match__group+.mock-abx-match__group{border-top:1px solid #0f172a0f;margin-top:8px;padding-top:8px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell__settings .mock-abx-match__row{align-items:center;min-height:28px;padding:0;line-height:1.2}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell__settings .mock-abx-match__row strong{font-size:11px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell__settings .mock-site-toggle-row--compact{background:0 0;border:0;width:auto;height:18px;padding:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-settings-add{appearance:none;width:auto;height:auto;min-height:0;box-shadow:none;box-sizing:border-box;letter-spacing:0;color:#0ea5e9;cursor:pointer;background:0 0;border:0;border-radius:0;align-self:start;align-items:center;gap:5px;margin:0;padding:0;font-family:inherit;font-size:10px;font-weight:500;line-height:1.2;display:inline-flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-settings-add>span{line-height:1.2;display:block}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-settings-add:hover,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-settings-add:focus,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-settings-add:active{box-shadow:none;color:#0284c7;background:0 0;border:0;text-decoration:underline}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-settings-add .icon{width:10px;height:10px;color:inherit;flex-shrink:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-settings-add:hover .icon,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-settings-add:focus .icon,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-settings-add:active .icon{color:inherit}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-settings-add .icon svg{width:10px;height:10px;display:block}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-section__head>.mock-page-settings-add{align-self:center}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell__settings .mock-btn--ghost,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell__settings .mock-btn--ghost:hover,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell__settings .mock-btn--ghost:focus,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell__settings .mock-btn--ghost:active,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal>.mock-btn--ghost,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal>.mock-btn--ghost:hover,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal>.mock-btn--ghost:focus,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-goal>.mock-btn--ghost:active,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-code__foot .mock-btn--ghost,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-code__foot .mock-btn--ghost:hover,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-code__foot .mock-btn--ghost:focus,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-code__foot .mock-btn--ghost:active{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-devices{flex-direction:column;flex:auto;grid-template-columns:none;gap:8px;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-device{border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"icon label meta""track track track";align-items:center;gap:8px;padding:8px 10px;display:grid}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-device__icon{grid-area:icon}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-device__label{grid-area:label}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-device__meta{grid-area:meta;align-items:baseline;gap:8px;margin-top:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-device__meta strong{letter-spacing:-.03em;font-size:13px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-device__track{grid-area:track}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-panel .mock-meta-pill{color:#475569;background:#fff;border:1px solid #0f172a1f;border-radius:8px;padding:2px 7px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-panel .mock-meta-pill--muted{color:#94a3b8;background:#f8fafc;border-color:#0f172a1a}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-engage--empty{justify-content:center;padding:8px 6px 10px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-engage--empty p,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-tx-engage--empty p{max-width:24ch}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-panel header{z-index:1;flex-shrink:0;min-width:0;position:relative}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage>.mock-tx-panel,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid>.mock-abx-inner,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair>.mock-abx-inner{overflow:hidden}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-panel--empty{gap:8px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-panel--empty header{margin-bottom:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-panel h4{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-tx-panel .mock-meta-pill{flex-shrink:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-page-opt-body{flex:auto;min-height:0;overflow:hidden}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-engage .mock-page-opt-empty__cta--block,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-page-opt-empty__cta--block{border-radius:8px;flex-shrink:0;width:100%;margin-top:auto}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-tx-detail__empty-orb{width:28px;height:28px;box-shadow:none;color:#64748b;background:#fff;border:1px solid #0f172a1f;border-radius:8px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-detail__title-row{align-items:center}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-insight.mock-abx-bayes__status{width:fit-content;max-width:100%;margin:8px 0 10px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-locale-row,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-track-row{appearance:none;width:100%;text-align:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:8px;padding:6px 8px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-locale-row.is-on,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-track-row.is-on,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-track-row.is-done{background:#f8fafc}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-stack{flex-direction:column;gap:10px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-side{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-side>.mock-abx-inner{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow:hidden}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-side .mock-abx-match__group{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-side .mock-abx-match__group>em{flex-shrink:0;margin-bottom:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair>.mock-abx-inner>.mock-abx-match__group{flex-direction:column;gap:6px;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair{grid-template-columns:minmax(0,1.38fr) minmax(210px,.72fr);align-items:stretch;gap:10px;display:grid}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair>.mock-abx-inner{flex-direction:column;gap:12px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair>.mock-abx-inner>.mock-btn{justify-content:center;width:100%}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-pill{color:#475569;background:#fff;border:1px solid #0f172a1f;border-radius:8px;height:20px;padding:0 7px;font-size:9px;font-weight:650}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-pill--live{color:#15803d;background:#22c55e1a;border-color:#16a34a61}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-pill--now{color:#0369a1;background:#0ea5e91a;border-color:#0ea5e95c}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-pill--muted{color:#94a3b8;background:#f8fafc;border-color:#0f172a1a}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-empty__cta{color:#0f172a;background:#fff;border:1px solid #0f172a1f;border-radius:8px;justify-content:center;width:100%;height:30px;padding-inline:10px;font-size:12px;font-weight:600}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-empty__cta:hover,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-empty__cta:focus,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-empty__cta:active{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-page-tag{color:#0369a1;background:#0ea5e91a;border:1px solid #0ea5e95c;border-radius:8px;height:auto;min-height:18px;padding:1px 6px;font-size:9px;font-weight:650;line-height:1.4}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-abx-match__group{flex:auto;min-height:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-abx-match__row{align-items:center}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-metric-pills--segmented{border:1px solid #0f172a1f;border-radius:8px;width:100%}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-metric-pill--active{box-shadow:none;border:1px solid #0f172a1f}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid .mock-page-insight.mock-abx-bayes__status{background:#0ea5e914;border:1px solid #0ea5e938;border-radius:8px;width:100%;max-width:none;margin:0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair .mock-site-code{background:#fff;border:1px solid #0f172a1a;border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair .mock-site-code__bar{background:#f8fafc;border-bottom:1px solid #0f172a14;align-items:center;gap:8px;padding:5px 8px 5px 10px;display:flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair .mock-site-code__bar .mono{color:#64748b;font-size:10px;font-weight:650}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair .mock-site-code__bar .mock-form-field__hint{margin:0 auto 0 0}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair .mock-site-code__body{max-height:72px;font-family:var(--font-mono);letter-spacing:-.01em;color:#0f172a;white-space:pre-wrap;word-break:break-word;margin:0;padding:10px 12px;font-size:10.5px;font-weight:500;line-height:1.55;overflow:auto}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair>.mock-abx-inner>.mock-abx-match__row{background:#f8fafc;border-radius:8px;align-items:center;min-height:36px;padding:8px 10px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair .mock-abx-match__row>button{appearance:none;box-shadow:none;cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:18px;margin:0;padding:0;line-height:0;display:inline-flex}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair .mock-abx-match__row .mock-site-toggle{box-sizing:border-box;width:32px;height:18px;box-shadow:none;border:0;border-radius:8px;display:block;position:relative;overflow:hidden}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair .mock-abx-match__row .mock-site-toggle:after{border-radius:8px;width:14px;height:14px;top:2px;left:2px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair .mock-abx-match__row .mock-site-toggle--on:after{left:16px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-side .mock-abx-match__row{background:#fff;border:1px solid #0f172a14;border-radius:8px;flex:none;align-items:center;min-height:36px;padding:8px 10px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-conn-body{flex:auto;justify-content:flex-start;gap:8px;padding:8px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-side .mock-abx-match__row>span{color:#64748b;font-weight:500}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-side .mock-abx-match__row>strong{color:#0f172a;font-variant-numeric:tabular-nums;font-weight:650}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-track-row{background:#fff;border:1px solid #0f172a14}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-track-row.is-on,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-track-row.is-done{background:#f8fafc;border-color:#0f172a1a}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-danger-bar{box-shadow:none;background:radial-gradient(120% 90% at 0 0,#ef444414,#0000 58%),#fff;border:1px solid #b91c1c29;border-radius:10px;flex-shrink:0;gap:12px;margin-top:0;padding:12px 14px;overflow:hidden}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-danger-bar .mock-tx-danger__icon{color:#b91c1c;background:#ef44441a;border:1px solid #b91c1c2e;border-radius:8px;width:28px;height:28px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-danger-bar .mock-tx-danger__copy strong{color:#0f172a}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-danger-bar .mock-tx-danger__btn{color:#b91c1c;background:#fff;border:1px solid #b91c1c47;border-radius:8px;height:30px;padding:0 12px}.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-danger-bar .mock-tx-danger__btn:hover,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-danger-bar .mock-tx-danger__btn:focus,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-danger-bar .mock-tx-danger__btn:active{color:#b91c1c;background:#fff;border-color:#b91c1c47}.mock-screen--app.mock-screen--page-detail .mock-page-tag--source{border-radius:6px;height:auto;min-height:0;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6}@media (max-width:920px){.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-opt-grid,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair{grid-template-columns:1fr}.product-frame--viewport .mock-screen--page-detail:not(.mock-screen--abx) .mock-page-perf-pair{grid-template-columns:minmax(0,1.45fr) minmax(176px,.78fr)}}@media (max-width:520px){.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-shell,.mock-screen--app.mock-screen--page-detail:not(.mock-screen--abx) .mock-page-setup-pair{grid-template-columns:1fr}}.mock-screen--app.mock-screen--page-goals .mock-page-goals-stack,.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create{flex-direction:column;gap:14px;display:flex}.mock-screen--app.mock-screen--page-goal-create .mock-abx-inner{border-radius:10px;padding:10px}.mock-screen--app.mock-screen--page-goals .mock-panel.mock-page-goals-table{border-radius:10px;padding:2px 0 0;overflow:hidden}.mock-screen--app.mock-screen--page-goals .mock-data-table-head--goals,.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals{grid-template-columns:minmax(0,1fr) 58px 78px 76px 64px;column-gap:14px}.mock-screen--app.mock-screen--page-goals .mock-data-table-head--goals{align-items:center}.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals{align-items:start;padding-top:9px;padding-bottom:9px}.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals:last-child{border-bottom:0}.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals>.mock-parts-type,.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals>.mock-page-status,.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals>.mock-parts-used,.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals>.mock-data-table-row__muted,.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals>.mock-table-actions--parts{justify-self:start}.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals>.mock-data-table-row__muted{padding-top:4px}.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals>.mock-table-actions--parts{justify-self:end}.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals>.mock-page-status,.mock-screen--app.mock-screen--page-goals .mock-page-goals-primary{appearance:none;height:auto;min-height:0;box-shadow:none;cursor:pointer;margin:0}.mock-screen--app.mock-screen--page-goals .mock-data-table-row--goals>.mock-page-status{font-family:var(--font-body);letter-spacing:normal;font-size:9px;font-weight:500;line-height:1.6}.mock-screen--app.mock-screen--page-goals .mock-page-goals-primary{color:inherit;background:0 0;border:0;padding:0}.mock-screen--app.mock-screen--page-goals .mock-table-actions--parts .mock-table-actions__btn:disabled{opacity:.35;cursor:default}.product-frame--viewport .mock-screen--page-goals .mock-data-table-head--goals,.product-frame--viewport .mock-screen--page-goals .mock-data-table-row--goals{column-gap:12px}.product-frame--viewport .mock-screen--page-goals .mock-data-table-row--goals{padding-top:8px;padding-bottom:8px}.mock-screen--app.mock-screen--page-goals .mock-kpi-grid{margin:0}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create{grid-template-columns:minmax(0,1.28fr) minmax(220px,.72fr);align-items:start;gap:14px;display:grid}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__rail{flex-direction:column;gap:14px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-goal-create input.mock-form-input{appearance:none;width:100%;height:32px;font:inherit;color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #0f172a1f;border-radius:8px;padding:0 10px;font-size:12px}.mock-screen--app.mock-screen--page-goal-create input.mock-form-input:focus{border-color:#0ea5e98c;outline:none}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__card{flex-direction:column;gap:10px;display:flex}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__well{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:8px 10px 10px;display:flex}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__well>em{letter-spacing:0;text-transform:none;font-variant:normal;color:#64748b;margin:0;padding:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__types{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__type{appearance:none;min-width:0;box-shadow:none;text-align:left;cursor:pointer;font:inherit;color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:10px;display:flex}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__type:hover,.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__type:focus{background:#fff;border-color:#0f172a24}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__type.is-on{background:#fff;border-color:#0ea5e947}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__type-icon{color:#334155;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__type.is-on .mock-page-goal-create__type-icon{color:#0284c7;background:#fff;border-color:#0ea5e933}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__type strong{letter-spacing:-.01em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__type em{color:#64748b;font-size:10px;font-style:normal;line-height:1.3}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__preview{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__preview-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__preview-hint,.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-create__preview-empty{color:#64748b;margin:0;font-size:11px;line-height:1.45}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-check{appearance:none;width:100%;box-shadow:none;text-align:left;cursor:pointer;font:inherit;color:inherit;background:#fff;border:1px solid #0f172a14;border-radius:8px;align-items:flex-start;gap:10px;margin:0;padding:10px;display:flex}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-check:hover,.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-check:focus{background:#fff;border-color:#0f172a24}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-check.is-on{background:#0ea5e90f;border-color:#0ea5e959}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-check.is-on:hover,.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-check.is-on:focus{background:#0ea5e90f}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-check__box{color:#fff;background:#fff;border:1px solid #0f172a29;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:1px;display:inline-flex}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-check.is-on .mock-page-goal-check__box{background:#0284c7;border-color:#0284c7}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-check span:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-check strong{color:#0f172a;font-size:12px;font-weight:650}.mock-screen--app.mock-screen--page-goal-create .mock-page-goal-check em{color:#64748b;font-size:11px;font-style:normal;line-height:1.45}.mock-screen--app.mock-screen--page-goal-create .mock-btn:disabled{opacity:.45;cursor:default}.mock-screen--app.mock-screen--page-goal-create .mock-page-detail__actions .mock-btn--ghost:hover,.mock-screen--app.mock-screen--page-goal-create .mock-page-detail__actions .mock-btn--ghost:focus,.mock-screen--app.mock-screen--page-goal-create .mock-page-detail__actions .mock-btn--ghost:active{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-screen--part-detail .mock-part-detail__shell{align-items:stretch;gap:14px}.mock-screen--part-detail .mock-part-detail__main{flex-direction:column;gap:14px;min-width:0;display:flex}.mock-screen--part-detail .mock-part-detail__rail{box-shadow:none;background:0 0;border:0;padding:0}.mock-screen--site-detail{container:site-detail/inline-size}.mock-screen--site-detail .mock-page-section__head{flex-wrap:wrap}.mock-screen--site-detail .mock-page-section__head>.mock-meta-pill,.mock-screen--site-detail .mock-page-section__head>.mock-page-opt-pill,.mock-screen--site-detail .mock-page-section__head>.mock-sites-status,.mock-screen--site-detail .mock-page-section__head>.mock-btn,.mock-screen--site-detail .mock-page-section__head>.mock-site-dyn-actions{flex-shrink:0;margin-left:auto}.mock-site-dyn-actions{align-items:center;gap:8px;display:inline-flex}.mock-site-table-scroll{-webkit-overflow-scrolling:touch;margin:0 -2px;overflow-x:auto}.mock-site-table-scroll .mock-data-table-head--assoc,.mock-site-table-scroll .mock-data-table-row--assoc{min-width:540px}.mock-site-table-scroll .mock-data-table-head--lang,.mock-site-table-scroll .mock-data-table-row--lang{min-width:0}.mock-screen--site-detail .mock-form-input.mock-form-input--compact,.mock-screen--site-detail .mock-form-select.mock-form-select--compact{border-radius:8px;flex-shrink:0;width:auto;min-width:0;height:28px;min-height:28px;padding:0 8px;font-size:10px;font-weight:550}.mock-screen--site-detail .mock-form-textarea.mock-form-textarea--compact{border-radius:8px;min-height:56px;padding:8px 10px;font-size:10px;line-height:1.45}.mock-screen--site-detail .mock-abx-match__group>.mock-site-charcount{margin-top:4px}.mock-screen--site-detail .mock-abx-match__group>.mock-form-field__hint{margin:6px 0 0}.mock-screen--site-detail .mock-abx-inner .mock-metric-pills--segmented{width:100%;max-width:100%}.mock-screen--site-detail .mock-abx-match__group>.mock-panel__link{align-self:start;margin-top:6px}.mock-screen--site-detail .mock-abx-inner .mock-metric-pills--segmented .mock-metric-pill{text-align:center;flex:1 1 0;justify-content:center}.mock-screen--site-detail .mock-abx-match__row.mock-site-cred{box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:max-content minmax(0,1fr) 26px;align-items:center;gap:8px;padding:7px 0;display:grid}.mock-screen--site-detail .mock-abx-match__row.mock-site-cred+.mock-abx-match__row.mock-site-cred{border-top:1px solid #0f172a0f}.mock-screen--site-detail .mock-abx-match__row.mock-site-cred strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);align-items:center;gap:5px;font-size:11px;font-weight:550;display:inline-flex;overflow:hidden}.mock-screen--site-detail .mock-site-ad-card{box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:8px}.mock-screen--site-detail .mock-site-logo-empty{border-radius:8px}.mock-screen--site-detail .mock-site-brand .mock-abx-inner{flex-direction:column;gap:0;display:flex}.mock-screen--site-detail .mock-site-brand__pair{align-items:stretch}.mock-screen--site-detail .mock-site-brand__pair>.mock-page-section{flex-direction:column;align-self:stretch;min-width:0;height:100%;display:flex}.mock-screen--site-detail .mock-site-brand__pair>.mock-page-section>.mock-abx-inner{flex:auto;width:100%;min-height:0}.mock-screen--site-detail .mock-site-brand__pair>.mock-page-section>.mock-abx-inner>.mock-abx-match__group:last-child{flex:auto;min-height:0}.mock-screen--site-detail .mock-site-brand__pair .mock-site-logo,.mock-screen--site-detail .mock-site-brand__pair .mock-site-logo-empty{flex:auto}.mock-screen--site-detail .mock-site-brand__pair>.mock-page-section>.mock-abx-inner>.mock-abx-match__group:only-child>.mock-form-field:last-child{flex:auto;min-height:0}.mock-screen--site-detail .mock-site-brand__pair>.mock-page-section>.mock-abx-inner>.mock-abx-match__group:only-child>.mock-form-field:last-child .mock-form-input{white-space:normal;flex:auto;align-items:flex-start;height:auto;min-height:28px;padding-top:6px;padding-bottom:6px}.mock-screen--site-detail .mock-site-brand__pair .mock-site-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mock-screen--site-detail .mock-site-brand__pair>.mock-page-section:first-child .mock-site-grid-2{grid-template-columns:minmax(0,1fr)}.mock-screen--site-detail .mock-site-brand__pair .mock-site-swatch__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-screen--site-detail .mock-site-brand .mock-abx-match__group{flex-direction:column;gap:6px;display:flex}.mock-screen--site-detail .mock-site-brand .mock-abx-match__group+.mock-abx-match__group{border-top:1px solid #0f172a0f;margin-top:8px;padding-top:8px}.mock-screen--site-detail .mock-site-brand .mock-abx-match__group>em{margin:0}.mock-screen--site-detail .mock-site-brand .mock-site-grid-2{gap:8px}.mock-screen--site-detail .mock-site-brand .mock-site-grid-2>.mock-form-field+.mock-form-field{margin-top:0}.mock-screen--site-detail .mock-site-brand .mock-form-field{flex-direction:column;gap:4px;min-width:0;margin:0;display:flex}.mock-screen--site-detail .mock-site-brand .mock-form-field__label-row{align-items:center;gap:6px;display:flex}.mock-screen--site-detail .mock-site-brand .mock-form-field__label{letter-spacing:0;color:#64748b;font-size:11px;font-weight:500;line-height:1.3}.mock-screen--site-detail .mock-site-brand .mock-form-input,.mock-screen--site-detail .mock-site-brand .mock-form-select{box-sizing:border-box;width:100%;height:28px;min-height:28px;box-shadow:none;letter-spacing:-.02em;color:#0f172a;white-space:nowrap;text-overflow:ellipsis;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;align-items:center;margin:0;padding:0 8px;font-size:12px;font-weight:650;display:inline-flex;overflow:hidden}.mock-screen--site-detail .mock-site-brand .mock-form-select{justify-content:space-between;gap:6px}.mock-screen--site-detail .mock-site-brand .mock-form-input.mono{font-family:var(--font-mono);font-size:11px;font-weight:550}.mock-screen--site-detail .mock-site-brand .mock-form-input--ph{color:#94a3b8;font-weight:500}.mock-screen--site-detail .mock-site-brand .mock-form-textarea{box-sizing:border-box;width:100%;height:auto;min-height:88px;box-shadow:none;color:#0f172a;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex:auto;margin:0;padding:8px;font-size:12px;font-weight:500;line-height:1.45;display:block}.mock-screen--site-detail .mock-site-brand .mock-form-input:hover,.mock-screen--site-detail .mock-site-brand .mock-form-select:hover,.mock-screen--site-detail .mock-site-brand .mock-form-textarea:hover,.mock-screen--site-detail .mock-site-brand .mock-form-input:focus,.mock-screen--site-detail .mock-site-brand .mock-form-select:focus,.mock-screen--site-detail .mock-site-brand .mock-form-textarea:focus{background:#f8fafc;border-color:#0f172a29;outline:none}.mock-screen--site-detail .mock-site-brand .mock-form-field__hint{color:#94a3b8;margin:0;font-size:11px;line-height:1.35}.mock-screen--site-detail .mock-site-brand .mock-site-swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;display:grid}.mock-screen--site-detail .mock-site-brand .mock-site-swatch{gap:6px;min-width:0}.mock-screen--site-detail .mock-site-brand .mock-site-swatch__chip{width:100%;height:28px;box-shadow:none;border:1px solid #0f172a1a;border-radius:8px}.mock-screen--site-detail .mock-site-brand .mock-site-swatch__meta{flex-direction:column;gap:1px;min-width:0;display:flex}.mock-screen--site-detail .mock-site-brand .mock-site-swatch__label{letter-spacing:-.02em;color:#0f172a;font-size:11px;font-weight:650}.mock-screen--site-detail .mock-site-brand .mock-site-swatch__hex{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:550;overflow:hidden}.mock-screen--site-detail .mock-site-brand .mock-site-logo{flex-direction:column;gap:8px;min-width:0;display:flex}.mock-screen--site-detail .mock-site-brand .mock-site-logo-empty{aspect-ratio:auto;color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #0f172a24;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:72px;margin:0;padding:12px;display:flex}.mock-screen--site-detail .mock-site-brand .mock-site-logo-empty>span{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--site-detail .mock-site-brand .mock-site-logo-empty>em{color:#94a3b8;font-size:11px;font-style:normal;font-weight:500}.mock-screen--site-detail .mock-site-brand .mock-site-logo__actions{align-items:center;gap:6px;display:flex}.mock-screen--site-detail .mock-site-brand .mock-site-logo__actions .mock-btn--sm{border-radius:8px;height:28px;padding-inline:10px}.mock-screen--site-detail .mock-site-brand .mock-btn--ghost,.mock-screen--site-detail .mock-site-brand .mock-btn--ghost:hover,.mock-screen--site-detail .mock-site-brand .mock-btn--ghost:focus,.mock-screen--site-detail .mock-site-brand .mock-btn--ghost:active{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-screen--site-detail .mock-site-brand__voice{align-items:stretch}.mock-screen--site-detail .mock-site-brand__voice>.mock-form-field{height:100%;min-height:0}.mock-screen--site-detail .mock-site-brand__voice .mock-form-textarea{flex:auto}.mock-screen--site-detail .mock-site-brand .mock-site-footnote{color:#94a3b8;margin:8px 0 0;font-size:11px;line-height:1.35}.mock-screen--site-detail .mock-site-alert{border-radius:8px}.mock-screen--site-detail .mock-site-info-banner{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:10px;padding:0;display:flex}.mock-screen--site-detail .mock-site-info-banner .mock-page-insight{flex:auto;min-width:0;margin:0}.mock-screen--site-detail .mock-site-preview-link{border-radius:8px}.mock-screen--site-detail .mock-abx-inner .mock-site-preview-link{width:100%;max-width:100%;margin-top:0}.mock-screen--site-detail .mock-site-toggle-row{align-items:flex-start}.mock-screen--site-detail .mock-abx-inner .mock-form-field+.mock-form-field{margin-top:2px}.mock-screen--site-detail .mock-site-brand .mock-form-field+.mock-form-field{margin-top:0}.mock-screen--site-detail .mock-panel.mock-abx-inner{overflow:hidden}.mock-screen--site-detail .mock-site-radio--on{border-color:#0f172a;box-shadow:inset 0 0 0 3px #0f172a}.mock-screen--site-detail .mock-site-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.mock-screen--site-detail .mock-site-pair>.mock-page-section{min-width:0;height:100%}.mock-screen--site-detail .mock-site-pair>.mock-page-section>.mock-abx-inner{flex:auto}.mock-screen--site-detail .mock-data-table-row--assoc .mock-sites-status{justify-self:start}.mock-screen--site-detail .mock-site-section--table>.mock-abx-inner{gap:0;padding:0;overflow:hidden}.mock-screen--site-detail .mock-site-section--table .mock-site-table-scroll{margin:0}.mock-screen--site-detail .mock-data-table-head--assoc,.mock-screen--site-detail .mock-data-table-head--lang{letter-spacing:.07em;color:#94a3b8;background:#fff;border-bottom:1px solid #0f172a0d;padding:9px 14px;font-size:9px}.mock-screen--site-detail .mock-data-table-row--assoc,.mock-screen--site-detail .mock-data-table-row--lang{border-bottom:1px solid #0f172a0a;padding:11px 14px;font-size:12px}.mock-screen--site-detail .mock-data-table-row--lang{padding:8px 14px}.mock-screen--site-detail .mock-data-table-row--assoc:last-child,.mock-screen--site-detail .mock-data-table-row--lang:last-child{border-bottom:none}.mock-screen--site-detail .mock-data-table-row--assoc .mock-data-table-row__primary,.mock-screen--site-detail .mock-data-table-row--lang .mock-data-table-row__primary{letter-spacing:-.015em;color:#0f172a;font-size:12px;font-weight:600}.mock-screen--site-detail .mock-data-table-row--assoc .mock-data-table-row__primary{gap:10px}.mock-screen--site-detail .mock-data-table-row--lang .mock-data-table-row__primary{gap:6px}.mock-screen--site-detail .mock-data-table-row--assoc .mock-data-table-row__muted{color:#64748b;font-size:11px}.mock-screen--site-detail .mock-data-table-row--assoc .mock-sites-created,.mock-screen--site-detail .mock-data-table-row--lang .mock-sites-created{font-family:var(--font-mono);letter-spacing:.01em;color:#94a3b8;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px}.mock-screen--site-detail .mock-site-section--lang>.mock-abx-inner{padding-bottom:0;overflow:hidden}.mock-screen--site-detail .mock-site-lang-table{border-top:1px solid #0f172a0f;margin:2px -14px 0}.mock-screen--site-detail .mock-data-table-row--lang .mock-form-input--compact{width:72px;font-family:var(--font-mono);letter-spacing:.01em;color:#0f172a;font-size:10px;font-weight:550}@container site-detail (max-width:720px){.mock-site-detail__layout,.mock-site-grid-2,.mock-site-ad-grid,.mock-site-param-row,.product-frame--viewport .mock-site-detail__layout,.product-frame--viewport .mock-site-grid-2,.product-frame--viewport .mock-site-ad-grid,.mock-screen--site-detail .mock-site-detail__layout,.mock-screen--site-detail .mock-site-grid-2,.mock-screen--site-detail .mock-site-ad-grid,.mock-screen--site-detail .mock-site-param-row{grid-template-columns:minmax(0,1fr)}.mock-page-section__desc{max-width:none}.mock-site-info-banner,.mock-site-preview-link{flex-direction:column;align-items:stretch}.mock-site-preview-link__actions{width:100%}}@container site-detail (max-width:520px){.mock-screen--site-detail .mock-site-pair{grid-template-columns:minmax(0,1fr)}.mock-screen__scroll{padding:10px 12px 12px}.mock-site-tabs{padding:0 12px 8px}.mock-site-detail__topbar{padding:12px 12px 8px}.mock-site-swatches{gap:10px}.mock-page-section__head>.mock-meta-pill,.mock-page-section__head>.mock-page-opt-pill,.mock-page-section__head>.mock-sites-status,.mock-page-section__head>.mock-btn,.mock-page-section__head>.mock-site-dyn-actions{margin-left:0}}@media (max-width:720px){.mock-screen--site-detail .mock-site-detail__layout,.mock-screen--site-detail .mock-site-grid-2,.mock-screen--site-detail .mock-site-ad-grid,.mock-screen--site-detail .mock-site-param-row{grid-template-columns:1fr}}@container site-detail (max-width:720px){.mock-screen--site-detail .mock-site-brand .mock-site-grid-2,.mock-screen--site-detail .mock-site-brand__pair .mock-site-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mock-screen--site-detail .mock-site-brand__pair>.mock-page-section:first-child .mock-site-grid-2{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.mock-screen--site-detail .mock-site-brand .mock-site-grid-2,.mock-screen--site-detail .mock-site-brand__pair .mock-site-grid-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mock-screen--site-detail .mock-site-brand__pair>.mock-page-section:first-child .mock-site-grid-2{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.mock-screen--site-detail .mock-site-pair{grid-template-columns:1fr}}.mock-screen--site-detail .mock-site-metric{border-bottom:1px solid #0f172a0f;flex-direction:column;gap:2px;margin-bottom:2px;padding:0 0 8px;display:flex}.mock-screen--site-detail .mock-site-metric strong{letter-spacing:-.04em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700;line-height:1.1}.mock-screen--site-detail .mock-site-metric span{color:#94a3b8;font-size:11px}.mock-screen--site-detail .mock-abx-prior-grouphead .mock-site-charcount{text-align:inherit;margin:0;display:inline}.mock-screen--site-detail .mock-form-textarea.mock-form-textarea--prompt{min-height:48px}.mock-screen--site-detail .mock-form-textarea+.mock-abx-match__row{border-top:1px solid #0f172a0f;margin-top:6px;padding-top:8px}.mock-screen--site-detail .mock-site-code,.mock-screen--new-page .mock-site-code,.mock-screen--new-part .mock-site-code,.mock-screen--part-detail .mock-site-code,.mock-screen--tx-create .mock-site-code{background:#fff;border:1px solid #0f172a1a;border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.mock-screen--site-detail .mock-site-code__bar,.mock-screen--new-page .mock-site-code__bar,.mock-screen--new-part .mock-site-code__bar,.mock-screen--part-detail .mock-site-code__bar,.mock-screen--tx-create .mock-site-code__bar{background:#f8fafc;border-bottom:1px solid #0f172a0f;align-items:center;gap:8px;padding:5px 8px 5px 10px;display:flex}.mock-screen--site-detail .mock-site-code__bar .mono,.mock-screen--new-page .mock-site-code__bar .mono,.mock-screen--new-part .mock-site-code__bar .mono,.mock-screen--part-detail .mock-site-code__bar .mono,.mock-screen--tx-create .mock-site-code__bar .mono{letter-spacing:.01em;color:#64748b;font-size:10px;font-weight:550}.mock-screen--site-detail .mock-site-code__bar .mock-site-charcount,.mock-screen--new-page .mock-site-code__bar .mock-site-charcount{text-align:inherit;margin:0 0 0 auto;display:inline}.mock-screen--site-detail .mock-site-code__bar .mock-table-actions__btn,.mock-screen--new-page .mock-site-code__bar .mock-table-actions__btn{flex-shrink:0;width:22px;height:22px}.mock-screen--site-detail .mock-site-code__body,.mock-screen--new-page .mock-site-code__body,.mock-screen--new-part .mock-site-code__body,.mock-screen--part-detail .mock-site-code__body,.mock-screen--tx-create .mock-site-code__body{font-family:var(--font-mono);letter-spacing:-.01em;color:#0f172a;white-space:pre-wrap;word-break:break-word;margin:0;padding:10px 12px;font-size:10.5px;font-weight:500;line-height:1.55}.mock-screen--new-page .mock-site-code__body{max-height:72px;overflow:auto}.mock-screen--generate-ai .mock-ai-stage,.mock-screen--generate-ai .mock-ai-rail{box-shadow:none;background:0 0;border:0;align-self:stretch;height:auto;min-height:0;padding:0}.mock-screen--generate-ai .mock-ai-shell>.mock-page-section{align-self:stretch;min-width:0;min-height:0}.mock-screen--generate-ai .mock-ai-shell>.mock-page-section>.mock-abx-inner{flex:auto;min-height:0}.mock-screen--generate-ai .mock-ai-stage__body{flex-direction:column;flex:auto;min-height:0;display:flex}.mock-screen--generate-ai .mock-ai-stage__foot{flex-shrink:0;margin-top:auto}.mock-screen--generate-ai .mock-page-section__head{flex-wrap:wrap}.mock-screen--generate-ai .mock-page-section__head>.mock-meta-pill,.mock-screen--generate-ai .mock-page-section__head>.mock-page-opt-pill{flex-shrink:0;margin-left:auto}.mock-screen--generate-ai .mock-abx-inner>.mock-segment-tabs{width:100%}.mock-screen--generate-ai .mock-abx-inner>.mock-segment-tabs .mock-metric-pills--segmented,.mock-screen--generate-ai .mock-abx-inner .mock-metric-pills--segmented{width:100%;max-width:none}.mock-screen--generate-ai .mock-abx-inner>.mock-segment-tabs .mock-metric-pills--segmented{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mock-screen--generate-ai .mock-abx-inner>.mock-segment-tabs .mock-metric-pill,.mock-screen--generate-ai .mock-ai-templates .mock-metric-pill,.mock-screen--generate-ai .mock-ai-templates .mock-page-range__btn{justify-content:center;width:100%}.mock-screen--generate-ai .mock-abx-match__group>.mock-form-select,.mock-screen--generate-ai .mock-abx-match__group>.mock-form-input,.mock-screen--generate-ai .mock-abx-match__group>.mock-form-textarea{width:100%}.mock-screen--generate-ai .mock-newpage-site,.mock-screen--generate-ai .mock-ai-select{width:100%;min-height:40px;box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:8px;padding:7px 10px;height:auto!important}.mock-screen--generate-ai .mock-form-input{border-radius:8px}.mock-screen--generate-ai .mock-ai-textarea{min-height:56px}.mock-screen--generate-ai .mock-abx-match__group>.mock-form-field__hint,.mock-screen--generate-ai .mock-abx-match__group>.mock-ai-templates+.mock-form-field__hint{margin-top:6px}.mock-screen--generate-ai .mock-abx-prior-grouphead .mock-form-field__hint{margin:0}.mock-screen--generate-ai .mock-ai-slot{color:#94a3b8;background:#fff;border:1px dashed #0f172a29;border-radius:8px;min-height:48px}.mock-screen--generate-ai .mock-ai-slot:hover{color:#64748b;background:#fff;border-color:#0f172a38}.mock-screen--generate-ai .mock-ai-slot--filled{color:#475569;background:#fff;border-style:solid;border-color:#0f172a1a;justify-content:flex-end;padding:0}.mock-screen--generate-ai .mock-ai-slot--filled span:last-child{padding:4px 0 6px}.mock-screen--generate-ai .mock-page-ai-chip{color:#64748b;background:#fff;border:1px solid #0f172a1a;border-radius:8px;justify-content:center;align-items:center;height:22px;padding:0 8px;font-size:10px;font-weight:650;display:inline-flex}.mock-screen--generate-ai .mock-page-ai-chip--active{color:#fff;background:#0f172a;border-color:#0f172a}.mock-screen--generate-ai .mock-page-insight.mock-abx-bayes__status{color:#0369a1;background:#f0f9ff;border:1px solid #0ea5e924;border-radius:8px;align-self:start;align-items:center;width:fit-content;max-width:100%;margin:0;padding:9px 12px;font-size:11px;line-height:1.4;display:flex}.mock-screen--generate-ai .mock-ai-stage__foot{border-top:1px solid #0f172a0f;flex-shrink:0;margin-top:auto;padding:10px 0 0}.mock-screen--generate-ai .mock-abx-inner .mock-metric-pills--segmented{border-radius:8px}.mock-screen--generate-ai .mock-ai-slot{min-height:52px;position:relative;overflow:hidden}.mock-screen--generate-ai .mock-ai-slot--filled{color:#fff}.mock-screen--generate-ai .mock-ai-slot--filled .mock-ai-slot__thumb{border-radius:0;min-height:0;margin:0;position:absolute;inset:0}.mock-screen--generate-ai .mock-ai-slot--filled span:last-child{z-index:1;letter-spacing:.04em;text-transform:uppercase;padding:0;font-size:9px;font-weight:650;position:relative}.mock-screen--generate-ai .mock-newpage-wire{background:0 0;border:0;padding:0}.mock-screen--generate-ai .mock-newpage-wire__frame{background:#fff;border:1px dashed #0f172a29;border-radius:8px}.mock-screen--generate-ai .mock-newpage-wire__cta{border-radius:8px}.mock-screen--generate-ai .mock-ai-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.mock-screen--generate-ai .mock-ai-palette__item{flex-direction:column;gap:4px;min-width:0;display:flex}.mock-screen--generate-ai .mock-ai-palette__chip{border:1px solid #0f172a1a;border-radius:6px;height:22px;display:block}.mock-screen--generate-ai .mock-ai-palette__item .mono{letter-spacing:.04em;color:#94a3b8;font-size:8px;font-weight:550}.mock-screen--generate-ai .mock-ai-rail .mock-abx-match__row strong{font-size:11px;font-weight:650}.mock-screen--generate-ai .mock-abx-match__row strong{text-align:right}.product-frame--viewport .product-frame__main:has(.mock-screen--new-part){padding:0}.product-frame--viewport .mock-screen.mock-screen--new-part{gap:0;padding-right:0;overflow:hidden}.product-frame--viewport .mock-screen--new-part .mock-new-part__topbar{box-sizing:border-box;border-bottom:none;margin-bottom:0;padding:14px 16px 10px}.product-frame--viewport .mock-screen--new-part .mock-screen__scroll{padding:12px 16px 10px;overflow-x:hidden}.mock-screen--new-part .mock-new-part__shell{align-items:start;gap:14px;padding:0}.mock-screen--new-part .mock-new-part__stage,.mock-screen--new-part .mock-new-part__rail{box-shadow:none;background:0 0;border:0;align-self:start;height:auto;min-height:0;padding:0}.mock-screen--new-part .mock-new-part__shell>.mock-page-section{align-self:start;min-width:0;min-height:0}.mock-screen--new-part .mock-new-part__shell>.mock-page-section>.mock-abx-inner{flex-direction:column;flex:none;gap:12px;min-height:0;display:flex}.mock-screen--new-part .mock-new-part__shell>.mock-page-section>.mock-abx-inner>.mock-btn{align-self:start}.mock-screen--new-part .mock-new-part__topbar .mock-topbar__actions{padding-top:12px}.mock-screen--new-part .mock-page-section__head{flex-wrap:wrap}.mock-screen--new-part .mock-page-section__head>.mock-segment-tabs,.mock-screen--new-part .mock-page-section__head>.mock-page-opt-pill{flex-shrink:0;margin-left:auto}.mock-screen--new-part .mock-new-part__prompt{background:#fff;border:1px solid #0f172a1a;border-radius:8px;min-height:56px;padding:10px 12px;font-size:12px;line-height:1.5}.mock-screen--new-part .mock-new-part__chips{margin-top:6px}.mock-screen--new-part .mock-new-part__chips span,.mock-screen--new-part .mock-new-part__chips .mock-abx-seg-chip{border-radius:6px}.mock-screen--new-part .mock-new-part__foot,.mock-screen--new-part .mock-new-part__rail-foot{display:none}.mock-screen--new-part .mock-new-part__preview{background:0 0;border:0;border-radius:0;gap:8px;padding:0}.mock-screen--new-part .mock-new-part__preview-frame{background-color:#eef2f6;background-image:linear-gradient(#ffffffb8,#ffffff61),radial-gradient(circle at 1px 1px,#0f172a12 1px,#0000 0);background-size:auto,7px 7px;border:0;border-radius:8px;padding:10px;box-shadow:inset 0 1px 1px #0f172a0d}.mock-screen--new-part .mock-part-ai__slot-thumb,.mock-screen--new-part .mock-part-ai__slot-empty{border-radius:8px}.mock-screen--new-part .mock-part-editor{background:#fff;border:1px solid #0f172a1a;border-radius:10px;overflow:hidden}.mock-screen--new-part .mock-new-part__seg{width:100%}.mock-screen--new-part .mock-new-part__seg .mock-metric-pill{flex:1 1 0;justify-content:center}.mock-screen--new-part .mock-abx-match__group>.mock-form-field__hint{margin-top:6px}.mock-screen--new-part .mock-site-code{overflow:hidden}.mock-screen--new-part .mock-site-code__body{max-height:64px;overflow:auto}.mock-screen--new-part .mock-part-editor__badge,.mock-screen--part-detail .mock-part-editor__badge{border-radius:6px}@media (max-width:520px){.mock-screen--new-part .mock-new-part__shell{grid-template-columns:1fr}}.mock-screen--new-part .mock-btn--ghost,.mock-screen--new-part .mock-btn--ghost:hover,.mock-screen--new-part .mock-btn--ghost:focus,.mock-screen--new-part .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen.mock-screen--app.mock-screen--new-part .mock-topbar--compact .mock-topbar__crumb,.mock-screen.mock-screen--app.mock-screen--new-part .mock-topbar--compact .mock-topbar__crumb--btn,.mock-screen--new-part .mock-new-part__topbar .mock-topbar__crumb,.mock-screen--new-part .mock-new-part__topbar .mock-topbar__crumb--btn{text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono);color:#64748b;font-size:9px;font-weight:500}.mock-screen.mock-screen--app.mock-screen--new-part .mock-topbar--compact .mock-topbar__crumb:hover,.mock-screen.mock-screen--app.mock-screen--new-part .mock-topbar--compact .mock-topbar__crumb--btn:hover,.mock-screen--new-part .mock-new-part__topbar .mock-topbar__crumb:hover,.mock-screen--new-part .mock-new-part__topbar .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-screen--new-part .mock-new-part__title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen.mock-screen--app.mock-screen--new-part .mock-topbar--compact .mock-topbar__title,.mock-screen--new-part .mock-new-part__topbar .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700;line-height:1.2}.mock-screen--new-part .mock-new-part__topbar .mock-topbar__meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mock-screen--new-part .mock-new-part__topbar .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1}.mock-screen--new-part .mock-new-part__topbar .mock-meta-pill .icon,.mock-screen--new-part .mock-page-section__head .mock-meta-pill .icon{flex-shrink:0;display:block}.mock-screen--new-part .mock-new-part__topbar .mock-meta-pill--draft,.mock-screen--new-part .mock-page-section__head .mock-meta-pill--draft{color:#b45309;background:#f59e0b14;border-color:#f59e0b24}.mock-screen--new-part .mock-new-part__topbar .mock-meta-pill--live,.mock-screen--new-part .mock-page-section__head .mock-meta-pill--live{color:#334155;background:#f8fafc;border-color:#0f172a1a}.mock-screen--new-part .mock-page-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:4px;height:4px}.mock-screen--new-part .mock-new-part__topbar .mock-meta-pill--link{min-width:0;max-width:28ch}.mock-screen--new-part .mock-new-part__topbar .mock-meta-pill--link>span:not(.icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-screen--new-part .mock-page-section__head>.mock-meta-pill{box-sizing:border-box;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;height:20px;margin-left:auto;padding:0 8px;font-size:9px;font-weight:500;line-height:1}.product-frame--viewport .mock-screen--new-part .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.mock-screen--new-part .mock-new-part__shell,.product-frame--viewport .mock-new-part__shell,.mock-screen--new-part .mock-screen__scroll>.mock-new-part__shell{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.38fr) minmax(196px,.78fr);align-items:stretch;gap:14px;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.mock-screen--new-part .mock-new-part__stage,.mock-screen--new-part .mock-new-part__rail,.mock-screen--new-part .mock-new-part__shell>.mock-page-section{flex-direction:column;align-self:stretch;min-width:0;min-height:0;display:flex}.mock-screen--new-part .mock-new-part__shell>.mock-page-section>.mock-abx-inner{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:10px;display:flex;overflow:hidden}.mock-screen--new-part .mock-new-part__shell>.mock-page-section>.mock-abx-inner>.mock-btn{align-self:start;margin-top:0}.mock-screen--new-part .mock-new-part__well{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:6px;min-width:0;padding:6px 8px 8px;display:flex}.mock-screen--new-part .mock-new-part__well>em,.mock-screen--new-part .mock-new-part__well-head>em{letter-spacing:0;text-transform:none;color:#64748b;margin:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--new-part .mock-new-part__well-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-screen--new-part .mock-new-part__well-head>span:first-child{color:#64748b;font-size:11px;font-weight:500}.mock-screen--new-part .mock-new-part__well .mock-abx-match__row{align-items:center;min-height:28px;padding:0}.mock-screen--new-part .mock-new-part__well .mock-abx-match__row+.mock-abx-match__row{border-top:1px solid #0f172a0f;padding-top:8px}.mock-screen--new-part .mock-new-part__well .mock-abx-match__row:last-child{padding-bottom:8px}.mock-screen--new-part .mock-new-part__well .mock-abx-match__row span:first-child{color:#64748b;font-size:11px;font-weight:500}.mock-screen--new-part .mock-new-part__well .mock-abx-match__row strong{letter-spacing:-.02em;color:#0f172a;text-align:right;font-size:12px;font-weight:650}.mock-screen--new-part .mock-new-part__well--prompt{flex:auto;min-height:0}.mock-screen--new-part .mock-new-part__prompt{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex:auto;min-height:80px;padding:10px 12px;font-size:12px;line-height:1.5}.mock-screen--new-part .mock-new-part__chips{flex-wrap:wrap;gap:6px;margin-top:0;display:flex}.mock-screen--new-part .mock-new-part__chips .mock-page-opt-review__chip{appearance:none;color:#475569;height:22px;font:inherit;letter-spacing:0;text-transform:none;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:10px;font-weight:550;line-height:1;display:inline-flex}.mock-screen--new-part .mock-new-part__chips .mock-page-opt-review__chip.is-on{color:#0369a1;background:#0ea5e91a;border-color:#0ea5e95c}.mock-screen--new-part .mock-part-ai__refs{border:0;flex:none;margin:0;padding:0}.mock-screen--new-part .mock-new-part__well--refs .mock-part-ai__refs-head{margin-bottom:6px}.mock-screen--new-part .mock-part-ai__refs-label{letter-spacing:0;text-transform:none;color:#64748b;font-size:10px;font-weight:550}.mock-screen--new-part .mock-new-part__well--refs{flex:none}.mock-screen--new-part .mock-new-part__well--refs .mock-part-ai__slot-thumb,.mock-screen--new-part .mock-new-part__well--refs .mock-part-ai__slot-empty{aspect-ratio:16/10;border-radius:8px;max-height:36px}.mock-screen--new-part .mock-new-part__preview{flex-direction:column;flex:auto;min-height:0;display:flex}.mock-screen--new-part .mock-new-part__preview-frame{flex:auto;align-items:stretch;min-height:72px;display:flex}.mock-screen--new-part .mock-new-part__preview-table{background:#fff;border:1px solid #0f172a14;border-radius:8px;flex:auto;min-height:0;padding:8px 10px}.mock-screen--new-part .mock-new-part__preview-title{letter-spacing:-.02em;color:#0f172a;margin:0 4px 8px;font-size:13px;font-weight:650;display:block}.mock-screen--new-part .mock-new-part__preview-row{padding:8px 4px;font-size:11px}.mock-screen--new-part .mock-new-part__preview.is-tight .mock-new-part__preview-row{padding:5px 4px}.mock-screen--new-part .mock-new-part__preview-row--head{letter-spacing:0;text-transform:none;color:#64748b;padding-top:2px;padding-bottom:6px;font-size:10px;font-weight:550}.mock-screen--new-part .mock-new-part__preview-cta{background:#0f172a;border-radius:8px;min-height:22px;padding:0 8px;font-size:10px;font-weight:550}.mock-screen--new-part .mock-new-part__preview.is-navy .mock-new-part__preview-cta{background:#0f172a}.mock-screen--new-part .mock-new-part__preview-caption{display:none}.mock-screen--new-part .mock-new-part__setting-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mock-screen--new-part .mock-new-part__setting{flex-direction:column;gap:6px;display:flex}.mock-screen--new-part .mock-new-part__setting>span{color:#64748b;font-size:11px;font-weight:500}.mock-screen--new-part .mock-new-part__seg{box-sizing:border-box;width:100%;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;gap:2px;padding:3px}.mock-screen--new-part .mock-new-part__seg .mock-metric-pill,.mock-screen--new-part .mock-new-part__seg .mock-page-range__btn{height:24px;box-shadow:none;color:#64748b;background:0 0;border:0;border-radius:8px;flex:1 1 0;justify-content:center;padding:0 8px;font-size:10px;font-weight:500}.mock-screen--new-part .mock-new-part__seg.mock-metric-pills--segmented .mock-metric-pill--active,.mock-screen--new-part .mock-new-part__seg .mock-page-range__btn--active{color:#0f172a;background:#fff;border:0;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-screen--new-part .mock-new-part__embed+.mock-new-part__embed{border-top:1px solid #0f172a0f;padding-top:8px}.mock-screen--new-part .mock-new-part__code{max-height:36px;font-family:var(--font-mono);color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:8px;margin:0;padding:6px 8px;font-size:10px;line-height:1.4;overflow:auto}.mock-screen--new-part .mock-part-editor{flex:auto;min-height:0}@media (max-width:720px){.mock-screen--new-part .mock-new-part__shell,.product-frame--viewport .mock-new-part__shell{grid-template-rows:auto;grid-template-columns:1fr;height:auto;overflow:visible}}.product-frame--viewport .product-frame__main:has(.mock-screen--part-detail){padding:0}.product-frame--viewport .mock-screen.mock-screen--part-detail{gap:0;padding-right:0;overflow:hidden}.product-frame--viewport .mock-screen--part-detail .mock-part-detail__topbar{box-sizing:border-box;border-bottom:none;margin-bottom:0;padding:14px 16px 10px}.product-frame--viewport .mock-screen--part-detail .mock-screen__scroll{padding:12px 16px 10px;overflow:hidden auto}.mock-screen--part-detail .mock-part-detail__shell{align-items:stretch;gap:14px;padding:0}.mock-screen--part-detail .mock-part-detail__stage,.mock-screen--part-detail .mock-part-detail__rail,.mock-screen--part-detail .mock-part-detail__main{box-shadow:none;background:0 0;border:0;align-self:stretch;width:100%;height:auto;min-height:0;padding:0}.mock-screen--part-detail .mock-part-detail__shell>.mock-page-section,.mock-screen--part-detail .mock-part-detail__main>.mock-page-section{align-self:stretch;width:100%;min-width:0;min-height:0}.mock-screen--part-detail .mock-part-detail__main>.mock-page-section:last-child,.mock-screen--part-detail .mock-part-detail__shell>.mock-page-section.mock-part-detail__rail{flex:auto}.mock-screen--part-detail .mock-page-section>.mock-abx-inner{flex-direction:column;flex:none;gap:12px;width:100%;min-height:0;display:flex}.mock-screen--part-detail .mock-part-detail__main>.mock-page-section:last-child>.mock-abx-inner,.mock-screen--part-detail .mock-part-detail__rail>.mock-abx-inner{flex:auto}.mock-screen--part-detail .mock-page-section>.mock-abx-inner>.mock-btn{align-self:start}.mock-screen--part-detail .mock-part-detail__topbar .mock-topbar__actions{padding-top:12px}.mock-screen--part-detail .mock-page-section__head{flex-wrap:wrap}.mock-screen--part-detail .mock-page-section__head>.mock-page-opt-pill{flex-shrink:0;margin-left:auto}.mock-screen--part-detail .mock-part-detail__prompt{box-sizing:border-box;width:100%;min-height:56px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5}.mock-screen--part-detail .mock-part-detail__chips{margin-top:6px}.mock-screen--part-detail .mock-part-detail__chips button.mock-abx-seg-chip{appearance:none;color:#64748b;letter-spacing:-.02em;cursor:pointer;background:#fff;border:0;border-radius:6px;height:20px;min-height:0;margin:0;padding:0 7px;font-family:inherit;font-size:10px;font-weight:700;box-shadow:0 1px 4px #0f172a1f}.mock-screen--part-detail .mock-part-detail__chips button.mock-abx-seg-chip.is-variant{color:#0284c7}.mock-screen--part-detail .mock-part-ai__refs{border-top:0;margin-top:0;padding-top:0}.mock-screen--part-detail .mock-part-ai__slot-thumb,.mock-screen--part-detail .mock-part-ai__slot-empty{border-radius:8px;max-height:52px}.mock-screen--part-detail .mock-part-ai__slot:hover .mock-part-ai__slot-empty{color:#64748b;background:#f8fafc;border-color:#0f172a2e}.mock-screen--part-detail .mock-part-editor__code{flex:auto;min-height:148px;max-height:none}.mock-screen--part-detail .mock-part-detail__seg{border-radius:10px;width:100%;padding:3px}.mock-screen--part-detail .mock-part-detail__seg .mock-metric-pill,.mock-screen--part-detail .mock-part-detail__seg .mock-page-range__btn{border-radius:8px;flex:1 1 0;justify-content:center}.mock-screen--part-detail .mock-abx-match__group>.mock-form-field__hint{margin-top:6px}.mock-screen--part-detail .mock-abx-match__row strong{text-align:right}.mock-screen--part-detail .mock-site-code{width:100%;overflow:hidden}.mock-screen--part-detail .mock-site-code__bar .mock-form-field__hint{margin:0 0 0 auto}.mock-screen--part-detail .mock-site-code__body{max-height:64px;overflow:auto}.mock-screen--part-detail .mock-part-detail__more-menu{border-radius:10px}@media (max-width:720px){.mock-screen--part-detail .mock-part-detail__source>.mock-abx-inner{flex-direction:column;display:flex}}.mock-screen.mock-screen--app.mock-screen--part-detail .mock-topbar--compact .mock-topbar__crumb,.mock-screen.mock-screen--app.mock-screen--part-detail .mock-topbar--compact .mock-topbar__crumb--btn,.mock-screen--part-detail .mock-part-detail__topbar .mock-topbar__crumb,.mock-screen--part-detail .mock-part-detail__topbar .mock-topbar__crumb--btn{text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono);color:#64748b;font-size:9px;font-weight:500}.mock-screen.mock-screen--app.mock-screen--part-detail .mock-topbar--compact .mock-topbar__crumb:hover,.mock-screen.mock-screen--app.mock-screen--part-detail .mock-topbar--compact .mock-topbar__crumb--btn:hover,.mock-screen--part-detail .mock-part-detail__topbar .mock-topbar__crumb:hover,.mock-screen--part-detail .mock-part-detail__topbar .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-screen--part-detail .mock-part-detail__title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen.mock-screen--app.mock-screen--part-detail .mock-topbar--compact .mock-topbar__title,.mock-screen--part-detail .mock-part-detail__topbar .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700;line-height:1.2}.mock-screen--part-detail .mock-part-detail__topbar .mock-topbar__meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mock-screen--part-detail .mock-part-detail__topbar .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1}.mock-screen--part-detail .mock-part-detail__topbar .mock-meta-pill .icon{flex-shrink:0;display:block}.mock-screen--part-detail .mock-part-detail__topbar .mock-meta-pill--live{color:#334155;background:#f8fafc;border-color:#0f172a1a}.mock-screen--part-detail .mock-part-detail__topbar .mock-meta-pill--draft{color:#b45309;background:#f59e0b14;border-color:#f59e0b24}.mock-screen--part-detail .mock-part-detail__topbar .mock-page-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:4px;height:4px;animation:1.8s ease-out infinite mock-status-pulse-green;box-shadow:0 0 #22c55e73}.mock-screen--part-detail .mock-part-detail__topbar .mock-meta-pill--link{min-width:0;max-width:28ch;overflow:visible}.mock-screen--part-detail .mock-part-detail__topbar .mock-meta-pill--link>span:not(.icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-screen--part-detail .mock-part-detail__more.is-open .mock-btn--ghost,.mock-screen--part-detail .mock-part-detail__more.is-open .mock-btn--ghost:hover,.mock-screen--part-detail .mock-part-detail__more.is-open .mock-btn--ghost:focus,.mock-screen--part-detail .mock-part-detail__more.is-open .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen--part-detail .mock-page-section>.mock-abx-inner,.mock-screen--part-detail .mock-panel.mock-abx-inner{border-radius:10px;gap:10px;padding:10px}.mock-screen--part-detail .mock-part-detail__well{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:8px;min-width:0;padding:8px 10px 10px;display:flex}.mock-screen--part-detail .mock-part-detail__well>em,.mock-screen--part-detail .mock-part-detail__well-head>em{letter-spacing:0;text-transform:none;font-variant:normal;color:#64748b;margin:0;padding:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--part-detail .mock-part-detail__well-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-screen--part-detail .mock-part-detail__well-head .mock-form-field__hint,.mock-screen--part-detail .mock-part-detail__well>.mock-form-field__hint{color:#94a3b8;margin:0;font-size:10px;line-height:1.4}.mock-screen--part-detail .mock-part-detail__prompt{min-height:56px;box-shadow:none;color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.5}.mock-screen--part-detail .mock-part-detail__chips{flex-wrap:wrap;gap:6px;margin-top:0;display:flex}.mock-screen--part-detail .mock-part-detail__chips .mock-page-opt-review__chip{appearance:none;color:#475569;height:22px;font:inherit;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:8px;padding:0 8px;font-size:10px;font-weight:550}.mock-screen--part-detail .mock-part-detail__chips .mock-page-opt-review__chip.is-on{color:#0369a1;background:#0ea5e91a;border-color:#0ea5e95c}.mock-screen--part-detail .mock-part-ai__refs{border:0;margin:0;padding:0}.mock-screen--part-detail .mock-part-ai__refs-head{margin-bottom:8px}.mock-screen--part-detail .mock-part-ai__refs-label{letter-spacing:0;text-transform:none;color:#64748b;font-size:10px;font-weight:550}.mock-screen--part-detail .mock-part-ai__refs-cap{color:#94a3b8;font-size:10px;font-weight:400}.mock-screen--part-detail .mock-part-detail__well .mock-abx-match__row{align-items:center;min-height:28px;padding:0}.mock-screen--part-detail .mock-part-detail__well .mock-abx-match__row+.mock-abx-match__row{border-top:1px solid #0f172a0f;margin-top:0;padding-top:8px}.mock-screen--part-detail .mock-part-detail__well .mock-abx-match__row:last-child{padding-bottom:8px}.mock-screen--part-detail .mock-part-detail__well .mock-abx-match__row span:first-child{color:#64748b;font-size:11px;font-weight:500}.mock-screen--part-detail .mock-part-detail__well .mock-abx-match__row strong{letter-spacing:-.02em;color:#0f172a;text-align:right;font-size:12px;font-weight:650}.mock-screen--part-detail .mock-part-detail__code{font-family:var(--font-mono);letter-spacing:-.01em;color:#0f172a;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #0f172a14;border-radius:8px;margin:0;padding:8px 10px;font-size:11px;font-weight:500;line-height:1.5;overflow:auto}.mock-screen--part-detail .mock-part-detail__field{flex-direction:column;gap:8px;min-width:0;display:flex}.mock-screen--part-detail .mock-part-detail__field>em{letter-spacing:0;text-transform:none;font-variant:normal;color:#64748b;margin:0;padding:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--part-detail .mock-part-detail__field>.mock-form-field__hint{color:#94a3b8;margin:0;font-size:10px;line-height:1.4}.mock-screen--part-detail .mock-part-detail__seg{box-sizing:border-box;width:100%;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;gap:2px;padding:3px}.mock-screen--part-detail .mock-part-detail__seg .mock-metric-pill,.mock-screen--part-detail .mock-part-detail__seg .mock-page-range__btn{height:24px;box-shadow:none;color:#64748b;background:0 0;border:0;border-radius:8px;flex:1 1 0;justify-content:center;padding:0 8px;font-size:10px;font-weight:500}.mock-screen--part-detail .mock-part-detail__seg.mock-metric-pills--segmented .mock-metric-pill--active,.mock-screen--part-detail .mock-part-detail__seg .mock-page-range__btn--active{color:#0f172a;background:#fff;border:0;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-screen--part-detail .mock-part-editor{min-height:168px;box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;flex:auto;margin-top:0;display:flex;overflow:hidden}.mock-screen--part-detail .mock-part-detail__shell,.product-frame--viewport .mock-part-detail__shell{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.38fr) minmax(196px,.78fr);align-items:stretch;gap:14px;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.product-frame--viewport .mock-screen--part-detail .mock-part-editor__code{min-height:0;max-height:none}.mock-screen--part-detail .mock-part-detail__stage,.mock-screen--part-detail .mock-part-detail__rail{flex-direction:column;grid-area:auto;min-width:0;min-height:0;display:flex}.mock-screen--part-detail .mock-part-detail__shell>.mock-part-detail__stage>.mock-abx-inner,.mock-screen--part-detail .mock-part-detail__shell>.mock-part-detail__rail>.mock-abx-inner{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.mock-screen--part-detail .mock-part-detail__prompt-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mock-screen--part-detail .mock-part-detail__prompt-foot .mock-part-detail__chips{flex:auto;min-width:0}.mock-screen--part-detail .mock-part-detail__prompt-foot>.mock-btn{flex-shrink:0;margin-top:0}.mock-screen--part-detail .mock-part-detail__prompt{min-height:80px;padding:10px 12px}.mock-screen--part-detail .mock-part-detail__stage .mock-part-ai__slot-thumb,.mock-screen--part-detail .mock-part-detail__stage .mock-part-ai__slot-empty{aspect-ratio:16/10;max-height:36px}.mock-screen--part-detail .mock-part-detail__stage .mock-part-ai__refs{flex:none}.mock-screen--part-detail .mock-part-detail__stage .mock-part-ai__refs-cap{display:none}.mock-screen--part-detail .mock-part-detail__stage .mock-part-ai__refs-head{margin-bottom:6px}.mock-screen--part-detail .mock-part-detail__stage .mock-part-detail__well{gap:6px;padding:6px 8px 8px}.mock-screen--part-detail .mock-part-detail__stage .mock-part-editor{flex:auto;min-height:0}.mock-screen--part-detail .mock-part-editor{min-height:0}.mock-screen--part-detail .mock-part-editor .mock-page-code__foot{display:none}.mock-screen--part-detail .mock-part-editor__chrome{min-height:0;padding:4px 10px}.mock-screen--part-detail .mock-part-editor__tabs{padding:4px 8px 0}.mock-screen--part-detail .mock-part-editor__code{flex:auto;min-height:0}.mock-screen--part-detail .mock-part-detail__setting-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mock-screen--part-detail .mock-part-detail__setting-grid .mock-part-detail__setting+.mock-part-detail__setting{border-top:0;padding-top:0}.mock-screen--part-detail .mock-part-detail__code{max-height:36px;padding:6px 8px;font-size:10px;line-height:1.4}.mock-screen--part-detail .mock-part-detail__well-head>.mock-panel__link{font-size:11px;font-weight:550}.mock-screen--part-detail .mock-part-detail__setting{flex-direction:column;gap:6px;display:flex}.mock-screen--part-detail .mock-part-detail__setting+.mock-part-detail__setting{border-top:1px solid #0f172a0f;padding-top:8px}.mock-screen--part-detail .mock-part-detail__setting>span{color:#64748b;font-size:11px;font-weight:500}.mock-screen--part-detail .mock-part-detail__embed{flex-direction:column;gap:6px;display:flex}.mock-screen--part-detail .mock-part-detail__embed+.mock-part-detail__embed{border-top:1px solid #0f172a0f;padding-top:8px}.mock-screen--part-detail .mock-part-detail__embed .mock-part-detail__well-head>span:first-child{color:#64748b;font-size:11px;font-weight:500}.mock-screen--part-detail .mock-part-detail__well--fill{flex:auto;min-height:0}.mock-screen--part-detail .mock-part-detail__well--fill>.mock-part-detail__well-head>.mono{color:#94a3b8;font-size:10px;font-weight:550}.mock-screen--part-detail .mock-part-detail__figma{background-color:#eef2f6;background-image:linear-gradient(#ffffffb8,#ffffff61),radial-gradient(circle at 1px 1px,#0f172a12 1px,#0000 0);background-size:auto,7px 7px;border:0;border-radius:8px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:4px;min-height:72px;padding:12px;display:flex;box-shadow:inset 0 1px 1px #0f172a0d}.mock-screen--part-detail .mock-part-detail__figma>span{color:#94a3b8;font-size:10px;font-weight:500}.mock-screen--part-detail .mock-part-detail__figma>strong{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--part-detail .mock-topbar__actions .mock-btn--with-chevron{gap:5px}.mock-screen--part-detail .mock-part-detail__more-menu{border-radius:10px;padding:6px}.mock-screen--part-detail .mock-part-detail__more-item{border-radius:8px}.mock-screen--part-detail .mock-part-detail__rail .mock-page-section__head{flex-wrap:nowrap}.mock-screen--part-detail .mock-part-detail__rail .mock-page-section__desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:720px){.mock-screen--part-detail .mock-part-detail__shell,.product-frame--viewport .mock-part-detail__shell{grid-template-rows:auto;grid-template-columns:1fr;height:auto;overflow:visible}.mock-screen--part-detail .mock-part-detail__stage,.mock-screen--part-detail .mock-part-detail__rail{grid-area:auto}}.product-frame--viewport .product-frame__main:has(.mock-screen--tx-create){padding:0}.product-frame--viewport .mock-screen.mock-screen--tx-create{gap:0;padding-right:0;overflow:hidden}.product-frame--viewport .mock-screen--tx-create .mock-tx-create__head{box-sizing:border-box;border-bottom:none;margin-bottom:0;padding:14px 16px 10px}.product-frame--viewport .mock-screen--tx-create .mock-screen__scroll{padding:12px 16px 10px;overflow-x:hidden}.mock-screen--tx-create .mock-tx-create__grid{align-items:start;gap:14px;padding:0}.mock-screen--tx-create .mock-tx-create__stage,.mock-screen--tx-create .mock-tx-create__rail{align-self:start;min-width:0;min-height:0}.mock-screen--tx-create .mock-page-section>.mock-abx-inner{flex-direction:column;flex:none;gap:12px;min-height:0;display:flex}.mock-screen--tx-create .mock-tx-create__head .mock-topbar__actions{padding-top:12px}.mock-screen--tx-create .mock-abx-match__group>.mock-tx-create__select,.mock-screen--tx-create .mock-abx-match__group>.mock-site-code,.mock-screen--tx-create .mock-abx-match__group>.mock-tx-create__seg{width:100%}.mock-screen--tx-create .mock-abx-match__group{gap:8px}.mock-screen--tx-create .mock-abx-match__group>em{margin-bottom:0}.mock-screen--tx-create .mock-abx-match__group>.mock-form-field__hint{margin-top:0}.mock-screen--tx-create .mock-site-code{flex:none}.mock-screen--tx-create .mock-site-code__body{white-space:nowrap;text-overflow:ellipsis;flex:none;min-height:0;padding:7px 12px;overflow:hidden}.mock-screen--tx-create .mock-tx-create__seg{width:100%}.mock-screen--tx-create .mock-tx-create__seg .mock-metric-pill,.mock-screen--tx-create .mock-tx-create__seg .mock-page-range__btn{border-radius:8px;flex:1 1 0;justify-content:center}.mock-screen--tx-create .mock-site-code__bar .mock-form-field__hint{margin:0 0 0 auto}.mock-screen--tx-create .mock-abx-match__row{align-items:center}.mock-screen--tx-create .mock-abx-match__row>button{appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.mock-screen--tx-create .mock-tx-create__menu button:hover,.mock-screen--tx-create .mock-tx-create__menu button[aria-selected=true]{background:#f8fafc}.mock-screen--tx-create .mock-topbar__crumb--btn:hover{color:#0ea5e9}@media (max-width:520px){.mock-screen--tx-create .mock-tx-create__grid,.product-frame--viewport .mock-tx-create__grid{grid-template-columns:1fr}}.mock-screen--tx-create .mock-btn--ghost,.mock-screen--tx-create .mock-btn--ghost:hover,.mock-screen--tx-create .mock-btn--ghost:focus,.mock-screen--tx-create .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen.mock-screen--app.mock-screen--tx-create .mock-topbar--compact .mock-topbar__crumb,.mock-screen.mock-screen--app.mock-screen--tx-create .mock-topbar--compact .mock-topbar__crumb--btn,.mock-screen--tx-create .mock-tx-create__head .mock-topbar__crumb,.mock-screen--tx-create .mock-tx-create__head .mock-topbar__crumb--btn{text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono);color:#64748b;font-size:9px;font-weight:500}.mock-screen.mock-screen--app.mock-screen--tx-create .mock-topbar--compact .mock-topbar__crumb:hover,.mock-screen.mock-screen--app.mock-screen--tx-create .mock-topbar--compact .mock-topbar__crumb--btn:hover,.mock-screen--tx-create .mock-tx-create__head .mock-topbar__crumb:hover,.mock-screen--tx-create .mock-tx-create__head .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-screen--tx-create .mock-tx-create__title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen.mock-screen--app.mock-screen--tx-create .mock-topbar--compact .mock-topbar__title,.mock-screen--tx-create .mock-tx-create__head .mock-topbar__title,.product-frame--viewport .mock-screen--tx-create .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700;line-height:1.2}.mock-screen--tx-create .mock-tx-create__head .mock-topbar__meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mock-screen--tx-create .mock-tx-create__head .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1}.mock-screen--tx-create .mock-tx-create__head .mock-meta-pill .icon{flex-shrink:0;display:block}.mock-screen--tx-create .mock-tx-create__head .mock-meta-pill--draft{color:#b45309;background:#f59e0b14;border-color:#f59e0b24}.mock-screen--tx-create .mock-tx-create__head .mock-meta-pill--link{min-width:0;max-width:28ch}.mock-screen--tx-create .mock-tx-create__head .mock-meta-pill--link>span:not(.icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.product-frame--viewport .mock-screen--tx-create .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.mock-screen--tx-create .mock-tx-create__grid,.product-frame--viewport .mock-tx-create__grid,.mock-screen--tx-create .mock-screen__scroll>.mock-tx-create__grid{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.38fr) minmax(196px,.78fr);align-items:stretch;gap:14px;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid}.mock-screen--tx-create .mock-tx-create__stage,.mock-screen--tx-create .mock-tx-create__rail,.mock-screen--tx-create .mock-tx-create__grid>.mock-page-section{flex-direction:column;align-self:stretch;min-width:0;min-height:0;display:flex}.mock-screen--tx-create .mock-tx-create__grid>.mock-page-section>.mock-abx-inner{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:10px;display:flex;overflow:visible}.mock-screen--tx-create .mock-abx-inner .mock-abx-match__group+.mock-abx-match__group{border-top:0;margin-top:0;padding-top:0}.mock-screen--tx-create .mock-tx-create__well{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:6px;min-width:0;margin:0;padding:6px 8px 8px;display:flex}.mock-screen--tx-create .mock-tx-create__well--fill{flex:auto}.mock-screen--tx-create .mock-tx-create__well>em{letter-spacing:0;text-transform:none;color:#64748b;margin:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--tx-create .mock-tx-create__well .mock-form-field__hint{color:#94a3b8;font-size:10px;font-weight:400;line-height:1.4}.mock-screen--tx-create .mock-tx-create__seg{box-sizing:border-box;width:100%;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;gap:2px;padding:3px}.mock-screen--tx-create .mock-tx-create__seg .mock-metric-pill,.mock-screen--tx-create .mock-tx-create__seg .mock-page-range__btn{height:24px;box-shadow:none;color:#64748b;background:0 0;border:0;border-radius:8px;flex:1 1 0;justify-content:center;padding:0 8px;font-size:10px;font-weight:500}.mock-screen--tx-create .mock-tx-create__seg.mock-metric-pills--segmented .mock-metric-pill--active,.mock-screen--tx-create .mock-tx-create__seg .mock-page-range__btn--active{color:#0f172a;background:#fff;border:0;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-screen--tx-create .mock-tx-create__well .mock-site-code{background:#fff;flex:auto;min-height:0}.mock-screen--tx-create .mock-tx-create__well .mock-site-code__bar>span:first-child{letter-spacing:0;text-transform:none;color:#64748b;font-size:10px;font-weight:550}.mock-screen--tx-create .mock-tx-create__well .mock-abx-match__row{align-items:center;min-height:28px;padding:0}.mock-screen--tx-create .mock-tx-create__well .mock-abx-match__row+.mock-abx-match__row{border-top:1px solid #0f172a0f;padding-top:8px}.mock-screen--tx-create .mock-tx-create__well .mock-abx-match__row span:first-child{color:#64748b;font-size:11px;font-weight:500}.mock-screen--tx-create .mock-tx-create__trigger{background:#fff;border-radius:8px}.mock-screen--tx-create .mock-tx-create__menu{z-index:8;border-radius:8px}.mock-screen.mock-screen--app.mock-screen--tx-detail .mock-topbar--compact .mock-topbar__crumb,.mock-screen.mock-screen--app.mock-screen--tx-detail .mock-topbar--compact .mock-topbar__crumb--btn,.mock-screen--tx-detail .mock-page-detail__topbar .mock-topbar__crumb,.mock-screen--tx-detail .mock-page-detail__topbar .mock-topbar__crumb--btn{text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono);color:#64748b;font-size:9px;font-weight:500}.mock-screen.mock-screen--app.mock-screen--tx-detail .mock-topbar--compact .mock-topbar__crumb:hover,.mock-screen.mock-screen--app.mock-screen--tx-detail .mock-topbar--compact .mock-topbar__crumb--btn:hover,.mock-screen--tx-detail .mock-page-detail__topbar .mock-topbar__crumb:hover,.mock-screen--tx-detail .mock-page-detail__topbar .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-screen--tx-detail .mock-page-detail__title-row,.mock-screen--tx-detail .mock-abx-title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen.mock-screen--app.mock-screen--tx-detail .mock-topbar--compact .mock-topbar__title,.mock-screen--tx-detail .mock-page-detail__topbar .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700;line-height:1.2}.mock-screen--tx-detail .mock-topbar__title span{color:#94a3b8;font-weight:500}.mock-screen--tx-detail .mock-page-detail__topbar .mock-topbar__meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mock-screen--tx-detail .mock-page-detail__topbar .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1}.mock-screen--tx-detail .mock-page-detail__topbar .mock-meta-pill .icon{flex-shrink:0;display:block}.mock-screen--tx-detail .mock-page-detail__topbar .mock-meta-pill--live{color:#334155;background:#f8fafc;border-color:#0f172a1a}.mock-screen--tx-detail .mock-page-detail__topbar .mock-meta-pill--draft{color:#b45309;background:#f59e0b14;border-color:#f59e0b24}.mock-screen--tx-detail .mock-page-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:4px;height:4px;animation:1.8s ease-out infinite mock-status-pulse-green;box-shadow:0 0 #22c55e73}.mock-screen--tx-detail .mock-page-detail__topbar .mock-meta-pill--link{min-width:0;max-width:28ch}.mock-screen--tx-detail .mock-page-detail__topbar .mock-meta-pill--link>span:not(.icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-screen--tx-detail .mock-btn--ghost,.mock-screen--tx-detail .mock-btn--ghost:hover,.mock-screen--tx-detail .mock-btn--ghost:focus,.mock-screen--tx-detail .mock-btn--ghost:active,.mock-screen--tx-detail .mock-page-detail__more.is-open .mock-btn--ghost,.mock-screen--tx-detail .mock-page-detail__more.is-open .mock-btn--ghost:hover,.mock-screen--tx-detail .mock-page-detail__more.is-open .mock-btn--ghost:focus,.mock-screen--tx-detail .mock-page-detail__more.is-open .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen--tx-detail .mock-topbar__actions .mock-btn--with-chevron{gap:5px}.mock-screen--tx-detail .mock-page-detail__more-menu{border-radius:10px}.mock-screen--gloss-add .mock-btn--ghost,.mock-screen--gloss-add .mock-btn--ghost:hover,.mock-screen--gloss-add .mock-btn--ghost:focus,.mock-screen--gloss-add .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen.mock-screen--app.mock-screen--gloss-add .mock-topbar--compact .mock-topbar__crumb,.mock-screen.mock-screen--app.mock-screen--gloss-add .mock-topbar--compact .mock-topbar__crumb--btn,.mock-screen--gloss-add .mock-gloss-add__head .mock-topbar__crumb,.mock-screen--gloss-add .mock-gloss-add__head .mock-topbar__crumb--btn{text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono);color:#64748b;font-size:9px;font-weight:500}.mock-screen.mock-screen--app.mock-screen--gloss-add .mock-topbar--compact .mock-topbar__crumb:hover,.mock-screen.mock-screen--app.mock-screen--gloss-add .mock-topbar--compact .mock-topbar__crumb--btn:hover,.mock-screen--gloss-add .mock-gloss-add__head .mock-topbar__crumb:hover,.mock-screen--gloss-add .mock-gloss-add__head .mock-topbar__crumb--btn:hover{color:#0f172a}.mock-screen--gloss-add .mock-page-detail__title-row,.mock-screen--gloss-add .mock-abx-title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen.mock-screen--app.mock-screen--gloss-add .mock-topbar--compact .mock-topbar__title,.mock-screen--gloss-add .mock-gloss-add__head .mock-topbar__title{letter-spacing:-.035em;font-size:18px;font-weight:700;line-height:1.2}.mock-screen--gloss-add .mock-gloss-add__head .mock-topbar__meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mock-screen--gloss-add .mock-gloss-add__head .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1}.mock-screen--gloss-add .mock-gloss-add__head .mock-meta-pill .icon{flex-shrink:0;display:block}.mock-screen--gloss-add .mock-gloss-add__head .mock-meta-pill--draft{color:#b45309;background:#f59e0b14;border-color:#f59e0b24}.mock-screen--gloss-add .mock-gloss-add__head .mock-meta-pill--link>span:not(.icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-screen--gloss-add .mock-page-section__head>.mock-meta-pill{box-sizing:border-box;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1}.product-frame--viewport .mock-screen--gloss-add .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden auto}.mock-screen--gloss-add .mock-gloss-add__grid,.product-frame--viewport .mock-gloss-add__grid,.mock-screen--gloss-add .mock-screen__scroll>.mock-gloss-add__grid{flex:1 0 auto;grid-template:"term rules""instruction applies"minmax(min-content,1fr)/minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;width:100%;height:auto;min-height:100%;max-height:none;padding:0;overflow:visible}.mock-screen--gloss-add .mock-gloss-add__grid>.mock-page-section{height:auto;min-height:0;overflow:visible}.mock-screen--gloss-add .mock-gloss-add__instruction,.mock-screen--gloss-add .mock-gloss-add__applies{min-height:0}.mock-screen--gloss-add .mock-gloss-add__grid>.mock-page-section>.mock-abx-inner{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:10px;display:flex;overflow:hidden}.mock-screen--gloss-add .mock-abx-inner .mock-abx-match__group+.mock-abx-match__group{border-top:0;margin-top:0;padding-top:0}.mock-screen--gloss-add .mock-gloss-add__well{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:6px;min-width:0;margin:0;padding:6px 8px 8px;display:flex}.mock-screen--gloss-add .mock-gloss-add__well.mock-abx-match__group{gap:6px}.mock-screen--gloss-add .mock-gloss-add__well--fill{flex:auto;min-height:0}.mock-screen--gloss-add .mock-gloss-add__well>em,.mock-screen--gloss-add .mock-abx-match__group>em{letter-spacing:0;text-transform:none;color:#64748b;margin:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--gloss-add .mock-gloss-add__field>span{letter-spacing:0;text-transform:none;color:#64748b;font-size:10px;font-weight:550}.mock-screen--gloss-add .mock-gloss-add__well .mock-gloss-add__pair{gap:6px}.mock-screen--gloss-add .mock-gloss-add__well .mock-form-input,.mock-screen--gloss-add .mock-gloss-add__well .mock-gloss-add__select,.mock-screen--gloss-add .mock-gloss-add__well .mock-form-textarea{background:#fff;border:1px solid #0f172a14;border-radius:8px}.mock-screen--gloss-add .mock-gloss-add__well .mock-form-textarea,.mock-screen--gloss-add .mock-gloss-add__instruction .mock-gloss-add__well .mock-form-textarea{resize:none;height:auto;min-height:120px;max-height:none;box-shadow:none;flex:auto}.mock-screen--gloss-add .mock-metric-pills--segmented,.mock-screen--gloss-add .mock-gloss-add__field .mock-metric-pills--segmented{box-sizing:border-box;width:100%;height:auto;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;gap:2px;padding:3px}.mock-screen--gloss-add .mock-metric-pills--segmented .mock-metric-pill,.mock-screen--gloss-add .mock-metric-pills--segmented .mock-page-range__btn{border-radius:8px;height:24px}.mock-screen--gloss-add .mock-gloss-add__sites-actions .mock-panel__link{font-size:10px;font-weight:550}.mock-screen--gloss-add .mock-gloss-add__applies>.mock-abx-inner,.mock-screen--gloss-add .mock-gloss-add__applies .mock-gloss-add__well{min-height:0;overflow:hidden}.mock-screen--gloss-add .mock-gloss-add__applies .mock-gloss-add__well{overflow-y:auto}.mock-screen--gloss-add .mock-gloss-add__well .mock-gloss-clients,.mock-screen--gloss-add .mock-gloss-add__applies .mock-gloss-clients{flex:none;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-content:start;gap:6px;height:auto;min-height:0;display:grid}.mock-screen--gloss-add .mock-gloss-add__site{background:#fff;border:1px solid #0f172a14;border-radius:8px;grid-template-columns:minmax(0,1fr) 18px;gap:8px;min-width:0;height:auto;min-height:0;padding:7px 8px}.mock-screen--gloss-add .mock-gloss-add__site:hover,.mock-screen--gloss-add .mock-gloss-add__site:focus,.mock-screen--gloss-add .mock-gloss-add__site:active{background:#fff;border-color:#0ea5e959}.mock-screen--gloss-add .mock-gloss-add__site.is-on,.mock-screen--gloss-add .mock-gloss-add__site.is-on:hover,.mock-screen--gloss-add .mock-gloss-add__site.is-on:focus,.mock-screen--gloss-add .mock-gloss-add__site.is-on:active{background:#0ea5e90a;border-color:#0ea5e9}.mock-screen--gloss-add .mock-gloss-add__site .mock-gloss-clients__copy strong,.mock-screen--gloss-add .mock-gloss-add__site .mock-gloss-clients__copy em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mock-screen--gloss-add .mock-gloss-add__site .mock-tx-create__box{color:#fff;background:#fff;border:1px solid #0f172a1f;border-radius:50%;width:18px;height:18px}.mock-screen--gloss-add .mock-gloss-add__site.is-on .mock-tx-create__box{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.mock-screen--gloss-add .mock-gloss-add__site.is-on .mock-tx-create__box .icon{color:#fff}.mock-screen--gloss-add .mock-gloss-add__site.is-on .mock-tx-create__box .icon svg path{stroke:#fff;stroke-width:2.4px}.mock-screen--gloss-add .mock-tx-create__box{border-radius:8px}.mock-screen--gloss-add .mock-gloss-add__site .mock-tx-create__box{border-radius:50%}.mock-screen--gloss-add .mock-gloss-add__instruction>.mock-abx-inner{flex:auto;min-height:0}.mock-screen--gloss-add .mock-page-section__desc{max-width:none}@media (max-width:720px){.mock-screen--tx-create .mock-tx-create__grid,.product-frame--viewport .mock-tx-create__grid{grid-template-rows:auto;grid-template-columns:1fr;height:auto}}.mock-screen--reports .mock-btn--ghost,.mock-screen--reports .mock-btn--ghost:hover,.mock-screen--reports .mock-btn--ghost:focus,.mock-screen--reports .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen.mock-screen--app.mock-screen--reports .mock-topbar--compact .mock-topbar__crumb,.mock-screen--reports .mock-reports__head .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono);color:#64748b;font-size:9px;font-weight:500}.mock-screen--reports .mock-page-detail__title-row,.mock-screen--reports .mock-abx-title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen.mock-screen--app.mock-screen--reports .mock-topbar--compact .mock-topbar__title,.mock-screen--reports .mock-reports__head .mock-topbar__title{letter-spacing:-.025em;font-size:15px;font-weight:600;line-height:1.25}.mock-screen--reports .mock-reports__head .mock-topbar__meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mock-screen--reports .mock-reports__head .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1}.mock-screen--reports .mock-reports__head .mock-meta-pill .icon{flex-shrink:0;display:block}.mock-screen--reports .mock-reports__head .mock-meta-pill--link>span:not(.icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mock-screen--app.mock-screen--reports{flex-direction:column;gap:0;min-height:0;display:flex}.mock-screen--app.mock-screen--reports .mock-reports__head{box-sizing:border-box;background:#fff;border-bottom:none;flex-wrap:nowrap;align-items:flex-start;gap:14px;margin:0;padding:14px 16px 10px}.mock-screen--app.mock-screen--reports .mock-topbar__actions{align-items:flex-start;gap:8px;max-width:none;padding-top:12px;display:flex}.mock-screen--reports .mock-topbar__actions .mock-btn{gap:6px}.product-frame--viewport .product-frame__main:has(.mock-screen--reports){padding:0}.product-frame--viewport .mock-screen.mock-screen--reports{gap:0;padding-right:0;overflow:hidden}.product-frame--viewport .mock-screen--reports .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;padding:12px 16px 10px;display:flex;overflow:hidden auto}.mock-screen--reports .mock-page-section__head{align-items:flex-start;gap:10px;padding:0 2px;display:flex}.mock-screen--reports .mock-page-section__icon{color:#334155;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-screen--reports .mock-page-section__copy{flex:auto;min-width:0}.mock-screen--reports .mock-page-section__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:13px;font-weight:650}.mock-screen--reports .mock-page-section__desc{color:#94a3b8;max-width:none;margin:2px 0 0;font-size:11px;line-height:1.45}.mock-screen--reports .mock-page-section{flex-direction:column;gap:10px;min-width:0;min-height:0;display:flex}.mock-screen--reports .mock-panel.mock-abx-inner{min-height:0;box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;flex:auto;gap:8px;padding:10px;display:flex}.mock-screen--reports .mock-reports-layout,.product-frame--viewport .mock-reports-layout,.mock-screen--app .mock-reports-layout{flex:auto;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:start;gap:12px;width:100%;height:auto;min-height:0;padding:0;display:grid}.mock-screen--reports .mock-reports-layout>.mock-page-section{align-self:start;height:auto}.mock-screen--reports .mock-reports__well{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:6px;min-width:0;margin:0;padding:6px 8px 8px;display:flex}.mock-screen--reports .mock-reports__well--fill{flex:auto;min-height:0}.mock-screen--reports .mock-reports__well>em{letter-spacing:0;text-transform:none;color:#64748b;margin:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--reports .mock-reports__well .mock-form-field__hint{color:#94a3b8;font-size:10px;font-weight:400;line-height:1.4}.mock-screen--reports .mock-reports__select{box-sizing:border-box;letter-spacing:-.02em;color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:8px;justify-content:space-between;align-items:center;width:100%;height:32px;min-height:32px;padding:0 8px;font-size:12px;font-weight:650;display:inline-flex}.mock-screen--reports .mock-reports__pair{grid-template-columns:1fr 1fr;gap:8px;min-width:0;display:grid}.mock-screen--reports .mock-metric-pills--segmented{box-sizing:border-box;width:100%;height:auto;box-shadow:none;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;gap:2px;padding:3px}.mock-screen--reports .mock-metric-pills--segmented .mock-metric-pill,.mock-screen--reports .mock-metric-pills--segmented .mock-page-range__btn{color:#64748b;height:24px;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:8px;flex:1 1 0;justify-content:center}.mock-screen--reports .mock-metric-pills--segmented .mock-metric-pill--active,.mock-screen--reports .mock-metric-pills--segmented .mock-page-range__btn--active{color:#0f172a;background:#fff;border-color:#0000;font-weight:650;box-shadow:0 1px 2px #0f172a0f}.mock-screen--reports .mock-reports__file{min-height:32px;font-family:var(--font-mono);color:#334155;background:#fff;border:1px solid #0f172a14;border-radius:8px;align-items:center;margin:0;padding:0 8px;font-size:11px;font-weight:500;display:flex}.mock-screen--reports .mock-reports__included .mock-panel.mock-abx-inner,.mock-screen--reports .mock-reports__included .mock-reports__well--fill{flex:none}.mock-screen--reports .mock-reports__items{flex-direction:column;flex:none;gap:6px;min-height:0;display:flex}.mock-screen--reports .mock-reports__item{width:100%;box-shadow:none;background:#fff;border:1px solid #0f172a14;border-radius:8px;flex-direction:row;flex:none;align-items:center;gap:8px;margin:0;padding:8px;display:flex}.mock-screen--reports .mock-reports__item-icon{color:#334155;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-screen--reports .mock-reports__item-copy{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.mock-screen--reports .mock-reports__item strong{letter-spacing:-.015em;color:#0f172a;font-size:12px;font-weight:600}.mock-screen--reports .mock-reports__item-copy span{color:#64748b;font-size:11px;line-height:1.4}@media (max-width:720px){.mock-screen--reports .mock-reports-layout,.product-frame--viewport .mock-reports-layout{grid-template-columns:1fr;height:auto}.mock-screen--reports .mock-reports__pair{grid-template-columns:1fr}}.mock-screen.mock-screen--app.mock-screen--roadmap .mock-topbar--compact .mock-topbar__crumb,.mock-screen--roadmap .mock-roadmap__head .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono);color:#64748b;font-size:9px;font-weight:500}.mock-screen--roadmap .mock-page-detail__title-row,.mock-screen--roadmap .mock-abx-title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen.mock-screen--app.mock-screen--roadmap .mock-topbar--compact .mock-topbar__title,.mock-screen--roadmap .mock-roadmap__head .mock-topbar__title{letter-spacing:-.025em;font-size:15px;font-weight:600;line-height:1.25}.mock-screen--roadmap .mock-roadmap__head .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.mock-screen--app.mock-screen--roadmap{flex-direction:column;gap:0;min-height:0;display:flex}.mock-screen--app.mock-screen--roadmap .mock-roadmap__head{box-sizing:border-box;background:#fff;border-bottom:none;flex-wrap:nowrap;align-items:flex-start;gap:14px;margin:0;padding:14px 16px 10px}.product-frame--viewport .product-frame__main:has(.mock-screen--roadmap){padding:0}.product-frame--viewport .mock-screen.mock-screen--roadmap{gap:0;padding-right:0;overflow:hidden}.product-frame--viewport .mock-screen--roadmap .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;padding:12px 16px 10px;display:flex;overflow:hidden auto}.mock-screen--app.mock-screen--roadmap .mock-roadmap-phase,.mock-screen--app.mock-screen--roadmap .mock-roadmap-stack{box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:10px;overflow:hidden}.mock-screen--roadmap .mock-roadmap-phase__head,.mock-screen--roadmap .mock-roadmap-stack__head{gap:10px;padding:10px}.mock-screen--roadmap .mock-roadmap-phase__icon{background:#f8fafc;border-radius:8px;width:28px;height:28px}.mock-screen--roadmap .mock-roadmap-phase__icon--green{color:#059669;background:#10b9811f}.mock-screen--roadmap .mock-roadmap-phase__icon--blue{color:#0284c7;background:#0ea5e91f}.mock-screen--roadmap .mock-roadmap-phase__icon--amber{color:#d97706;background:#f59e0b1f}.mock-screen--roadmap .mock-roadmap-phase__icon--slate{color:#475569;background:#64748b1f}.mock-screen--roadmap .mock-roadmap-phase__title{letter-spacing:-.01em;color:#0f172a;font-size:13px;font-weight:650}.mock-screen--roadmap .mock-roadmap-phase__status{box-sizing:border-box;height:20px;font-family:var(--font-body);letter-spacing:0;border-radius:8px;align-items:center;padding:0 8px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.mock-screen--roadmap .mock-roadmap-phase__body{grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;padding:10px;display:grid}.mock-screen--roadmap .mock-roadmap-col{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:6px;min-width:0;height:100%;min-height:0;padding:6px 8px 8px;display:flex}.mock-screen--roadmap .mock-roadmap-col>em{letter-spacing:0;text-transform:none;color:#64748b;margin:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--roadmap .mock-roadmap-col__list{flex:auto;gap:6px}.mock-screen--roadmap .mock-roadmap-col__list li{color:#0f172a;align-items:center;gap:8px;font-size:11px;line-height:1.4}.mock-screen--roadmap .mock-roadmap-mark{color:#fff;background:#fff;border:1px solid #0f172a1f;border-radius:50%;width:18px;height:18px;margin-top:0}.mock-screen--roadmap .mock-roadmap-mark--done{background:#0ea5e9;border-color:#0ea5e9}.mock-screen--roadmap .mock-roadmap-mark--done .icon{color:#fff}.mock-screen--roadmap .mock-roadmap-mark--done .icon svg path{stroke:#fff;stroke-width:2.4px}.mock-screen--roadmap .mock-tech-stack{grid-template-columns:repeat(4,1fr);align-items:stretch;gap:8px;padding:10px;display:grid}.mock-screen--roadmap .mock-tech-stack__card{text-align:left;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:6px;min-width:0;height:100%;padding:6px 8px 8px;display:flex}.mock-screen--roadmap .mock-tech-stack__card>em{letter-spacing:0;text-transform:none;color:#64748b;margin:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--roadmap .mock-tech-stack__items{flex-direction:column;gap:5px;display:flex}.mock-screen--roadmap .mock-tech-stack__items span{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:550;line-height:1.35;display:block}@media (max-width:720px){.mock-screen--roadmap .mock-roadmap-phase__body,.mock-screen--roadmap .mock-tech-stack{grid-template-columns:1fr}}.mock-screen.mock-screen--app.mock-screen--help .mock-topbar--compact .mock-topbar__crumb,.mock-screen--help .mock-help__head .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono);color:#64748b;font-size:9px;font-weight:500}.mock-screen--help .mock-page-detail__title-row,.mock-screen--help .mock-abx-title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen.mock-screen--app.mock-screen--help .mock-topbar--compact .mock-topbar__title,.mock-screen--help .mock-help__head .mock-topbar__title{letter-spacing:-.025em;font-size:15px;font-weight:600;line-height:1.25}.mock-screen--help .mock-help__head .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.mock-screen--app.mock-screen--help{flex-direction:column;gap:0;min-height:0;display:flex}.mock-screen--app.mock-screen--help .mock-help__head{box-sizing:border-box;background:#fff;border-bottom:none;flex-wrap:nowrap;align-items:flex-start;gap:14px;margin:0;padding:14px 16px 10px}.product-frame--viewport .product-frame__main:has(.mock-screen--help){padding:0}.product-frame--viewport .mock-screen.mock-screen--help{gap:0;padding-right:0;overflow:hidden}.product-frame--viewport .mock-screen--help .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;padding:12px 16px 10px;display:flex;overflow:hidden auto}.mock-screen--help .mock-help-layout{flex-direction:column;flex:auto;justify-content:flex-start;gap:16px;height:auto;min-height:0;padding-top:0;display:flex;overflow:visible;container:mock-help/inline-size}.product-frame--viewport .mock-screen--app.mock-screen--help .mock-help-layout{justify-content:flex-start;overflow:visible}.product-frame--viewport .mock-screen--app:has(.mock-screen--help) .mock-help-layout{justify-content:flex-start;overflow:visible}.product-frame--viewport .mock-screen--app.mock-screen--help .mock-help-layout:after{content:none;flex:0}.mock-screen--help .mock-help__well{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;flex:none;gap:6px;min-width:0;margin:0;padding:6px 8px 8px;display:flex}.mock-screen--help .mock-help__well>em,.mock-screen--help .mock-help-section>em{letter-spacing:0;text-transform:none;color:#64748b;margin:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--help .mock-help__search-wrap{align-items:center;min-width:0;display:flex;position:relative}.mock-screen--help .mock-help__search-wrap>.icon{color:#94a3b8;pointer-events:none;width:12px;height:12px;position:absolute;left:8px}.mock-screen--help .mock-help__search{box-sizing:border-box;letter-spacing:-.02em;color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:8px;outline:none;width:100%;height:32px;min-height:32px;padding:0 8px 0 28px;font-size:12px;font-weight:500;display:block}.mock-screen--help .mock-help__search::placeholder{color:#94a3b8;font-weight:400}.mock-screen--help .mock-help-section,.mock-screen--app.mock-screen--help .mock-help-layout .mock-help-section,.mock-screen--help .mock-page-section{width:100%;min-width:0;height:auto;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;flex:none;align-self:stretch;gap:10px;margin:0;padding:0;display:flex}.mock-screen--app.mock-screen--help .mock-help-layout .mock-help-section:first-child,.mock-help-layout .mock-help-section:first-child{padding-top:0}.mock-screen--help .mock-help-section__title{letter-spacing:-.02em;color:#0f172a;margin:0;padding:0 2px;font-size:13px;font-weight:650;line-height:1.3}.mock-screen--help .mock-help-grid,.mock-screen--app.mock-screen--help .mock-help-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:8px;min-width:0;margin:0;display:grid}.mock-screen--app.mock-screen--help .mock-help-card,.mock-screen--app.mock-screen--help .mock-help-card--cyan,.mock-screen--app.mock-screen--help .mock-help-card--green,.mock-screen--app.mock-screen--help .mock-help-card--violet,.mock-screen--app.mock-screen--help .mock-help-card--indigo,.mock-screen--app.mock-screen--help .mock-help-card--amber{width:100%;min-width:0;height:auto;min-height:0;box-shadow:none;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;flex:none;align-items:stretch;gap:0;margin:0;padding:0;display:flex;overflow:hidden}.mock-screen--app.mock-screen--help .mock-help-card:hover,.mock-screen--app.mock-screen--help .mock-help-card--cyan:hover,.mock-screen--app.mock-screen--help .mock-help-card--green:hover,.mock-screen--app.mock-screen--help .mock-help-card--violet:hover,.mock-screen--app.mock-screen--help .mock-help-card--indigo:hover,.mock-screen--app.mock-screen--help .mock-help-card--amber:hover{background:#fff}.mock-screen--help .mock-help-card__media{flex:none;align-items:center;padding:8px 10px;display:flex}.mock-screen--app.mock-screen--help .mock-help-card__icon,.mock-screen--app.mock-screen--help .mock-help-card__icon--cyan,.mock-screen--app.mock-screen--help .mock-help-card__icon--green,.mock-screen--app.mock-screen--help .mock-help-card__icon--violet,.mock-screen--app.mock-screen--help .mock-help-card__icon--indigo,.mock-screen--app.mock-screen--help .mock-help-card__icon--amber{color:#334155;width:28px;height:28px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.mock-screen--help .mock-help-card__body{box-sizing:border-box;border-top:1px solid #0f172a0f;flex-direction:column;flex:auto;gap:2px;width:100%;min-width:0;padding:8px 10px 10px;display:flex}.mock-screen--help .mock-help-card__title{letter-spacing:-.015em;color:#0f172a;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.mock-screen--help .mock-help-card__desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.mock-screen--help .mock-help-card__chev{display:none}.mock-screen--help .mock-help-card__badge{box-sizing:border-box;height:20px;font-family:var(--font-body);letter-spacing:0;color:#0284c7;background:#0ea5e91a;border:1px solid #0ea5e95c;border-radius:8px;align-items:center;padding:0 8px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}@media (max-width:720px){.mock-screen--help .mock-help-grid,.mock-screen--app.mock-screen--help .mock-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container mock-help (max-width:560px){.mock-screen--help .mock-help-grid,.mock-screen--app.mock-screen--help .mock-help-grid{grid-template-columns:1fr}}.mock-screen.mock-screen--app.mock-screen--calendar .mock-topbar--compact .mock-topbar__crumb,.mock-screen--calendar .mock-calendar__head .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono);color:#64748b;font-size:9px;font-weight:500}.mock-screen--calendar .mock-page-detail__title-row,.mock-screen--calendar .mock-abx-title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen.mock-screen--app.mock-screen--calendar .mock-topbar--compact .mock-topbar__title,.mock-screen--app.mock-screen--calendar .mock-topbar__title{letter-spacing:-.025em;font-size:15px;font-weight:600;line-height:1.25}.mock-screen--calendar .mock-calendar__head .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.mock-screen--calendar .mock-calendar__lede{color:#94a3b8;margin:0;font-size:11px;line-height:1.45}.mock-screen--calendar .mock-calendar__head .mock-topbar__meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.mock-screen--app.mock-screen--calendar .mock-calendar__head{box-sizing:border-box;background:#fff;border-bottom:none;flex-wrap:nowrap;align-items:flex-start;gap:14px;margin:0;padding:14px 16px 10px}.mock-screen--app.mock-screen--calendar .mock-topbar__actions{padding-top:12px}.mock-screen--calendar .mock-btn--ghost,.mock-screen--calendar .mock-btn--ghost:hover,.mock-screen--calendar .mock-btn--ghost:focus,.mock-screen--calendar .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen--calendar .mock-calendar__today{border-radius:8px;height:30px;padding-inline:10px}.mock-screen--app.mock-screen--calendar{flex-direction:column;gap:0;min-height:0;display:flex}.product-frame--viewport .product-frame__main:has(.mock-screen--calendar){padding:0}.product-frame--viewport .mock-screen.mock-screen--calendar{gap:0;padding-right:0;overflow:hidden}.mock-screen--calendar .mock-calendar__nav{gap:8px;padding:0 16px 10px}.mock-screen--app.mock-screen--calendar .mock-calendar__scroll{padding:0 16px 10px;overflow:hidden}.mock-screen--calendar .mock-metric-pills--segmented{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;gap:2px;height:auto;padding:3px}.mock-screen--calendar .mock-metric-pills--segmented .mock-metric-pill{border-radius:8px;height:24px;padding:0 10px}.mock-screen--calendar .mock-calendar-nav{background:#f8fafc;border-radius:8px;height:30px;padding:3px}.mock-screen--calendar .mock-search-input--inline{color:#0f172a;background:#fff;border:1px solid #0f172a14;border-radius:8px;height:32px;padding:0 8px;font-size:12px;font-weight:500}.mock-screen--calendar .mock-calendar__select{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;display:inline-flex}.mock-screen--calendar .mock-calendar-status-chip{box-sizing:border-box;height:20px;font-family:var(--font-body);letter-spacing:0;border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.mock-screen--calendar .mock-calendar-status-chip__dot{border-radius:50%;flex-shrink:0;width:4px;height:4px}.mock-screen--calendar .mock-calendar-grid__head{letter-spacing:0;text-transform:none;color:#64748b;background:0 0;font-family:inherit;font-size:10px;font-weight:550}.mock-screen--calendar .mock-calendar-cell{border:1px solid #0f172a14;border-radius:8px}.mock-screen--calendar .mock-calendar-cell--empty{background:#f8fafc;border-color:#0000}.mock-screen--calendar .mock-calendar-cell--today .mock-calendar-cell__day,.mock-screen--app.mock-screen--calendar .mock-calendar-cell--today .mock-calendar-cell__day{color:#fff;background:#0ea5e9;border-radius:8px}.mock-screen--calendar .mock-calendar-cell--selected,.mock-screen--app.mock-screen--calendar .mock-calendar-cell--selected{background:#0ea5e90a;box-shadow:inset 0 0 0 1px #0ea5e9}.mock-screen--calendar .mock-calendar-cell__event,.mock-screen--calendar .mock-calendar-cell__chip{color:#475569;background:#fff;border:1px solid #0f172a1a;border-radius:8px}.mock-screen--calendar .mock-calendar-day .mock-abx-match__group{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;padding:6px 8px 8px}.mock-screen--calendar .mock-calendar-day .mock-abx-match__group>em{letter-spacing:0;text-transform:none;color:#64748b;margin:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--calendar .mock-calendar-day__list{overflow:hidden auto}.mock-screen--calendar .mock-calendar-test{background:#fff;border:1px solid #0f172a14;border-radius:8px;grid-template-columns:18px minmax(0,1fr) auto}.mock-screen--calendar .mock-calendar-test.is-on{background:#0ea5e90a;border-color:#0ea5e9}.mock-screen--calendar .mock-calendar-test:hover{background:#fff;border-color:#0ea5e959}.mock-screen--calendar .mock-calendar-test.is-on:hover{background:#0ea5e90a;border-color:#0ea5e9}.mock-screen--app.mock-screen--calendar .mock-calendar-test .mock-tx-create__box,.mock-screen--calendar .mock-calendar-test .mock-tx-create__box{color:#fff;background:#fff;border:1px solid #0f172a1f;border-radius:50%;width:18px;height:18px}.mock-screen--app.mock-screen--calendar .mock-calendar-test.is-on .mock-tx-create__box,.mock-screen--calendar .mock-calendar-test.is-on .mock-tx-create__box{color:#fff;background:#0ea5e9;border-color:#0ea5e9}.mock-screen--calendar .mock-calendar-test.is-on .mock-tx-create__box .icon{color:#fff}.mock-screen--calendar .mock-calendar-test.is-on .mock-tx-create__box .icon svg path{stroke:#fff;stroke-width:2.4px}.mock-screen--calendar .mock-sites-status{box-sizing:border-box;background:#f8fafc;border:1px solid #0f172a1f;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.mock-screen--calendar .mock-sites-status--active{color:#15803d;background:#16a34a14;border:1px solid #16a34a47}.mock-screen--calendar .mock-sites-status--paused{color:#64748b;background:#f8fafc;border:1px solid #0f172a1f}.mock-screen--calendar .mock-calendar__head-aside .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.mock-screen--statistics .mock-btn--ghost,.mock-screen--statistics .mock-btn--ghost:hover,.mock-screen--statistics .mock-btn--ghost:focus,.mock-screen--statistics .mock-btn--ghost:active{color:#0f172a;background:#fff;border:1px solid #0f172a1f}.mock-screen.mock-screen--app.mock-screen--statistics .mock-topbar--compact .mock-topbar__crumb,.mock-screen--statistics .mock-stat__head .mock-topbar__crumb{text-transform:uppercase;letter-spacing:.14em;font-family:var(--font-mono);color:#64748b;font-size:9px;font-weight:500}.mock-screen--statistics .mock-page-detail__title-row,.mock-screen--statistics .mock-abx-title-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.mock-screen.mock-screen--app.mock-screen--statistics .mock-topbar--compact .mock-topbar__title,.mock-screen--statistics .mock-stat__head .mock-topbar__title{letter-spacing:-.025em;font-size:15px;font-weight:600;line-height:1.25}.mock-screen--statistics .mock-stat__head .mock-meta-pill,.mock-screen--statistics .mock-page-section__head .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;padding:0 8px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.mock-screen--app.mock-screen--statistics{flex-direction:column;gap:0;min-height:0;display:flex}.mock-screen--app.mock-screen--statistics .mock-stat__head{box-sizing:border-box;background:#fff;border-bottom:none;flex-wrap:nowrap;align-items:flex-start;gap:14px;margin:0;padding:14px 16px 10px}.mock-screen--app.mock-screen--statistics .mock-topbar__actions{align-items:flex-start;gap:8px;max-width:none;padding-top:12px;display:flex}.mock-screen--statistics .mock-topbar__actions .mock-btn{gap:6px}.product-frame--viewport .product-frame__main:has(.mock-screen--statistics){padding:0}.product-frame--viewport .mock-screen.mock-screen--statistics{gap:0;padding-right:0;overflow:hidden}.product-frame--viewport .mock-screen--statistics .mock-screen__scroll,.mock-screen--app.mock-screen--statistics .mock-screen__scroll{flex-direction:column;flex:auto;min-height:0;padding:12px 16px 10px;display:flex;overflow:hidden auto}.mock-screen--statistics .mock-stat-layout{flex-direction:column;gap:10px;min-width:0;padding-bottom:16px;display:flex}.mock-screen--statistics .mock-panel.mock-abx-inner{min-height:0;box-shadow:none;background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;flex:auto;gap:8px;padding:10px;display:flex}.mock-screen--statistics .mock-stat-card__head{flex-shrink:0;align-items:center;gap:8px;min-height:24px;display:flex}.mock-screen--statistics .mock-stat-card__head>em,.mock-screen--statistics .mock-stat__ranked>em,.mock-screen--statistics .mock-stat__well>em,.mock-screen--statistics .mock-stat__well-head>em{letter-spacing:0;text-transform:none;color:#64748b;margin:0;font-size:10px;font-style:normal;font-weight:550}.mock-screen--statistics .mock-stat-card__head>em{flex:auto;min-width:0}.mock-screen--statistics .mock-stat__snapshot{flex-direction:column;gap:8px;display:flex}.mock-screen--statistics .mock-kpi-grid--marco{gap:8px;margin:0}.mock-screen--statistics .mock-kpi--marco{border-radius:10px;min-height:86px;padding:12px 12px 11px}.mock-screen--statistics .mock-kpi--cyan.mock-kpi--marco{background:linear-gradient(145deg,#f0f9ff 0%,#e0f2fe 55%,#f8fcff 100%);border:1px solid #0ea5e92e}.mock-screen--statistics .mock-kpi--violet.mock-kpi--marco{background:linear-gradient(145deg,#f5f3ff 0%,#ede9fe 55%,#faf8ff 100%);border:1px solid #8b5cf629}.mock-screen--statistics .mock-kpi--green.mock-kpi--marco{background:linear-gradient(145deg,#ecfdf5 0%,#d1fae5 55%,#f4fdf8 100%);border:1px solid #10b9812e}.mock-screen--statistics .mock-kpi--indigo.mock-kpi--marco{background:linear-gradient(145deg,#f8fafc 0%,#e2e8f0 55%,#f8fafc 100%);border:1px solid #0f172a1a}.mock-screen--statistics .mock-kpi--marco .mock-kpi__value{letter-spacing:-.03em;color:var(--mock-text);font-size:18px;font-weight:700}.mock-screen--statistics .mock-kpi--marco .mock-kpi__label{color:var(--mock-text-secondary);font-size:11px;font-weight:400}.mock-screen--statistics .mock-kpi--marco .mock-kpi__trend{font-size:11px;font-weight:500}.mock-screen--statistics .mock-kpi__spark{width:84px}.mock-screen--statistics .mock-stat__insight{box-sizing:border-box;color:#15803d;background:#16a34a14;border:1px solid #16a34a47;border-radius:8px;min-height:0;padding:8px 12px;font-size:12px;font-weight:500;line-height:1.4;display:block}.mock-screen--statistics .mock-stat__insight strong{color:#166534;font-weight:650}.mock-screen--statistics .mock-stat__insight span{font-weight:500}.mock-screen--statistics .mock-stat-pair{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.mock-screen--statistics .mock-page-section{flex-direction:column;gap:10px;min-width:0;min-height:0;padding-top:4px;display:flex}.mock-screen--statistics .mock-stat-pair>.mock-page-section{height:100%;padding-top:0}.mock-screen--statistics .mock-stat-pair>.mock-page-section>.mock-stat__chart{flex:auto;align-self:stretch;height:auto;min-height:0}.mock-screen--statistics .mock-stat-pair>.mock-page-section>.mock-stat__ranked{flex:none;align-self:stretch;height:auto;min-height:0}.mock-screen--statistics .mock-page-section__head{align-items:center;gap:10px;margin-bottom:2px;padding:0 2px;display:flex}.mock-screen--statistics .mock-page-section__icon{color:#334155;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mock-screen--statistics .mock-page-section__copy{flex:auto;min-width:0}.mock-screen--statistics .mock-page-section__title{letter-spacing:-.02em;color:#0f172a;margin:0;font-size:13px;font-weight:650}.mock-screen--statistics .mock-stat__metrics{box-sizing:border-box;width:max-content;max-width:100%;height:auto;box-shadow:none;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;flex:none;gap:2px;margin-left:0;padding:3px}.mock-screen--statistics .mock-stat__metrics .mock-metric-pill{color:#64748b;height:24px;box-shadow:none;letter-spacing:-.01em;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;padding:0 8px;font-size:10px;font-weight:500;line-height:1}.mock-screen--statistics .mock-stat__metrics .mock-metric-pill--active{color:#0f172a;background:#fff;border-color:#0000;font-weight:600;box-shadow:0 1px 2px #0f172a0f}.mock-screen--statistics .mock-stat-pair .mock-stat-card__head{align-items:center;gap:8px}.mock-screen--statistics .mock-panel.mock-abx-inner.mock-stat__ranked{flex:none}.mock-screen--statistics .mock-stat-bars-wrap{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.mock-screen--statistics .mock-stat-bars{flex-direction:column;flex:auto;gap:12px;min-height:0;display:flex}.mock-screen--statistics .mock-stat-bars__hero{flex-direction:column;gap:3px;padding:0 2px;display:flex}.mock-screen--statistics .mock-stat-bars__hero strong{letter-spacing:-.045em;color:#0f172a;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.mock-screen--statistics .mock-stat-bars__hero span{color:#94a3b8;font-size:11px;font-weight:500}.mock-screen--statistics .mock-stat-bars__hero em{margin-right:6px;font-style:normal;font-weight:650}.mock-screen--statistics .mock-stat-bars__hero em.is-up{color:#059669}.mock-screen--statistics .mock-stat-bars__hero em.is-down{color:#dc2626}.mock-screen--statistics .mock-stat-bars__plot{flex:auto;justify-content:space-between;align-items:stretch;gap:0;min-height:188px;padding:44px 8px 0;display:flex;position:relative;overflow:visible}.mock-screen--statistics .mock-stat-bars__plot:after{content:"";pointer-events:none;background:#0f172a0f;height:1px;position:absolute;bottom:18px;left:8px;right:8px}.mock-screen--statistics .mock-stat-bars__col{cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;flex:1 1 0;align-items:center;gap:8px;margin:0;padding:0;display:flex;position:relative}.mock-screen--statistics .mock-stat-bars__shaft{flex:auto;justify-content:center;width:14px;min-height:0;display:flex;position:relative}.mock-screen--statistics .mock-stat-bars__track{width:14px;height:100%;box-shadow:none;background:0 0;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;overflow:visible}.mock-screen--statistics .mock-stat-bars__fill{transform-origin:bottom;opacity:.74;background:linear-gradient(#ffffff6b 0%,#fff0 38%),linear-gradient(#7dd3fc 0%,#38bdf8 46%,#0ea5e9 100%);border-radius:8px;width:14px;min-height:8px;transition:opacity .16s,box-shadow .16s;position:relative;box-shadow:inset 0 1px #ffffff8c}.mock-screen--statistics .mock-stat-bars__col.is-rise .mock-stat-bars__fill{animation:.56s cubic-bezier(.22,1.28,.36,1) both mock-stat-bar-rise}@keyframes mock-stat-bar-rise{0%{transform:scaleY(.16)}68%{transform:scaleY(1.1)}to{transform:scaleY(1)}}.mock-screen--statistics .mock-stat-bars__col:hover .mock-stat-bars__fill{opacity:.88}.mock-screen--statistics .mock-stat-bars__col.is-on .mock-stat-bars__fill{opacity:1;box-shadow:0 8px 18px #0ea5e938,inset 0 1px #ffffffb3}.mock-screen--statistics .mock-stat-bars__label{letter-spacing:-.01em;color:#94a3b8;flex-shrink:0;min-height:10px;font-size:10px;font-weight:500;line-height:1}.mock-screen--statistics .mock-stat-bars__col.is-on .mock-stat-bars__label,.mock-screen--statistics .mock-stat-bars__col.is-tick.is-on .mock-stat-bars__label{color:#0f172a;font-weight:600}.mock-screen--statistics .mock-stat-bars__tip{z-index:3;pointer-events:none;white-space:nowrap;letter-spacing:-.02em;color:#0f172a;font-variant-numeric:tabular-nums;background:#fff;border-radius:8px;padding:6px 9px;font-size:12px;font-weight:650;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0f172a1a,0 1px 2px #0f172a0d}.mock-screen--statistics .mock-stat-bars__tip:after{content:"";background:#fff;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:2px 2px 4px #0f172a0d}.mock-screen--statistics .mock-abx-trend{background:0 0;border:0;border-radius:0;flex-direction:column;flex:auto;gap:8px;height:100%;min-height:0;padding:0;display:flex;overflow:visible}.mock-screen--statistics .mock-abx-trend__well{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:8px;flex-direction:column;flex:auto;justify-content:flex-start;padding:4px 4px 0;display:flex;overflow:visible}.mock-screen--statistics .mock-abx-trend .mock-area-line{flex-direction:column;flex:auto;gap:0;height:100%;min-height:0;display:flex}.mock-screen--statistics .mock-abx-trend .mock-area-line--premium.mock-area-line--default .mock-area-line__plot,.mock-screen--statistics .mock-abx-trend .mock-area-line__plot{height:auto;min-height:188px;box-shadow:none;background:0 0;border-radius:8px;flex:auto;position:relative;overflow:hidden}.mock-screen--statistics .mock-abx-trend .mock-area-line__svg path[stroke]{filter:none}.mock-screen--statistics .mock-abx-trend .mock-area-line--premium .mock-area-line__svg{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none;position:absolute;inset:0}.mock-screen--statistics .mock-abx-trend .mock-area-line__axis{flex:0 0 20px;height:20px;min-height:20px;padding:0}.mock-screen--statistics .mock-abx-trend .mock-area-line__day{box-sizing:border-box;letter-spacing:0;color:#94a3b8;font-variant-numeric:tabular-nums;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;height:16px;padding:1px 5px;font-size:10px;font-weight:550;line-height:1;display:inline-flex}.mock-screen--statistics .mock-abx-trend .mock-area-line__day:last-child{transform:translate(-100%,-50%)}.mock-screen--statistics .mock-abx-trend .mock-area-line__day--btn,.mock-screen--statistics .mock-abx-trend .mock-area-line__day--active{border-radius:8px}.mock-screen--statistics .mock-abx-trend .mock-area-line__day--active{color:#0f172a;box-shadow:none;background:#f1f5f9;border:1px solid #0f172a14;font-weight:650}.mock-screen--statistics .mock-abx-trend .mock-area-line__yticks span{letter-spacing:0;color:#94a3b8;font-variant-numeric:tabular-nums;font-size:10px;font-weight:550;left:0}.mock-screen--statistics .mock-abx-trend .mock-area-line__tooltip,.mock-screen--statistics .mock-abx-trend .mock-area-line__tooltip--compact{height:24px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;padding:0 8px;top:2px;left:auto;right:0;transform:none}.mock-screen--statistics .mock-abx-trend .mock-area-line__tooltip--compact .mock-area-line__tooltip-kicker{letter-spacing:0;text-transform:uppercase;color:#64748b;font-size:10px;font-weight:550}.mock-screen--statistics .mock-abx-trend .mock-area-line__tooltip--compact .mock-area-line__swatch{border-radius:50%;width:6px;height:6px}.mock-screen--statistics .mock-abx-trend .mock-area-line__tooltip--compact .mock-area-line__tooltip-stat.is-lead b{color:#0284c7;font-size:12px;font-weight:650}.mock-screen--statistics .mock-abx-chart-card__foot{flex:none;justify-content:space-between;align-items:center;gap:10px;height:28px;min-height:28px;margin:0;padding:0;display:flex}.mock-screen--statistics .mock-abx-legend{gap:6px}.mock-screen--statistics .mock-abx-legend__btn{appearance:none;color:#94a3b8;background:0 0;border:1px solid #0000;border-radius:8px;height:22px;padding:0 8px;font-size:10px;font-weight:550}.mock-screen--statistics .mock-abx-legend__btn.is-on{color:#0f172a;background:#f8fafc;border-color:#0f172a14}.mock-screen--statistics .mock-abx-legend__btn--variant.is-on{color:#0369a1;background:#0ea5e914;border-color:#0ea5e938}.mock-screen--statistics .mock-abx-trend__range{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:10px;font-weight:550}.mock-screen--statistics .mock-stat__ranked{--mock-ranked-row:42px;gap:0}.mock-screen--statistics .mock-stat-win.mock-abx-snap{background:0 0;border:0;border-radius:0;flex-direction:column;flex:none;display:flex}.mock-screen--statistics .mock-stat-win .mock-abx-snap__verdict{cursor:pointer;background:0 0;border-bottom:1px solid #0f172a0f;border-right:0;border-radius:0;padding:2px 2px 12px}.mock-screen--statistics .mock-stat-win .mock-abx-snap__verdict:hover{background:0 0}.mock-screen--statistics .mock-stat-win .mock-abx-snap__kicker{letter-spacing:.04em;text-transform:uppercase;color:#0284c7;font-size:10px;font-weight:550}.mock-screen--statistics .mock-stat-win__name{letter-spacing:-.03em;color:#0f172a;margin:6px 0 0;font-size:14px;font-weight:650}.mock-screen--statistics .mock-stat-win .mock-abx-snap__hero{margin:8px 0 6px;font-size:36px}.mock-screen--statistics .mock-stat-win .mock-abx-snap__lede{color:#64748b;max-width:none;margin:0 0 12px;font-size:11px;line-height:1.45}.mock-screen--statistics .mock-stat-win .mock-abx-snap__stats{padding-top:12px}.mock-screen--statistics .mock-stat-win .mock-abx-snap__stats>span{padding:0 10px}.mock-screen--statistics .mock-stat-win .mock-abx-snap__stats em{letter-spacing:0;text-transform:none;color:#64748b;font-size:10px;font-weight:550}.mock-screen--statistics .mock-stat-win .mock-abx-snap__stats b{font-size:14px;font-weight:650}.mock-screen--statistics .mock-stat-win .mock-abx-snap__meter{background:0 0;padding:12px 2px 10px}.mock-screen--statistics .mock-stat-win .mock-abx-snap__meter-head{margin-bottom:10px}.mock-screen--statistics .mock-stat-win .mock-abx-snap__meter-head span{letter-spacing:-.02em;color:#0f172a;font-size:12px;font-weight:650}.mock-screen--statistics .mock-stat-win .mock-abx-snap__meter-head strong{color:#0284c7;font-size:14px;font-weight:650}.mock-screen--statistics .mock-stat-win .mock-abx-snap__rail{border-radius:8px;height:14px;margin:0 0 8px;overflow:visible}.mock-screen--statistics .mock-stat-win .mock-abx-snap__fill{border-radius:8px;width:94%;inset:0 auto 0 0}.mock-screen--statistics .mock-stat-win .mock-abx-snap__remain{display:none}.mock-screen--statistics .mock-stat-win .mock-abx-snap__cap{border-radius:8px;width:4px;top:2px;bottom:2px;right:3px}.mock-screen--statistics .mock-stat-win .mock-abx-snap__gate{top:-4px;bottom:-4px}.mock-screen--statistics .mock-stat-win .mock-abx-snap__gate em{display:none}.mock-screen--statistics .mock-stat-win .mock-abx-snap__meter-meta{color:#94a3b8;margin:0;font-size:11px}.mock-screen--statistics .mock-stat-ranked-scroll{min-height:calc(2 * var(--mock-ranked-row) + 2px);height:calc(2 * var(--mock-ranked-row) + 2px);max-height:calc(2 * var(--mock-ranked-row) + 2px);scrollbar-width:thin;scrollbar-color:#0f172a transparent;border-top:1px solid #0f172a0f;flex-direction:column;flex:none;gap:2px;margin-top:8px;padding-top:8px;padding-right:2px;display:flex;overflow:hidden scroll}.mock-screen--statistics .mock-stat-ranked-scroll::-webkit-scrollbar{width:12px}.mock-screen--statistics .mock-stat-ranked-scroll::-webkit-scrollbar-thumb{background:#0f172a padding-box padding-box;border:4px solid #0000;border-radius:8px}.mock-screen--statistics .mock-stat-ranked-scroll::-webkit-scrollbar-track{background:0 0}.mock-screen--statistics .mock-ranked-row{box-sizing:border-box;height:var(--mock-ranked-row);min-height:var(--mock-ranked-row);max-height:var(--mock-ranked-row);border:1px solid #0000;border-radius:8px;flex:none;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px;display:grid}.mock-screen--statistics .mock-ranked-row__rank{color:#fff;background:#0ea5e9;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:650;display:inline-flex}.mock-screen--statistics .mock-ranked-row.is-top .mock-ranked-row__rank{color:#fff;background:#0ea5e9;border-color:#0000}.mock-screen--statistics .mock-ranked-row__body{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.mock-screen--statistics .mock-ranked-row__name{letter-spacing:-.02em;color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.2;overflow:hidden}.mock-screen--statistics .mock-ranked-row__bar.mock-tx-rank__track,.mock-screen--statistics .mock-ranked-row .mock-tx-rank__track{height:4px;box-shadow:none;background:#eef2f6;border-radius:8px;margin-top:0}.mock-screen--statistics .mock-ranked-row__bar.mock-tx-rank__track span,.mock-screen--statistics .mock-ranked-row .mock-tx-rank__track span{min-width:4px;box-shadow:none;background:linear-gradient(90deg,#38bdf8 0%,#0ea5e9 100%);border-radius:8px}.mock-screen--statistics .mock-ranked-row__bar.mock-tx-rank__track span:after,.mock-screen--statistics .mock-ranked-row .mock-tx-rank__track span:after{display:none}.mock-screen--statistics .mock-ranked-row__metrics{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;display:flex}.mock-screen--statistics .mock-ranked-row__conv{letter-spacing:-.02em;color:#0f172a;font-variant-numeric:tabular-nums;text-align:right;font-size:12px;font-weight:650}.mock-screen--statistics .mock-ranked-row__rate{color:#64748b;font-variant-numeric:tabular-nums;text-align:right;font-size:11px;font-weight:500}.mock-screen--statistics .mock-panel.mock-abx-inner.mock-stat-breakdown,.mock-screen--statistics .mock-stat-breakdown{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;min-height:248px;display:grid}.mock-screen--statistics .mock-stat__well{background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-direction:column;gap:6px;min-width:0;min-height:0;margin:0;padding:8px;display:flex}.mock-screen--statistics .mock-stat__well-head{align-items:center;gap:8px;min-height:20px;display:flex}.mock-screen--statistics .mock-stat__well-head .mock-meta-pill{margin-left:auto}.mock-screen--statistics .mock-stat-rank,.mock-screen--statistics .mock-stat-devices{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.mock-screen--statistics .mock-stat-rank .mock-tx-engage__hero{gap:2px;margin:0}.mock-screen--statistics .mock-stat-rank .mock-tx-engage__hero strong{letter-spacing:-.04em;font-size:18px;font-weight:700}.mock-screen--statistics .mock-tx-rank{flex:auto;padding:0}.mock-screen--statistics .mock-tx-rank li+li{margin-top:7px;padding-top:7px}.mock-screen--statistics .mock-tx-rank__name{font-size:11px;font-weight:600}.mock-screen--statistics .mock-tx-rank__n{font-size:12px;font-weight:650}.mock-screen--statistics .mock-tx-rank__track,.mock-screen--statistics .mock-tx-device__track{background:#eef2f6;border-radius:8px;height:10px;margin-top:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.mock-screen--statistics .mock-tx-rank__track span,.mock-screen--statistics .mock-tx-device__track span{background:linear-gradient(90deg,#7dd3fc 0%,#38bdf8 34%,#0ea5e9 68%,#0369a1 100%);border-radius:8px;min-width:10px;height:100%;display:block;position:relative;box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #0369a147}.mock-screen--statistics .mock-tx-rank__track span:after,.mock-screen--statistics .mock-tx-device__track span:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff8c 0%,#ffffff0f 40%,#0284c729 100%);position:absolute;inset:0}.mock-screen--statistics .mock-stat-devices{gap:6px}.mock-screen--statistics .mock-tx-device{background:#fff;border-radius:8px;flex:auto;grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"icon label meta""track track track";align-items:center;gap:6px 8px;min-height:0;padding:8px;display:grid}.mock-screen--statistics .mock-tx-device__icon{grid-area:icon}.mock-screen--statistics .mock-tx-device__label{color:#0f172a;grid-area:label;font-size:11px;font-weight:600}.mock-screen--statistics .mock-tx-device__meta{grid-area:meta;justify-content:flex-end;align-items:baseline;gap:6px;margin-top:0}.mock-screen--statistics .mock-tx-device__meta strong{letter-spacing:-.03em;font-size:12px;font-weight:650}.mock-screen--statistics .mock-tx-device__track{grid-area:track;margin-top:0}.mock-screen--statistics .mock-tx-device--amber .mock-tx-device__track span{background:linear-gradient(90deg,#fde68a 0%,#fbbf24 42%,#d97706 100%);box-shadow:inset 0 1px #ffffff9e,inset 0 -1px 1px #b4530947}.mock-screen--statistics .mock-tx-device--amber .mock-tx-device__track span:after{background:linear-gradient(#ffffff8c 0%,#ffffff0f 40%,#b4530929 100%)}.mock-screen--statistics .mock-panel.mock-abx-inner.mock-stat-table{flex:none;gap:0;padding:0;overflow:hidden;container:mock-stat-table/inline-size}.mock-screen--statistics .mock-stat-table .mock-meta-pill,.mock-screen--statistics .mock-stat-card__head .mock-meta-pill,.mock-screen--statistics .mock-stat__well-head .mock-meta-pill{box-sizing:border-box;color:#475569;background:#f8fafc;border:1px solid #0f172a1a;border-radius:8px;align-items:center;height:20px;margin-left:auto;padding:0 8px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.mock-screen--statistics .mock-page-section__head>.mock-meta-pill,.mock-screen--statistics .mock-page-section__head>.mock-stat-table__links{flex-shrink:0;margin-left:auto}.mock-screen--statistics .mock-stat-table__links{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.mock-screen--statistics .mock-stat-table__links .mock-btn{border-radius:8px;height:30px;padding-inline:10px;font-size:12px;font-weight:600}.mock-screen--statistics .mock-data-table-head--campaign,.mock-screen--statistics .mock-data-table-head--overview{font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;background:#fff;border-bottom:1px solid #0f172a0d;align-items:center;column-gap:12px;padding:8px 16px;font-size:9px;font-weight:500}.mock-screen--statistics .mock-data-table-head--campaign>span,.mock-screen--statistics .mock-data-table-head--overview>span{white-space:nowrap;min-width:0}.mock-screen--statistics .mock-data-table-head--campaign>span,.mock-screen--statistics .mock-data-table-head--overview>span,.mock-screen--statistics .mock-data-table-row--campaign>*,.mock-screen--statistics .mock-data-table-row--overview>*{text-align:left;justify-self:start}.mock-screen--statistics .mock-data-table-head--campaign>span:nth-child(n+5),.mock-screen--statistics .mock-data-table-row--campaign>.mock-stat-metric,.mock-screen--statistics .mock-data-table-row--campaign>.mock-stat-rate,.mock-screen--statistics .mock-data-table-head--overview>span:nth-child(n+3):nth-child(-n+5),.mock-screen--statistics .mock-data-table-row--overview>.mock-stat-metric,.mock-screen--statistics .mock-data-table-row--overview>.mock-stat-rate{text-align:right;justify-self:end}.mock-screen--statistics .mock-data-table-head--overview>.mock-data-table-head__actions,.mock-screen--statistics .mock-data-table-row--overview>.mock-table-actions__btn{justify-self:end}.product-frame--viewport .mock-screen--statistics .mock-stat-table .mock-data-table-row--campaign,.product-frame--viewport .mock-screen--statistics .mock-stat-table .mock-data-table-row--overview,.mock-screen--statistics .mock-data-table-row--campaign,.mock-screen--statistics .mock-data-table-row--overview{min-width:0;min-height:0;transition:background var(--duration-fast);border-bottom:1px solid #0f172a0a;align-items:center;column-gap:12px;padding:8px 16px;font-size:12px}.mock-screen--statistics .mock-data-table-row--campaign>*,.mock-screen--statistics .mock-data-table-row--overview>*{min-width:0}:is(.mock-screen--statistics .mock-data-table-row--campaign:has(+.mock-stat-pager),.mock-screen--statistics .mock-data-table-row--overview:has(+.mock-stat-pager)){border-bottom-color:#0000}.mock-screen--statistics .mock-data-table-row--campaign:hover,.mock-screen--statistics .mock-data-table-row--overview.mock-row--clickable:hover{background:#f8fafc}.mock-screen--statistics .mock-stat-source,.mock-screen--statistics .mock-data-table-row--overview .mock-data-table-row__primary{font-family:var(--font-display);letter-spacing:-.015em;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.mock-screen--statistics .mock-data-table-row--overview .mock-data-table-row__primary{gap:8px}.mock-screen--statistics .mock-data-table-row--overview .mock-data-table-row__globe{color:#334155;width:24px;height:24px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;flex-shrink:0}.mock-screen--statistics .mock-stat-medium{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.mock-screen--statistics .mock-stat-campaign-id{font-family:var(--font-mono);letter-spacing:0;color:#64748b;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.mock-screen--statistics .mock-stat-country{color:#64748b;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.mock-screen--statistics .mock-stat-metric,.mock-screen--statistics .mock-stat-rate{font-family:var(--font-body);letter-spacing:0;color:#334155;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.mock-screen--statistics .mock-stat-pill,.mock-screen--statistics .mock-stat-status{width:fit-content;max-width:max-content;height:auto;font-family:var(--font-body);letter-spacing:normal;white-space:nowrap;border-radius:6px;justify-content:center;justify-self:start;align-items:center;gap:0;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.6;display:inline-flex}.mock-screen--statistics .mock-stat-pill,.mock-screen--statistics .mock-stat-status--paused{color:#64748b;background:#f8fafc;border:1px solid #0f172a14}.mock-screen--statistics .mock-stat-status--active{color:#15803d;background:#16a34a14;border:1px solid #16a34a1f}.mock-screen--statistics .mock-table-actions__btn--view{color:#64748b;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px;justify-self:end}.mock-screen--statistics .mock-table-actions__btn--view:hover,.mock-screen--statistics .mock-table-actions__btn--view:focus,.mock-screen--statistics .mock-table-actions__btn--view:active{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-screen--statistics .mock-stat-pager{color:#64748b;border-top:1px solid #0f172a0d;padding:10px 16px;font-size:11px}.mock-screen--statistics .mock-stat-pager__nav{color:#64748b;width:26px;height:26px;box-shadow:none;background:#f8fafc;border:1px solid #0f172a14;border-radius:8px}.mock-screen--statistics .mock-stat-pager__nav:hover,.mock-screen--statistics .mock-stat-pager__nav:focus,.mock-screen--statistics .mock-stat-pager__nav:active{color:#0f172a;background:#fff;border-color:#0f172a1f}.mock-screen--statistics .mock-form-select--inline{background:#fff;border:1px solid #0f172a1f;border-radius:8px;height:24px}@container mock-stat-table (max-width:760px){.mock-screen--statistics .mock-data-table-head--campaign,.mock-screen--statistics .mock-data-table-row--campaign{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(64px,.8fr) minmax(48px,.55fr) minmax(52px,.6fr)}.mock-screen--statistics .mock-data-table-head--campaign>span:nth-child(3),.mock-screen--statistics .mock-data-table-head--campaign>span:nth-child(4),.mock-screen--statistics .mock-data-table-row--campaign>:nth-child(3),.mock-screen--statistics .mock-data-table-row--campaign>:nth-child(4){display:none}.mock-screen--statistics .mock-data-table-head--overview,.mock-screen--statistics .mock-data-table-row--overview{grid-template-columns:minmax(0,1.3fr) minmax(64px,.7fr) minmax(76px,.8fr) max-content 26px}.mock-screen--statistics .mock-data-table-head--overview>span:nth-child(2),.mock-screen--statistics .mock-data-table-head--overview>span:nth-child(5),.mock-screen--statistics .mock-data-table-row--overview>:nth-child(2),.mock-screen--statistics .mock-data-table-row--overview>:nth-child(5){display:none}}@media (max-width:720px){.mock-screen--statistics .mock-stat-pair,.mock-screen--statistics .mock-panel.mock-abx-inner.mock-stat-breakdown,.mock-screen--statistics .mock-stat-breakdown,.mock-screen--statistics .mock-kpi-grid--marco{grid-template-columns:1fr;min-height:0}.mock-screen--statistics .mock-stat__metrics,.mock-screen--statistics .mock-stat-table__links{width:100%;max-width:none;margin-left:0}.mock-screen--statistics .mock-stat__chart .mock-stat__metrics{width:max-content;max-width:100%;margin-left:auto}}