:root{--font-sans: "Inter", "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", Meiryo, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-bg: #f4f5f7;--color-surface: #ffffff;--color-surface-muted: var(--color-gray-50);--color-text: var(--color-gray-800);--color-text-muted: var(--color-gray-500);--color-text-subtle: var(--color-gray-400);--color-border: var(--color-gray-200);--color-border-strong: var(--color-gray-300);--color-hairline: var(--color-gray-100);--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-active: #1e40af;--color-accent-soft: #eff6ff;--color-accent-border: #bfdbfe;--color-signal-collecting: #3b82f6;--color-signal-collecting-fg: #1d4ed8;--color-signal-trend-positive: #eab308;--color-signal-trend-positive-fg: #a16207;--color-signal-trend-negative: #f97316;--color-signal-trend-negative-fg: #c2410c;--color-signal-win: #22c55e;--color-signal-win-fg: #15803d;--color-signal-loss: #ef4444;--color-signal-loss-fg: #b91c1c;--color-signal-inconclusive: #9ca3af;--color-signal-inconclusive-fg: #4b5563;--color-success: #16a34a;--color-success-fg: #15803d;--color-danger: #dc2626;--color-danger-fg: #b91c1c;--color-danger-soft: #fef2f2;--color-danger-border: #fecaca;--color-warning: #d97706;--color-warning-fg: #b45309;--dt-popup-bg: #eff6ff;--dt-popup-fg: #2563eb;--dt-inline-bg: #eef2ff;--dt-inline-fg: #4338ca;--dt-rewrite-bg: #fff7ed;--dt-rewrite-fg: #c2410c;--goal-boost-bg: #eff6ff;--goal-boost-fg: #1d4ed8;--goal-retain-bg: #fffbeb;--goal-retain-fg: #b45309;--goal-segment-bg: #f5f3ff;--goal-segment-fg: #6d28d9;--goal-other-bg: var(--color-gray-100);--goal-other-fg: var(--color-gray-600);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 1px rgba(16, 24, 40, .04);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08), 0 2px 4px rgba(16, 24, 40, .05);--shadow-lg: 0 12px 28px rgba(16, 24, 40, .12), 0 4px 10px rgba(16, 24, 40, .06);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-16: 64px;--motion-fast: .15s;--motion: .2s;--motion-slow: .25s;--ease-out: cubic-bezier(.16, 1, .3, 1);--topbar-height: 43px;--color-primary: var(--color-accent);--color-primary-strong: var(--color-accent-hover);--color-primary-deep: #1e3a8a;--color-primary-soft: rgba(37, 99, 235, .08);--color-primary-border: var(--color-accent-border);--color-on-primary: #fff;--color-on-dark: #fff;--color-link-on-dark: #93c5fd;--color-card: #ffffff;--color-surface-alt: #fafafa;--color-surface-inverse: var(--color-gray-800);--color-surface-inverse-hover: var(--color-gray-900);--color-neutral: var(--color-gray-500);--color-neutral-soft: var(--color-gray-100);--color-text-strong: var(--color-gray-900);--color-nav-text: var(--color-gray-700);--color-status-running: var(--color-success);--color-status-paused: var(--color-warning);--color-status-draft: var(--color-text-muted);--color-status-stopped: var(--color-text-muted);--color-status-archived: var(--color-text-subtle);--color-warning-soft: #fffbeb;--color-warning-border: #fde68a;--color-win-soft: #dcfce7;--color-win-soft-fg: var(--color-success-fg);--color-error-soft: #fee2e2;--color-error-soft-fg: var(--color-danger-fg);--type-popup: var(--dt-popup-fg);--type-popup-bg: var(--dt-popup-bg);--type-inline: var(--dt-inline-fg);--type-inline-bg: var(--dt-inline-bg);--type-rewrite: var(--dt-rewrite-fg);--type-rewrite-bg: var(--dt-rewrite-bg);--type-efo: var(--color-gray-600);--type-efo-bg: var(--color-gray-100);--tplchip-popup-bg: var(--color-accent-soft);--tplchip-popup-fg: var(--color-accent-hover);--tplchip-inline-bg: #ecfdf5;--tplchip-inline-fg: #047857;--tplchip-rewrite-bg: #fef3c7;--tplchip-rewrite-fg: #92400e;--ease: var(--ease-out)}:root[data-theme=new]{--color-primary: #5f819c;--color-primary-strong: #4f6d88;--color-primary-deep: #3f566a;--color-primary-border: #cbdce7;--color-accent-soft: #eaf0f5;--color-accent: var(--color-primary);--color-accent-hover: var(--color-primary-strong);--color-accent-active: var(--color-primary-deep);--color-accent-border: var(--color-primary-border);--color-primary-soft: rgba(111, 143, 168, .1);--color-surface: #dce7ec;--color-surface-muted: #f1f5f8;--color-surface-alt: #f7f9fb;--color-bg: #f6f8fb;--color-card: #ffffff;--color-text: #2e3a46;--color-text-strong: #1f2a35;--color-text-muted: #6b7885;--color-text-subtle: #78838f;--color-nav-text: #4a5a67;--color-border: #e7edf3;--color-border-strong: #d3dce4;--color-hairline: #eef0f5;--color-neutral: #d8d6e8;--color-neutral-soft: #eef0f5;--color-surface-inverse: #3f4a56;--color-surface-inverse-hover: #2e3a46;--color-link-on-dark: #cbdce7;--type-popup: #6f8fa8;--type-inline: #8e8acb;--type-rewrite: #e7a79a;--type-efo: #8fb08a;--type-popup-bg: #eaf0f5;--type-inline-bg: #f0eff8;--type-rewrite-bg: #fbeeea;--type-efo-bg: #eef4ed;--color-status-running: #4d7052;--color-status-paused: #85652f;--color-status-draft: #66717d;--color-status-stopped: #66717d;--color-status-archived: #6f668f;--color-success: #6a8f6f;--color-success-fg: #4d7052;--color-warning: #b08a4a;--color-warning-fg: #7a5c2b;--color-warning-soft: #fbf3e4;--color-warning-border: #ecd9b4;--color-danger: #c0554a;--color-danger-fg: #a4453b;--color-danger-soft: #fad8d1;--color-danger-border: #f0c4bb;--color-error-soft: #fad8d1;--color-error-soft-fg: #a4453b;--color-win-soft: #dfeadf;--color-win-soft-fg: #4d7052;--color-signal-collecting: #6f8fa8;--color-signal-collecting-fg: #4a6b83;--color-signal-trend-positive: #c9a227;--color-signal-trend-positive-fg: #6f5713;--color-signal-trend-negative: #d98b6a;--color-signal-trend-negative-fg: #8c4c30;--color-signal-win: #6a8f6f;--color-signal-win-fg: #43684a;--color-signal-loss: #c0554a;--color-signal-loss-fg: #9c4239;--color-signal-inconclusive: #a9b2bc;--color-signal-inconclusive-fg: #5b6672;--goal-boost-bg: #eaf0f5;--goal-boost-fg: #4a6b83;--goal-retain-bg: #fbf3e4;--goal-retain-fg: #7a5c2b;--goal-segment-bg: #f0eff8;--goal-segment-fg: #5f5a8a;--goal-other-bg: #eef0f5;--goal-other-fg: #6b7885;--tplchip-popup-bg: #eaf0f5;--tplchip-popup-fg: #4a6b83;--tplchip-inline-bg: #f0eff8;--tplchip-inline-fg: #5f5a8a;--tplchip-rewrite-bg: #fbeeea;--tplchip-rewrite-fg: #8c4c30}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root,.app-shell{min-height:100vh}.topbar{background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20;-webkit-backdrop-filter:saturate(1.2);backdrop-filter:saturate(1.2)}.topbar-inner{max-width:1080px;margin:0 auto;padding:var(--space-2) var(--space-6);display:flex;align-items:center;justify-content:space-between}.topbar-menu{position:relative}.topbar-account{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid transparent;background:transparent;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-2);cursor:pointer;font-size:13px;color:var(--color-text-muted);transition:background var(--motion-fast) var(--ease-out)}.topbar-account:hover{background:var(--color-gray-100)}.topbar-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-accent);color:var(--color-on-primary);font-size:12px;font-weight:700}.topbar-email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.topbar-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:31;min-width:200px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1);animation:page-fade-in var(--motion-fast) var(--ease-out)}.topbar-dropdown-email{padding:var(--space-2) var(--space-3);font-size:12px;color:var(--color-text-muted);border-bottom:1px solid var(--color-hairline);word-break:break-all}.topbar-dropdown-item{display:block;width:100%;text-align:left;border:none;background:transparent;padding:var(--space-2) var(--space-3);font-size:13px;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm)}.topbar-dropdown-item:hover{background:var(--color-surface-muted)}.site-origin-sub{font-size:12px;color:var(--color-text-muted);word-break:break-all;margin-bottom:var(--space-1)}.topbar-logo{display:inline-flex;align-items:center;border-radius:var(--radius-sm);transition:opacity var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.topbar-logo img{height:26px;display:block}.topbar-logo:hover{opacity:.75}.topbar-logo:active{transform:scale(.98)}.site-select-brand{margin-bottom:var(--space-6)}.site-select-brand img{height:40px;display:block}@keyframes page-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.dashboard{max-width:1080px;margin:0 auto;padding:var(--space-6);animation:page-fade-in var(--motion-fast) var(--ease-out)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-header h1{font-size:20px;letter-spacing:-.01em;margin:0}.dashboard-actions{display:flex;gap:var(--space-2)}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-4)}.filter-tabs{display:flex;gap:var(--space-1)}.filter-tab{border:none;background:transparent;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--color-text-muted);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.filter-tab:hover{background:var(--color-gray-100);color:var(--color-text)}.filter-tab.active{background:var(--color-gray-800);color:var(--color-on-primary)}.filter-tab:focus-visible,.experiment-row:focus-visible,button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.search-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:14px;min-width:220px;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.experiment-table{width:100%;border-collapse:collapse;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-fast) var(--ease-out)}.experiment-table:hover{box-shadow:var(--shadow-md)}.experiment-table th{text-align:left;font-size:12px;font-weight:600;color:var(--color-text-muted);padding:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-muted)}.experiment-table td{padding:var(--space-3);border-bottom:1px solid var(--color-hairline);height:48px;vertical-align:middle}.experiment-row{transition:background var(--motion-fast) var(--ease-out)}.experiment-row:hover{background:var(--color-surface-muted);cursor:pointer}.cell-name{min-width:220px}.exp-name-row{display:flex;align-items:center;gap:var(--space-2)}.exp-seq{font-size:11px;font-weight:600;color:var(--color-text-subtle);font-variant-numeric:tabular-nums;flex-shrink:0}.cell-impressions,.cell-started{font-size:11px;color:var(--color-text-subtle);font-variant-numeric:tabular-nums;margin-top:2px}.col-hint-mark{font-size:10px;color:var(--color-text-subtle);cursor:help}.cell-actions{width:1%;white-space:nowrap;text-align:right}.row-actions{display:inline-flex;align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--motion-fast) var(--ease-out)}.experiment-row:hover .row-actions,.experiment-row:focus-within .row-actions{opacity:1}.row-action{border:1px solid var(--color-border-strong);background:var(--color-card);color:var(--color-gray-700);border-radius:var(--radius-sm);padding:3px var(--space-2);font-size:12px;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.row-action:hover{background:var(--color-surface-muted)}.row-action:active{transform:scale(.96)}.row-confirm{font-size:12px;color:var(--color-warning-fg)}.row-action-error{font-size:12px;color:var(--color-danger-fg);flex-basis:100%}.exp-name{font-weight:600}.exp-headline{font-size:12px;color:var(--color-text-muted);max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;padding-left:32px}.goal-badge{font-size:12px;background:var(--goal-other-bg);color:var(--goal-other-fg);border-radius:var(--radius-pill);padding:2px var(--space-2);white-space:nowrap}.goal-badge[data-goal=boost]{background:var(--goal-boost-bg);color:var(--goal-boost-fg)}.goal-badge[data-goal=retain]{background:var(--goal-retain-bg);color:var(--goal-retain-fg)}.goal-badge[data-goal=segment_switch]{background:var(--goal-segment-bg);color:var(--goal-segment-fg)}.status-badge{font-size:13px;white-space:nowrap}.signal-badge{font-size:14px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-pill)}.signal-badge[data-signal=collecting]{background:color-mix(in srgb,var(--color-signal-collecting) 12%,transparent);animation:signal-pulse 2s ease-in-out infinite}.signal-badge[data-signal=trend_positive]{background:color-mix(in srgb,var(--color-signal-trend-positive) 15%,transparent)}.signal-badge[data-signal=trend_negative]{background:color-mix(in srgb,var(--color-signal-trend-negative) 14%,transparent)}.signal-badge[data-signal=win]{background:color-mix(in srgb,var(--color-signal-win) 14%,transparent)}.signal-badge[data-signal=loss]{background:color-mix(in srgb,var(--color-signal-loss) 12%,transparent)}.signal-badge[data-signal=inconclusive]{background:color-mix(in srgb,var(--color-signal-inconclusive) 16%,transparent)}@keyframes signal-pulse{0%,to{opacity:1}50%{opacity:.6}}.signal-cell-btn{border:none;background:transparent;padding:0;cursor:pointer;border-radius:var(--radius-pill);transition:transform var(--motion-fast) var(--ease-out)}.signal-cell-btn:hover{transform:scale(1.05)}.signal-none{color:var(--color-text-subtle);font-weight:400}.signal-final-tag{font-size:10px;font-weight:500;color:var(--color-gray-700);background:var(--color-gray-200);border-radius:var(--radius-sm);padding:1px 5px}.lift-label{font-variant-numeric:tabular-nums;font-weight:600}.lift-positive{color:var(--color-success)}.lift-negative{color:var(--color-danger)}.lift-none{color:var(--color-text-subtle);font-weight:400}.cell-days{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.generated-at{text-align:right;font-size:12px;color:var(--color-text-subtle);margin-top:var(--space-2)}.summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.summary-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-3) var(--space-4);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;transition:box-shadow var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.summary-card:active{transform:translateY(0)}.summary-count{font-size:24px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--color-text)}.summary-label{display:inline-flex;align-items:center;gap:var(--space-1);font-size:12px;color:var(--color-text-muted)}.summary-card[data-tone=running]{border-top:3px solid var(--color-signal-win)}.summary-card[data-tone=draft]{border-top:3px solid var(--color-gray-400)}.summary-card[data-tone=win]{border-top:3px solid var(--color-signal-win)}.summary-card[data-tone=attention]{border-top:3px solid var(--color-signal-trend-negative)}.summary-card.active{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-soft)}.col-sort{display:inline-flex;align-items:center;gap:var(--space-1);border:none;background:transparent;padding:0;font:inherit;font-size:12px;font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:color var(--motion-fast) var(--ease-out)}.col-sort:hover{color:var(--color-text)}.col-sort.active{color:var(--color-accent)}.col-sort-arrow{font-size:9px;opacity:.5}.col-sort.active .col-sort-arrow{opacity:1}.display-type-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:56px;height:22px;padding:0 var(--space-2);flex-shrink:0;border-radius:var(--radius-pill);background:var(--color-gray-100);color:var(--color-gray-600);transition:background var(--motion-fast) var(--ease-out)}.display-type-chip svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.display-type-chip-label{font-size:11px;font-weight:600;line-height:1}.btn-primary,.btn-secondary,.btn-link{font-size:14px;font-family:inherit;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;border:1px solid transparent;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.btn-primary{background:var(--color-gray-800);color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-gray-900);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--color-card);border-color:var(--color-border-strong);color:var(--color-gray-700)}.btn-secondary:hover{background:var(--color-surface-muted);border-color:var(--color-gray-400)}.btn-link{background:transparent;color:var(--color-accent);padding:var(--space-1)}.btn-link:hover{color:var(--color-accent-hover)}.btn-primary:active,.btn-secondary:active,.btn-link:active{transform:scale(.98)}.btn-large{font-size:16px;padding:var(--space-3) var(--space-6)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes spin{to{transform:rotate(360deg)}}button[aria-busy=true]{pointer-events:none;cursor:progress}button[aria-busy=true]:before{content:"";display:inline-block;width:13px;height:13px;margin-right:6px;vertical-align:-2px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;opacity:.9;animation:spin .6s linear infinite}.skeleton{height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 37%,var(--color-gray-100) 63%);background-size:400% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.error-banner{display:flex;align-items:center;gap:var(--space-3);background:var(--color-danger-soft);color:var(--color-danger-fg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.empty-state{text-align:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-16) var(--space-6);box-shadow:var(--shadow-sm)}.empty-icon{font-size:48px;margin-bottom:var(--space-2)}.empty-state h2{font-size:18px;margin:var(--space-2) 0}.empty-state p{color:var(--color-text-muted)}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.site-card{text-align:left;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);cursor:pointer;font-size:14px;box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.site-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong);transform:translateY(-2px)}.site-card:active{transform:translateY(0)}.site-name{font-weight:600;font-size:15px;margin-bottom:var(--space-1);word-break:break-all}.tag-ok{color:var(--color-success);font-size:12px}.tag-ng{color:var(--color-warning);font-size:12px}.me-email{color:var(--color-text-muted);font-size:13px}.editor{max-width:720px}.step-indicator{display:flex;gap:var(--space-1);list-style:none;padding:0;margin:0 0 var(--space-5)}.step-indicator li{flex:1;text-align:center;font-size:12px;color:var(--color-text-subtle);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm) var(--radius-sm) 0 0;border-bottom:3px solid var(--color-border);transition:color var(--motion) var(--ease-out),border-color var(--motion) var(--ease-out),background var(--motion) var(--ease-out)}.step-indicator li.active{color:var(--color-gray-800);font-weight:600;background:var(--color-accent-soft);border-bottom-color:var(--color-accent)}.step-indicator li.done{color:var(--color-success);border-bottom-color:var(--color-signal-win)}.step-num{display:inline-block;min-width:18px}.editor-body{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm);min-height:320px}.editor-step{border:none;padding:0;margin:0}.field{margin-bottom:var(--space-5)}.field-label{display:block;font-weight:600;margin-bottom:var(--space-2)}.field-required{font-size:10px;color:var(--color-danger);background:var(--color-danger-soft);border-radius:var(--radius-sm);padding:1px 5px;margin-left:var(--space-2);vertical-align:middle}.field input[type=text],.field input[type=search],.field input[type=url],.field select,.field textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.field textarea{font-family:var(--font-mono)}.field-error input,.field-error textarea{border-color:var(--color-danger)}.field-error-text{display:block;color:var(--color-danger);font-size:12px;margin-top:var(--space-1)}.field-hint{display:block;color:var(--color-text-subtle);font-size:12px;margin-top:var(--space-1)}.position-picker{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:var(--space-1);padding:var(--space-2);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);width:fit-content}.position-cell{display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-card);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.position-cell:hover{border-color:var(--color-accent-border)}.position-cell.active{border-color:var(--color-accent);background:var(--color-accent-soft)}.position-dot{width:10px;height:10px;border-radius:3px;background:var(--color-gray-400)}.position-cell.active .position-dot{background:var(--color-accent)}.radio-row{display:flex;flex-direction:column;gap:var(--space-2)}.radio-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.url-rule-row{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.form-op-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.form-op-row select{width:180px;flex-shrink:0}.form-op-row input{flex:1;min-width:140px}.url-rule-row select{width:140px;flex-shrink:0}.url-rule-row input{flex:1;min-width:0}.url-rule-remove{flex-shrink:0;color:var(--color-text-muted);padding:0 4px}.url-rule-add{align-self:flex-start;margin-top:2px}.geo-section{display:flex;flex-direction:column;gap:var(--space-2)}.geo-body{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.geo-block-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:.9rem}.geo-badge{font-weight:400;font-size:.75rem;color:var(--color-text-muted);background:var(--color-card);border:1px solid var(--color-border);border-radius:999px;padding:1px 8px}.geo-country-grid,.geo-region-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.geo-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--color-border);border-radius:999px;cursor:pointer;font-size:.85rem;-webkit-user-select:none;user-select:none}.geo-chip.is-on{border-color:var(--color-primary);background:var(--color-primary-soft)}.geo-chip.is-disabled{opacity:.45;cursor:not-allowed}.geo-regions{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border)}.geo-accordion{display:flex;flex-direction:column;gap:var(--space-1)}.geo-accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px}.geo-accordion-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.geo-accordion-toggle{font-size:.8rem}.geo-accordion-body{margin-top:var(--space-2)}.geo-note{font-size:.8rem;color:var(--color-text-muted);margin:0}.geo-code-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-2)}.geo-code-badges-label{font-size:.8rem;color:var(--color-text-muted)}.geo-code-badge{font-size:.8rem;padding:2px 10px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-card);cursor:pointer}.geo-code-badge:hover{border-color:var(--color-primary)}.inline-place{display:flex;flex-direction:column;gap:var(--space-2)}.inline-place-tabs{display:inline-flex;gap:2px;padding:2px;background:var(--color-gray-100);border-radius:var(--radius-md);align-self:flex-start}.inline-place-tab{border:none;background:none;padding:6px 14px;font-size:13px;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted)}.inline-place-tab.is-active{background:var(--color-card);color:var(--color-gray-900);font-weight:600;box-shadow:0 1px 2px #00000014}.inline-place-body{display:flex;flex-direction:column;gap:var(--space-1)}.freq{display:flex;flex-direction:column;gap:var(--space-2)}.freq-presets{display:flex;gap:var(--space-2);flex-wrap:wrap}.freq-preset{flex:1;min-width:120px;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-card);cursor:pointer;text-align:left;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.freq-preset.is-active{border-color:var(--color-accent);background:var(--color-accent-soft)}.freq-preset-label{font-weight:700;font-size:13px;color:var(--color-gray-900)}.freq-preset-hint{font-size:11px;color:var(--color-text-muted)}.freq-readout{margin:2px 0 0;font-size:13px;color:var(--color-text-muted);background:var(--color-gray-100);border-radius:var(--radius-sm);padding:8px 10px}.freq-detail>summary{cursor:pointer;font-size:12px;color:var(--color-accent)}.freq-detail-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0 0}.confirm-url-list{margin:0;padding-left:1.1em}.slider-row{display:flex;align-items:center;gap:var(--space-3)}.slider-row input[type=range]{flex:1;accent-color:var(--color-accent)}.slider-value{font-weight:600;min-width:48px;font-variant-numeric:tabular-nums}.confirm-list{display:grid;grid-template-columns:140px 1fr;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0}.confirm-list dt{color:var(--color-text-muted)}.confirm-list dd{margin:0;font-weight:500;word-break:break-all}.editor-footer{display:flex;justify-content:space-between;margin-top:var(--space-4)}.editor-footer-right{margin-left:auto}.detail-meta-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.report-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);transition:box-shadow var(--motion-fast) var(--ease-out)}.report-card:hover{box-shadow:var(--shadow-md)}.card-title{font-size:15px;margin:0 0 var(--space-3)}.report-signal-row{display:flex;align-items:center;gap:var(--space-4);font-size:18px}.report-headline{font-size:15px;margin:var(--space-3) 0 var(--space-1)}.report-remaining{color:var(--color-text-muted);font-size:13px}.samples-table{width:100%;border-collapse:collapse;margin-top:var(--space-3)}.samples-table th,.samples-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-hairline);font-variant-numeric:tabular-nums}.samples-table th{font-size:12px;color:var(--color-text-muted)}.review-list{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.detail-summary .card-title{margin-top:var(--space-3)}.detail-summary .card-title:first-child{margin-top:0}.detail-match-note{font-size:12px;color:var(--color-text-muted);margin:0 0 var(--space-2)}.detail-rule-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.detail-rule-list li{font-size:14px}.detail-url-link{color:var(--color-accent);text-decoration:none;word-break:break-all}.detail-url-link:hover{text-decoration:underline}.detail-url-code{font-family:var(--font-mono);font-size:13px;background:var(--color-gray-100);border-radius:var(--radius-sm);padding:1px var(--space-1);word-break:break-all}.detail-rule-type{color:var(--color-text-muted);font-size:13px}.detail-cv-value{margin:0;font-size:14px}.detail-confirm{justify-content:space-between;gap:var(--space-4)}.detail-confirm-actions{display:flex;gap:var(--space-2);flex-shrink:0}.snippet-box{background:var(--color-gray-800);color:var(--color-gray-200);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:12.5px;font-family:var(--font-mono);overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:var(--space-2) 0 var(--space-3)}.snippet-actions{display:flex;gap:var(--space-2)}.verify-ok{color:var(--color-success);margin-top:var(--space-3)}.verify-ng{color:var(--color-warning-fg);margin-top:var(--space-3)}.verify-pending{color:var(--color-text-muted);margin-top:var(--space-3)}.verify-ng-gtm-hint{font-size:12px;color:var(--color-text-muted);font-weight:600}.gtm-notice{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-accent-soft);border:1px solid var(--color-primary-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md)}.gtm-notice-title{margin:0;font-size:13px;line-height:1.7;color:var(--color-primary-deep)}.gtm-steps{margin-top:var(--space-2)}.gtm-steps>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--color-primary)}.gtm-steps-list{margin:var(--space-2) 0 0;padding-left:1.3em;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--color-gray-900);line-height:1.7}.gtm-steps-list code{background:var(--color-gray-100);padding:1px 5px;border-radius:4px;font-size:12px}.key-row{display:flex;align-items:center;gap:var(--space-3)}.site-key{background:var(--color-gray-100);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:13px;font-family:var(--font-mono)}.site-create-form{border:1px solid var(--color-border-strong);margin-bottom:var(--space-5)}.preview-frame{width:100%;height:280px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card)}.preview-empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-subtle);font-size:13px;background:var(--color-surface-muted)}.preview-page{max-width:1200px}.preview-urlbar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.preview-url-input{flex:1;min-width:0}.preview-open-link{white-space:nowrap}.preview-cb{position:relative;flex:1;min-width:0}.preview-cb .preview-url-input{width:100%;flex:none}.preview-cb-list{position:absolute;top:100%;left:0;right:0;z-index:50;margin:4px 0 0;padding:4px;list-style:none;background:var(--color-card);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:0 12px 32px #00000024;max-height:340px;overflow-y:auto}.preview-cb-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer}.preview-cb-item.is-highlight{background:var(--color-accent-soft)}.preview-cb-url{display:flex;align-items:center;gap:8px}.preview-cb-url-text{font-weight:600;font-size:13px;color:var(--color-gray-900);word-break:break-all}.preview-cb-prefix{flex:none;font-size:11px;color:var(--color-text-muted);background:var(--color-gray-100);border-radius:999px;padding:1px 8px;white-space:nowrap}.preview-cb-exps{display:flex;flex-wrap:wrap;gap:4px 12px}.preview-cb-exp{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.preview-cb-exp-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-cb-empty{padding:8px 10px;font-size:12px;color:var(--color-text-muted)}.preview-body{display:grid;grid-template-columns:300px 1fr;gap:var(--space-4);align-items:start}.preview-left{display:flex;flex-direction:column;gap:var(--space-3)}.preview-cat{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.preview-cat-title{font-size:12px;font-weight:700;color:var(--color-text-muted);padding:var(--space-2) var(--space-3);background:var(--color-surface-muted);border-bottom:1px solid var(--color-border)}.preview-cat-body{display:flex;flex-direction:column}.preview-cat-empty{padding:var(--space-3);font-size:12px;color:var(--color-text-subtle)}.preview-exp{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-hairline);transition:background var(--motion-fast) var(--ease-out)}.preview-exp:last-child{border-bottom:none}.preview-exp.is-active{background:var(--color-accent-soft)}.preview-exp-form{flex-direction:column;align-items:stretch}.preview-form-matches{list-style:none;margin:var(--space-1) 0 0;padding:0 0 0 var(--space-6);font-size:12px;color:var(--color-text-muted)}.preview-form-matches li{padding:2px 0}.preview-form-matches li[data-count="0"]{color:var(--color-warning-fg)}.preview-form-note{margin:var(--space-1) 0 0;padding:var(--space-1) var(--space-2);font-size:12px;color:var(--color-warning-fg);background:var(--color-warning-soft);border-radius:var(--radius-sm)}.preview-exp-rank{font-size:11px;font-weight:700;color:var(--color-text-subtle);width:16px;text-align:center;font-variant-numeric:tabular-nums}.preview-exp-main{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:none;background:transparent;cursor:pointer;text-align:left;min-width:0}.preview-exp-badge{font-size:10px;font-weight:700;color:var(--color-text-muted)}.preview-exp.is-active .preview-exp-badge{color:var(--color-success)}.preview-exp-name{font-size:13px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.preview-exp-status{font-size:10px;color:var(--color-text-subtle)}.preview-exp-actions{display:flex;flex-direction:column}.preview-right{display:flex;flex-direction:column;gap:var(--space-3)}.preview-controls{display:flex;gap:var(--space-3);justify-content:flex-end}.preview-toggle{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden}.preview-toggle-btn{border:none;background:var(--color-card);padding:var(--space-1) var(--space-3);font-size:13px;color:var(--color-text-muted);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.preview-toggle-btn.active{background:var(--color-gray-800);color:var(--color-on-primary)}.preview-stage-wrap{display:flex;justify-content:center;padding:var(--space-5);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:640px}.preview-stage{position:relative;height:640px;background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;transition:width var(--motion-slow) var(--ease-out)}.preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.preview-bg-fallback{display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-6);color:var(--color-text-subtle);font-size:12px;background:repeating-linear-gradient(135deg,var(--color-gray-100),var(--color-gray-100) 12px,var(--color-gray-200) 12px,var(--color-gray-200) 24px)}.preview-layer{position:absolute;top:0;right:0;bottom:0;left:0}.preview-layer-popup{z-index:2}.preview-creative-frame{width:100%;height:100%;border:none;background:transparent}.preview-inline-band{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.preview-inline-badge{font-size:11px;font-weight:600;color:var(--color-accent-active);background:var(--color-card);border:1px solid var(--color-accent-border);border-radius:var(--radius-pill);padding:2px var(--space-2)}.builder{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);overflow:hidden;box-shadow:var(--shadow-sm)}.builder-toolbar{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface-muted)}.builder-main{display:grid;grid-template-columns:120px 1fr 260px;min-height:280px}.builder-palette{border-right:1px solid var(--color-border);padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.builder-palette-title{font-size:11px;font-weight:700;color:var(--color-text-muted);padding:0 var(--space-1) var(--space-1)}.builder-palette-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-card);cursor:pointer;font-size:13px;color:var(--color-gray-700);text-align:left;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.builder-palette-item:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.builder-palette-item:active{transform:scale(.98)}.builder-palette-icon{width:18px;text-align:center}.builder-canvas{padding:var(--space-3);background:var(--color-surface-muted);overflow-y:auto}.builder-canvas-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--color-text-subtle);font-size:13px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm)}.builder-item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}@keyframes builder-land{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:none}}.builder-item{display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);overflow:hidden;animation:builder-land var(--motion) var(--ease-out);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.builder-item:hover{border-color:var(--color-border-strong)}.builder-item.is-selected{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.builder-item-select{flex:1;display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:var(--space-2) var(--space-3);border:none;background:transparent;cursor:pointer;text-align:left}.builder-item-type{font-size:11px;font-weight:700;color:var(--color-text-muted)}.builder-item-summary{font-size:13px;color:var(--color-gray-700)}.builder-item-actions{display:flex;align-items:center;gap:2px;padding:0 var(--space-2);border-left:1px solid var(--color-hairline)}.builder-drag-handle{display:flex;align-items:center;padding:0 var(--space-2);color:var(--color-text-subtle);cursor:grab;font-size:14px;-webkit-user-select:none;user-select:none;touch-action:none}.builder-drag-handle:active{cursor:grabbing}.builder-item.is-dragging{opacity:.4}.builder-palette-item.is-dragging{opacity:.5}.builder-palette-hint{font-size:10px;color:var(--color-text-subtle);padding:var(--space-1)}.builder-canvas.is-drop-over{outline:2px dashed var(--color-accent);outline-offset:-6px}.builder-item.is-removing{animation:builder-remove .18s var(--ease-out) forwards;pointer-events:none}@keyframes builder-remove{to{opacity:0;transform:scale(.9)}}.builder-drag-ghost{padding:var(--space-2) var(--space-3);background:var(--color-card);border:1px solid var(--color-accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:13px;color:var(--color-text);opacity:.95;cursor:grabbing}.builder-undo-toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:var(--space-3);background:var(--color-gray-900);color:var(--color-on-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:13px;animation:page-fade-in var(--motion-fast) var(--ease-out)}.builder-undo-toast .btn-link{color:var(--color-link-on-dark)}.builder-props{border-left:1px solid var(--color-border);padding:var(--space-3);overflow-y:auto}.builder-props-empty{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--color-text-subtle);font-size:13px}.builder-props-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.builder-delete{color:var(--color-danger-fg);transition:transform var(--motion-fast) var(--ease-out)}.builder-delete:active{transform:scale(.9)}.builder-props-errors{list-style:none;margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-danger-soft);color:var(--color-danger-fg);font-size:12px}.builder-fields{display:flex;flex-direction:column;gap:var(--space-3)}.builder-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:12px;color:var(--color-text-muted)}.img-source-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.img-source-tab{flex:1;padding:var(--space-1) var(--space-2);font-size:12px;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.img-source-tab.active{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent-border);font-weight:600}.img-upload{display:flex;flex-direction:column;gap:var(--space-2)}.img-upload-input{display:none}.img-dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);text-align:center}.img-dropzone.is-dragover{border-color:var(--color-accent);background:var(--color-accent-soft)}.img-dropzone-hint{font-size:12px;color:var(--color-text-subtle)}.img-upload-loading{font-size:13px;color:var(--color-text-muted)}.img-upload-preview{display:flex;flex-direction:column;gap:var(--space-2)}.img-upload-thumb{max-width:100%;max-height:160px;object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card)}.img-upload-note{margin:0;font-size:12px;color:var(--color-success-fg)}.img-upload-actions{display:flex;gap:var(--space-3);align-items:center}.img-upload-error{margin:0;font-size:12px;color:var(--color-danger-fg)}.builder-field input,.builder-field textarea,.builder-field select{padding:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-size:13px;color:var(--color-gray-900);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.builder-field input:focus,.builder-field textarea:focus,.builder-field select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.builder-field input[type=color]{padding:2px;height:32px}.builder-field-row{display:flex;gap:var(--space-2)}.builder-field-row .builder-field{flex:1}.builder-check{flex-direction:row;align-items:center;gap:var(--space-2)}.builder-pad{display:flex;flex-direction:column;gap:var(--space-1)}.builder-pad-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--color-text-muted)}.builder-pad-link{border:1px solid var(--color-border-strong);background:var(--color-card);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;cursor:pointer;color:var(--color-text-muted);transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.builder-pad-link.is-on{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.builder-acc-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.builder-acc-item-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--color-text-muted)}.builder-preview{border-top:1px solid var(--color-border);padding:var(--space-3);background:var(--color-card)}.builder-preview .preview-frame{height:640px;min-height:640px;resize:vertical;overflow:auto}@media (min-width: 1280px){.editor:has(.builder-main){max-width:1200px}.builder{display:grid;grid-template-columns:minmax(0,1fr) 520px;grid-template-areas:"toolbar preview" "main    preview";align-items:start;overflow:visible}.builder-toolbar{grid-area:toolbar}.builder-main{grid-area:main}.builder-preview{grid-area:preview;position:sticky;top:64px;align-self:start;max-height:calc(100vh - 88px);overflow:auto;border-top:none;border-left:1px solid var(--color-border)}.builder-preview .preview-frame{height:560px;min-height:560px}}.builder-preview-title,.builder-props-header strong{font-size:13px;color:var(--color-gray-700)}.builder-preview-title{font-weight:700;margin-bottom:var(--space-2)}.tpl-picker-lead{font-size:13px;color:var(--color-text-muted);margin:0 0 var(--space-3)}.tpl-picker-section{font-size:12px;font-weight:700;color:var(--color-text-muted);margin:var(--space-3) 0 var(--space-2)}.tpl-size-filter{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}.tpl-size-chip{border:1px solid var(--color-border-strong);background:var(--color-card);color:var(--color-text-muted);border-radius:var(--radius-pill);padding:3px var(--space-3);font-size:12px;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.tpl-size-chip:hover{background:var(--color-surface-muted)}.tpl-size-chip.active{background:var(--color-gray-800);color:var(--color-on-primary);border-color:var(--color-gray-800)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.tpl-size-badge{position:absolute;top:var(--space-1);right:var(--space-1);z-index:1;font-size:10px;font-weight:700;color:var(--color-gray-700);background:#ffffffe6;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:1px var(--space-2)}.tpl-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;transition:box-shadow var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.tpl-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-border);transform:translateY(-2px)}.tpl-card:active{transform:translateY(0)}.tpl-card-preview{position:relative;height:150px;overflow:hidden;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-muted)}.tpl-card-scale{position:absolute;top:0;left:0;width:200%;height:300px;transform:scale(.5);transform-origin:top left;pointer-events:none}.tpl-card-scale .preview-frame{height:300px;border:none;border-radius:0}.tpl-mini{position:relative;height:150px;overflow:hidden;background:var(--color-surface-muted);border-bottom:1px solid var(--color-border)}.tpl-mini-scale{position:absolute;top:0;left:0;width:200%;height:300px;transform:scale(.5);transform-origin:top left;pointer-events:none}.tpl-mini-scale .preview-frame{height:300px;border:none;border-radius:0}.tpl-mini-badge{position:absolute;top:var(--space-1);right:var(--space-1);z-index:1;font-size:10px;font-weight:700;color:var(--color-gray-700);background:#ffffffeb;border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:1px var(--space-2)}.tpl-blank-preview{display:flex;align-items:center;justify-content:center;font-size:40px;color:var(--color-text-subtle);border-style:dashed}.tpl-card-name{font-size:13px;font-weight:600;color:var(--color-text)}.tpl-card-desc{font-size:11px;color:var(--color-text-muted);line-height:1.4}.builder-reselect-row{margin-bottom:var(--space-2)}.builder-reselect-confirm{display:inline-flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--color-warning-fg);background:var(--color-warning-soft);border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.site-layout{display:flex;min-height:calc(100vh - var(--topbar-height))}.site-main{flex:1;overflow-y:auto;min-width:0}.sidenav{width:220px;flex-shrink:0;background:var(--color-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:var(--topbar-height);height:calc(100vh - var(--topbar-height));overflow-y:auto}.sidenav-section-label{font-size:10px;font-weight:700;color:var(--color-text-subtle);letter-spacing:.1em;text-transform:uppercase;padding:0 8px;margin-bottom:8px}.sidenav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:13px;color:var(--color-nav-text);text-decoration:none;cursor:pointer;transition:background .15s,color .15s;border:none;background:transparent;width:100%;text-align:left;line-height:1}.sidenav-item:hover{background:var(--color-neutral-soft);color:var(--color-text-strong)}.sidenav-item.active{background:var(--color-accent-soft);color:var(--color-primary);font-weight:500}.sidenav-icon{font-size:15px;flex-shrink:0;width:18px;text-align:center}.sidenav-badge{margin-left:auto;background:var(--color-primary);color:var(--color-on-primary);font-size:10px;font-weight:700;padding:2px 6px;border-radius:9999px;min-width:18px;text-align:center}.sidenav-divider{border:none;border-top:1px solid var(--color-border);margin:8px 0}.sidenav-new-btn{color:var(--color-primary);font-weight:500}.sidenav-new-btn:hover{background:var(--color-accent-soft)}.sidenav-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--color-border)}.sidenav-settings svg{width:16px;height:16px;flex-shrink:0}.template-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;padding-bottom:32px}.template-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .1s;display:flex;flex-direction:column}.template-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.template-card-preview{background:var(--color-bg);height:90px;display:flex;align-items:center;justify-content:center}.template-size-badge{font-size:11px;color:var(--color-text-muted);background:var(--color-card);border:1px solid var(--color-border);border-radius:4px;padding:2px 8px}.template-card-body{padding:12px 14px 8px;flex:1}.template-card-name{font-size:13px;font-weight:600;color:var(--color-text-strong);margin-bottom:4px}.template-card-desc{font-size:12px;color:var(--color-text-muted);line-height:1.4}.template-card-actions{display:flex;gap:8px;margin:8px 14px 14px}.template-preview-btn{flex-shrink:0;padding:7px 12px;border-radius:7px;background:var(--color-card);color:var(--color-nav-text);font-size:12px;font-weight:500;border:1px solid var(--color-border-strong);cursor:pointer;transition:background .15s,border-color .15s}.template-preview-btn:hover{background:var(--color-surface-muted);border-color:var(--color-text-subtle)}.template-card-btn{flex:1;padding:7px 0;border-radius:7px;background:var(--color-surface-inverse);color:var(--color-on-primary);font-size:12px;font-weight:500;border:none;cursor:pointer;transition:background .15s}.template-card-btn:hover{background:var(--color-surface-inverse-hover)}.template-count-label{font-size:13px;color:var(--color-text-muted);padding:5px 12px;background:var(--color-neutral-soft);border-radius:20px}.template-card-size{font-size:11px;color:var(--color-text-subtle);margin-top:6px}.gallery-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.gallery-filter-group{display:flex;flex-wrap:wrap;gap:var(--space-1)}.gallery-filter-chip{border:1px solid var(--color-border-strong);background:var(--color-card);color:var(--color-text-muted);border-radius:var(--radius-pill);padding:4px var(--space-3);font-size:12px;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.gallery-filter-chip:hover{background:var(--color-surface-muted)}.gallery-filter-chip.active{background:var(--color-accent);color:var(--color-on-primary);border-color:var(--color-accent)}.tpl-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#11182799;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;animation:page-fade-in var(--motion-fast) var(--ease-out)}.save-tpl-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#1118278c;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;animation:page-fade-in var(--motion-fast) var(--ease-out)}.save-tpl-dialog{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(440px,96vw);display:flex;flex-direction:column;overflow:hidden}.save-tpl-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--color-border)}.save-tpl-close{border:none;background:none;cursor:pointer;font-size:16px;color:var(--color-text-muted)}.save-tpl-body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.save-tpl-foot{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.save-tpl-error{color:var(--color-danger);font-size:13px;margin:0}.save-tpl-done{font-size:14px;margin:0}.confirm-save-tpl{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px dashed var(--color-border)}.my-tpl-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.my-tpl-confirm{font-size:12px;color:var(--color-danger)}.my-tpl-delete{color:var(--color-text-muted)}.my-tpl-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:2px}.my-tpl-chip{font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;white-space:nowrap}.my-tpl-chip-popup{background:var(--color-accent-soft);color:var(--color-primary-strong)}.my-tpl-chip-inline{background:var(--tplchip-inline-bg);color:var(--tplchip-inline-fg)}.my-tpl-chip-rewrite{background:var(--tplchip-rewrite-bg);color:var(--tplchip-rewrite-fg)}.tpl-modal{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(1100px,96vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.tpl-modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.tpl-modal-title{font-size:16px;font-weight:700;color:var(--color-text)}.tpl-modal-sub{font-size:12px;color:var(--color-text-muted);margin-top:2px}.tpl-modal-close{border:none;background:transparent;font-size:24px;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0 var(--space-1);border-radius:var(--radius-sm)}.tpl-modal-close:hover{background:var(--color-surface-muted);color:var(--color-text)}.tpl-modal-stage{flex:1;min-height:0;background:var(--color-surface-muted)}.tpl-modal-stage .preview-frame{height:62vh;border:none;border-radius:0}.tpl-modal-foot{display:flex;justify-content:flex-end;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border)}.costs-page{max-width:920px}.costs-disclaimer{margin-top:calc(-1 * var(--space-2))}.costs-rate-row{margin:var(--space-3) 0}.costs-rate-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.85rem;font-weight:600}.costs-rate-label input[type=number]{width:90px}.costs-rate-label .field-hint{font-weight:400}.costs-section{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card)}.costs-section h2{margin:0 0 var(--space-3);font-size:1.05rem}.costs-table-wrap{overflow-x:auto}.costs-table{width:100%;border-collapse:collapse;font-size:.9rem}.costs-table th,.costs-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--color-border)}.costs-table th{color:var(--color-text-muted);font-weight:600}.costs-current-figures{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-3)}.costs-current-label{font-size:.85rem;color:var(--color-text-muted)}.costs-current-amount{font-size:1.6rem;font-weight:700}.costs-current-amount.muted{font-size:1rem;font-weight:500;color:var(--color-text-muted)}.costs-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin:0 0 var(--space-3)}.costs-facts dt{font-size:.78rem;color:var(--color-text-muted)}.costs-facts dd{margin:2px 0 0;font-size:1.15rem;font-weight:600}.costs-breakdown{display:flex;flex-direction:column;gap:6px;margin-top:var(--space-2)}.costs-bar-row{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:var(--space-2);font-size:.85rem}.costs-bar-label{color:var(--color-text-muted)}.costs-bar-track{height:10px;background:var(--color-surface-muted);border-radius:999px;overflow:hidden}.costs-bar-fill{display:block;height:100%;background:var(--color-primary);border-radius:999px}.costs-bar-value{text-align:right;font-variant-numeric:tabular-nums}.costs-bar-total{margin-top:4px;padding-top:6px;border-top:1px solid var(--color-border);font-weight:700}.costs-sim-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.costs-sim-field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600}.costs-sim-field input[type=number]{width:120px}.costs-sim-note{font-size:.75rem;font-weight:400;color:var(--color-text-muted)}.costs-sim-primary{grid-column:1 / -1}.costs-sim-result{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.costs-sim-total{font-size:1.05rem;margin-bottom:var(--space-2)}.costs-sim-total strong{font-size:1.35rem}.prio-panel{margin:var(--space-3) 0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:10px;background:var(--color-card)}.prio-panel-title{margin:0 0 var(--space-1);font-size:1rem;font-weight:700}.prio-panel-note{margin:0 0 var(--space-2);font-size:.82rem;color:var(--color-text-muted)}.prio-panel-footnote{margin:var(--space-2) 0 0;font-size:.76rem;color:var(--color-text-muted)}.prio-group+.prio-group{margin-top:var(--space-3)}.prio-group-title{font-size:.82rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-1)}.prio-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.prio-row{display:flex;align-items:center;gap:var(--space-2);padding:6px 8px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-card)}.prio-row.is-dragging{opacity:.6}.prio-row.is-static{background:var(--color-surface-alt)}.prio-drag-handle{cursor:grab;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;touch-action:none}.prio-rank{min-width:1.5em;text-align:center;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.prio-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prio-status{font-size:.78rem;white-space:nowrap}.prio-verdict{font-size:.78rem;white-space:nowrap;padding:2px 8px;border-radius:999px}.prio-verdict.is-win{background:var(--color-win-soft);color:var(--color-win-soft-fg)}.prio-verdict.is-lose{background:var(--color-neutral-soft);color:var(--color-text-muted)}.prio-verdict.is-idle{background:transparent;color:var(--color-text-subtle)}.prio-actions{display:flex;gap:2px}.prio-empty{font-size:.82rem;color:var(--color-text-muted);padding:4px 0}.prio-error{margin-bottom:var(--space-2);padding:6px 10px;border-radius:8px;background:var(--color-error-soft);color:var(--color-error-soft-fg);font-size:.82rem}.preview-right-title{font-size:.82rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-1)}.signal-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;display:inline-block;background:var(--color-signal-inconclusive)}.signal-dot[data-signal=collecting]{background:var(--color-signal-collecting)}.signal-dot[data-signal=trend_positive]{background:var(--color-signal-trend-positive)}.signal-dot[data-signal=trend_negative]{background:var(--color-signal-trend-negative)}.signal-dot[data-signal=win]{background:var(--color-signal-win)}.signal-dot[data-signal=loss]{background:var(--color-signal-loss)}.signal-dot[data-signal=inconclusive]{background:var(--color-signal-inconclusive)}.sidenav-icon svg{display:block}:root[data-theme=new] .btn-primary{font-weight:700}:root[data-theme=new] .preview-bg-fallback{background:repeating-linear-gradient(135deg,var(--color-surface-muted),var(--color-surface-muted) 12px,var(--color-surface) 12px,var(--color-surface) 24px)}:root[data-theme=new] .preview-body.preview-3col{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:18px;align-items:start}:root[data-theme=new] .preview-3col>.urlpanel{grid-column:1;grid-row:1}:root[data-theme=new] .preview-3col>.preview-right{grid-column:2;grid-row:1;min-width:0}:root[data-theme=new] .preview-3col>.preview-rail{grid-column:3;grid-row:1}:root[data-theme=new] .preview-rail{display:flex;flex-direction:column;gap:12px;min-width:0}@media (max-width: 1200px){:root[data-theme=new] .preview-body.preview-3col{grid-template-columns:minmax(0,1fr)}:root[data-theme=new] .preview-3col>.urlpanel,:root[data-theme=new] .preview-3col>.preview-right,:root[data-theme=new] .preview-3col>.preview-rail{grid-column:1;grid-row:auto}:root[data-theme=new] .urlpanel{position:static}}.urlpanel{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-sm);padding:18px 14px;position:sticky;top:20px}.urlpanel-title{font-size:14px;font-weight:800;color:var(--color-text-strong)}.urlpanel-sub{margin:2px 0 10px;font-size:11.5px;color:var(--color-text-muted)}.urlpanel-search{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:10px;font-size:12.5px;background:var(--color-card);color:var(--color-text)}.urlpanel-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,#fff)}.urlpanel-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.urlpanel-row{width:100%;text-align:left;display:flex;flex-direction:column;gap:4px;padding:10px 11px;border:1px solid transparent;border-radius:11px;background:transparent;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.urlpanel-row:hover{background:#fbfcfe;transform:translate(3px)}.urlpanel-row.is-active{background:var(--color-surface);border-color:var(--color-primary-border);box-shadow:inset 3px 0 0 var(--color-primary)}.urlpanel-row-head{display:flex;align-items:center;gap:6px;justify-content:space-between}.urlpanel-path{font-size:13px;font-weight:800;color:var(--color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urlpanel-conflict{flex-shrink:0;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:var(--radius-pill);background:var(--color-warning-soft);color:var(--color-warning-fg);border:1px solid var(--color-warning-border)}.urlpanel-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-text-muted)}.urlpanel-running{color:var(--color-status-running);font-weight:700}.urlpanel-dots{margin-left:auto;display:inline-flex;gap:3px}.urlpanel-dot{width:8px;height:8px;border-radius:50%;background:var(--color-neutral)}.urlpanel-dot[data-type=popup]{background:var(--type-popup)}.urlpanel-dot[data-type=inline]{background:var(--type-inline)}.urlpanel-dot[data-type=rewrite]{background:var(--type-rewrite)}.urlpanel-dot[data-type=form_optimize]{background:var(--type-efo)}.urlpanel-empty{margin-top:10px;font-size:12px;color:var(--color-text-muted)}.preview-urlline{display:flex;align-items:center;gap:6px;margin-bottom:var(--space-2);padding:6px 10px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-card);font-size:12px;color:var(--color-text-muted)}.preview-urlline-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-bg-loading{flex-direction:column;gap:var(--space-2)}.preview-spinner{width:22px;height:22px;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .8s linear infinite}.prio-row-stack{flex-direction:column;align-items:stretch;gap:4px}.prio-row-main{display:flex;align-items:center;gap:var(--space-2)}.prio-form-matches{list-style:none;margin:0;padding:0 0 0 22px;font-size:11px;color:var(--color-text-muted)}.prio-form-matches li[data-count="0"]{color:var(--color-danger)}.prio-form-note{margin:2px 0 0 22px;font-size:11px;color:var(--color-text-muted)}.experiment-table td{height:auto;min-height:48px}.cell-result{min-width:120px;white-space:nowrap}.cell-days{min-width:104px;white-space:nowrap}.cell-impressions,.cell-started{white-space:nowrap}:root[data-theme=new] .site-layout:has(.sidenav-shell){padding-top:0}.sidenav-shell{background:linear-gradient(180deg,#fff,#fbfcfe);border-right:1px solid var(--color-border);padding:18px 14px;display:flex;flex-direction:column;gap:5px;position:sticky;top:0;height:100vh}.sn-brand{display:flex;align-items:center;gap:10px;padding:6px 8px 12px}.sn-logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--color-primary),#93aec4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px}.sn-name{font-weight:800;font-size:15px;color:var(--color-text-strong)}.sn-site-switch{margin:0 4px 8px;position:relative}.sn-site-switch select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;padding:9px 30px 9px 12px;font-family:inherit;font-size:13px;font-weight:700;color:var(--color-text);cursor:pointer}.sn-site-switch:after{content:"▾";position:absolute;right:12px;top:9px;color:var(--color-text-muted);pointer-events:none}.sn-site-switch select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 18%,#fff)}.sn-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;color:var(--color-text);cursor:pointer;font-weight:600;font-size:14px;border:1px solid transparent;background:transparent;text-decoration:none;font-family:inherit;text-align:left;transition:background .2s var(--ease),transform .2s var(--ease),color .2s}.sn-ic{width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.82;transition:transform .3s var(--ease),opacity .2s}.sn-ic svg{display:block}.sn-item:hover{background:var(--color-surface);transform:translate(3px)}.sn-item:hover .sn-ic{opacity:1;transform:scale(1.1)}.sn-item.is-active{background:var(--color-surface);border-color:var(--color-primary-border);color:var(--color-primary-strong)}.sn-item.is-active .sn-ic{opacity:1}.sn-bdg{margin-left:auto;background:var(--color-neutral);color:var(--color-primary-strong);font-size:11px;font-weight:800;padding:1px 8px;border-radius:var(--radius-pill)}.sn-cta{background:var(--color-primary);color:var(--color-on-primary);justify-content:center;font-weight:800;box-shadow:var(--shadow-sm);margin-top:6px;gap:3px}.sn-cta:hover{background:var(--color-primary-strong);transform:translateY(-2px)}.sn-cta svg{opacity:.95}.sn-sep{height:1px;background:var(--color-border);margin:8px 6px}.sn-foot{margin-top:auto;position:relative;border-top:1px solid var(--color-border)}.sn-foot-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px;background:transparent;border:none;border-radius:11px;cursor:pointer;font-family:inherit;text-align:left;color:var(--color-text)}.sn-foot-btn:hover{background:var(--color-surface)}.sn-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-neutral);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--color-primary-strong);font-size:13px;flex-shrink:0}.sn-foot-text{min-width:0}.sn-foot-text strong{display:block;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-foot-text small{display:block;color:var(--color-text-muted);font-size:11px}.sn-foot-menu{position:absolute;bottom:calc(100% + 6px);left:6px;right:6px;background:var(--color-card);border:1px solid var(--color-border);border-radius:11px;box-shadow:var(--shadow-md);padding:6px;z-index:20}.sn-foot-email{font-size:11px;color:var(--color-text-muted);padding:6px 8px;overflow:hidden;text-overflow:ellipsis}.sn-foot-item{width:100%;text-align:left;padding:8px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-size:13px;color:var(--color-text)}.sn-foot-item:hover{background:var(--color-surface)}:root[data-theme=new] .type-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}:root[data-theme=new] .fchip{padding:8px 14px;border-radius:var(--radius-pill);background:var(--color-card);border:1px solid var(--color-border);font-size:13px;font-weight:700;color:var(--color-text-muted);cursor:pointer;font-family:inherit;transition:.18s var(--ease)}:root[data-theme=new] .fchip:hover{transform:translateY(-2px);background:var(--color-surface)}:root[data-theme=new] .fchip.is-on{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}:root[data-theme=new] .search-wide{flex:1;min-width:220px;border-radius:11px;padding:9px 13px;font-size:14px}:root[data-theme=new] .experiment-table{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}:root[data-theme=new] .experiment-table th{background:#fbfcfe;font-size:12px;font-weight:800;letter-spacing:.04em;padding:13px 20px}:root[data-theme=new] .experiment-table td{padding:13px 20px}:root[data-theme=new] .experiment-row{position:relative;--acc: var(--color-neutral);transition:background .18s,transform .18s var(--ease)}:root[data-theme=new] .experiment-row[data-dt=popup]{--acc: var(--type-popup)}:root[data-theme=new] .experiment-row[data-dt=inline]{--acc: var(--type-inline)}:root[data-theme=new] .experiment-row[data-dt=rewrite]{--acc: var(--type-rewrite)}:root[data-theme=new] .experiment-row[data-dt=form_optimize]{--acc: var(--type-efo)}:root[data-theme=new] .experiment-row>td:first-child:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:4px;border-radius:0 4px 4px 0;background:var(--acc)}:root[data-theme=new] .experiment-row:hover{background:#fbfcfe;transform:translate(4px)}:root[data-theme=new] .exp-url-link{display:inline-flex;align-items:center;gap:5px;margin-top:3px;font-size:12px;font-weight:600;color:var(--color-text-muted);text-decoration:none}:root[data-theme=new] .exp-url-link:hover{color:var(--color-primary-strong)}:root[data-theme=new] .exp-url-link:hover .exp-url-path{text-decoration:underline;text-underline-offset:2px}:root[data-theme=new] .site-badge{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--color-text);background:var(--color-card);border:1px solid var(--color-border);padding:5px 11px;border-radius:var(--radius-pill);white-space:nowrap}:root[data-theme=new] .site-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--color-status-running);flex-shrink:0}:root[data-theme=new] .tpill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:var(--radius-pill);white-space:nowrap;--acc: var(--color-neutral);background:color-mix(in srgb,var(--acc) 20%,#fff);color:var(--acc)}:root[data-theme=new] .tpill[data-dt=popup]{--acc: var(--type-popup)}:root[data-theme=new] .tpill[data-dt=inline]{--acc: var(--type-inline)}:root[data-theme=new] .tpill[data-dt=rewrite]{--acc: var(--type-rewrite)}:root[data-theme=new] .tpill[data-dt=form_optimize]{--acc: var(--type-efo)}:root[data-theme=new] .status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap}:root[data-theme=new] .status-badge[data-status=running]{background:color-mix(in srgb,#b7c9b3 34%,#fff);color:#4b6b48}:root[data-theme=new] .status-badge[data-status=draft]{background:color-mix(in srgb,#f3e4c2 44%,#fff);color:#94773f}:root[data-theme=new] .status-badge[data-status=paused]{background:var(--color-surface);color:var(--color-primary-strong)}:root[data-theme=new] .status-badge[data-status=stopped]{background:color-mix(in srgb,#fad8d1 42%,#fff);color:#b26050}:root[data-theme=new] .status-badge[data-status=archived]{background:color-mix(in srgb,var(--color-neutral) 55%,#fff);color:var(--color-primary-strong)}:root[data-theme=new] .col-sort-arrow{opacity:0;font-size:10px;transition:opacity .15s}:root[data-theme=new] .col-sort.active,:root[data-theme=new] .col-sort:hover{color:var(--color-primary-strong)}:root[data-theme=new] .col-sort.active .col-sort-arrow{opacity:1}:root[data-theme=new] .table-scroll{overflow-x:auto;border-radius:var(--radius-lg)}:root[data-theme=new] .table-scroll .experiment-table{min-width:1120px}:root[data-theme=new] .crumb{font-size:12px;color:var(--color-text-muted);margin-bottom:2px}:root[data-theme=new] .crumb b{color:var(--color-text)}:root[data-theme=new] .page-sub{margin:4px 0 0;font-size:12.5px;color:var(--color-text-muted);max-width:78ch}:root[data-theme=new] .page-sub b{color:var(--color-primary-strong)}:root[data-theme=new] .urlpanel{padding:0;overflow:hidden}:root[data-theme=new] .up-head{padding:14px 14px 12px;border-bottom:1px solid var(--color-border)}:root[data-theme=new] .up-search{display:flex;align-items:center;gap:7px;background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;padding:8px 10px;transition:border-color .2s,box-shadow .2s}:root[data-theme=new] .up-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,#fff)}:root[data-theme=new] .up-search .urlpanel-search{border:none;outline:none;padding:0;background:transparent;font-size:13px;box-shadow:none}:root[data-theme=new] .urlpanel-list{margin:0;padding:10px}:root[data-theme=new] .urlpanel-empty{padding:24px;text-align:center;font-size:12px}:root[data-theme=new] .preview-right{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}:root[data-theme=new] .preview-bar-title{font-weight:800;font-size:13px;color:var(--color-text-strong)}:root[data-theme=new] .preview-controls.preview-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:11px 16px;border-bottom:1px solid var(--color-border);margin:0}:root[data-theme=new] .preview-bar-title{padding:11px 16px 0}:root[data-theme=new] .preview-controls.preview-bar .preview-toggle{background:var(--color-surface);border-radius:10px;padding:3px;gap:3px;border:none}:root[data-theme=new] .preview-controls.preview-bar .preview-toggle-btn{border:none;background:transparent;padding:7px 12px;border-radius:8px;font-weight:700;font-size:13px;color:var(--color-text-muted)}:root[data-theme=new] .preview-controls.preview-bar .preview-toggle-btn.active{background:var(--color-card);color:var(--color-primary-strong);box-shadow:var(--shadow-sm)}:root[data-theme=new] .preview-urlbar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--color-border);font-size:11.5px;color:var(--color-text-muted);background:#fbfcfe;flex-wrap:wrap}:root[data-theme=new] .preview-urlbar-url{color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}:root[data-theme=new] .preview-stage-wrap{background:linear-gradient(180deg,#eef2f6,#e7edf3);border:none;border-radius:0;padding:22px}:root[data-theme=new] .pri-panel{padding:0;overflow:hidden}:root[data-theme=new] .pri-title{font-size:14px;font-weight:800;padding:15px 16px 4px;margin:0}:root[data-theme=new] .pri-desc{font-size:12px;color:var(--color-text-muted);padding:0 16px 12px;border-bottom:1px solid var(--color-border);margin:0}:root[data-theme=new] .pri-desc b{color:var(--color-primary-strong)}:root[data-theme=new] .pri-list{padding:12px}:root[data-theme=new] .pi{display:grid;grid-template-columns:22px 24px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--color-border);border-radius:11px;background:var(--color-card);transition:box-shadow .2s var(--ease),border-color .2s}:root[data-theme=new] .pi+.pi{margin-top:8px}:root[data-theme=new] .pi.dragging{opacity:.55;box-shadow:var(--shadow-lg);border-color:var(--color-primary)}:root[data-theme=new] .pi-handle{cursor:grab;color:#c2ccd6;font-size:17px;text-align:center;-webkit-user-select:none;user-select:none;touch-action:none}:root[data-theme=new] .pi-handle.is-off{cursor:default}:root[data-theme=new] .pi-pn{width:24px;height:24px;border-radius:7px;background:var(--color-surface);color:var(--color-primary-strong);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}:root[data-theme=new] .pi.win .pi-pn{background:var(--color-primary);color:var(--color-on-primary)}:root[data-theme=new] .pi-name{font-weight:700;font-size:12.5px;line-height:1.35;min-width:0}:root[data-theme=new] .pi-tp{font-size:10.5px;font-weight:800;color:var(--acc, var(--color-text-muted))}:root[data-theme=new] .pi[data-dt=popup]{--acc: var(--type-popup)}:root[data-theme=new] .pi[data-dt=inline]{--acc: var(--type-inline)}:root[data-theme=new] .pi[data-dt=rewrite]{--acc: var(--type-rewrite)}:root[data-theme=new] .pi[data-dt=form_optimize]{--acc: var(--type-efo)}:root[data-theme=new] .pi-matches,:root[data-theme=new] .pi-note{display:block;font-size:10.5px;font-weight:600;color:var(--color-text-muted);margin-top:3px}:root[data-theme=new] .pi-matches span[data-count="0"]{color:var(--color-danger)}:root[data-theme=new] .pi-flag{font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap}:root[data-theme=new] .pi-flag.is-show{background:color-mix(in srgb,#b7c9b3 40%,#fff);color:#43663f}:root[data-theme=new] .pi-flag.is-hide{background:#eff1f4;color:#98a2ad}:root[data-theme=new] .pi-flag.is-applied{background:color-mix(in srgb,var(--color-primary) 18%,#fff);color:var(--color-primary-strong)}:root[data-theme=new] .pi-flag.is-off{background:var(--color-surface);color:var(--color-primary-strong)}:root[data-theme=new] .pi-acts{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:2px;opacity:0;max-height:0;overflow:hidden;transition:opacity .18s var(--ease),max-height .18s var(--ease)}:root[data-theme=new] .pi:hover .pi-acts,:root[data-theme=new] .pi:focus-within .pi-acts{opacity:1;max-height:32px}@media (hover: none),(pointer: coarse){:root[data-theme=new] .pi-acts{opacity:1;max-height:32px}}:root[data-theme=new] .pri-foot{padding:12px 16px;border-top:1px solid var(--color-border);font-size:11.5px;color:var(--color-text-muted);background:#fbfcfe}:root[data-theme=new] .template-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative;transition:transform .26s var(--ease),box-shadow .26s var(--ease)}:root[data-theme=new] .template-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}:root[data-theme=new] .template-card{--acc: var(--type-popup)}:root[data-theme=new] .template-card[data-dt=inline]{--acc: var(--type-inline)}:root[data-theme=new] .template-card[data-dt=rewrite]{--acc: var(--type-rewrite)}:root[data-theme=new] .template-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--acc);z-index:1;border-radius:var(--radius-lg) var(--radius-lg) 0 0}:root[data-theme=new] .template-card .tpl-mini{margin-top:5px}:root[data-theme=new] .template-card-btn{background:var(--color-primary);color:var(--color-on-primary);font-weight:700;border-radius:9px}:root[data-theme=new] .template-card-btn:hover{background:var(--color-primary-strong)}:root[data-theme=new] .template-preview-btn{border-radius:9px;border-color:var(--color-border);font-weight:700}:root[data-theme=new] .template-preview-btn:hover{background:var(--color-surface);border-color:var(--color-primary-border);color:var(--color-primary-strong)}:root[data-theme=new] .gallery-filter-chip{border-radius:var(--radius-pill);padding:8px 14px;font-weight:700;transition:.18s var(--ease)}:root[data-theme=new] .gallery-filter-chip:hover{transform:translateY(-2px);background:var(--color-surface)}:root[data-theme=new] .gallery-filter-chip.active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}:root[data-theme=new] .my-tpl-chip-popup{background:color-mix(in srgb,var(--type-popup) 20%,#fff);color:var(--type-popup)}:root[data-theme=new] .my-tpl-chip-inline{background:color-mix(in srgb,var(--type-inline) 20%,#fff);color:var(--type-inline)}:root[data-theme=new] .my-tpl-chip-rewrite{background:color-mix(in srgb,var(--type-rewrite) 20%,#fff);color:var(--type-rewrite)}:root[data-theme=new] .tpl-modal{border-radius:var(--radius-lg)}:root[data-theme=new] .status-menu-wrap{position:relative;display:inline-flex;align-items:center;gap:6px}:root[data-theme=new] .status-badge-btn{border:none;font-family:inherit;cursor:pointer;transition:filter .15s,transform .15s var(--ease)}:root[data-theme=new] .status-badge-btn:not(:disabled):hover{filter:brightness(.97);transform:translateY(-1px)}:root[data-theme=new] .status-badge-btn:disabled{cursor:default}:root[data-theme=new] .status-badge-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:root[data-theme=new] .status-badge-caret{font-size:9px;opacity:.7}:root[data-theme=new] .status-badge-pending{font-size:10px;font-weight:700;opacity:.8}:root[data-theme=new] .status-menu{position:fixed;z-index:200;min-width:172px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;animation:pop .18s var(--ease)}:root[data-theme=new] .status-menu-item{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--color-text);text-align:left}:root[data-theme=new] .status-menu-item:hover{background:var(--color-surface)}:root[data-theme=new] .status-menu-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}:root[data-theme=new] .status-menu-mark{font-size:11px}:root[data-theme=new] .status-menu-to{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--color-text-muted)}:root[data-theme=new] .status-menu-confirm{min-width:208px;padding:10px}:root[data-theme=new] .status-confirm-text{margin:0 0 8px;font-size:12.5px;font-weight:700;color:var(--color-text)}:root[data-theme=new] .status-confirm-text small{font-weight:600;color:var(--color-danger)}:root[data-theme=new] .status-confirm-actions{display:flex;justify-content:flex-end;gap:8px}:root[data-theme=new] .status-badge-error{font-size:10.5px;font-weight:700;color:var(--color-error-soft-fg);background:var(--color-error-soft);padding:2px 8px;border-radius:var(--radius-pill);white-space:nowrap}:root[data-theme=new] .cell-outcome{display:flex;flex-direction:column;gap:1px;margin-top:2px}:root[data-theme=new] .cell-reach,:root[data-theme=new] .cell-cv{font-size:11px;color:var(--color-text-subtle);font-variant-numeric:tabular-nums;white-space:nowrap}:root[data-theme=new] .cell-cv{font-weight:700;color:var(--color-text-muted)}:root[data-theme=new] .service-picker-lead{margin:0 0 18px}:root[data-theme=new] .service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:860px}:root[data-theme=new] .service-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:20px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;font-family:inherit;text-align:left;--acc: var(--type-popup);transition:transform .26s var(--ease),box-shadow .26s var(--ease)}:root[data-theme=new] .service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}:root[data-theme=new] .service-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:root[data-theme=new] .service-card[data-dt=popup]{--acc: var(--type-popup)}:root[data-theme=new] .service-card[data-dt=inline]{--acc: var(--type-inline)}:root[data-theme=new] .service-card[data-dt=rewrite]{--acc: var(--type-rewrite)}:root[data-theme=new] .service-card[data-dt=form_optimize]{--acc: var(--type-efo)}:root[data-theme=new] .service-card-bar{position:absolute;top:0;left:0;right:0;height:5px;background:var(--acc)}:root[data-theme=new] .service-card-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;background:color-mix(in srgb,var(--acc) 24%,#fff);color:var(--acc)}:root[data-theme=new] .service-card-name{font-size:16px;font-weight:800;color:var(--color-text-strong)}:root[data-theme=new] .service-card-desc{font-size:13px;color:var(--color-text-muted)}@media (max-width: 720px){:root[data-theme=new] .service-grid{grid-template-columns:1fr}}:root[data-theme=new] .service-locked{display:flex;align-items:center;gap:10px;flex-wrap:wrap}:root[data-theme=new] .service-locked-note{font-size:12px;color:var(--color-text-muted)}:root[data-theme=new] .trg-list{display:flex;flex-direction:column;gap:8px}:root[data-theme=new] .trg-item{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card);transition:border-color .2s var(--ease),background .2s var(--ease)}:root[data-theme=new] .trg-item.is-on{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 6%,#fff)}:root[data-theme=new] .trg-item .radio-label{display:flex;align-items:center;gap:8px;margin:0}:root[data-theme=new] .trg-item-label{font-weight:700;color:var(--color-text-strong)}:root[data-theme=new] .trg-item-hint{font-size:12px;color:var(--color-text-muted)}:root[data-theme=new] .trg-item-input{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0 26px}:root[data-theme=new] .trg-item-input input[type=number]{width:96px}:root[data-theme=new] .trg-unit{font-size:13px;color:var(--color-text-muted)}:root[data-theme=new] .trg-note{margin:0}:root[data-theme=new] .trg-readout{margin:10px 0 0;padding:10px 12px;border-radius:var(--radius-md);background:var(--color-surface);font-size:13px;color:var(--color-text-strong)}