.saed-pattern.svelte-1x53bcz{background:light-dark(#fbfbfd,#101015);border-radius:6px;width:100%;height:100%;min-height:300px;position:relative}svg.svelte-1x53bcz{display:block;overflow:visible}.spot.svelte-1x53bcz{fill:light-dark(#1c2b4a,#d8e4ff)}.spot.higher-zone.svelte-1x53bcz{fill:var(--accent-color,#4e79a7)}.direct-beam.svelte-1x53bcz{fill:none;stroke:var(--text-color-muted,#888);stroke-width:1.5px;stroke-dasharray:2 2}.hkl-label.svelte-1x53bcz{fill:var(--text-color-muted,#888);pointer-events:none;font-size:10px}.zone-label.svelte-1x53bcz{fill:var(--text-color-muted,#888);font-size:12px}.scale-bar.svelte-1x53bcz line:where(.svelte-1x53bcz){stroke:var(--text-color-muted,#888);stroke-width:2px}.scale-bar.svelte-1x53bcz text:where(.svelte-1x53bcz){fill:var(--text-color-muted,#888);text-anchor:middle;font-size:10px}.empty.svelte-1x53bcz{color:var(--text-color-muted,#888);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-controls.svelte-1uutxyr{& label:where(.svelte-1uutxyr){gap:.4em;font-size:.9em}& input[type=number]:where(.svelte-1uutxyr){border:1px solid var(--border-color,#ccc);width:6em;color:inherit;background:0 0;border-radius:4px;padding:.15em .3em}& button:where(.svelte-1uutxyr){border:1px dotted var(--text-color-muted);background:0 0;padding:4px 8px;font-size:.8em}}.error.svelte-1uutxyr{color:var(--error-color,crimson);text-align:center}.bleed-1400.svelte-1uutxyr>section:where(.svelte-1uutxyr){grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:1em;display:grid}.selected-structures-grid.svelte-1uutxyr{grid-template-columns:1fr 1fr;align-content:start;gap:.5em;display:grid}.structure-tile.svelte-1uutxyr{border-radius:4px;position:relative;& h3:where(.svelte-1uutxyr){margin:0;font-size:14px;position:absolute;top:3pt;left:1ex}}