.br-visual{container:br-visual/inline-size;--br-ink:#172f44;--br-muted:#627481;--br-line:#e3eaee;--br-teal:#087f80;--br-amber:#ad7522;box-sizing:border-box;min-width:0;background:#fff;border:1px solid var(--br-line);border-radius:16px;color:var(--br-ink);font-family:inherit;overflow:hidden}
.br-visual *{box-sizing:border-box}.br-visual button{font:inherit;cursor:pointer;touch-action:manipulation}.br-visual button:disabled{cursor:default;opacity:.42}.br-visual button:focus-visible,.br-visual summary:focus-visible{outline:3px solid #2c8897;outline-offset:3px}.br-visual-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px 10px}.br-kicker{display:block;font-size:9px;letter-spacing:.15em;font-weight:750;color:#65818d;line-height:1.6}.br-visual-header h3,.br-empty h3{margin:3px 0 0;font-size:15px;font-weight:650;line-height:1.4;letter-spacing:-.015em}.br-play{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;padding:8px 11px;border:1px solid #d0dddf;border-radius:7px;background:#fff;color:#2a5d69;font-size:11px!important;font-weight:600!important;min-height:34px}.br-play:hover:not(:disabled){background:#f0f8f7;border-color:#87babc}.br-play>span{font-size:9px}.br-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px 18px;padding:0 20px 7px;font-size:10px;color:#5d747f;line-height:1.6}.br-legend>span{display:inline-flex;align-items:center;gap:6px}.br-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;flex:none}.br-key-intended{background:#128b89}.br-key-bystander{background:#c69137}.br-evidence-label{margin-left:auto;color:#71828e;font-size:9px}.br-canvas{padding:0 16px;overflow:hidden;background:linear-gradient(180deg,#fff,#fff 70%,#fcfdfd)}.br-dna{width:100%;height:auto;display:block;overflow:visible;max-height:300px}.br-editor-halo{fill:#eaf1f5;stroke:#b9ccd5;stroke-width:1.2}.br-editor-name{font:600 12px system-ui,sans-serif;fill:#35566b;text-anchor:middle;pointer-events:none}.br-machinery{transform:translateY(var(--br-machine-offset,0));transition:transform .8s ease}.br-machinery:hover .br-editor-halo,.br-machinery:focus-visible .br-editor-halo{stroke:#416d84;stroke-width:2;fill:#e2edf2}.br-machinery:focus{outline:none}.br-guide-hit{fill:transparent}.br-guide-path{stroke:#527989;stroke-width:2;fill:none;stroke-linecap:round}.br-guide-name{font:600 11px system-ui,sans-serif;fill:#527080;text-anchor:middle;pointer-events:none}.br-guide:hover .br-guide-path,.br-guide:focus-visible .br-guide-path{stroke:#147d83;stroke-width:3}.br-guide:focus{outline:none}.br-recognition{stroke:#8aaeb4;stroke-width:1.4;stroke-dasharray:3 4}.br-recognition.is-active{stroke:#087f80;stroke-width:2;stroke-dasharray:2 2}.br-base{cursor:pointer;outline:none}.br-base-hit{fill:transparent}.br-base-box{fill:#f6f8fa;stroke:#e4eaf0;stroke-width:1}.br-base-letter{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;fill:#68818c;text-anchor:middle;pointer-events:none}.br-bond{stroke:#d9e3e8;stroke-width:1}.br-base--intended .br-base-box{fill:#e3f4f0;stroke:#86c8ba}.br-base--intended .br-base-letter{fill:#0c7972;font-weight:750}.br-base--bystander .br-base-box{fill:#fff4df;stroke:#e4c486}.br-base--bystander .br-base-letter{fill:#986316;font-weight:750}.br-base--intended.is-changed .br-base-box{fill:#0d8780;stroke:#0b7a75}.br-base--intended.is-changed .br-base-letter{fill:#fff}.br-base--bystander.is-changed .br-base-box{fill:#b7842d;stroke:#ac7b29}.br-base--bystander.is-changed .br-base-letter{fill:#fff}.br-base:not(.br-base--intended):not(.br-base--bystander).is-changed .br-base-box{fill:#e9edf4;stroke:#91a2b8}.br-base:hover .br-base-box,.br-base:focus-visible .br-base-box{stroke:#234957;stroke-width:2}.br-base:hover .br-base-letter,.br-base:focus-visible .br-base-letter{font-weight:800}.br-coordinate{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;fill:#7c8d99;text-anchor:middle}.br-row-label{font:650 9px system-ui,sans-serif;fill:#627987;letter-spacing:1.2px}.br-row-note{font:10px system-ui,sans-serif;fill:#7c8d99}.br-direction{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;fill:#84949d;text-anchor:middle}.br-context{fill:none;stroke:#cedbe1;stroke-dasharray:2 3;stroke-width:1}.br-context-dots{font:13px system-ui,sans-serif;fill:#84949d;text-anchor:middle}.br-visual-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px 9px;color:#778995;font-size:10px;font-variant-numeric:tabular-nums;line-height:1.5}.br-visual-navigation>div{display:flex;align-items:center;gap:4px}.br-visual-navigation button{border:1px solid #dde6e9;border-radius:5px;background:#fff;color:#5b7886;font-size:10px;min-height:27px;padding:4px 8px}.br-visual-navigation button:hover:not(:disabled){background:#f3f8f8;border-color:#99c0c5}.br-offscreen{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 20px 10px;color:#778995;font-size:10px}.br-offscreen button{padding:3px 6px;border-radius:4px;border:1px solid #e0c48b;background:#fff9ec;color:#946b24;font-size:10px}.br-offscreen button.is-intended{color:#087e78;border-color:#a2cec5;background:#ecf8f5}.br-outcome-controls{display:flex;gap:6px;flex-wrap:wrap;padding:1px 20px 12px}.br-outcome-controls button{border:1px solid #e0e7ec;border-radius:6px;background:#fff;color:#69808d;padding:6px 10px;font-size:10px;line-height:1.4;min-height:29px}.br-outcome-controls button:hover{border-color:#9dbdbf;background:#f5faf9}.br-outcome-controls button[aria-pressed=true]{background:#e8f4f1;color:#0d726d;border-color:#b4d7cf;font-weight:650}.br-inspection-dock{border-top:1px solid var(--br-line);background:#fafcfc;padding:12px 20px;min-height:68px}.br-inspection-dock strong{display:block;font-size:11px;font-weight:650;line-height:1.5;color:#315766}.br-inspection-dock p{font-size:11px;line-height:1.6;color:#69808b;margin:3px 0 0;max-width:88ch}.br-full-sequence{border-top:1px solid #edf1f4;padding:0 20px;font-size:10px;color:#798c97}.br-full-sequence>summary{cursor:pointer;padding:10px 0;line-height:1.5;user-select:none}.br-full-sequence>summary:hover{color:#2b6872}.br-full-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:15px}.br-full-row{display:grid;gap:5px;min-width:0}.br-full-row>span{font-size:9px;color:#748995}.br-full-row>code{font:11px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.07em;overflow-wrap:anywhere;word-break:break-all;color:#3d6272;background:#f6f9fa;padding:7px 9px;border-radius:5px}.br-full-row>code+span{margin-top:4px}.br-empty{padding:28px 24px}.br-empty p{margin:8px 0 0;font-size:13px;line-height:1.7;color:#6d818c;max-width:60ch}
@container br-visual (max-width:650px){.br-visual-header{padding:15px 14px 10px;gap:8px}.br-visual-header h3{font-size:13px;max-width:190px}.br-kicker{font-size:8px}.br-play{font-size:9px!important;padding:7px 8px;gap:5px}.br-legend{padding:0 14px 7px;font-size:9px;gap:5px 12px}.br-evidence-label{width:100%;margin-left:0;font-size:8px}.br-canvas{padding:0 9px}.br-dna{min-height:248px;max-height:none}.br-visual-navigation{padding:0 14px 10px;font-size:9px;gap:5px}.br-coordinate-note{display:none}.br-visual-navigation button{font-size:9px;padding:5px 7px;min-height:30px}.br-outcome-controls{padding:0 14px 11px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.br-outcome-controls button{font-size:9px;padding:7px 6px;min-height:31px}.br-inspection-dock{padding:11px 14px;min-height:84px}.br-inspection-dock strong,.br-inspection-dock p{font-size:10px}.br-offscreen{padding:0 14px 10px;font-size:9px}.br-full-sequence{padding:0 14px}.br-full-grid{grid-template-columns:1fr;gap:15px}}
@media(prefers-reduced-motion:reduce){.br-machinery{transition:none}}
.br-canvas[data-phase=recognition] .br-machinery{animation:br-recognize .9s ease both}.br-canvas[data-phase=conversion] .br-selected-change .br-base-box{animation:br-convert .85s ease both}@keyframes br-recognize{from{transform:translateY(-9px);opacity:.55}to{transform:translateY(0);opacity:1}}@keyframes br-convert{50%{stroke-width:2.5;stroke:#3b827f}}@media(prefers-reduced-motion:reduce){.br-canvas .br-machinery,.br-canvas .br-base-box{animation:none!important;transition:none!important}}