:root{color:var(--color-text);background:var(--color-layout);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface-radius:16px;--inner-radius:14px;--shadow-soft:0 10px 24px #0f172a0d;font-family:Public Sans,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:var(--color-primaryStrong)}button,input,select{font:inherit}button,select,input{border-radius:var(--radius);max-width:100%;min-height:36px;color:inherit;background:#fff;border:1px solid #d9d9d9;padding:7px 12px}button{background:var(--color-primary);border-color:var(--color-primary);color:#fff;cursor:pointer;font-weight:500;transition:background .16s,border-color .16s}button:hover{background:#d84a08;border-color:#d84a08}button.secondary{color:var(--color-text);background:#fff;border-color:#d9d9d9}button.secondary:hover,input:hover,select:hover{border-color:var(--color-primary)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}label{color:#475569;flex-direction:column;gap:6px;font-size:13px;display:flex}small{color:var(--color-muted);font-size:12px;font-weight:400;display:block}.skip-link{z-index:100;background:#fff;padding:12px;position:fixed;top:-80px}.skip-link:focus{top:12px;left:12px}.application{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--color-border);background:#fff;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0;box-shadow:0 10px 30px #0f172a0f}.brand{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;height:64px;padding:7px 16px;display:flex}.brand-mark{background:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 8px 16px #ec5b131a}.brand-mark img{width:40px;height:40px}.brand-copy strong{letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:24px;display:block}.brand-copy>span{color:var(--color-muted);letter-spacing:1px;text-transform:uppercase;font-size:11px;display:block}.nav-caption{letter-spacing:1px;color:#94a3b8;margin:24px 24px 8px;font-size:11px}nav{padding:0 8px}nav a{background:var(--color-primarySoft);color:var(--color-primaryStrong);border-radius:8px;align-items:center;gap:12px;margin:4px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}nav a:hover{background:#ffe6d6}nav svg{flex-shrink:0;width:18px;height:18px}.sidebar-caption{color:var(--color-muted);border-top:1px solid var(--color-border);margin:auto 0 0;padding:16px 24px;font-size:12px}.workspace{flex:1;min-width:0}.workspace-header{z-index:10;border-bottom:1px solid var(--color-border);background:#fff;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 24px 0 16px;font-size:14px;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0f172a0a}.header-path,.breadcrumb{align-items:center;gap:16px;min-width:0;display:flex}.header-divider{background:var(--color-border);width:1px;height:24px}.breadcrumb{color:var(--color-muted);gap:12px}.breadcrumb strong{color:var(--color-text);font-weight:500}.icon-button{width:36px;height:36px;color:var(--color-muted);background:0 0;border:0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{color:var(--color-text);background:#f1f5f9}.icon-button svg{width:20px;height:20px}.connection-state{color:#64748b;border:1px solid var(--color-border);white-space:nowrap;background:#f1f5f9;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.connection-state.connected{color:var(--color-primaryStrong);background:var(--color-primarySoft);border-color:#fed7aa}main{max-width:1600px;margin:0 auto;padding:28px}.page-heading{margin-bottom:24px}.eyebrow{color:var(--color-muted);letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:700}h1{letter-spacing:-.03em;overflow-wrap:anywhere;margin:4px 0 8px;font-size:28px;font-weight:700;line-height:1.3}.page-heading>p:last-child{color:var(--color-muted);margin:0;font-size:14px}h2{border-bottom:1px solid var(--color-border);margin:0;padding:18px 24px;font-size:16px;font-weight:600}h3{margin:18px 0 8px;font-size:16px}.session-bar{border:1px solid var(--color-border);border-radius:var(--inner-radius);box-shadow:var(--shadow-soft);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:16px 20px;display:flex}.session-bar strong{color:var(--color-primaryStrong);font-size:13px}.session-bar p{color:var(--color-muted);margin:3px 0 0;font-size:12px}.session-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.notice{border:1px solid var(--color-border);border-radius:var(--inner-radius);overflow-wrap:anywhere;background:#fff;padding:28px}.notice p{margin:0 0 12px}.notice h1{margin-bottom:12px;font-size:24px}.notice.error{background:#fff2f0;border-color:#ffccc7}.notice.empty{color:var(--color-muted);text-align:center;padding:44px 24px}.muted{color:var(--color-muted);font-size:12px}.resource-id{overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:12px}.back-link{margin-bottom:18px;font-size:13px;text-decoration:none;display:inline-block}.section-summary{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;display:flex}.section-summary>span{color:var(--color-muted);font-size:13px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.site-card{border:1px solid var(--color-border);border-radius:var(--surface-radius);box-shadow:var(--shadow-soft);background:#fff;padding:24px;transition:border-color .16s,box-shadow .16s}.site-card:hover{border-color:#fdba74;box-shadow:0 12px 28px #ec5b1314}.site-card h2{overflow-wrap:anywhere;border:0;padding:12px 0 0;font-size:20px}.site-card h2 a{color:var(--color-text);text-decoration:none}.site-card .resource-id{color:var(--color-muted);margin-top:4px}.action-link{margin-top:16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.badge{border:1px solid var(--color-border);color:#475569;white-space:nowrap;background:#f8fafc;border-radius:6px;padding:1px 8px;font-size:12px;display:inline-block}.site-card>.badge{color:var(--color-primaryStrong);background:var(--color-primarySoft);border-color:#fed7aa}.table-wrap{border:1px solid var(--color-border);border-radius:var(--inner-radius);background:#fff;max-width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{color:#475569;background:#fafafa;font-weight:600}th,td{vertical-align:top;border-bottom:1px solid #f0f0f0;padding:16px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafafa}td a{text-decoration:none}.pager{color:#475569;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;padding:20px 0;font-size:13px;display:flex}.pager label{flex-direction:row;align-items:center}.pager a{border:1px solid var(--color-border);background:#fff;border-radius:6px;padding:4px 8px;text-decoration:none}.pager [aria-disabled]{color:#94a3b8;padding:4px 8px}.device-summary{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-bottom:20px;font-size:13px;display:flex}.status-evidence{border:1px solid var(--color-border);border-radius:var(--inner-radius);background:#fff;grid-template-columns:auto 1fr;gap:8px 20px;margin-bottom:24px;padding:20px;display:grid}.tabs{border-bottom:1px solid var(--color-border);gap:32px;margin-bottom:24px;font-size:14px;display:flex}.tabs a{color:#475569;padding:12px 0;text-decoration:none}.tabs a[aria-current]{border-bottom:2px solid var(--color-primary);color:var(--color-primaryStrong);font-weight:600}.panel{border:1px solid var(--color-border);border-radius:var(--surface-radius);box-shadow:var(--shadow-soft);background:#fff;overflow:hidden}.panel-note{color:var(--color-muted);padding:0 24px;font-size:12px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:8px 24px 24px;display:grid}.metric-card{border:1px solid var(--color-border);border-radius:var(--inner-radius);overflow-wrap:anywhere;padding:20px}.metric-card p{color:var(--color-muted);margin:0 0 8px;font-size:12px;font-weight:600}.metric-card strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:32px;line-height:1.2}.metric-card strong span{font-size:14px;font-weight:400}.metric-card>small{margin-top:8px}dl{grid-template-columns:auto 1fr;gap:6px 12px;margin-bottom:0;font-size:12px;display:grid}dt{color:var(--color-muted)}dd{margin:0}.history-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;padding:24px;display:flex}.history-filters label{flex:180px;min-width:0}.history-filters a{padding-bottom:8px;font-size:13px;text-decoration:none}.history-list{gap:24px;padding:8px 24px;display:grid}.record-times{flex-wrap:wrap;gap:8px 24px;margin-bottom:8px;font-size:12px;display:flex}.record-times span{color:var(--color-muted)}.record-times,.history-record .muted{overflow-wrap:anywhere}.metric-value{font-variant-numeric:tabular-nums;font-weight:600}.panel>.pager{padding:20px 24px}.mobile-drawer{border:0;width:260px;max-width:90vw;height:100dvh;max-height:100dvh;margin:0;padding:0;box-shadow:12px 0 36px #0f172a26}.mobile-drawer::backdrop{background:#0f172a66}.drawer-heading{border-bottom:1px solid var(--color-border);align-items:center;display:flex}.drawer-heading .brand{border:0;gap:8px;padding:10px 12px}.drawer-heading .brand-mark{width:34px;height:34px}.drawer-heading .brand-copy strong{font-size:16px}.drawer-heading .brand-copy>span{font-size:9px}.drawer-heading>button{margin-right:8px;font-size:24px}.mobile-drawer nav{padding-top:16px}@media (width>=992px){.is-collapsed .sidebar{width:80px}.is-collapsed .brand{justify-content:center;padding-inline:8px}.is-collapsed .brand-copy,.is-collapsed .nav-caption,.is-collapsed .sidebar-caption,.is-collapsed nav a span{display:none}.is-collapsed nav{padding-top:24px}.is-collapsed nav a{justify-content:center;padding:12px}}@media (width<=1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=991px){.sidebar{display:none}}@media (width<=640px){main{padding:20px 16px}h1{font-size:24px}.workspace-header{gap:8px;padding:0 16px 0 8px}.header-path{gap:8px}.header-divider,.breadcrumb>span:first-child,.breadcrumb>span:nth-child(2){display:none}.breadcrumb{gap:0}.connection-state{padding-inline:8px;font-size:11px}.session-bar{border-radius:14px;margin-bottom:24px;padding:16px}.session-controls{gap:8px;width:100%}.session-controls label{flex:1;min-width:0}.site-grid,.metric-grid{grid-template-columns:1fr}.site-card{padding:20px}.history-filters,.history-list{padding:16px}.panel-note{padding:0 16px}.metric-grid{padding:8px 16px 16px}th,td{padding:12px}.table-wrap table{min-width:440px}.history-record table{min-width:280px}.panel>.pager{padding:20px 16px}.pager{justify-content:flex-start;gap:12px}.status-evidence{gap:8px 12px;padding:16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}nav a:not([data-active]){color:#475569;background:0 0;font-weight:400}nav a:not([data-active]):hover{background:#f1f5f9}.cpc-runtime,.cpc-groups{gap:20px;display:grid}.cpc-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.cpc-fields{padding:0 20px}.cpc-field{border-bottom:1px solid var(--color-border);padding:18px 0}.cpc-field:last-child{border-bottom:0}.cpc-value-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cpc-value-row h3{margin:0 0 4px;font-size:13px;font-weight:500}.cpc-value-row strong{letter-spacing:-.02em;text-align:right;font-variant-numeric:tabular-nums;font-size:26px;line-height:1.3}.cpc-value-row strong span{color:var(--color-muted);letter-spacing:0;font-size:11px;font-weight:400;display:block}.cpc-field dl{margin-top:12px}.cpc-field dd,.cpc-value-row,.cpc-reading-note{overflow-wrap:anywhere}.cpc-reading-note{color:#9a3412;margin:6px 0;font-size:12px}.cpc-history-link{margin-top:12px;font-size:12px;text-decoration:none;display:inline-block}.cpc-counters{margin-top:20px}.cpc-pending{flex-wrap:wrap;gap:16px 32px;padding:8px 24px 24px;font-size:13px;display:flex}.cpc-pending>div{align-items:center;gap:12px;display:flex}.replay-boundary{background:#fff7ed;border-color:#fed7aa;margin-bottom:20px}.replay-boundary strong{color:var(--color-primaryStrong)}.replay-boundary p{margin:6px 0 0;font-size:13px}.replay-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:20px;display:flex}.replay-controls input{max-width:320px;font-size:12px}.replay-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.replay-summary>div{padding:16px 20px}.replay-summary span{color:var(--color-muted);font-size:12px;display:block}.replay-summary strong{font-variant-numeric:tabular-nums;margin-top:4px;font-size:28px;display:block}.replay-checks{margin-top:24px}@media (width<=1200px){.cpc-groups{grid-template-columns:1fr}}@media (width<=640px){.cpc-fields{padding:0 16px}.cpc-value-row strong{font-size:23px}.replay-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.replay-summary>div{padding:12px 16px}.replay-controls{padding:16px}.replay-controls label{width:100%}.replay-controls input{width:100%;max-width:100%}}.observation-chart{margin:20px 24px;padding:20px}.observation-chart .panel-note{padding:0}.observation-chart>label{gap:8px;max-width:420px;display:grid}.received-curve{margin:16px 0 0}.received-curve figcaption{margin-bottom:12px;font-weight:600}.received-curve svg{width:100%;max-height:320px;display:block}.received-curve text{fill:var(--text-secondary,#64748b);font-size:11px}.chart-axis{stroke:var(--color-border);fill:none}.chart-line{stroke:var(--color-primary);stroke-width:2px}.chart-point{fill:var(--color-primary);stroke:var(--color-primary);stroke-width:2px}.chart-point.replay-point{fill:#fff}@media (width<=767px){.observation-chart{margin:16px;padding:16px}}.preparation-gates{margin:20px 0}.preparation-gates ol{padding:0 24px 0 48px}.preparation-gates li{padding:8px 0}.preparation-gates li p{color:var(--color-muted);margin:6px 0;font-size:13px}.preparation-bindings{margin:20px 0}.preparation-scroll-note{display:none}@media (width<=991px){.preparation-scroll-note{padding:0;display:block}}.intake-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.intake-card{flex-direction:column;gap:12px;display:flex}.intake-card h2{padding:0;font-size:18px}.intake-card .action-link{margin-top:auto;padding-top:12px}.workbench-hint{color:var(--color-muted);margin:0 0 24px;font-size:13px}.inline-toggle{flex-direction:row;align-items:center;gap:8px}.inline-toggle input{min-height:0;accent-color:var(--color-primary)}.candidate-meta{gap:14px 24px;margin:0;padding:24px}.received-values{flex-wrap:wrap;gap:12px;display:flex}.received-values>div{border:1px solid var(--color-border);border-radius:var(--radius);min-width:160px;padding:12px 16px}.received-values span{color:var(--color-muted);font-size:12px;display:block}.received-values strong{font-size:20px}@media (width<=1200px){.intake-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.intake-grid{grid-template-columns:1fr}.candidate-meta{grid-template-columns:1fr;padding:16px}.candidate-meta dd{margin-bottom:8px}}