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