.chem-tool{margin:0 auto}.chem-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.chem-input-card{min-width:0}.chem-preview-card{flex-direction:column;align-items:stretch;max-height:calc(100vh - 100px);display:flex;position:sticky;top:80px}.chem-preview{scrollbar-width:thin;flex:1;justify-content:flex-start;align-items:center;min-width:0;min-height:190px;display:flex;overflow:auto}.chem-preview svg{width:100%;height:auto;max-height:calc(100vh - 340px);min-width:var(--chem-min-width,0px);margin:auto;display:block}.chem-card-top,.chem-compound-bar,.chem-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chem-card-top{margin-bottom:16px}.chem-card-top strong{margin-right:auto}.chem-compound-bar{flex-wrap:nowrap;margin-bottom:15px}.chem-chips{flex:1;min-width:0;overflow-x:auto}.chem-chips button{flex:none}.chem-editor{border:1px solid #aebdd0;border-radius:7px;height:380px;position:relative;overflow:hidden}.chem-editor:after{content:"";pointer-events:none;border-left:1px solid #e3e8f0;position:absolute;top:0;bottom:0;left:46px}.chem-editor canvas{max-width:100%}.chem-editor-placeholder{place-items:center;height:380px;display:grid}.chem-draw-toggle{display:none!important}.chem-pair{grid-template-columns:minmax(72px,.32fr) minmax(0,1fr);gap:12px;display:grid}.chem-options{border-top:1px solid #e2e8f0;margin-top:22px;padding-top:18px}.chem-checks{flex-wrap:wrap;gap:12px;margin-bottom:15px;display:flex}.chem-size{color:#526273;margin:12px 0;font-size:13px}.chem-pagination{justify-content:center;align-items:center;gap:12px;margin-top:8px;font-size:14px;display:flex}.chem-thumb{height:var(--chem-thumb-height);justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.chem-thumb-art{width:min(100%, var(--chem-crop-width));aspect-ratio:var(--chem-crop-aspect);flex:none;position:relative;container-type:inline-size}.chem-thumb picture{display:block;position:absolute;inset:0;overflow:hidden}.chem-thumb-panel picture{overflow:visible}.chem-gallery-label{white-space:nowrap;pointer-events:none;align-items:baseline;gap:2px;line-height:1;display:flex;position:absolute;transform:translate(-50%,-80%)}.chem-gallery-number{font:700 20px/1 Arial,sans-serif}.chem-gallery-name{font:400 calc(100cqw * var(--chem-name-font-ratio)) / 1 Arial, sans-serif}.chem-thumb img{max-width:none;width:var(--chem-image-width);height:auto;left:var(--chem-image-left);top:var(--chem-image-top);display:block;position:absolute}.chem-mini-add{border:1px solid #cbd5e1;border-radius:5px;margin-bottom:8px;padding:3px 8px;display:inline-block}.chem-mini-fields{grid-template-columns:1fr 2fr;gap:8px;display:grid}.chem-mini-fields span{display:block}.chem-acs-grid{grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin-bottom:32px;display:grid}.chem-acs-image{border:1px solid #e2e8f0;border-radius:12px;min-height:340px;padding:8px 12px 12px}.chem-acs-figure{width:min(100%,320px);margin:0 auto;position:relative}.chem-acs-image .chem-acs-figure img{width:100%;height:auto;display:block}.chem-marker{color:#fff;background:#1864c6;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;transform:translate(-50%,-50%)}.chem-marker.one{top:15%;left:13%}.chem-marker.two{top:15%;left:48%}.chem-marker.three{top:17%;left:67%}.chem-marker.four{top:92%;left:56%}.chem-marker-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.chem-marker-lines line{stroke:#1864c6;stroke-width:.6px}.chem-marker-key{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.chem-marker-key li{align-items:center;gap:6px;display:flex}.chem-marker-key span{color:#fff;background:#1864c6;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.chem-acs-grid td{font-variant-numeric:tabular-nums}.chem-smiles-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.chem-smiles-cards article{flex-direction:column;display:flex}.chem-smiles-cards code{overflow-wrap:anywhere;display:block}.chem-smiles-cards img{object-fit:contain;object-position:center top;align-self:center;max-width:100%;height:150px;margin-top:auto}@media (width<=900px){.chem-layout{grid-template-columns:minmax(0,1fr)}.chem-preview-card{order:-1;max-height:none;position:static}.chem-preview svg{max-height:none}.chem-acs-grid,.chem-smiles-cards{grid-template-columns:1fr}}@media (width<=699px){.chem-draw-toggle{display:inline-flex!important}.chem-editor-content{display:none}.chem-editor-content.open{margin-top:10px;display:block}.chem-input-card{flex-direction:column;display:flex}.chem-text-label{order:0}.chem-editor-wrap{order:1}.chem-pair{order:2}.chem-options{order:3}.chem-card-top,.chem-compound-bar{order:-1}.chem-editor{height:420px}.chem-checks .pfd-check{min-height:44px}}@media (width<=600px){main.ga2#top.pa-page .chem-tool.wrap{width:100%}.chem-thumb{height:auto;padding:24px}.chem-thumb-art{width:min(100%, var(--chem-mobile-width))}main.ga2#top.chem-page .pa-example-text{margin-top:-7px}}@media (width<=375px){.chem-thumb-panel{padding-inline:12px}}main.ga2#top.pa-page.chem-page .pfd-landing section.chem-reading:has(+section.chem-reading) .pa-reading{padding-bottom:72px}main.ga2#top.pa-page.chem-page .pfd-landing section.chem-reading:has(+#chemical-structure-faq) .pa-reading-block>p:last-child{margin-bottom:0}@media (width<=600px){main.ga2#top.pa-page.chem-page .pfd-landing section.chem-reading:has(+section.chem-reading) .pa-reading{padding-bottom:56px}}