.composition-grid.svelte-1vzai2q{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:.75rem;margin-block:1rem;text-align:center;text-wrap:balance}.composition-card.svelte-1vzai2q{display:grid;grid-template-rows:subgrid;grid-row:span 3;align-items:center;gap:1pt;padding:4pt 9pt;background:var(--card-bg, rgba(255, 255, 255, .05));border-radius:var(--border-radius, 4px);border:1px solid var(--card-border, rgba(255, 255, 255, .1))}.composition-card.svelte-1vzai2q h4:where(.svelte-1vzai2q){margin:0 0 4pt}.card-formula.svelte-1vzai2q{font-size:.75rem;color:var(--text-color-muted);font-weight:lighter}footer.svelte-yyzx6m{margin:6em 0 2em;text-align:center}footer.svelte-yyzx6m small:where(.svelte-yyzx6m){display:block;margin-top:1em}.input-section.svelte-j8ga7b{display:flex;gap:.5em;margin-bottom:1.5em;justify-content:center}.structure-input.svelte-j8ga7b{flex:1;max-width:400px;padding:.4em .6em;font-size:.95em;border-radius:4pt;border:1px solid var(--border-color);background:var(--surface-bg)}.fetch-button.svelte-j8ga7b{padding:.4em .8em;font-size:.95em;border-radius:4pt;border:1px solid var(--border-color);background:var(--btn-bg)}.fetch-button.svelte-j8ga7b:hover{background:var(--btn-bg-hover)}.main-layout.svelte-j8ga7b{display:grid;grid-template-columns:minmax(250px,280px) minmax(280px,320px) 1fr;gap:clamp(1em,2vw,1.5em);max-height:80vh}.db-column.svelte-j8ga7b,.suggestions-column.svelte-j8ga7b,.structure-column.svelte-j8ga7b{max-height:inherit}.db-column.svelte-j8ga7b h3:where(.svelte-j8ga7b),.suggestions-column.svelte-j8ga7b h3:where(.svelte-j8ga7b){margin:0 0 .75em;padding:.5em 0 0}.db-grid.svelte-j8ga7b{display:grid;gap:6pt;overflow-y:auto;height:100%}.db-grid.svelte-j8ga7b div:where(.svelte-j8ga7b){display:flex;align-items:center;gap:6pt;padding:.3em .5em;border:1px solid var(--border-color);border-radius:4pt}.db-grid.svelte-j8ga7b div:where(.svelte-j8ga7b):hover{background:var(--btn-bg-hover)}.db-grid.svelte-j8ga7b div.selected:where(.svelte-j8ga7b){border:1px solid var(--accent-color)}.db-select.svelte-j8ga7b{display:flex;align-items:center;gap:6pt;background:none;font:inherit;flex:1}.db-grid.svelte-j8ga7b a:where(.svelte-j8ga7b){padding:2pt;border-radius:3pt;font-size:.9em}.db-grid.svelte-j8ga7b a:where(.svelte-j8ga7b):hover{background:var(--btn-bg-hover)}.structure-suggestions.svelte-j8ga7b{display:grid;gap:.5em;overflow-y:auto;height:100%}.structure-suggestions.svelte-j8ga7b button:where(.svelte-j8ga7b){display:grid;justify-content:space-between;gap:.75em;align-items:center;padding:.5em .75em;border:1px solid var(--border-color);border-radius:4pt;background:none;font:inherit;text-align:left}.structure-suggestions.svelte-j8ga7b button:where(.svelte-j8ga7b):hover{background:var(--btn-bg-hover)}.structure-column.svelte-j8ga7b h2:where(.svelte-j8ga7b) span:where(.svelte-j8ga7b){font-weight:lighter;color:var(--text-color-muted)}.error-message.svelte-j8ga7b{text-align:center;color:#ff6b6b;margin:1em 0}.retry-button.svelte-j8ga7b{padding:.4em .8em;font-size:.9em;border-radius:4pt;border:1px solid var(--border-color);background:var(--btn-bg)}@media(max-width:1250px){.main-layout.svelte-j8ga7b{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;height:auto}.structure-column.svelte-j8ga7b{grid-column:1 / -1;order:-1}.db-column.svelte-j8ga7b h3:where(.svelte-j8ga7b),.suggestions-column.svelte-j8ga7b h3:where(.svelte-j8ga7b){position:static}}