#illumination-scene{height:310px;position:relative;display:grid;place-content:center;background:radial-gradient(ellipse,#173648,#081823);overflow:hidden}#illumination-scene>p{padding:20px;margin:0}#illumination-scene>button{margin:0 20px}#illumination-scene canvas{width:100%;height:100%;display:block;touch-action:none}.detector-wrap{position:relative;max-width:340px;margin:auto;background:#000}.detector-wrap canvas{width:100%;display:block;image-rendering:pixelated}.image-stamp{position:absolute;top:9px;left:9px;font:12px Consolas,monospace;color:white;background:#09121ac9;padding:4px 6px}.scale-bar{position:absolute;bottom:12px;right:12px;width:25%;border-bottom:3px solid white;text-align:center;font:12px Arial;color:white;text-shadow:0 1px 2px black}.image-tools{padding:10px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.image-tools button,.image-tools label{font-size:14px}.illumination-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;background:#112c3a;border:1px solid #355b69;padding:20px;border-radius:8px;margin-top:16px}.illumination-controls label{font-size:14px;display:grid;gap:6px}.illumination-controls .shutter{display:flex;align-items:center;gap:10px}.illumination-controls output{color:#b9f1d9;font-family:Consolas,monospace}.fixed-note{font-size:14px;color:#afc9d4}.light-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.light-metrics>div{border-left:2px solid #4d938c;padding:4px 12px}.light-metrics span,.light-metrics small{display:block;font-size:13px;color:#b2c9d1}.light-metrics strong{font:24px/1.7 Consolas,monospace;color:#c1f2df}.acquisition-status{border:1px solid #5b897e;background:#13332f;padding:14px;border-radius:6px}.acquisition-status[data-warning=true]{border-color:#dba475;background:#3b2a20;color:#ffe0bb}.signal-analysis{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px;background:#0c212d;border-radius:8px}.signal-analysis h2{font-size:18px}.signal-analysis p{font-size:14px}#histogram{width:100%;height:auto;display:block}.photon-budget{display:flex;height:28px;overflow:hidden;border-radius:4px}.photon-budget span:first-child{background:#85dfb1}.photon-budget span:last-child{background:#cb9b59}.comparison{margin-top:24px;padding:22px;border:1px solid #476170;border-radius:8px}.comparison-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.comparison-grid figure{margin:0}.comparison-grid canvas{width:100%;max-width:256px;display:block;background:#06131d}.comparison-grid figcaption{font-size:14px;margin-top:10px;color:#b3ced7}.scene-note{padding:0 14px;color:#a9c4ce;font-size:13px}.target-list{padding:10px 10px 10px 25px;font-size:14px;background:#102933}.target-list li{margin:7px 0}.target-list li[data-met=true]{color:#bcf1cd}#step-feedback{font-size:14px}.jana-panel{position:static}.scene-fallback{padding:24px;font-size:15px}.scene-fallback strong{color:#abeed0}@media(max-width:1100px){.views{grid-template-columns:1fr}.light-metrics{grid-template-columns:1fr 1fr}#illumination-scene{height:330px}.illumination-controls{grid-template-columns:1fr 1fr}}@media(max-width:720px){.signal-analysis{grid-template-columns:1fr}.illumination-controls{grid-template-columns:1fr}.comparison{padding:14px}.comparison-heading{align-items:flex-start;flex-direction:column}.comparison-grid{gap:10px}.light-metrics strong{font-size:21px}.comparison-grid figcaption{font-size:13px}}