:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#f5f6f3;color:#151815;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.58}.text-button{border:0;background:transparent;color:#165b85;padding:0;font-size:12px;font-weight:740;text-align:right}h1,h2,p{margin:0}.trace-app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:100vh;gap:10px;padding:12px;background:#f5f6f3}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;border-bottom:1px solid #c9c9c2;padding-bottom:8px}.eyebrow{display:block;margin-bottom:5px;color:#6e7169;font-size:12px;font-weight:760;letter-spacing:0}h1{font-size:clamp(28px,3.2vw,42px);line-height:1;letter-spacing:0}h2{font-size:16px;line-height:1.2}.mode-controls{display:flex;align-items:center}.mode-picker{position:relative;display:grid;min-width:250px;gap:5px}.mode-label{color:#686c64;font-size:11px;font-weight:720}.mode-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;border:1px solid #9fa49c;border-radius:6px;background:#fff;color:#151815;padding:6px 10px;text-align:left}.mode-trigger strong{font-size:14px;font-weight:780}.mode-trigger span{color:#5d635c;font-size:12px;white-space:nowrap}.mode-trigger:focus-visible,.mode-option:focus-visible,.text-button:focus-visible{outline:2px solid #2f6f8e;outline-offset:2px}.mode-menu{position:absolute;z-index:10;top:calc(100% + 6px);right:0;display:grid;width:min(360px,calc(100vw - 24px));max-height:min(520px,70vh);overflow:auto;border:1px solid #9fa49c;border-radius:8px;background:#fff;box-shadow:0 12px 32px #14181424;padding:4px}.mode-option{display:grid;gap:2px;border:0;border-radius:5px;background:transparent;color:#151815;padding:8px 9px;text-align:left}.mode-menu-divider{display:flex;align-items:center;gap:8px;padding:8px 9px 5px;color:#626761;font-size:11px;font-weight:780}.mode-menu-divider:before,.mode-menu-divider:after{content:"";flex:1;height:1px;background:#d4d8d1}.mode-menu-divider span{white-space:nowrap}.mode-menu-spacer{height:4px}.mode-option strong{font-size:13px}.mode-option span{color:#6d716a;font-size:12px}.mode-option:hover,.mode-option.active{background:#edf4ef}.mode-option.active{box-shadow:inset 3px 0 #168a2a}.science-layout{display:grid;grid-template-columns:minmax(300px,var(--msa-plane-width, 220fr)) minmax(0,var(--detector-plane-width, 426fr));align-items:stretch;align-content:start;gap:10px;min-height:0}.msa-panel,.detector-workspace,.selected-target-panel{min-width:0;border:1px solid #bfc2ba;background:#fff}.msa-panel{display:grid;align-content:start;grid-template-rows:auto auto;gap:8px;padding:10px}.panel-title-row,.detector-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-title-row p,.detector-workspace-header p,.status-badge,.data-warning{color:#6d716a;font-size:12px}.readout{display:grid;justify-items:end;gap:2px;min-width:98px;color:#6d716a;font-size:12px;line-height:1.15;text-align:right}.readout strong{color:#151815;font-size:14px;white-space:nowrap}.msa-array-map{position:relative;width:100%;min-height:0;overflow:hidden;border:1px solid #d4d6d0;background:#fafbf8}.msa-array-map canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;cursor:crosshair;image-rendering:auto}.selected-shutter-tray{display:flex;align-items:center;min-height:26px;gap:6px;flex-wrap:wrap}.selected-target-panel{grid-column:1 / -1;padding:8px 10px}.selected-shutter-chip{display:inline-flex;align-items:center;gap:6px;height:26px;border:1px solid #aeb5ad;border-radius:4px;background:#f7f8f4;color:#151815;padding:0 3px 0 8px;font-size:12px;font-weight:730;line-height:1}.selected-shutter-chip:hover,.selected-shutter-chip:focus-within{border-color:#c3170d;background:#fff6f2}.selection-remove{display:inline-grid;place-items:center;width:20px;height:20px;border:0;border-radius:3px;background:transparent;color:#5d635c;padding:0}.selection-remove:hover{background:#e7ece5;color:#111815}.selection-remove:focus-visible{outline:2px solid #2f6f8e;outline-offset:1px}.selected-shutter-empty{color:#7a7e75;font-size:12px}.detector-workspace{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:7px;padding:10px}.detector-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.wavelength-toggle{position:relative;display:inline-flex;align-items:center;gap:7px;color:#5d635c;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap}.wavelength-toggle input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.toggle-track{position:relative;width:34px;height:18px;border:1px solid #9fa49c;border-radius:999px;background:#e8ece5;transition:background .16s ease,border-color .16s ease}.toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #14181438;transition:transform .16s ease}.wavelength-toggle input:checked+.toggle-track{border-color:#165b85;background:#2f6f8e}.wavelength-toggle input:checked+.toggle-track .toggle-thumb{transform:translate(16px)}.wavelength-toggle input:focus-visible+.toggle-track{outline:2px solid #2f6f8e;outline-offset:2px}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:92px;height:28px;border:1px solid #b8bdb4;border-radius:999px;background:#f7f8f4;color:#252b26;font-weight:740}.status-badge.loading{border-color:#c5a85b;background:#fff8df}.data-warning{padding:9px 11px;border:1px solid #d2b56c;border-radius:4px;background:#fff9e8;color:#61511f;line-height:1.4}.detector-plane-card{position:relative;min-width:0;min-height:0}.detector-svg{display:block;width:100%;height:auto;border:1px solid #777b75;background:#fff}.detector-composite-svg{aspect-ratio:2.09 / 1}.detector-active{fill:#fff}.detector-gap{fill:#edf0e9;stroke:#9ca39a;stroke-width:3}.detector-grid line{stroke:#e5e5df;stroke-width:2}.detector-plane-labels text{fill:#626761;font-size:72px;font-weight:700;opacity:.42}.fixed-slit-trace{fill:none;stroke:#49534f57;stroke-linecap:round;stroke-width:7}.ifu-background-trace{fill:none;stroke:#30403a38;stroke-linecap:round;stroke-width:5}.trace-segment{stroke-linecap:round;stroke-width:14}.gap-trace-segment{stroke-linecap:round;stroke-width:10;stroke-dasharray:22 14;opacity:.72}.trace-outline{fill:none;stroke:#0c15129e;stroke-width:2}.trace-feature{fill:none;stroke-linecap:round;stroke-linejoin:round}.trace-zero-order rect{fill:#e21b12;stroke:#fff;stroke-width:6}.trace-red-extension{stroke:#c3170d;stroke-width:8;opacity:.72}.trace-second-order{stroke:#111815;stroke-width:4;stroke-dasharray:15 12;opacity:.72}.wave-marker line{stroke:#151815;stroke-width:3}.wave-marker circle{fill:#fff;stroke:#151815;stroke-width:3}.wave-marker text{fill:#151815;font-size:50px;font-weight:760;paint-order:stroke;stroke:#fff;stroke-width:12px}.trace-hover-marker circle{fill:#fff;stroke:#111815;stroke-width:5}.trace-hover-marker line{stroke:#111815;stroke-width:4}.trace-hover-marker text{fill:#111815;font-size:38px;font-weight:720;paint-order:stroke;stroke:#fff;stroke-width:10px}.loading-block{display:grid;place-items:center;min-height:240px;color:#6d716a;font-size:13px}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #c8cabc;background:#fffffb;padding:8px 10px;color:#33372f;font-size:12px}.app-footer a{color:#165b85;font-weight:760;text-decoration:none;white-space:nowrap}.contact-link{white-space:nowrap}.app-footer a:hover{text-decoration:underline}@media(max-width:980px){.app-header,.mode-controls,.app-footer{align-items:stretch;flex-direction:column}.science-layout{grid-template-columns:1fr}.mode-picker,.mode-menu{width:100%}}