/* Theme-native drawing, without an inversion filter. */
:root {
 --atom-C:#e4e8ee;--atom-H:#bcc8d7;--atom-N:#82b2ff;--atom-O:#ff8a88;
 --atom-S:#f1cb62;--atom-F:#63ddbc;--atom-Cl:#74d8ed;--atom-Br:#ffb779;
 --atom-I:#c7a2ff;--atom-P:#ed9fd1;--atom-X:var(--ink);
}
:root[data-theme=light] {
 --atom-C:#293442;--atom-H:#506177;--atom-N:#3467ba;--atom-O:#b43744;
 --atom-S:#84600d;--atom-F:#12745b;--atom-Cl:#006f89;--atom-Br:#a35519;
 --atom-I:#744ca3;--atom-P:#a13e79;
}
.editor-shell, #molecule-editor {background:var(--ground)!important;}
:root[data-theme=dark]:not([data-editor-theme=paper]) .editor-shell,.editor-shell {
 filter:none;isolation:isolate;border:1px solid var(--hairline)!important;
 border-radius:14px;box-shadow:0 3px 14px #0000000c;
 --jsme-canvas:var(--ground);--jsme-chrome:var(--ground-2);--jsme-active:var(--surface-2);
 --jsme-border:var(--hairline);--jsme-ink:var(--ink);--jsme-accent:var(--cyan);
 --jsme-on-accent:var(--ground);--jsme-soft:var(--pale);--jsme-alert:var(--red);
 --jsme-stereo:var(--atom-I);
}
.editor-shell:focus-within {border-color:color-mix(in srgb,var(--cyan) 65%,var(--hairline))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 9%,transparent);}
:root[data-editor-theme=paper] .editor-shell {
 --jsme-canvas:#fff;--jsme-chrome:#f0f2f5;--jsme-active:#dfe5ec;--jsme-border:#cbd3dd;
 --jsme-ink:#293442;--jsme-accent:#087c90;--jsme-on-accent:#fff;--jsme-soft:#dfedf1;
 --jsme-alert:#b43744;--atom-C:#293442;--atom-H:#506177;--atom-N:#3467ba;
 --atom-O:#b43744;--atom-S:#84600d;--atom-F:#12745b;--atom-Cl:#006f89;
 --atom-Br:#a35519;--atom-I:#744ca3;--atom-P:#a13e79;
 background:#fff!important;
}
:root[data-editor-theme=paper] #molecule-editor {background:#fff!important;}
.editor-shell [data-jsme-fill=canvas] {fill:var(--jsme-canvas)!important;}
.editor-shell [data-jsme-fill=chrome] {fill:var(--jsme-chrome)!important;}
.editor-shell [data-jsme-fill=active] {fill:var(--jsme-active)!important;}
.editor-shell [data-jsme-fill=border] {fill:var(--jsme-border)!important;}
.editor-shell [data-jsme-fill=ink] {fill:var(--jsme-ink)!important;}
.editor-shell [data-jsme-fill=accent] {fill:var(--jsme-accent)!important;}
.editor-shell [data-jsme-fill=on-accent] {fill:var(--jsme-on-accent)!important;}
.editor-shell [data-jsme-fill=soft] {fill:var(--jsme-soft)!important;}
.editor-shell [data-jsme-fill=alert] {fill:var(--jsme-alert)!important;}
.editor-shell [data-jsme-fill=stereo] {fill:var(--jsme-stereo)!important;}
.editor-shell [data-jsme-stroke=ink] {stroke:var(--jsme-ink)!important;}
.editor-shell [data-jsme-stroke=border] {stroke:var(--jsme-border)!important;}
.editor-shell [data-jsme-stroke=chrome] {stroke:var(--jsme-chrome)!important;}
.editor-shell [data-jsme-stroke=accent] {stroke:var(--jsme-accent)!important;}
.editor-shell [data-jsme-stroke=alert] {stroke:var(--jsme-alert)!important;}
.editor-shell [data-jsme-stroke=stereo] {stroke:var(--jsme-stereo)!important;}
.editor-element-key {margin:12px 0 4px;font-size:12px;color:var(--muted);}
.editor-element-key summary {cursor:pointer;width:max-content;min-height:26px;font-weight:550;}
.editor-element-key>div {display:flex;flex-wrap:wrap;gap:8px;margin:9px 0;}
.editor-element-key span {display:flex;align-items:center;gap:7px;border:1px solid var(--hairline);border-radius:8px;padding:5px 8px;font-size:11px;background:var(--ground-2);}
.editor-element-key b {color:var(--element-colour);font-size:13px;min-width:18px;text-align:center;}
.editor-element-key p {font-size:11px!important;margin:5px 0;color:var(--muted);}
.editor-shell [data-jsme-fill=atom-C]{fill:var(--atom-C)!important}.editor-shell [data-jsme-stroke=atom-C]{stroke:var(--atom-C)!important}
.editor-shell [data-jsme-fill=atom-H]{fill:var(--atom-H)!important}.editor-shell [data-jsme-stroke=atom-H]{stroke:var(--atom-H)!important}
.editor-shell [data-jsme-fill=atom-N]{fill:var(--atom-N)!important}.editor-shell [data-jsme-stroke=atom-N]{stroke:var(--atom-N)!important}
.editor-shell [data-jsme-fill=atom-O]{fill:var(--atom-O)!important}.editor-shell [data-jsme-stroke=atom-O]{stroke:var(--atom-O)!important}
.editor-shell [data-jsme-fill=atom-S]{fill:var(--atom-S)!important}.editor-shell [data-jsme-stroke=atom-S]{stroke:var(--atom-S)!important}
.editor-shell [data-jsme-fill=atom-F]{fill:var(--atom-F)!important}.editor-shell [data-jsme-stroke=atom-F]{stroke:var(--atom-F)!important}
.editor-shell [data-jsme-fill=atom-Cl]{fill:var(--atom-Cl)!important}.editor-shell [data-jsme-stroke=atom-Cl]{stroke:var(--atom-Cl)!important}
.editor-shell [data-jsme-fill=atom-Br]{fill:var(--atom-Br)!important}.editor-shell [data-jsme-stroke=atom-Br]{stroke:var(--atom-Br)!important}
.editor-shell [data-jsme-fill=atom-I]{fill:var(--atom-I)!important}.editor-shell [data-jsme-stroke=atom-I]{stroke:var(--atom-I)!important}
.editor-shell [data-jsme-fill=atom-P]{fill:var(--atom-P)!important}.editor-shell [data-jsme-stroke=atom-P]{stroke:var(--atom-P)!important}
.editor-shell [data-jsme-fill=atom-X]{fill:var(--atom-X)!important}.editor-shell [data-jsme-stroke=atom-X]{stroke:var(--atom-X)!important}