:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#17243c;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}#drawing:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5b9cf6;outline-offset:2px}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;z-index:99;background:#1645ad;color:#fff;padding:12px}.skip-link:focus{top:20px}.hidden{display:none!important}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:74px;display:flex;align-items:center;padding:0 24px;gap:18px;background:#fff;border-bottom:1px solid #e5eaf2;position:relative;z-index:8}.brand-group{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand{font-size:17px;letter-spacing:-.5px;font-weight:800;text-decoration:none;color:#162a4c;display:flex;align-items:center;gap:9px}.pmark{width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#3179fa,#6555e8);display:grid;place-items:center;color:#fff;font-size:17px}.slash{color:#b3bdd0}.product{font-size:14px}.edition{color:#2563eb;background:#edf3ff;border:1px solid #dfebff;font-size:9px;letter-spacing:1.6px;font-weight:800;border-radius:5px;padding:5px 7px}.project-info{display:flex;align-items:center;gap:10px;margin:auto}.project-info input{width:160px;border:0;border-bottom:1px solid transparent;padding:8px;font-weight:700;background:0 0;text-align:center;outline-color:#2563eb}.project-info input:focus{border-bottom-color:#c6d6fa}#saveState{color:#8090a5;font-size:11px}.top-actions{display:flex;gap:7px;align-items:center}.inline-actions button,.soft,.text-btn,.toolbar button,.top-actions button{border:1px solid #e1e8f3;background:#fff;padding:9px 12px;border-radius:9px;color:#344661;font-size:12px;font-weight:650;white-space:nowrap}.inline-actions button:hover,.soft:hover,.text-btn:hover,.toolbar button:hover,.top-actions button:hover{background:#f1f5fd}.top-actions .primary{background:#356bea;color:#fff;border-color:#356bea;padding:10px 16px}.top-actions .primary:hover{background:#2358d6}.top-actions .outline{border-color:#b5c9f7;color:#2962d2}.toolbar-sep,.vline{height:23px;border-left:1px solid #e3e8f0;margin:0 3px}.export-menu{position:absolute;right:23px;top:62px;width:270px;background:#fff;border:1px solid #dce5f1;border-radius:14px;padding:7px;box-shadow:0 15px 40px #1b315326;z-index:20;display:grid;gap:2px}.export-menu button{text-align:left;border:0;padding:11px 12px;background:#fff;border-radius:9px}.export-menu button:hover{background:#f3f7ff}.export-menu b{display:block;font-size:13px;color:#21324c}.export-menu small{display:block;color:#8290a4;margin-top:2px;font-size:11px}.workbench{display:grid;grid-template-columns:300px minmax(390px,1fr) 316px;height:calc(100vh - 74px);min-height:620px}.pane{background:#fff;min-height:0;overflow-y:auto}.library{border-right:1px solid #e5eaf2;padding:24px 21px}.inspector{border-left:1px solid #e5eaf2}.eyebrow,.panel-heading .eyebrow{font-size:10px;color:#4678d8;font-weight:850;letter-spacing:2px}.panel-heading h1{font-size:23px;letter-spacing:-1px;line-height:1.2;margin:9px 0}.panel-heading p,.right-title p{font-size:12px;line-height:1.65;color:#8895a7;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:27px 0 12px}.section-heading h2,.section-heading h3{font-size:13px;margin:0;font-weight:800;letter-spacing:-.2px}.section-heading small{font-size:10px;color:#99a7b7}.search input{width:100%;border:1px solid #e6ebf3;border-radius:10px;padding:12px;color:#34455e;background:#f9fbff;font-size:12px}.templates{display:grid;grid-template-columns:1fr 1fr;gap:9px}.template-card{border:1px solid #e4eaf3;background:#fff;border-radius:12px;min-height:118px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 11px;text-align:left;gap:4px}.template-card.active,.template-card:hover{border-color:#87a9f8;background:#f5f8ff}.template-icon{display:grid;place-items:center;width:100%;font-size:31px;font-weight:700;color:#4774cb;min-height:39px;letter-spacing:-1px}.template-card b{font-size:12px}.template-card small{font-size:10px;color:#8895a7}.tool-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-list button{border:1px solid #e5ebf3;background:#fff;padding:11px 9px;text-align:left;border-radius:10px;font-size:11px;font-weight:750;display:flex;align-items:center;gap:7px;color:#42536c}.tool-list button span{font-size:19px;color:#6887c4}.tool-list button[aria-pressed=true]{background:#edf4ff;border-color:#9fbff8;color:#2257b9}.element-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.element-grid button{height:38px;border:1px solid #e5ebf3;background:#fff;border-radius:8px;color:#263e63;font-weight:750;font-size:12px}.element-grid button.active{border:2px solid #4484ed;background:#eef5ff}.library textarea{width:100%;border:1px solid #e1e8f1;border-radius:10px;resize:vertical;padding:11px;font-size:12px}.inline-actions{display:flex;gap:7px;margin-top:8px}.inline-actions button{flex:1;padding:9px 5px}.hint{color:#8998ac;font-size:11px;line-height:1.6;margin:9px 0}.hint strong{color:#566a8b}.editor{display:flex;flex-direction:column;background:#f7f9fd;min-width:0;min-height:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 21px;background:#fff;border-bottom:1px solid #e8edf4;min-height:62px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:7px}.tool-label{font-size:10px;letter-spacing:1.2px;color:#91a0b0;font-weight:800;white-space:nowrap;margin-right:4px}.segmented{display:flex;padding:3px;background:#f1f5fb;border-radius:10px;gap:2px}.segmented button{background:0 0;border:0;padding:7px 10px}.segmented button[aria-pressed=true]{background:#fff;color:#2867df;box-shadow:0 1px 5px #455c8423}#zoomLabel{min-width:42px;text-align:center;color:#63758d;font-weight:700;font-size:12px}.stage-wrap{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px 24px}.stage-head,.stage-tip{width:min(100%,920px);display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8c99ae;font-size:10px}.stage-head{font-weight:800;letter-spacing:1px;margin-bottom:12px}.stage-head span:last-child{font-size:11px;letter-spacing:normal;font-weight:500}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25b887;margin-right:5px}.stage-card{width:min(100%,920px);aspect-ratio:10/7;background:#fff;border:1px solid #e1e7f1;border-radius:13px;box-shadow:0 15px 44px #41536e0a;overflow:hidden;display:grid;place-items:center}#drawing{width:100%;height:100%;touch-action:none;cursor:crosshair;user-select:none}#drawing .atom{cursor:grab}#drawing .bond{cursor:pointer}#drawing .selected-atom{filter:drop-shadow(0 0 6px #5386f48b)}.stage-tip{margin-top:11px;line-height:1.5}.bottom{display:flex;justify-content:space-between;background:#fff;border-top:1px solid #e5eaf2;padding:12px 20px;gap:15px;color:#8a98ad;font-size:11px;min-height:43px}.right-title{padding:25px 22px 20px;border-bottom:1px solid #edf0f5}.right-title h2{font-size:21px;letter-spacing:-.8px;margin:8px 0}.inspector-scroll{padding:1px 22px 26px}.section{border-bottom:1px solid #eef1f7;padding-bottom:18px}.section .section-heading{margin-top:23px}.text-btn{border:0;color:#3770e3;padding:5px 0}.viewer{height:205px;background:#edf3fb;border:1px solid #e1e9f5;border-radius:12px;position:relative;overflow:hidden}.viewer canvas{width:100%;height:100%;touch-action:none;cursor:grab}.viewer-caption{pointer-events:none;position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#9ba9bb;font-size:9px;font-weight:800;letter-spacing:.8px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:11px}.stats>div{border:1px solid #e7ecf4;background:#fafbff;border-radius:10px;padding:12px}.stats span{display:block;color:#91a0b0;font-size:10px;margin-bottom:7px}.stats strong{font-size:17px;font-weight:800;letter-spacing:-.4px}.diagnostics{margin-top:12px;display:grid;gap:7px}.diagnostics .notice{font-size:11px;line-height:1.5;padding:8px 10px;background:#f2f6fd;border-radius:8px;color:#657b9a}.diagnostics .notice.error{background:#fff1f2;color:#bd324c}.pill{font-size:10px;padding:5px 9px;border-radius:12px;background:#e5f7ee;color:#19825d;font-weight:800}.pill.bad{background:#fff0f0;color:#bf3447}.field{font-size:11px;font-weight:700;color:#54647f;display:flex;flex-direction:column;gap:6px;margin:12px 0}.field input,.field select{border:1px solid #e2e9f1;border-radius:8px;min-width:0;padding:9px;color:#253b5b;background:#fff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.danger-button{border:1px solid #f5d5dd;color:#c13652;background:#fff5f7;border-radius:9px;padding:10px 15px;font-weight:750;font-size:11px}.empty-selection{border:1px dashed #dce4ef;background:#fafcff;border-radius:10px;padding:22px 14px;text-align:center;font-size:12px;color:#98a6b9;line-height:1.5}.code-output{border:1px solid #e2e8f2;border-radius:10px;background:#f8faff;padding:12px;word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.6;min-height:42px}.privacy{border:0;background:#f2f7ff;border-radius:12px;margin-top:21px;padding:15px}.privacy strong{font-size:12px;color:#3666bf}.privacy p{font-size:11px;line-height:1.6;color:#667c9b}.mobile-tabs{display:none}#drawing .atom text{pointer-events:none}@media(max-width:1220px){.workbench{grid-template-columns:254px minmax(350px,1fr) 278px}.inspector-scroll,.library{padding-left:16px;padding-right:16px}.topbar{padding:0 12px}.edition{display:none}.stage-wrap{padding:15px}.top-actions button{padding:8px 9px}}@media(max-width:990px){.workbench{grid-template-columns:236px minmax(350px,1fr)}.inspector{display:none}.workbench[data-panel=inspector]{grid-template-columns:1fr}.workbench[data-panel=inspector]>.editor,.workbench[data-panel=inspector]>.library{display:none}.workbench[data-panel=inspector]>.inspector{display:block}.topbar{gap:9px}.project-info{display:none}.product{font-size:12px}.top-actions button{font-size:11px}}@media(max-width:700px){.topbar{height:auto;min-height:67px;flex-wrap:wrap;padding:12px;gap:10px}.top-actions{width:100%;justify-content:space-between}.top-actions button{flex:1;font-size:11px}.top-actions .vline{display:none}.workbench{height:calc(100dvh - 162px);min-height:470px;display:block}.mobile-tabs{display:flex;background:#fff;border-bottom:1px solid #e8ecf4;padding:7px 12px;gap:8px}.mobile-tabs button{flex:1;border:1px solid #e4eaf3;background:#fff;padding:9px;border-radius:8px;font-weight:700;color:#7b8aa0}.mobile-tabs button[aria-pressed=true]{background:#eaf2ff;border-color:#9fbff9;color:#2461ca}.workbench .inspector,.workbench .library{display:none;width:100%;height:100%;overflow:auto}.workbench .editor{height:100%;display:flex}.workbench[data-panel=inspector] .inspector,.workbench[data-panel=library] .library{display:block}.workbench[data-panel=inspector] .editor,.workbench[data-panel=library] .editor{display:none}.library{border-right:0}.stage-wrap{padding:13px 10px}.toolbar{flex-wrap:wrap;padding:9px;gap:8px}.toolbar-left{flex-wrap:wrap}.stage-card{width:100%}.stage-head,.stage-tip{font-size:9px}.stage-tip span:last-child{display:none}.brand-group{flex:1;justify-content:flex-start}.product{font-size:12px}.export-menu{top:110px;right:8px}.templates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important}}#groupTools{display:flex;flex-wrap:wrap;gap:7px}#groupTools button{flex:1 1 64px;min-width:0;white-space:nowrap}#download3D{margin:10px 0 2px;width:100%}#drawing [data-atom]:focus-visible circle,#drawing [data-bond]:focus-visible line:last-child{outline:0;filter:drop-shadow(0 0 4px #236fed)}