button.pane-toggle.svelte-8u0416{box-sizing:border-box;display:flex;place-items:center;padding:var(--pane-toggle-padding, 2pt);border-radius:var(--pane-toggle-border-radius, 3pt);background-color:transparent;transition:var(--pane-toggle-transition, background-color .2s);font-size:var(--pane-toggle-font-size, clamp(.9em, 2cqmin, 1.4em))}button.pane-toggle.svelte-8u0416:hover{background-color:color-mix(in srgb,currentColor 8%,transparent)}div.draggable-pane.svelte-8u0416{position:absolute;background:var(--pane-bg, var(--page-bg, light-dark(white, black)));border:var(--pane-border, 1px solid rgba(255, 255, 255, .15));border-radius:var(--pane-border-radius, 6px);padding:var(--pane-padding, 1ex);box-sizing:border-box;z-index:var(--pane-z-index, 10);display:grid;gap:var(--pane-gap, 4pt);text-align:left;transition:opacity .3s,background-color .3s,border-color .3s,box-shadow .3s;width:28em;max-width:var(--pane-max-width, 80cqw);overflow-x:var(--pane-overflow-x, hidden);overflow-y:var(--pane-overflow-y, auto);min-height:min(var(--pane-min-height, 400px),calc(100cqh - var(--pane-bottom-margin, 40px)));max-height:var(--pane-max-height, calc(100cqh - var(--pane-bottom-margin, 40px)));overscroll-behavior:contain}body.fullscreen .draggable-pane.svelte-8u0416{position:fixed!important;top:3.3em!important;right:1em!important;left:auto!important}.draggable-pane.svelte-8u0416 h4{margin:var(--pane-h4-margin, 2pt 0);font-size:var(--pane-h4-font-size, .95em)}.draggable-pane.svelte-8u0416 hr{border:none;background:var(--pane-hr-bg, rgba(255, 255, 255, .1));margin:var(--pane-hr-margin, 4pt 0);height:1px}.draggable-pane.svelte-8u0416>section>div{text-align:right}.draggable-pane.svelte-8u0416 label{display:flex;align-items:center;gap:var(--pane-label-gap, 2pt)}.draggable-pane.svelte-8u0416 input[type=text]{flex:1;padding:var(--pane-input-padding, 4px 6px);margin:var(--pane-input-margin, 0 0 0 5pt)}.draggable-pane.svelte-8u0416 input[type=text].invalid{border-color:var(--error-color, #ff6b6b);background:#ff6b6b1a}.draggable-pane.svelte-8u0416 input[type=text].invalid:focus{outline-color:var(--error-color, #ff6b6b);box-shadow:0 0 0 2px #ff6b6b33}.draggable-pane.svelte-8u0416 input[type=range]{margin-left:4pt;width:100px;flex-shrink:0;flex:1;min-width:60px}.draggable-pane.svelte-8u0416 input[type=number]{box-sizing:border-box;text-align:center;border-radius:3pt;width:2.2em;margin:0 3pt 0 6pt;flex-shrink:0}.draggable-pane.svelte-8u0416 input::-webkit-inner-spin-button{display:none}.draggable-pane.svelte-8u0416 button{width:max-content;background-color:var(--pane-btn-bg, rgba(255, 255, 255, .1))}.draggable-pane.svelte-8u0416 button:hover{background-color:var(--pane-btn-bg-hover, rgba(255, 255, 255, .2))}.draggable-pane.svelte-8u0416 select{margin:0 0 0 5pt;flex:1;border-radius:3px;padding:2px 4px;font-size:.8em}.draggable-pane.svelte-8u0416 input[type=color]{width:40px;height:16px;margin:0 0 0 5pt;border:1px solid rgba(255,255,255,.05);box-sizing:border-box}.draggable-pane.svelte-8u0416 .pane-row{display:flex;gap:8pt;align-items:center}.draggable-pane.svelte-8u0416 .pane-grid{display:grid;gap:8pt;align-items:center}.draggable-pane.svelte-8u0416 label:has(input[type=range]){flex:1}.draggable-pane.svelte-8u0416 .control-buttons:where(.svelte-8u0416){display:flex;justify-content:end;align-items:center;position:sticky;top:0;right:0;height:0;gap:5px;padding:12pt 3pt;margin-bottom:-24pt;box-sizing:border-box;justify-self:end;z-index:var(--pane-control-buttons-z-index, 1)}.draggable-pane.svelte-8u0416 .drag-handle{width:1.3em;height:1.3em;cursor:grab;border-radius:3px;padding:2px;box-sizing:border-box;opacity:.6;background-color:color-mix(in srgb,currentColor 10%,transparent);pointer-events:auto}.draggable-pane.svelte-8u0416 .drag-handle:hover{opacity:.8;background-color:color-mix(in srgb,currentColor 20%,transparent)}.draggable-pane.svelte-8u0416 .drag-handle:active{cursor:grabbing}.draggable-pane.svelte-8u0416 :where(.reset-button:where(.svelte-8u0416),.close-button:where(.svelte-8u0416)){background:none;border:none;padding:2px;border-radius:3px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:1.3em;height:1.3em;opacity:.6;background-color:color-mix(in srgb,currentColor 10%,transparent)}.draggable-pane.svelte-8u0416 :where(.reset-button:where(.svelte-8u0416):hover,.close-button:where(.svelte-8u0416):hover){opacity:.8;background-color:color-mix(in srgb,currentColor 20%,transparent)}svg.svelte-1nulj1g{width:1em;height:1em;display:inline-block;vertical-align:middle}h4.svelte-57ud8k{margin:0;position:relative}.reset-button.svelte-57ud8k{position:absolute;top:0;right:0;display:flex;align-items:center;gap:2pt;padding:var(--reset-btn-padding, 1pt 4pt);font-size:.65em;border-radius:var(--reset-btn-border-radius, 2pt);background:var(--btn-bg, rgba(0, 0, 0, .1));color:var(--text-color-muted, #6b7280);border:1px solid var(--border-color, #d1d5db);cursor:pointer;z-index:5;transition:all .15s ease;box-shadow:none;opacity:.7}.reset-button.svelte-57ud8k:hover{background:var(--btn-bg-hover, rgba(0, 0, 0, .2));color:var(--text-color, #374151);opacity:1;box-shadow:0 1px 2px #0000001a}.reset-button.standalone.svelte-57ud8k{position:absolute;top:-8pt;right:-8pt}.spinner-overlay.svelte-y9paet{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--spinner-bg);color:var(--spinner-text-color, #333);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--spinner-z-index, 10)}.spinner.svelte-y9paet{width:var(--spinner-size, 40px);height:var(--spinner-size, 40px);border:var(--spinner-border-width, 4px) solid var(--spinner-track-color, #f3f3f3);border-top:var(--spinner-border-width, 4px) solid var(--spinner-color, #007acc);border-radius:50%;animation:svelte-y9paet-spin 1s linear infinite;margin-bottom:1rem;box-sizing:border-box}@keyframes svelte-y9paet-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}div.svelte-1osucwe{position:relative;width:100%;height:100%}canvas.svelte-1osucwe{display:block;position:relative;width:100%;height:100%}.tooltip.svelte-ixabfa{width:max-content;box-sizing:border-box;text-align:var(--canvas-tooltip-text-align, left);border-radius:var(--canvas-tooltip-border-radius, 5pt);background:var(--canvas-tooltip-bg, var(--code-bg));padding:var(--canvas-tooltip-padding, 1pt 5pt);color:var(--canvas-tooltip-text-color);font-family:var(--canvas-tooltip-font-family);font-size:var(--canvas-tooltip-font-size, clamp(8pt, 3cqmin, 18pt));line-height:var(--canvas-tooltip-line-height);pointer-events:none}.structure.svelte-12sc8cr{position:relative;container-type:size;height:var(--struct-height, 500px);width:var(--struct-width, 100%);max-width:var(--struct-max-width, 100%);min-width:var(--struct-min-width, 300px);border-radius:var(--struct-border-radius, 3pt);background:var(--struct-bg-override, var(--struct-bg));color:var(--struct-text-color)}.structure.active.svelte-12sc8cr{z-index:var(--struct-active-z-index, 2)}.structure.svelte-12sc8cr:fullscreen{background:var(--struct-bg-fullscreen, var(--struct-bg))}.structure.svelte-12sc8cr:fullscreen canvas{height:100vh!important;width:100vw!important}.structure.dragover.svelte-12sc8cr{background:var(--struct-dragover-bg, var(--dragover-bg));border:var(--struct-dragover-border, var(--dragover-border))}.structure.svelte-12sc8cr canvas,.structure.svelte-12sc8cr section.control-buttons:where(.svelte-12sc8cr),.structure.svelte-12sc8cr .bottom-left:where(.svelte-12sc8cr){-webkit-user-select:none;user-select:none}div.bottom-left.svelte-12sc8cr{position:absolute;bottom:0;left:0;font-size:var(--struct-bottom-left-font-size, 1.2em);padding:var(--struct-bottom-left-padding, 1pt 5pt)}section.control-buttons.svelte-12sc8cr{position:absolute;display:flex;place-items:center;top:var(--struct-buttons-top, var(--ctrl-btn-top, 1ex));right:var(--struct-buttons-right, var(--ctrl-btn-right, 1ex));gap:clamp(6pt,1cqmin,9pt);z-index:var(--struct-buttons-z-index, 100000000);opacity:0;pointer-events:none;transition:opacity .2s ease}section.control-buttons.visible.svelte-12sc8cr{opacity:1;pointer-events:auto}section.control-buttons.svelte-12sc8cr>button{background-color:transparent;display:flex;padding:0}section.control-buttons.svelte-12sc8cr button:hover{background-color:var(--pane-btn-bg-hover)}.view-mode-dropdown.svelte-12sc8cr{position:absolute;top:115%;right:0;background:var(--surface-bg);border-radius:4px;box-shadow:0 8px 16px -4px #0000004d,0 4px 8px -2px #0000001a;display:flex;flex-direction:column}.view-mode-option.svelte-12sc8cr{display:flex;align-items:center;gap:1ex;width:100%;padding:var(--trajectory-view-mode-option-padding, 5pt);box-sizing:border-box;background:transparent;border-radius:0;text-align:left;transition:background-color .15s ease}.view-mode-option.svelte-12sc8cr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.view-mode-option.selected.svelte-12sc8cr{color:var(--accent-color)}.view-mode-option.svelte-12sc8cr span:where(.svelte-12sc8cr){font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.measure-mode-dropdown.svelte-12sc8cr{display:flex;position:relative;gap:8pt;margin-inline:3pt}.measure-mode-dropdown.svelte-12sc8cr>button:where(.svelte-12sc8cr){background:transparent;padding:0}.selection-limit-text.svelte-12sc8cr{font-weight:700;font-size:.9em;color:var(--accent-color, #ff6b6b);min-width:2.5em;text-align:center}p.warn.svelte-12sc8cr{text-align:center}.error-state.svelte-12sc8cr{display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--struct-height, 500px);padding:2rem;text-align:center;box-sizing:border-box}.error-state.svelte-12sc8cr p:where(.svelte-12sc8cr){color:var(--error-color, #ff6b6b);margin:0 0 1rem}.error-state.svelte-12sc8cr button:where(.svelte-12sc8cr){padding:.5rem 1rem;background:var(--error-color, #ff6b6b);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.error-state.svelte-12sc8cr button:where(.svelte-12sc8cr):hover{background:var(--error-color-hover, #ff5252)}.export-buttons.svelte-i4bt9z{display:flex;flex-wrap:wrap;gap:1ex;font-size:.95em}.export-buttons.svelte-i4bt9z button:where(.svelte-i4bt9z){width:1.6em;height:1.6em;display:grid;place-items:center;padding:0}.rotation-axes.svelte-i4bt9z{display:flex;gap:9pt;font-size:.8em}.rotation-axes.svelte-i4bt9z>div:where(.svelte-i4bt9z){display:grid;gap:.3em;place-items:center}.wyckoff-table.svelte-1k6hx0w{margin-top:1em}.wyckoff-row.svelte-1k6hx0w{cursor:pointer;transition:background-color .2s ease}.wyckoff-row.svelte-1k6hx0w:hover{background-color:var(--surface-bg-hover, rgba(128, 128, 128, .1))}.wyckoff-row.selected.svelte-1k6hx0w{background-color:var(--primary-color, #007acc);color:#fff}.wyckoff-row.selected.svelte-1k6hx0w:hover{background-color:var(--primary-color-hover, #005a9e)}section.svelte-1tbynmx div:where(.svelte-1tbynmx){display:flex;justify-content:space-between;gap:6pt;padding:1pt;line-height:1.5}section.svelte-1tbynmx div.clickable:where(.svelte-1tbynmx){cursor:pointer;position:relative}section.svelte-1tbynmx div:where(.svelte-1tbynmx):hover{background:var(--pane-btn-bg-hover, rgba(255, 255, 255, .03))}.copy-checkmark-overlay.svelte-1tbynmx{position:absolute;top:50%;right:3pt;transform:translateY(-50%);background:var(--pane-bg);border-radius:50%;padding:3pt;display:flex;align-items:center;justify-content:center;animation:svelte-1tbynmx-fade-in .1s ease-out}@keyframes svelte-1tbynmx-fade-in{0%{opacity:0}}section.svelte-1tbynmx div.site-item:where(.svelte-1tbynmx){border-left:2px solid #3b82f6;margin-left:10pt;padding-left:6pt}section.svelte-1tbynmx div.tips-item:where(.svelte-1tbynmx){flex-direction:column;gap:2pt}section.svelte-1tbynmx div.tips-item:where(.svelte-1tbynmx) span:where(.svelte-1tbynmx):last-child{opacity:.8}.structure-legend.svelte-wwadcx{display:flex;position:absolute;bottom:var(--struct-legend-bottom, clamp(4pt, 3cqmin, 8pt));right:var(--struct-legend-right, clamp(4pt, 3cqmin, 8pt));gap:var(--struct-legend-gap, clamp(2pt, 2cqmin, 5pt));font-size:var(--struct-legend-font, clamp(8pt, 3cqmin, 14pt));filter:var(--legend-filter, grayscale(10%) brightness(.95) saturate(.9));z-index:var(--struct-legend-z-index, 1);pointer-events:auto;visibility:visible}.structure-legend.svelte-wwadcx label:where(.svelte-wwadcx){padding:var(--struct-legend-padding, 0 4pt);border-radius:var(--struct-legend-radius, 3pt);line-height:var(--struct-legend-line-height, 1.3);position:relative;display:inline-block;cursor:pointer;visibility:visible;white-space:nowrap}.structure-legend.svelte-wwadcx label:where(.svelte-wwadcx) input[type=color]:where(.svelte-wwadcx){z-index:var(--struct-legend-input-z, 1);opacity:0;position:absolute;visibility:hidden;top:7pt;left:0}.structure-legend.svelte-wwadcx sub:where(.svelte-wwadcx){font-size:.85em;margin:0 0 0 -4px}.structure .responsive-gizmo{width:clamp(70px,18cqmin,100px)!important;height:clamp(70px,18cqmin,100px)!important}.atom-label.svelte-n3trcw{background:var(--struct-atom-label-bg, rgba(0, 0, 0, .1));border-radius:var(--struct-atom-label-border-radius, 3pt);padding:var(--struct-atom-label-padding, 0 3px);white-space:nowrap}.elements.svelte-n3trcw{margin-bottom:var(--canvas-tooltip-elements-margin)}.occupancy.svelte-n3trcw{font-size:var(--canvas-tooltip-occu-font-size);opacity:var(--canvas-tooltip-occu-opacity);margin-right:var(--canvas-tooltip-occu-margin)}.elem-name.svelte-n3trcw{font-size:var(--canvas-tooltip-elem-name-font-size, .85em);opacity:var(--canvas-tooltip-elem-name-opacity, .7);margin:var(--canvas-tooltip-elem-name-margin, 0 0 0 .3em);font-weight:var(--canvas-tooltip-elem-name-font-weight, normal)}.coordinates.svelte-n3trcw{font-size:var(--canvas-tooltip-coords-font-size);margin:var(--canvas-tooltip-coords-margin)}.measure-label.svelte-n3trcw{background:#0003;border-radius:4px;padding:0 5px;-webkit-user-select:none;user-select:none;white-space:pre;display:grid;place-items:center;line-height:1.2;font-size:var(--canvas-tooltip-font-size, clamp(8pt, 2cqmin, 18pt))}.selection-label.svelte-n3trcw{display:inline-flex;align-items:center;justify-content:center;min-width:1.2em;height:1.2em;padding:0 .25em;border-radius:999px;background:var(--pane-btn-bg-hover);color:var(--struct-text-color);font-size:.85em;line-height:1;box-shadow:0 1px 3px #0003}
