.chempot-diagram-2d.svelte-14snttd{width:100%;position:relative}.chempot-diagram-2d.svelte-14snttd>.pane-toggle{opacity:0;transition:opacity .2s,background-color .2s}.chempot-diagram-2d.svelte-14snttd:hover>.pane-toggle,.chempot-diagram-2d.svelte-14snttd>.pane-toggle:focus-visible,.chempot-diagram-2d.svelte-14snttd>.pane-toggle[aria-expanded=true]{opacity:1}.chempot-diagram-2d.svelte-14snttd .draggable-pane label{align-items:center;gap:6pt;margin:4pt 0;font-size:.95em;display:flex}.chempot-diagram-2d.svelte-14snttd .export-row{flex-wrap:wrap;gap:4pt 10pt;margin:0 0 4pt;display:flex}.chempot-diagram-2d.svelte-14snttd .export-row>label{margin:0}.chempot-diagram-2d.svelte-14snttd .chempot-temp-slider{top:var(--chempot-temp-slider-top,calc(1ex + 108px));z-index:11;right:4px}.chempot-diagram-2d.svelte-14snttd .reverse-scale-toggle{align-items:center;gap:4pt;margin-left:4pt;display:flex}.computing-state.svelte-14snttd{justify-content:center;align-items:center;min-height:200px;display:flex}.error-state.svelte-14snttd{height:100%;color:var(--text-color,#666);flex-direction:column;justify-content:center;align-items:center;display:flex}.domain-label.svelte-14snttd{fill:var(--text-color,currentColor);opacity:.7;pointer-events:none;font-size:12px}.tooltip.svelte-14snttd{background:var(--tooltip-bg,var(--lightningcss-light,#fffffff2)var(--lightningcss-dark,#000000e6));color:var(--tooltip-text,var(--text-color,#fff));pointer-events:none;white-space:nowrap;z-index:10;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute}.arity-legend.svelte-14snttd{z-index:10;pointer-events:none;gap:10px;font-size:12px;display:flex;position:absolute;bottom:52px;left:24px}.arity-legend.svelte-14snttd>span:where(.svelte-14snttd){align-items:center;gap:4px;display:flex}.arity-legend.svelte-14snttd>span:where(.svelte-14snttd)>span:where(.svelte-14snttd){border-radius:50%;flex-shrink:0;width:10px;height:10px}.chempot-diagram-3d.svelte-1ylo4w8{position:relative}.canvas-clip.svelte-1ylo4w8{width:100%;height:100%;position:relative;overflow:clip}.chempot-diagram-3d.svelte-1ylo4w8:fullscreen{background:var(--chempot-3d-bg-fullscreen,var(--bg-color,#fff))}.chempot-diagram-3d.svelte-1ylo4w8>div[style*="position: absolute"][style*="top: 0"]{pointer-events:none!important}.chempot-diagram-3d.svelte-1ylo4w8>section:where(.svelte-1ylo4w8){z-index:20;opacity:0;pointer-events:none;gap:8px;transition:opacity .25s;display:flex;position:absolute;top:1ex;right:1ex}.chempot-diagram-3d.svelte-1ylo4w8:hover>section:where(.svelte-1ylo4w8),.chempot-diagram-3d.svelte-1ylo4w8:focus-within>section:where(.svelte-1ylo4w8){opacity:1;pointer-events:auto}.chempot-diagram-3d.svelte-1ylo4w8>section:where(.svelte-1ylo4w8):has(.pane-open){opacity:1;pointer-events:auto}@media (hover:none){.chempot-diagram-3d.svelte-1ylo4w8>section:where(.svelte-1ylo4w8){opacity:1;pointer-events:auto}}.chempot-diagram-3d.svelte-1ylo4w8>section:where(.svelte-1ylo4w8)>button,.chempot-diagram-3d.svelte-1ylo4w8>section:where(.svelte-1ylo4w8)>.pane-toggle{cursor:pointer;color:var(--text-color,currentColor);background:0 0;border:none;border-radius:3px;padding:4px;font-size:clamp(.75em,1.5cqmin,1em);transition:background-color .2s;display:flex}.chempot-diagram-3d.svelte-1ylo4w8>section:where(.svelte-1ylo4w8)>button:hover,.chempot-diagram-3d.svelte-1ylo4w8>section:where(.svelte-1ylo4w8)>.pane-toggle:hover{background-color:color-mix(in srgb, currentColor 8%, transparent)}.chempot-diagram-3d.svelte-1ylo4w8 .chempot-temp-slider{top:var(--chempot-temp-slider-top,calc(1ex + 108px));z-index:11;right:4px}.chempot-diagram-3d.svelte-1ylo4w8 .draggable-pane label{align-items:center;gap:4pt;font-size:.9em;display:flex}.chempot-diagram-3d.svelte-1ylo4w8 .export-row{flex-wrap:wrap;gap:4pt 10pt;margin:0 0 4pt;display:flex}.chempot-diagram-3d.svelte-1ylo4w8 .export-row>label{margin:0}.chempot-diagram-3d.svelte-1ylo4w8 .export-row button{justify-content:center;align-items:center;width:1.4em;height:1.4em;padding:0;display:inline-flex}.chempot-diagram-3d.svelte-1ylo4w8 .chempot-checks{flex-wrap:wrap;gap:1ex;display:flex}.chempot-diagram-3d.svelte-1ylo4w8 .chempot-nums{flex-wrap:wrap;gap:1ex;margin:4pt 0;display:flex}.chempot-diagram-3d.svelte-1ylo4w8 .projection-controls{margin:0 0 6pt}.chempot-diagram-3d.svelte-1ylo4w8 .projection-controls .pane-row{grid-template-columns:auto minmax(4.5em,1fr) auto minmax(4.5em,1fr) auto minmax(4.5em,1fr);align-items:center;gap:3pt;display:grid}.chempot-diagram-3d.svelte-1ylo4w8 .projection-presets{flex-wrap:wrap;gap:4pt;margin-top:4pt;display:flex}.chempot-diagram-3d.svelte-1ylo4w8 .projection-presets button{border:1px solid color-mix(in srgb, currentColor 22%, transparent);cursor:pointer;color:var(--text-color,currentColor);background:0 0;border-radius:3px;padding:1px 5px;font-size:.85em}.chempot-diagram-3d.svelte-1ylo4w8 .projection-presets button.selected{background:color-mix(in srgb, currentColor 14%, transparent)}.chempot-diagram-3d.svelte-1ylo4w8 .overlay-actions{gap:3pt;margin:0 0 4pt;display:flex}.chempot-diagram-3d.svelte-1ylo4w8 .overlay-actions button{background:color-mix(in srgb, currentColor 10%, transparent);cursor:pointer;color:var(--text-color,currentColor);border:none;border-radius:3px;padding:2px 6px;font-size:.85em}.chempot-diagram-3d.svelte-1ylo4w8 .overlay-search{align-items:center;gap:4pt;margin:0 0 4pt;display:flex}.chempot-diagram-3d.svelte-1ylo4w8 .overlay-search input{width:100%;min-width:10em}.chempot-diagram-3d.svelte-1ylo4w8 .formula-list{flex-wrap:wrap;gap:3pt;max-height:min(42vh,18rem);padding:2pt 0;display:flex;overflow:auto}.chempot-diagram-3d.svelte-1ylo4w8 .formula-list label{cursor:pointer;background:color-mix(in srgb, currentColor 6%, transparent);border-radius:3px;align-items:center;gap:3pt;padding:1px 5px;font-size:.88em;display:inline-flex}.chempot-diagram-3d.svelte-1ylo4w8 .formula-list label:has(input:checked){background:color-mix(in srgb, currentColor 16%, transparent)}.chempot-diagram-3d.svelte-1ylo4w8 .formula-list input[type=checkbox]{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.chempot-diagram-3d.svelte-1ylo4w8 .formula-list label:has(input:focus-visible){outline-offset:1px;outline:2px solid highlight}.chempot-diagram-3d.svelte-1ylo4w8 .formula-color-dot{border-radius:50%;flex-shrink:0;width:.55em;height:.55em}.chempot-diagram-3d.svelte-1ylo4w8 .formula-empty{opacity:.7;font-size:.9em}.chempot-diagram-3d.svelte-1ylo4w8 .chempot-nums input[type=number]{width:5em}.chempot-diagram-3d.svelte-1ylo4w8 .draggable-pane select{flex:1;min-width:0;padding:2px 4px}.computing-state.svelte-1ylo4w8{justify-content:center;align-items:center;min-height:200px;display:flex}.error-state.svelte-1ylo4w8{height:100%;color:var(--text-color,#666);flex-direction:column;justify-content:center;align-items:center;display:flex}:is(.axis-label.svelte-1ylo4w8,.tick-label.svelte-1ylo4w8){pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.axis-label.svelte-1ylo4w8{font:700 13px sans-serif}.axis-label.svelte-1ylo4w8 .axis-unit{opacity:.7;font-weight:300}.tick-label.svelte-1ylo4w8{color:var(--text-color,#333);font-size:10px}.domain-label.svelte-1ylo4w8{color:var(--text-color,#333);opacity:.7;white-space:nowrap;pointer-events:none;font-family:sans-serif}.phase-tooltip.svelte-1ylo4w8{background:var(--tooltip-bg,var(--lightningcss-light,#fffffff2)var(--lightningcss-dark,#000000e6));max-width:min(32rem,92vw);color:var(--tooltip-text,var(--text-color,#222));border:1px solid color-mix(in srgb, currentColor 18%, transparent);pointer-events:none;z-index:100;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.35;position:absolute;box-shadow:0 8px 20px #0000002e}.phase-tooltip.svelte-1ylo4w8 h4:where(.svelte-1ylo4w8){margin:0 0 4px;font-size:13px}.phase-tooltip.svelte-1ylo4w8 p:where(.svelte-1ylo4w8){white-space:nowrap;text-overflow:ellipsis;margin:1px 0;overflow:hidden}.phase-tooltip.svelte-1ylo4w8 h5:where(.svelte-1ylo4w8){margin-top:6px;margin-bottom:0;font-size:12px;font-weight:600}.arity-legend.svelte-1ylo4w8{z-index:10;pointer-events:none;gap:10px;font-size:12px;display:flex;position:absolute;bottom:16px;left:1em}.arity-legend.svelte-1ylo4w8>span:where(.svelte-1ylo4w8){align-items:center;gap:4px;display:flex}.arity-legend.svelte-1ylo4w8>span:where(.svelte-1ylo4w8)>span:where(.svelte-1ylo4w8){border-radius:50%;flex-shrink:0;width:10px;height:10px}.chempot-diagram-wrapper.svelte-1nxnfav{position:relative}.projection-info.svelte-1nxnfav{color:var(--text-color-secondary,#666);margin:0 0 .5em;font-size:.9em}.projection-grid.svelte-1nxnfav{grid-template-columns:repeat(2,1fr);gap:1em;display:grid}.projection-cell.svelte-1nxnfav{min-width:0}.projection-label.svelte-1nxnfav{text-align:center;margin:0 0 .3em;font-size:.85em;font-weight:400}.chempot-error.svelte-1nxnfav{border:1px solid var(--border-color,#ccc);border-radius:var(--border-radius,3pt);background:var(--bg-color,transparent);justify-content:center;align-items:center;display:flex}.chempot-error.svelte-1nxnfav>div:where(.svelte-1nxnfav){text-align:center;color:var(--text-color,#666);padding:2em}.chempot-error.svelte-1nxnfav h3:where(.svelte-1nxnfav){margin:0 0 1em}.chempot-error.svelte-1nxnfav p:where(.svelte-1nxnfav){margin:0}.chempot-tooltip.svelte-1nxnfav{background:var(--tooltip-bg,var(--lightningcss-light,#fffffff2)var(--lightningcss-dark,#000000e6));max-width:min(32rem,92vw);color:var(--tooltip-text,var(--text-color,#222));border:1px solid color-mix(in srgb, currentColor 18%, transparent);pointer-events:none;z-index:40;border-radius:6px;padding:8px 10px;font-size:12px;line-height:1.35;position:absolute;box-shadow:0 8px 20px #0000002e}.chempot-tooltip.svelte-1nxnfav h4:where(.svelte-1nxnfav){margin:0 0 4px;font-size:13px}.chempot-tooltip.svelte-1nxnfav p:where(.svelte-1nxnfav){white-space:nowrap;text-overflow:ellipsis;margin:1px 0;overflow:hidden}.chempot-tooltip.svelte-1nxnfav h5:where(.svelte-1nxnfav){margin-top:6px;margin-bottom:0;font-size:12px;font-weight:600}