.acetic-diagram.svelte-14ukhiq{color:#244757;white-space:normal;background:#f8fbfd;border:1px solid #c9dce5;border-radius:12px;max-width:600px;margin:16px auto;padding:16px;font-size:14px;line-height:1.6;display:block}.diagram-title.svelte-14ukhiq{text-align:center;margin-bottom:8px;font-weight:700;display:block}strong.svelte-14ukhiq{font:inherit;font-weight:700}.structure.svelte-14ukhiq{background:#fff;border:1px solid #c9dce5;border-radius:8px;flex-direction:column;align-items:center;padding:8px;display:flex}svg.svelte-14ukhiq{width:100%;max-width:240px;height:auto;display:block}.bond.svelte-14ukhiq{stroke:#244757;stroke-width:1.5px}.group-text.svelte-14ukhiq,.carbon.svelte-14ukhiq,.oxygen.svelte-14ukhiq{text-anchor:middle;font-size:15px;font-weight:700}.group-text.svelte-14ukhiq,.carbon.svelte-14ukhiq{fill:#244757}.oxygen.svelte-14ukhiq{fill:#2f6f9f}.carboxyl.svelte-14ukhiq{fill:#e3f0f7;stroke:#6b93ad}.structure-note.svelte-14ukhiq{color:#526f7b;text-align:center;font-size:12px}.properties.svelte-14ukhiq{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.property.svelte-14ukhiq{background:#fff;border:1px solid #c9dce5;border-radius:8px;flex-direction:column;padding:6px 10px;display:flex}.label.svelte-14ukhiq{color:#526f7b;font-size:12px}.value.svelte-14ukhiq{font-size:14px}@media (width<=420px){.acetic-diagram.svelte-14ukhiq{padding:12px}}