.detector-lab-page{background:var(--ks-lacquer);color:var(--ks-text);font-family:var(--ks-font);overflow:hidden}.detector-main-shell{height:100vh;min-height:0}.detector-workbench{--detector-sidebar-width:320px;background:var(--ks-lacquer);height:100vh;min-height:0}.detector-fixture-nav{z-index:10;width:var(--detector-sidebar-width);border-right:1px solid var(--ks-rule);background:var(--ks-lacquer-deep);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.detector-nav-head{padding:var(--spacing-md);border-bottom:1px solid var(--ks-rule);flex-shrink:0}.detector-home-link{color:var(--ks-kinpaku);text-decoration:none}.detector-home-link .ks-mark{width:30px;height:30px}.detector-home-link .ks-mark svg{width:26px;height:26px}.detector-home-link .ks-wordmark{letter-spacing:.16em;font-size:1rem}.detector-nav-head h1{margin-top:var(--spacing-md);color:var(--ks-champagne);font-family:var(--ks-font);letter-spacing:0;font-size:1.25rem;font-weight:600;line-height:1.15}.detector-nav-head>p{color:var(--ks-text-muted);margin-top:6px;font-size:.875rem;line-height:1.5}.detector-summary-grid{margin-top:var(--spacing-md);border:1px solid var(--ks-rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detector-summary-grid div{border-right:1px solid var(--ks-rule);border-bottom:1px solid var(--ks-rule);min-width:0;padding:10px}.detector-summary-grid div:nth-child(2n){border-right:0}.detector-summary-grid div:nth-last-child(-n+2){border-bottom:0}.detector-summary-grid dt,.detector-panel-label,.detector-nav-group h2,.detector-live-stats dt{font-family:var(--ks-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ks-text-muted);font-size:.6875rem;font-weight:500}.detector-summary-grid dd{overflow-wrap:anywhere;color:var(--ks-champagne);margin-top:4px;font-size:1rem;font-weight:600;line-height:1.15}.detector-nav-scroll{min-height:0;padding-bottom:var(--spacing-md);overflow:auto}.detector-nav-group{padding:var(--spacing-sm);border-bottom:1px solid var(--ks-rule)}.detector-nav-group:last-child{border-bottom:0}.detector-nav-group h2{letter-spacing:.2em;color:var(--ks-accent-ink)}.detector-nav-list{gap:4px;margin-top:10px;display:grid}.detector-fixture-button{gap:var(--spacing-sm);width:100%;min-height:38px;color:var(--ks-text-muted);font-family:var(--ks-font);text-align:left;cursor:pointer;transition:background var(--duration-fast,.14s) var(--ks-ease), border-color var(--duration-fast,.14s) var(--ks-ease), color var(--duration-fast,.14s) var(--ks-ease);background:0 0;border:1px solid #0000;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:8px 10px;display:grid}.detector-fixture-button:hover{background:var(--ks-graphite);color:var(--ks-champagne)}.detector-fixture-button:focus-visible{outline:2px solid var(--ks-kinpaku);outline-offset:2px}.detector-fixture-button[aria-pressed=true]{background:var(--ks-kinpaku);border-color:var(--ks-kinpaku);color:var(--ks-dark-ink)}.detector-fixture-button span:first-child{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.detector-fixture-button span:last-child{min-width:2ch;font-family:var(--ks-mono);color:currentColor;text-align:right;opacity:.72;font-size:.75rem}.detector-workspace{min-width:0;height:100vh;min-height:0;margin-left:var(--detector-sidebar-width);flex-direction:column;display:flex;overflow:hidden}.detector-preview-head{z-index:8;justify-content:space-between;gap:var(--spacing-md);min-height:72px;padding:12px var(--spacing-md);border-bottom:1px solid var(--ks-rule);background:var(--ks-lacquer-deep);flex-shrink:0;align-items:center;display:flex;position:relative}.detector-preview-head h2,.detector-panel-head h2,.detector-table-panel h2{font-family:var(--ks-font);letter-spacing:0;color:var(--ks-champagne);font-size:1rem;font-weight:600;line-height:1.2}.detector-preview-head p:not(.detector-panel-label){max-width:78ch;color:var(--ks-text-muted);margin-top:4px;font-size:.875rem;line-height:1.5}.detector-preview-actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.detector-preview-actions a,.detector-preview-actions button{border:1px solid var(--ks-kinpaku);min-height:36px;color:var(--ks-accent-ink);font-family:var(--ks-font);white-space:nowrap;cursor:pointer;transition:background var(--duration-fast,.14s) var(--ks-ease), border-color var(--duration-fast,.14s) var(--ks-ease), color var(--duration-fast,.14s) var(--ks-ease), transform var(--duration-fast,.14s) var(--ks-ease);background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:0 16px;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.detector-preview-actions a:hover,.detector-preview-actions button:hover{background:oklch(77% .14 82/.1);transform:translateY(-1px)}.detector-preview-actions button[data-rerun-browser]{background:var(--ks-kinpaku);border-color:var(--ks-kinpaku);color:var(--ks-dark-ink)}.detector-preview-actions button[data-rerun-browser]:hover{background:var(--ks-kinpaku-pale);border-color:var(--ks-kinpaku-pale)}.detector-preview-actions a:focus-visible,.detector-preview-actions button:focus-visible{outline:2px solid var(--ks-patina);outline-offset:3px}.detector-content-grid{gap:var(--spacing-sm);padding:var(--spacing-sm);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.detector-preview-column,.detector-metric-panel,.detector-table-panel{border:1px solid var(--ks-rule);background:var(--ks-lacquer-raised);min-width:0}.detector-frame-wrap{background:var(--ks-lacquer-deep)}.detector-frame-wrap iframe{background:var(--ks-lacquer-deep);border:0;width:100%;height:max(360px,100vh - 156px);min-height:0;display:block}.detector-workspace-scroll{flex:auto;min-height:0;overflow:auto}.detector-metrics{top:var(--spacing-sm);gap:var(--spacing-sm);max-height:calc(100vh - 104px);display:grid;position:sticky;overflow:auto}.detector-metric-panel{overflow:hidden}.detector-panel-head{padding:var(--spacing-sm);border-bottom:1px solid var(--ks-rule)}.detector-live-stats{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detector-live-stats div{padding:var(--spacing-sm);border-right:1px solid var(--ks-rule);border-bottom:1px solid var(--ks-rule)}.detector-live-stats div:nth-child(2n){border-right:0}.detector-live-stats dd{color:var(--ks-champagne);margin-top:4px;font-size:1.125rem;font-weight:600}.detector-rule-pills{padding:var(--spacing-sm);flex-wrap:wrap;gap:6px;display:flex}.detector-rule-pill,.detector-empty-pill{border:1px solid var(--ks-rule);background:var(--ks-graphite);max-width:100%;color:var(--ks-text);border-radius:2px;align-items:center;gap:6px;padding:5px 8px;font-size:.75rem;line-height:1.2;display:inline-flex}.detector-rule-pill code{min-width:0;color:var(--ks-code-fg);font-family:var(--ks-mono);text-overflow:ellipsis;white-space:nowrap;background:0 0;padding:0;overflow:hidden}.detector-rule-pill span{font-family:var(--ks-mono);color:var(--ks-state-ink)}.detector-empty-pill{color:var(--ks-text-faint)}.detector-tables{gap:var(--spacing-sm);padding:0 var(--spacing-sm) var(--spacing-sm);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.detector-table-panel header{justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm);border-bottom:1px solid var(--ks-rule);display:flex}.detector-table-panel header p:not(.detector-panel-label){max-width:28ch;color:var(--ks-text-faint);text-align:right;font-size:.8125rem;line-height:1.5}.detector-table-scroll{max-height:420px;overflow:auto}.detector-table-panel table{border-collapse:collapse;width:100%;min-width:620px;font-size:.8125rem}.detector-table-panel th,.detector-table-panel td{border-bottom:1px solid var(--ks-rule);color:var(--ks-text);text-align:left;vertical-align:top;padding:8px 10px}.detector-table-panel th{z-index:1;background:var(--ks-lacquer-raised);font-family:var(--ks-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ks-text-muted);font-size:.6875rem;font-weight:500;position:sticky;top:0}.detector-table-panel td code{color:var(--ks-code-fg);font-family:var(--ks-mono);background:0 0;padding:0;font-size:.8125rem}@media (width<=1180px){.detector-workbench{--detector-sidebar-width:280px}.detector-content-grid{grid-template-columns:minmax(0,1fr)}.detector-metrics{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;position:static;overflow:visible}}@media (width<=860px){.detector-lab-page{overflow:auto}.detector-main-shell,.detector-workbench,.detector-workspace{height:auto;min-height:100vh;overflow:visible}.detector-fixture-nav{border-right:0;border-bottom:1px solid var(--ks-rule);width:auto;position:static}.detector-nav-scroll{max-height:340px}.detector-workspace{margin-left:0}.detector-workspace-scroll{overflow:visible}.detector-preview-head{flex-direction:column;align-items:stretch;position:static}.detector-preview-actions{flex-wrap:wrap}.detector-metrics,.detector-tables{grid-template-columns:1fr}.detector-frame-wrap iframe{height:560px}.detector-table-panel header{flex-direction:column}.detector-table-panel header p:not(.detector-panel-label){text-align:left;max-width:none}}@media (width<=520px){.detector-nav-head,.detector-content-grid,.detector-tables{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.detector-summary-grid,.detector-live-stats{grid-template-columns:1fr}.detector-summary-grid div,.detector-live-stats div{border-right:0}.detector-summary-grid div:nth-last-child(2){border-bottom:1px solid var(--ks-rule)}}