/*! Single-Crystal Diffraction · © 2026 Miloš Dubajić · MIT · https://github.com/dubajicmilos/xrays-on-detector */#app{grid-template-columns:330px minmax(0,1fr)}#stage{background:#090b12;border-left:1px solid var(--line);min-width:0;overflow:hidden}#pattern{width:100%;height:100%;display:block}#overlay{position:absolute;top:10px;left:14px;pointer-events:none;text-shadow:0 1px 3px #000}#title{font:12px/1.6 Consolas,ui-monospace,monospace;color:#a5b2cd;white-space:pre}#hover{margin-top:6px;font:11.5px/1.5 Consolas,ui-monospace,monospace;color:var(--good);white-space:pre;min-height:3em}#status{position:absolute;left:14px;bottom:8px;font:10.5px Consolas,ui-monospace,monospace;color:#7f8da9;pointer-events:none;max-width:calc(100% - 28px)}#status.warn{color:var(--warn)}#status.bad{color:var(--bad)}#patZoom{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;background:#0d1220cc;border:1px solid var(--line);border-radius:5px;padding:3px 5px;backdrop-filter:blur(3px)}#patZoom button{padding:1px 7px;min-width:24px}#zoomLabel{font:10.5px Consolas,ui-monospace,monospace;color:var(--dim);min-width:42px;text-align:center}#patZoom.hidden{display:none}#pattern{cursor:grab;touch-action:none}#pattern.dragging{cursor:grabbing}.quickzone{display:flex;gap:4px;margin-top:6px}.quickzone button{flex:1 1 auto;padding:3px 0;font:11px Consolas,ui-monospace,monospace}.row input[type="range"]{flex:1 1 auto;accent-color:var(--accent);min-width:40px}.row .u{font:10.5px Consolas,ui-monospace,monospace;min-width:34px}.readout{color:var(--good)}@media(max-width:900px){#app{grid-template-columns:1fr;grid-template-rows:1fr}#stage{border-left:0}}