:root{
  --board:#132521;
  --board-deep:#0d1b18;
  --board-soft:#1c312d;
  --chalk:#f4f1df;
  --chalk-muted:#b8c5bb;
  --mint:#73e2d0;
  --mint-dark:#173d37;
  --yellow:#ffd66b;
  --pink:#ff8d9d;
  --panel:#f5f2e9;
  --panel-ink:#13211e;
  --line:rgba(244,241,223,.15);
  --shadow:0 18px 55px rgba(2,8,7,.28);
}

*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{font-family:'Inter','Noto Sans KR',sans-serif;background:var(--board-deep);color:var(--chalk);touch-action:none;-webkit-font-smoothing:antialiased}
button,a{font:inherit;color:inherit}
button{border:0;cursor:pointer}
[hidden]{display:none!important}

.chem-board{height:100%;display:flex;flex-direction:column;background:var(--board)}
.topbar{height:72px;min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 14px;background:#f5f2e9;color:#17221f;border-bottom:1px solid rgba(0,0,0,.16);z-index:40;gap:18px}
.topbar-left,.topbar-actions,.scene-cluster{display:flex;align-items:center}
.topbar-left{gap:12px;min-width:250px}
.topbar-actions{gap:7px;justify-content:flex-end;min-width:300px}
.scene-cluster{gap:8px}
.brand-lockup{display:flex;flex-direction:column;gap:2px}
.brand-kicker,.top-label,.panel-kicker{font-family:'DM Mono',monospace;font-size:9px;line-height:1;letter-spacing:.14em;font-weight:500;color:#6d7772}
.brand-lockup h1{font-size:18px;line-height:1.1;margin:0;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;gap:7px}
.brand-dot{width:8px;height:8px;border-radius:50%;background:#2eb8a3;box-shadow:0 0 0 4px rgba(46,184,163,.13)}
.icon-btn,.text-btn,.scene-tab{height:38px;border:1px solid #d2d4ce;background:#fff;color:#24302c;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;transition:.16s ease}
.icon-btn{width:38px;font-size:20px;font-weight:600;position:relative;text-decoration:none}
.icon-btn:hover,.text-btn:hover,.scene-tab:hover{border-color:#839089;background:#fbfcf7;transform:translateY(-1px)}
.icon-btn:active,.text-btn:active,.scene-tab:active{transform:translateY(0)}
.icon-btn:disabled{cursor:not-allowed;opacity:.42;transform:none}
.home-btn{font-size:22px}
.text-btn{padding:0 12px;gap:7px;font-size:12px;font-weight:700}
.text-btn.compact{height:32px;padding:0 10px;border-radius:7px}
.scene-tabs{display:flex;border:1px solid #d2d4ce;border-radius:8px;overflow:hidden;background:#fff}
.scene-tab{width:34px;height:32px;border:0;border-right:1px solid #e0e1dc;border-radius:0;font-family:'DM Mono',monospace;font-size:11px}
.scene-tab:last-child{border-right:0}
.scene-tab.active{background:#173d37;color:#fff;box-shadow:inset 0 0 0 1px #173d37}
.save-status{display:inline-flex;align-items:center;gap:7px;padding:0 7px;color:#66716c;font-size:10px;white-space:nowrap}
.save-status span{width:7px;height:7px;background:#39a989;border-radius:50%}
.save-status.saving span{background:#e7ae39;animation:pulse 1s infinite}
.save-status.error span{background:#d85f6e}
.save-status.warning span{background:#d49a27}.save-status.warning b{color:#8b6417}
.save-status b{font-weight:600}

.board-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:
  radial-gradient(circle at 75% 18%,rgba(74,135,117,.10),transparent 28%),
  linear-gradient(135deg,rgba(255,255,255,.016),transparent 45%),var(--board)}
#boardCanvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;touch-action:none;cursor:crosshair}#boardCanvas:focus-visible{outline:3px solid rgba(115,226,208,.72);outline-offset:-4px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.board-grain{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.055'/%3E%3C/svg%3E")}

.storage-alert{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:36;width:min(720px,calc(100% - 200px));min-height:64px;display:grid;grid-template-columns:38px minmax(170px,1fr) auto 32px;align-items:center;gap:10px;padding:10px 11px;border:1px solid #d9aeb4;border-radius:14px;background:#fff8f8;color:#342629;box-shadow:0 16px 48px rgba(0,0,0,.34)}
.storage-alert.diff-expanded{width:min(960px,calc(100% - 120px));align-items:start}.storage-alert.recovery{border-color:#d3b96c;background:#fffae9}.storage-alert.conflict{border-color:#7f72c9;background:#f7f4ff}.storage-alert.recovered-conflict{border-color:#6f98c9;background:#f2f8ff}.storage-alert.file-only{border-color:#3d8d7b;background:#effaf6}.storage-alert-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ae4351;color:#fff;font:800 18px 'DM Mono',monospace}.storage-alert.recovery .storage-alert-icon{background:#a46d0c}.storage-alert.conflict .storage-alert-icon{background:#5748a9}.storage-alert.recovered-conflict .storage-alert-icon{background:#356b9f}.storage-alert.file-only .storage-alert-icon{background:#237262}.storage-alert-copy{min-width:0}.storage-alert-copy b{display:block;font-size:11px}.storage-alert-copy p{margin:4px 0 0;font-size:8px;line-height:1.45;color:#6c5a5e}.storage-alert.file-only .storage-alert-copy p{color:#39665d}.storage-alert-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.storage-alert-actions button{min-height:34px;padding:0 9px;border:1px solid #d8c8ca;border-radius:8px;background:#fff;color:#45383b;font-size:8px;font-weight:800;white-space:nowrap}.storage-alert-actions button:first-child{background:#8f3542;color:#fff;border-color:#8f3542}.storage-alert.file-only #storageRetryBtn,.storage-alert.file-only #storageEmergencyBtn{background:#237262;color:#fff;border-color:#237262}.storage-alert.file-only.checkpoint-stale #storageEmergencyBtn{background:#a46d0c;border-color:#a46d0c}.storage-alert.conflict #storageRemoteBtn{background:#5748a9;color:#fff;border-color:#5748a9}.storage-alert.recovered-conflict #storageRemoteBtn{background:#356b9f;border-color:#356b9f}.storage-alert.conflict #storageDiffToggleBtn{border-color:#8d82c8;color:#51469a;background:#f0edff}.storage-alert-close{width:32px;height:32px;border-radius:50%;background:transparent;color:#68575a;font-size:18px}.storage-alert-close:hover{background:rgba(80,45,50,.08)}
.storage-alert:focus-visible{outline:3px solid #73e2d0;outline-offset:3px}.storage-alert button:focus-visible{outline:3px solid #1b7061;outline-offset:2px;box-shadow:0 0 0 2px #fff}.storage-alert.conflict button:focus-visible{outline-color:#5748a9}.storage-alert.recovery button:focus-visible,.storage-alert.recovery-choice button:focus-visible{outline-color:#8b6417}.storage-alert.keyboard-target{box-shadow:0 0 0 3px rgba(115,226,208,.55),0 16px 48px rgba(0,0,0,.34)}
.storage-alert.recovery-choice{width:min(880px,calc(100% - 120px));align-items:start;border-color:#6f98c9;background:#f2f8ff}.storage-alert.recovery-choice .storage-alert-icon{background:#356b9f}.conflict-recovery-picker{grid-column:1/-1;width:100%;min-width:0;padding:12px;border:1px solid rgba(53,107,159,.24);border-radius:12px;background:rgba(255,255,255,.82)}.conflict-recovery-picker>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.conflict-recovery-picker header span{display:block;margin-bottom:3px;color:#356b9f;font:800 7px 'DM Mono',monospace;letter-spacing:.08em}.conflict-recovery-picker h2{margin:0;color:#223e58;font-size:13px}.conflict-recovery-picker header output{padding:4px 7px;border-radius:999px;background:#e2eef8;color:#315f8b;font:800 8px 'DM Mono',monospace;white-space:nowrap}.conflict-recovery-picker>p{margin:8px 0;color:#5d7082;font-size:8px;line-height:1.5}.conflict-recovery-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:min(390px,48vh);overflow:auto;overscroll-behavior:contain;padding:1px 3px 1px 1px}.conflict-recovery-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px;border:1px solid #cddce9;border-radius:10px;background:#fff}.conflict-recovery-card.latest{border-color:#5c91c1;box-shadow:inset 3px 0 #5c91c1}.conflict-recovery-card>div{min-width:0}.conflict-recovery-card-head{display:flex;align-items:center;gap:6px}.conflict-recovery-card-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#294a68;font-size:9px}.conflict-recovery-card-head em{padding:3px 5px;border-radius:999px;background:#dcebf7;color:#315f8b;font-size:7px;font-style:normal;font-weight:800}.conflict-recovery-card time,.conflict-recovery-card small{display:block;margin-top:4px;color:#718394;font:600 7px 'DM Mono',monospace}.conflict-recovery-stats{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}.conflict-recovery-stats span{padding:4px 6px;border-radius:6px;background:#f0f5f8;color:#4b6377;font-size:7px;font-weight:800}.conflict-recovery-card-actions{display:grid;align-content:start;gap:5px}.conflict-recovery-card-actions button{min-height:31px;padding:0 8px;border:1px solid #91b3cf;border-radius:7px;background:#fff;color:#315f8b;font-size:8px;font-weight:800;white-space:nowrap}.conflict-recovery-card-actions button[data-recovery-action="choose"]{border-color:#356b9f;background:#356b9f;color:#fff}.conflict-recovery-card-actions button:disabled{cursor:wait;opacity:.55}.conflict-recovery-warning{padding:7px 9px;border-left:3px solid #b47a2b;border-radius:0 7px 7px 0;background:#fff6e4;color:#745526!important}.storage-alert.recovery-choice .storage-alert-actions{display:none}
.storage-alert.recovery-choice.handoff-failed{border-color:#bd765e;background:#fff6f2}.storage-alert.recovery-choice.handoff-failed .storage-alert-icon{background:#a84f37}.storage-alert.recovery-choice.handoff-failed .conflict-recovery-picker{border-color:rgba(168,79,55,.3);background:#fffaf8}.storage-alert.recovery-choice.handoff-failed .conflict-recovery-picker header span,.storage-alert.recovery-choice.handoff-failed .conflict-recovery-picker h2{color:#8e402e}.storage-alert.recovery-choice.handoff-failed .conflict-recovery-card.retry{border-color:#bd765e;box-shadow:inset 3px 0 #bd765e}.storage-alert.recovery-choice.handoff-failed .conflict-recovery-card.retry button[data-recovery-action="choose"]{border-color:#a84f37;background:#a84f37}.storage-alert.recovery-choice.handoff-failed .conflict-recovery-warning{border-left-color:#a84f37;background:#fff0e9;color:#7d3d2d!important}
.recovery-center-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0}.recovery-center-summary>div{padding:9px;border:1px solid #d8e4df;border-radius:10px;background:#f7fbf9}.recovery-center-summary span{display:block;color:#70827a;font:700 7px 'DM Mono',monospace}.recovery-center-summary b{display:block;margin-top:4px;color:#173f36;font-size:15px}.recovery-center-policy{display:grid;gap:7px;padding:10px;border:1px solid #d8e4df;border-radius:11px;background:#f7fbf9}.recovery-center-policy label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#31544b;font-size:8px;font-weight:800}.recovery-center-policy select{min-height:36px;padding:0 30px 0 9px;border:1px solid #b7ccc4;border-radius:8px;background:#fff;color:#203d36;font:800 8px 'DM Mono',monospace}.recovery-center-policy p{margin:0;color:#63756e;font-size:8px;line-height:1.5}.recovery-center-scene{margin-top:12px}.recovery-center-scene>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.recovery-center-scene>header b{color:#24473e;font-size:10px}.recovery-center-scene>header span{color:#70827a;font:700 7px 'DM Mono',monospace}.recovery-center-list{display:grid;gap:7px}.recovery-center-entry{padding:10px;border:1px solid #d7e2de;border-radius:11px;background:#fff}.recovery-center-entry.expired{border-color:#d4ad65;background:#fffbf0}.recovery-center-entry.damaged{border-color:#d39da5;background:#fff7f7}.recovery-center-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.recovery-center-entry-head div{min-width:0}.recovery-center-entry-head b{display:block;color:#263f38;font-size:9px}.recovery-center-entry-head time{display:block;margin-top:3px;color:#74837d;font:600 7px 'DM Mono',monospace}.recovery-center-entry-head em{flex:none;padding:4px 6px;border-radius:999px;background:#e7f1ed;color:#315c51;font-size:7px;font-style:normal;font-weight:800}.recovery-center-entry.expired .recovery-center-entry-head em{background:#fff0ca;color:#805a13}.recovery-center-entry.damaged .recovery-center-entry-head em{background:#f8dfe3;color:#8d3d49}.recovery-center-stats{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.recovery-center-stats span{padding:4px 6px;border-radius:6px;background:#f0f5f3;color:#526a63;font-size:7px;font-weight:800}.recovery-center-entry-note{display:block;margin-top:7px;color:#697b74;font-size:7px;line-height:1.45}.recovery-center-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.recovery-center-actions button{min-height:34px;padding:0 9px;border:1px solid #91b4a9;border-radius:8px;background:#fff;color:#27594c;font-size:8px;font-weight:800}.recovery-center-actions button.danger{border-color:#c68c95;color:#8d3544}.recovery-center-actions button.confirm{border-color:#a94252;background:#a94252;color:#fff}.recovery-center-actions button:disabled{border-color:#d7dfdc;background:#f0f3f2;color:#89938f}.recovery-center-empty{padding:18px;border:1px dashed #c7d5d0;border-radius:11px;color:#70827a;text-align:center;font-size:9px}.recovery-center-status{display:block;min-height:16px;margin-top:8px;color:#326f60;font-size:8px}.recovery-center-boundary{margin-top:12px;padding:9px 10px;border-left:3px solid #3c806f;border-radius:0 9px 9px 0;background:#eef7f4}.recovery-center-boundary b{color:#285c4f;font-size:8px}.recovery-center-boundary p{margin:4px 0 0;color:#527168;font-size:8px;line-height:1.5}
.all-scenes-emergency{margin-top:12px;padding:11px;border:1px solid #b9d2c9;border-radius:12px;background:linear-gradient(145deg,#f6fbf9,#eef7f4)}.all-scenes-emergency>header{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.all-scenes-emergency>header span{display:block;color:#47766a;font:700 7px 'DM Mono',monospace;letter-spacing:.08em}.all-scenes-emergency>header b{display:block;margin-top:3px;color:#173f36;font-size:11px}.all-scenes-emergency>header em{padding:4px 6px;border-radius:999px;background:#dceee8;color:#2c6658;font-size:7px;font-style:normal;font-weight:900}.all-scenes-emergency>p,.all-scenes-emergency>small{display:block;margin:8px 0 0;color:#597169;font-size:8px;line-height:1.5}.all-scenes-emergency-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.all-scenes-emergency-actions button{min-height:38px;padding:0 10px;border:1px solid #79a89a;border-radius:8px;background:#fff;color:#27594c;font-size:8px;font-weight:900}.all-scenes-emergency-actions button.primary{border-color:#277663;background:#277663;color:#fff}.all-scenes-emergency-actions button.danger{border-color:#a94252;background:#a94252;color:#fff}.all-scenes-emergency-actions button:disabled{border-color:#cedbd6;background:#e7eeeb;color:#899791}.all-scenes-emergency-preview{margin-top:10px;padding:10px;border:1px solid #a8c9bf;border-radius:10px;background:#fff}.all-scenes-emergency-preview.invalid{border-color:#d39da5;background:#fff7f7}.all-scenes-emergency-preview>b{display:block;color:#255a4e;font-size:9px}.all-scenes-emergency-preview.invalid>b{color:#923e4b}.all-scenes-emergency-preview>small{display:block;margin-top:4px;color:#70827a;font:600 7px 'DM Mono',monospace}.all-scenes-emergency-preview>small.warning{color:#925d16;font-family:inherit;font-weight:800}.all-scenes-emergency-preview ul{display:grid;gap:5px;margin:9px 0 0;padding:0;list-style:none}.all-scenes-emergency-preview li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding:7px;border-radius:8px;background:#f0f6f4}.all-scenes-emergency-preview li b{font-size:8px}.all-scenes-emergency-preview li span{color:#5c716a;font-size:7px}.all-scenes-emergency-preview li code{color:#356e60;font:700 7px 'DM Mono',monospace}
.conflict-diff-panel{grid-column:1/-1;width:100%;min-width:0;padding:12px;border:1px solid rgba(87,72,169,.22);border-radius:12px;background:rgba(255,255,255,.78)}
.conflict-diff-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.conflict-diff-mode{display:block;margin-bottom:3px;color:#685bb0;font:800 7px 'DM Mono',monospace;letter-spacing:.08em}.conflict-diff-head h2{margin:0;color:#2b2547;font-size:13px}.conflict-diff-head output{color:#5e557e;font:800 9px 'DM Mono',monospace;white-space:nowrap}.conflict-diff-notice{margin:9px 0 0;padding:8px 10px;border-left:3px solid #bc742d;border-radius:0 8px 8px 0;background:#fff4df;color:#715024;font-size:8px;line-height:1.5}
.conflict-diff-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.conflict-diff-stat{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 9px;border:1px solid #ded9ee;border-radius:8px;background:#faf9ff;color:#665f7b;font-size:8px}.conflict-diff-stat b{font:800 11px 'DM Mono',monospace;color:#302950}.conflict-diff-stat.conflict b{color:#a13d52}.conflict-diff-stat.local b{color:#287b70}.conflict-diff-stat.remote b{color:#426ab1}.conflict-diff-stat.converged b{color:#7754a4}
.conflict-merge-progress{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;margin-top:8px;padding:8px 9px;border:1px solid #d8d1ee;border-radius:9px;background:#f5f2ff}.conflict-merge-progress>div{display:flex;align-items:center;gap:8px;min-width:0}.conflict-merge-progress>div span{font-size:8px;font-weight:800;color:#51486d}.conflict-merge-progress output{font:700 8px 'DM Mono',monospace;color:#746b86}.conflict-merge-ready{padding:4px 7px;border-radius:999px;background:#f8e8ec;color:#91394c;font-size:7px;font-weight:800;white-space:nowrap}.conflict-merge-ready.ready{background:#e1f3ec;color:#236b5e}.conflict-merge-progress button{min-height:30px;padding:0 9px;border:1px solid #bcb2df;border-radius:7px;background:#fff;color:#55499d;font-size:8px;font-weight:800;white-space:nowrap}
.conflict-merge-preview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 8px;align-items:center;margin-top:6px;padding:7px 9px;border:1px solid #ded9ea;border-radius:8px;background:#faf9fd}.conflict-merge-preview b{font-size:8px;color:#554c68}.conflict-merge-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 8px 'DM Mono',monospace;color:#726a80}.conflict-merge-preview small{grid-column:1/3;color:#938b9d;font-size:7px}.conflict-merge-preview>button{grid-column:3;grid-row:1/3;min-height:32px;padding:0 10px;border:1px solid #2b7f6d;border-radius:7px;background:#176b5d;color:#fff;font-size:8px;font-weight:800;white-space:nowrap}.conflict-merge-preview>button:disabled{cursor:not-allowed;opacity:.42;background:#dce4e0;color:#6f7d77;border-color:#ccd5d0}.conflict-merge-preview.pending{border-style:dashed}.conflict-merge-preview.ready{border-color:#acd5c7;background:#eef9f5}.conflict-merge-preview.ready b{color:#236b5e}.conflict-merge-preview.invalid{border-color:#dfa7b2;background:#fff6f7}.conflict-merge-preview.invalid b{color:#96384d}
.conflict-diff-filters{display:flex;gap:5px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.conflict-diff-filters::-webkit-scrollbar{display:none}.conflict-diff-filters button{min-height:30px;padding:0 10px;border:1px solid #d9d3e8;border-radius:999px;background:#fff;color:#675f7e;font-size:8px;font-weight:800;white-space:nowrap}.conflict-diff-filters button[aria-pressed="true"]{border-color:#5b4ea5;background:#5b4ea5;color:#fff}
.conflict-diff-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px;max-height:min(330px,43vh);overflow:auto;overscroll-behavior:contain;padding-right:3px}.conflict-diff-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:start;min-width:0;padding:8px;border:1px solid #e3dfea;border-radius:9px;background:#fff}.conflict-diff-row.risk-conflict,.conflict-diff-row.risk-review{border-color:#e0a8b3;background:#fffafb}.conflict-diff-row.risk-one-sided{border-color:#b9dcd6}.conflict-diff-row.risk-converged{border-color:#d5c2e9}.conflict-diff-row.merge-unresolved{box-shadow:inset 3px 0 #b94a61}.conflict-diff-kind{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#efedf7;color:#554b83;font:800 8px 'DM Mono',monospace}.conflict-diff-copy{min-width:0}.conflict-diff-copy b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#302b3c;font-size:9px}.conflict-diff-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a8299;font:600 7px 'DM Mono',monospace}.conflict-diff-paths{grid-column:2/4;display:flex;gap:4px;min-width:0;overflow:hidden}.conflict-diff-paths code{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 5px;border-radius:5px;background:#f1eff5;color:#655e73;font:600 7px 'DM Mono',monospace}.conflict-diff-status{padding:4px 6px;border-radius:999px;background:#f2eff8;color:#665b86;font-size:7px;font-weight:800;white-space:nowrap}.risk-conflict .conflict-diff-status,.risk-review .conflict-diff-status{background:#fbe8ec;color:#96384d}.risk-one-sided .conflict-diff-status{background:#e7f6f2;color:#277568}.risk-converged .conflict-diff-status{background:#f1e9f8;color:#725099}.conflict-merge-choice{grid-column:2/4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.conflict-merge-choice button{min-height:30px;padding:0 6px;border:1px solid #d7d1e2;border-radius:7px;background:#fff;color:#625a70;font-size:8px;font-weight:800}.conflict-merge-choice button[aria-pressed="true"]{border-color:#594aa6;background:#594aa6;color:#fff}.conflict-merge-choice small{grid-column:1/3;color:#8a8299;font-size:7px;text-align:right}.conflict-diff-row.merge-unresolved .conflict-merge-choice small{color:#a13d52;font-weight:800}.conflict-merge-same{grid-column:2/4;padding:7px 8px;border-radius:7px;background:#f2eafa;color:#725099;font-size:8px;font-weight:800;text-align:center}.conflict-diff-empty,.conflict-diff-limit{margin:9px 0 0;color:#80788e;font-size:8px;text-align:center}.conflict-diff-limit{padding-top:8px;border-top:1px solid #e5e1eb}

.tool-rail{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:64px;padding:8px 7px;z-index:20;background:rgba(7,18,15,.84);border:1px solid rgba(244,241,223,.18);border-radius:17px;box-shadow:var(--shadow);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:4px}
.tool-btn{width:50px;min-height:48px;border-radius:11px;background:transparent;color:#b7c4bc;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:9px;font-weight:600;transition:.16s}
.mobile-tool-more{display:none}
.mobile-header-actions{display:contents}.mobile-header-actions .mobile-save-action{display:none}.mobile-header-more{display:none}
.tool-btn:hover{background:rgba(255,255,255,.08);color:#fff}
.tool-btn.active{background:var(--chalk);color:#14221e;box-shadow:0 4px 16px rgba(0,0,0,.22)}
.tool-icon{font-size:20px;line-height:1;height:22px;display:flex;align-items:center}
.pen-icon{font-size:23px}.select-icon{font-size:22px}.reaction-icon{font-family:'DM Mono',monospace;font-size:22px}.formula-icon{font-family:'DM Mono',monospace;font-size:12px;font-weight:700;letter-spacing:-.08em}.stoichiometry-icon{font:800 20px 'DM Mono',monospace;font-style:italic}.object-list-icon{font:800 20px 'DM Mono',monospace}
.rail-divider{height:1px;background:rgba(255,255,255,.12);margin:4px 4px}
.color-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:4px 5px}
.color-dot{width:16px;height:16px;margin:auto;border-radius:50%;background:var(--dot);border:2px solid transparent;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.color-dot.active{border-color:#10201c;box-shadow:0 0 0 2px var(--dot)}

.selection-bar,.object-bar{position:absolute;z-index:25;display:flex;align-items:center;gap:6px;background:#f5f2e9;color:#17221f;border-radius:11px;padding:6px;box-shadow:0 12px 40px rgba(0,0,0,.35);border:1px solid rgba(0,0,0,.10);max-width:calc(100% - 110px)}
.selection-count{font-size:10px;color:#62706a;font-weight:700;padding:0 6px;white-space:nowrap}
.primary-action,.bar-btn,.mode-switch,.gesture-switch,.zoom-switch,.hydrogen-switch,.geometry-audit-switch,.atom-pick-clear,.distance-measure-btn,.electron-switch,.electron-motion,.electron-speed,.lewis-editor-switch,.vsepr-switch,.resonance-switch,.resonance-detail,.orbital-switch,.orbital-option,.mo-switch,.mo-detail,.mo-transition-switch,.bond-order-switch{height:34px;border-radius:7px;background:#fff;color:#1c2925;padding:0 10px;font-size:11px;font-weight:700;border:1px solid #d7d9d3;white-space:nowrap}
.primary-action{background:#173d37;color:#fff;border-color:#173d37;display:flex;align-items:center;gap:6px;padding:0 13px}
.primary-action:hover{background:#0f302b}.spark{color:var(--yellow)}
.bar-btn:hover,.mode-switch:hover,.gesture-switch:hover,.zoom-switch:hover,.hydrogen-switch:hover,.geometry-audit-switch:hover,.atom-pick-clear:hover,.distance-measure-btn:hover,.electron-switch:hover,.electron-motion:hover,.electron-speed:hover,.lewis-editor-switch:hover,.vsepr-switch:hover,.resonance-switch:hover,.resonance-detail:hover,.orbital-switch:hover,.orbital-option:hover,.mo-switch:hover,.mo-detail:hover,.mo-transition-switch:hover,.bond-order-switch:hover{border-color:#87918c}.bar-btn.icon-only{font-size:18px;width:34px;padding:0}.bar-btn.danger{color:#b83246}
.bar-separator{height:23px;width:1px;background:#d4d7d1;margin:0 2px}
.mode-switch,.gesture-switch{font-family:'DM Mono',monospace}.mode-switch.active,.gesture-switch.active{background:#1d2d28;color:#fff;border-color:#1d2d28}.gesture-switch.auto-rotate.active{background:#276e61;border-color:#276e61}
.zoom-switch{width:34px;padding:0;font-family:'DM Mono',monospace;font-size:17px}.zoom-level{min-width:42px;text-align:center;font-family:'DM Mono',monospace;font-size:10px;font-weight:800;color:#43514c}
.hydrogen-switch{font-family:'DM Mono',monospace;color:#53615b}.hydrogen-switch.active{background:#eef1e9;color:#21312b;border-color:#9aa59f}.hydrogen-count{min-width:31px;text-align:center;font:800 9px 'DM Mono',monospace;color:#53615b;white-space:nowrap}
.geometry-audit-switch{font-family:'DM Mono',monospace;color:#176957;border-color:#9bcabb}.geometry-audit-status{padding:5px 8px;border-radius:99px;font:800 8px 'DM Mono',monospace;white-space:nowrap}.geometry-audit-status.pass{background:#dff2eb;color:#176957}.geometry-audit-status.stop{background:#f9e5e8;color:#9a3d4c}
.atom-pick-status{min-width:58px;padding:5px 8px;border-radius:99px;background:#edf0ec;color:#53615b;text-align:center;font:800 8px 'DM Mono',monospace;white-space:nowrap}.atom-pick-status.active{background:#d9f3ed;color:#176957;box-shadow:inset 0 0 0 1px #9bcabb}.atom-pick-clear{font-family:'DM Mono',monospace;color:#52625c;padding-inline:8px}
.bond-pick-status{min-width:64px;padding:5px 8px;border-radius:99px;background:#edf0ec;color:#53615b;text-align:center;font:800 8px 'DM Mono',monospace;white-space:nowrap}.bond-pick-status.active{background:#f8dfeb;color:#8e3157;box-shadow:inset 0 0 0 1px #e59ab9}.bond-pick-status.active.implicit-h{background:#ece9f7;color:#644c83;box-shadow:inset 0 0 0 1px #c8b9e2}
.bond-order-status{min-width:56px;padding:5px 8px;border-radius:99px;background:#f8dfeb;color:#8e3157;text-align:center;font:800 8px 'DM Mono',monospace;white-space:nowrap}.bond-order-switch{font-family:'DM Mono',monospace;color:#8e3157;border-color:#e5a1b9;padding-inline:8px}.bond-order-switch.active{background:#8e3157;color:#fff;border-color:#8e3157}.valence-status{max-width:150px;padding:5px 8px;border-radius:99px;background:#e7efeb;color:#31594f;text-align:center;font:800 8px 'DM Mono',monospace;white-space:nowrap}.valence-status.stop{background:#f9e1d9;color:#a13b2e}.valence-status.variable{background:#f7efd5;color:#8d651c}
.board-lewis-status{min-width:74px;padding:5px 8px;border-radius:99px;background:#e9e1fb;color:#593c89;text-align:center;font:800 8px 'DM Mono',monospace;white-space:nowrap}.board-lewis-status.pass{background:#dff2eb;color:#176957}.board-lewis-status.stop{background:#f9e5e8;color:#9a3d4c}
.board-formula-status{min-width:78px;padding:5px 8px;border-radius:99px;background:#eaf0ff;color:#3f5682;text-align:center;font:800 8px 'DM Mono',monospace;white-space:nowrap}.board-formula-status.pass{background:#dff2eb;color:#176957}.board-formula-status.stop{background:#f9e5e8;color:#9a3d4c}.board-formula-status.review{background:#fff3d5;color:#825d05}
.board-formula-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:12px;background:#edf1fb;border:1px solid #becbe7}.board-formula-hero div{display:grid;gap:5px}.board-formula-hero strong{font:800 18px 'DM Mono',monospace;color:#253b63}.board-formula-hero span,.board-formula-boundary p,.board-formula-issues li{font-size:11px;line-height:1.55;color:#53615b}.board-formula-hero em{font:800 10px 'DM Mono',monospace;padding:6px 8px;border-radius:99px;background:#dff2eb;color:#176957}.board-formula-hero em.review{background:#fff3d5;color:#825d05}.board-formula-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.board-formula-grid div{padding:10px;border-radius:9px;background:#f5f2e9;border:1px solid #d8ddd7}.board-formula-grid dt{font:800 8px 'DM Mono',monospace;color:#7a8580}.board-formula-grid dd{margin:5px 0 0;font:800 14px 'DM Mono',monospace;color:#21312b}.board-formula-review-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px;border-radius:10px;background:#edf6f1;border:1px solid #b7d7c9}.board-formula-review-card.rejected{background:#fff0f0;border-color:#e5b5b5}.board-formula-review-card.pending{background:#fff7e8;border-color:#e4c67c}.board-formula-review-card>div:first-child{display:grid;gap:4px}.board-formula-review-card b{font:800 9px 'DM Mono',monospace;color:#31594f}.board-formula-review-card strong{font:800 13px 'DM Mono',monospace;color:#21312b}.board-formula-review-card span{font-size:11px;line-height:1.45;color:#53615b}.board-formula-review-actions{margin:0;display:flex;flex-wrap:wrap;gap:6px}.board-formula-review-actions .panel-action{min-height:36px;padding:7px 10px}.board-formula-components,.board-formula-issues,.board-formula-boundary{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:10px;background:#f5f2e9;border:1px solid #d8ddd7}.board-formula-components>b,.board-formula-issues>b,.board-formula-boundary>b{font:800 9px 'DM Mono',monospace;color:#31594f}.board-formula-component{display:flex;justify-content:space-between;padding:8px;border-radius:7px;background:#fff;border:1px solid #dfe3de;font:700 10px 'DM Mono',monospace}.board-formula-issues{background:#fff7e8;border-color:#e4c67c}.board-formula-issues>b{color:#8d651c}.board-formula-issues ul{margin:0;padding-left:18px}
.board-formula-2d-gate{display:grid;gap:9px;margin-top:12px;padding:12px;border-radius:10px;background:#f5f2e9;border:1px solid #d8ddd7}.board-formula-2d-gate>b{font:800 9px 'DM Mono',monospace;color:#31594f}.board-formula-2d-gate>div:first-child{display:grid;gap:4px}.board-formula-2d-gate>div:first-child>b{font:800 9px 'DM Mono',monospace;color:#31594f}.board-formula-2d-gate span,.board-formula-2d-gate p{margin:0;font-size:11px;line-height:1.5;color:#53615b}.board-formula-2d-gate.pending{background:#fff7e8;border-color:#e4c67c}.board-formula-2d-gate.stop{background:#fff0f0;border-color:#e5b5b5}.board-formula-2d-list{display:grid;gap:7px}.board-formula-2d-candidate{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 11px;border-radius:9px;border:1px solid #cddbd5;background:#fff;color:#21312b;text-align:left;cursor:pointer}.board-formula-2d-candidate:hover{border-color:#62ab9b;transform:translateY(-1px)}.board-formula-2d-candidate:disabled{opacity:.55;cursor:not-allowed;transform:none}.board-formula-2d-candidate span{display:grid;gap:4px}.board-formula-2d-candidate b{font:800 12px 'DM Mono',monospace;color:#21312b}.board-formula-2d-candidate small{font:10px 'DM Mono',monospace;color:#70817a}.board-formula-2d-candidate em{font:800 9px 'DM Mono',monospace;padding:5px 7px;border-radius:99px;background:#dff2eb;color:#176957}
.board-lewis-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:12px;background:#edf4f0;border:1px solid #b8d6c8}.board-lewis-hero div{display:grid;gap:5px}.board-lewis-hero strong{font:800 13px 'DM Mono',monospace}.board-lewis-hero span,.board-lewis-boundary p,.board-lewis-issues li{font-size:11px;line-height:1.55;color:#53615b}.board-lewis-hero em{font:800 10px 'DM Mono',monospace;padding:6px 8px;border-radius:99px;background:#dff2eb;color:#176957}.board-lewis-hero em.stop{background:#f9e5e8;color:#9a3d4c}.board-lewis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.board-lewis-grid div{padding:10px;border-radius:9px;background:#f5f2e9;border:1px solid #d8ddd7}.board-lewis-grid dt{font:800 8px 'DM Mono',monospace;color:#7a8580}.board-lewis-grid dd{margin:5px 0 0;font:800 15px 'DM Mono',monospace;color:#21312b}.board-lewis-table,.board-lewis-issues,.board-lewis-boundary{display:grid;gap:8px;margin-top:12px;padding:12px;border-radius:10px;background:#f5f2e9;border:1px solid #d8ddd7}.board-lewis-table>b,.board-lewis-issues>b,.board-lewis-boundary>b{font:800 9px 'DM Mono',monospace;color:#31594f}.board-lewis-row{display:grid;grid-template-columns:48px repeat(4,minmax(0,1fr)) 46px;align-items:center;gap:6px;padding:8px;border-radius:7px;background:#fff;border:1px solid #dfe3de;font:700 9px 'DM Mono',monospace;color:#53615b}.board-lewis-row b{color:#21312b}.board-lewis-row em{font-style:normal;text-align:center;padding:4px;border-radius:99px;background:#dff2eb;color:#176957}.board-lewis-row em.stop{background:#f9e5e8;color:#9a3d4c}.board-lewis-issues{background:#fff7e8;border-color:#e4c67c}.board-lewis-issues>b{color:#8d651c}.board-lewis-issues ul{margin:0;padding-left:18px}
.distance-measure-status{min-width:58px;padding:5px 8px;border-radius:99px;background:#edf0ec;color:#53615b;text-align:center;font:800 8px 'DM Mono',monospace;white-space:nowrap}.distance-measure-status.pending{background:#e9f5f1;color:#176957}.distance-measure-status.bonded{background:#d9f3ed;color:#176957;box-shadow:inset 0 0 0 1px #9bcabb}.distance-measure-status.nonbonded{background:#fff3d5;color:#825d05;box-shadow:inset 0 0 0 1px #e0c36f}.distance-measure-btn{font-family:'DM Mono',monospace;color:#176957;border-color:#9bcabb;padding-inline:8px}
.angle-measure-status{min-width:58px;padding:5px 8px;border-radius:99px;background:#edf0ec;color:#53615b;text-align:center;font:800 8px 'DM Mono',monospace;white-space:nowrap}.angle-measure-status.pending{background:#f0ebfb;color:#644b8c}.angle-measure-status.bond-angle{background:#e7ddfa;color:#553b80;box-shadow:inset 0 0 0 1px #b9a1de}.angle-measure-status.atom-angle{background:#fff3d5;color:#825d05;box-shadow:inset 0 0 0 1px #e0c36f}
.torsion-measure-status,.stereo-read-status{min-width:58px;padding:5px 8px;border-radius:99px;background:#edf0ec;color:#53615b;text-align:center;font:800 8px 'DM Mono',monospace;white-space:nowrap}.torsion-measure-status.pending{background:#faeaf1;color:#8b4663}.torsion-measure-status.bond-torsion{background:#f9dce8;color:#842e53;box-shadow:inset 0 0 0 1px #db93af}.torsion-measure-status.atom-torsion{background:#fff3d5;color:#825d05;box-shadow:inset 0 0 0 1px #e0c36f}.stereo-read-status.active{background:#e9e1fb;color:#593c89;box-shadow:inset 0 0 0 1px #baa5df}
.measurement-pin-btn{height:34px;border-radius:7px;background:#fff;color:#6c3d57;padding:0 9px;font:800 9px 'DM Mono',monospace;border:1px solid #d7a8bd;white-space:nowrap}.measurement-pin-btn:hover{border-color:#a35c7b}.measurement-pin-btn.active{background:#f8dce8;color:#7d2d50;border-color:#cf86a5}.measurement-pin-count{min-width:45px;padding:5px 7px;border-radius:99px;background:#edf0ec;color:#53615b;text-align:center;font:800 8px 'DM Mono',monospace;white-space:nowrap}.measurement-pin-count.active{background:#f9e8ef;color:#7d2d50;box-shadow:inset 0 0 0 1px #daa0b8}
.object-state-badge{min-height:25px;display:inline-flex;align-items:center;border-radius:99px;padding:0 8px;background:#e7efeb;color:#31594f;font:800 8px 'DM Mono',monospace;white-space:nowrap}.object-state-badge.locked{background:#f7e7d8;color:#894b16}.object-bar button:disabled{cursor:not-allowed;opacity:.48;background:#eceeea;color:#7e8984;box-shadow:none}
.electron-switch,.electron-motion,.electron-speed{font-family:'DM Mono',monospace}.electron-switch.active{background:#51458d;color:#fff;border-color:#51458d}.electron-count{min-width:37px;text-align:center;font-family:'DM Mono',monospace;font-size:9px;font-weight:800;color:#51458d;white-space:nowrap}.electron-motion.active{background:#276e61;color:#fff;border-color:#276e61}.electron-motion:disabled{cursor:not-allowed;color:#7f8783;background:#eceeea}.electron-speed{min-width:38px;padding:0 7px}.electron-edu{font-family:'DM Mono',monospace;font-size:8px;font-weight:800;color:#665889;background:#ebe7fa;border-radius:99px;padding:5px 7px;white-space:nowrap}
.lewis-editor-switch{font-family:'DM Mono',monospace;color:#7a4c0d;border-color:#e0c483;background:#fff9e8}.lewis-editor-switch.active{background:#a7670a;color:#fff;border-color:#a7670a}.lewis-editor-status{font:800 8px 'DM Mono',monospace;border-radius:99px;padding:5px 7px;white-space:nowrap}.lewis-editor-status.pass{color:#176957;background:#dff2eb}.lewis-editor-status.stop{color:#9a3d4c;background:#f9e5e8}
.vsepr-switch{font-family:'DM Mono',monospace;color:#0c6470;border-color:#9bd4da;background:#effcff}.vsepr-switch.active{background:#117b89;color:#fff;border-color:#117b89}.vsepr-status{font:800 8px 'DM Mono',monospace;border-radius:99px;padding:5px 7px;white-space:nowrap}.vsepr-status.pass{color:#075f69;background:#ddf4f5}.vsepr-status.stop{color:#9a3d4c;background:#f9e5e8}
.resonance-switch{font-family:'DM Mono',monospace;color:#76520b;border-color:#d8b866;background:#fff9df}.resonance-switch.active{background:#b47a12;color:#fff;border-color:#b47a12}.resonance-count{min-width:46px;text-align:center;font-family:'DM Mono',monospace;font-size:9px;font-weight:800;color:#8b5e08;background:#fff4c6;border-radius:99px;padding:5px 7px;white-space:nowrap}
.resonance-detail{font-family:'DM Mono',monospace;color:#594685;border-color:#c8bce3;background:#f7f2ff}.resonance-detail.active{background:#66518f;color:#fff;border-color:#66518f}
.orbital-switch,.orbital-option{font-family:'DM Mono',monospace}.orbital-switch{color:#075b69;border-color:#9ed6de;background:#effcff}.orbital-switch.active{background:#08788a;color:#fff;border-color:#08788a}.orbital-option.active{background:#344d75;color:#fff;border-color:#344d75}.orbital-count{font:800 8px 'DM Mono',monospace;color:#3f5682;background:#eaf0ff;border-radius:99px;padding:5px 7px;white-space:nowrap}
.mo-switch,.mo-detail{font-family:'DM Mono',monospace}.mo-switch{color:#643770;border-color:#d6acd9;background:#fff4ff}.mo-switch.active{background:#733b80;color:#fff;border-color:#733b80}.mo-detail{color:#654d16;border-color:#dfc577;background:#fffae7}.mo-count{font:800 8px 'DM Mono',monospace;color:#613a6c;background:#f4e8f7;border-radius:99px;padding:5px 7px;white-space:nowrap}
.mo-transition-switch{font-family:'DM Mono',monospace;color:#075d68;border-color:#8fcfd7;background:#edfcff}.mo-transition-count{font:800 8px 'DM Mono',monospace;color:#075d68;background:#dff5f7;border-radius:99px;padding:5px 7px;white-space:nowrap}

.mo-model-banner{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;align-items:center;padding:11px 12px;border-radius:11px;background:#f3edf7;border:1px solid #d9c4df;margin-bottom:12px}.mo-model-banner strong{grid-row:1/3;font:800 13px 'DM Mono',monospace;color:#643770}.mo-model-banner b{font-size:11px}.mo-model-banner small{font-size:9px;color:#6d726f}.mo-energy-ladder{display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:13px;background:#172520;color:#f4f1df}.mo-energy-row{display:grid;grid-template-columns:70px 1fr;gap:9px;align-items:center;min-height:58px}.mo-energy-label{font:700 9px 'DM Mono',monospace;color:#d7c9e2;text-align:right}.mo-energy-orbitals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-left:1px solid rgba(255,255,255,.22);padding-left:9px;position:relative}.mo-energy-orbitals::before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(255,255,255,.22)}.mo-choice{position:relative;z-index:1;min-height:52px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#243832;color:#f4f1df;padding:5px;display:grid;grid-template-columns:42px 1fr;align-items:center;text-align:left}.mo-choice:hover{border-color:#c993d4}.mo-choice.active{background:#563560;border-color:#d9a4e2;box-shadow:0 0 0 2px rgba(217,164,226,.18)}.mo-choice-copy{display:flex;flex-direction:column;gap:2px}.mo-choice-copy b{font:800 10px 'DM Mono',monospace}.mo-choice-copy small{font:700 8px 'DM Mono',monospace;color:#c8d5cf}.mo-choice-copy em{font:700 8px 'DM Mono',monospace;color:#ffd76b;font-style:normal}.mo-phase-svg{width:40px;height:40px;display:block}.mo-phase-ring{fill:none;stroke:rgba(255,255,255,.27);stroke-width:1}.mo-phase-positive{fill:#61d9e6;stroke:#a6f4fa}.mo-phase-negative{fill:#c38cff;stroke:#e0c1ff}.mo-baseline{display:grid;grid-template-columns:70px 1fr;gap:9px;align-items:center;color:#91a099;font:700 8px 'DM Mono',monospace}.mo-baseline span:last-child{border-top:1px dashed #6f7f78;padding-top:4px}.mo-frontier-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}.mo-frontier-card{border:1px solid #d9dbd5;border-radius:10px;background:#fff;padding:10px}.mo-frontier-card b{display:block;font:800 10px 'DM Mono',monospace;color:#583d63}.mo-frontier-card span{display:block;font-size:9px;color:#69736e;margin-top:4px}.mo-selected-detail{border-radius:11px;background:#fff7d9;border:1px solid #e4cc77;padding:11px;margin-top:10px}.mo-selected-detail b{font:800 11px 'DM Mono',monospace;color:#5d4816}.mo-selected-detail p{margin:6px 0 0;font-size:9px;line-height:1.55;color:#6c603d}.mo-limit-note{margin:11px 0 0;padding:10px;border-radius:10px;background:#eaf2ef;color:#4d615a;font-size:9px;line-height:1.55}.phenol-mixing{display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:7px;margin:12px 0}.mixing-node{min-height:84px;border:1px solid #d8d9d3;border-radius:11px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9px}.mixing-node strong{font:800 12px 'DM Mono',monospace;color:#60366c}.mixing-node span{font-size:9px;color:#69736e;margin-top:5px}.mixing-arrow{text-align:center;color:#885394;font:800 18px 'DM Mono',monospace}.qualitative-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}.qualitative-list li{padding:9px 10px;border-radius:9px;background:#fff;border:1px solid #dcddd7;font-size:9px;line-height:1.5;color:#53605a}.qualitative-list li::before{content:'✓';color:#287766;font-weight:900;margin-right:7px}
.transition-state-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px}.transition-state-tabs button{height:36px;border-radius:9px;border:1px solid #d5d9d3;background:#fff;color:#34413c;font:800 10px 'DM Mono',monospace}.transition-state-tabs button.active{background:#173d37;color:#fff;border-color:#173d37}.transition-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.transition-config{min-height:52px;padding:8px;text-align:left;border:1px solid #d6d9d3;border-radius:10px;background:#fff;color:#283630}.transition-config b,.transition-config span{display:block}.transition-config b{font:800 10px 'DM Mono',monospace}.transition-config span{font:700 8px 'DM Mono',monospace;color:#748079;margin-top:4px}.transition-config.active{background:#f0e8f4;border-color:#a56daf;box-shadow:inset 3px 0 #7f4d89}.transition-player{display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center;margin:10px 0;padding:10px;border-radius:12px;background:#fff7d9;border:1px solid #e4cc77}.transition-player button{height:36px;border:0;border-radius:8px;padding:0 11px;background:#254f47;color:#fff;font:800 9px 'DM Mono',monospace}.transition-player button:disabled{background:#8b958f}.transition-player small{grid-column:1/3;font-size:8px;line-height:1.45;color:#73663f}.transition-photon{display:flex;align-items:center;gap:7px;color:#6b4e0b;font:800 10px 'DM Mono',monospace}.transition-photon i{font-style:normal;font-size:17px;color:#a66d04}.transition-photon.is-absorbing i{animation:photonRise .42s ease-in-out infinite alternate}.transition-photon.is-absorbing span{animation:pulse .5s infinite}.transition-ladder{display:flex;flex-direction:column;gap:5px;padding:10px;border-radius:13px;background:#172520;color:#f3f1e5}.transition-level{min-height:33px;display:grid;grid-template-columns:62px 1fr 42px;align-items:center;border-bottom:1px solid rgba(255,255,255,.12)}.transition-level:last-child{border-bottom:0}.transition-level span{font:700 8px 'DM Mono',monospace;color:#a7b7af}.transition-level b{font:800 9px 'DM Mono',monospace}.transition-level em{text-align:center;font:800 13px 'DM Mono',monospace;font-style:normal;color:#ffd76b}.transition-level.source{box-shadow:inset 3px 0 #c18d37;padding-left:6px}.transition-level.target{box-shadow:inset 3px 0 #77d4df;padding-left:6px}.conservation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}.conservation-card{padding:9px 6px;border-radius:9px;text-align:center;background:#fff;border:1px solid #d7dad4}.conservation-card.pass{background:#e9f5ef;border-color:#aad5c0}.conservation-card b,.conservation-card span{display:block}.conservation-card b{font:800 9px 'DM Mono',monospace;color:#1d6854}.conservation-card span{font-size:8px;color:#5f7068;margin-top:4px}.selection-rule-card{border:1px solid #d9dcd6;border-radius:12px;background:#fff;padding:11px}.selection-rule-card h3{margin:0 0 8px;font-size:12px}.selection-rule-card dl{margin:0}.selection-rule-card dl>div{display:grid;grid-template-columns:88px 1fr;gap:7px;padding:6px 0;border-top:1px solid #eceeea}.selection-rule-card dt{font-size:8px;color:#6d7772}.selection-rule-card dd{margin:0;font:700 8px 'DM Mono',monospace;color:#34413c}.selection-rule-card .rule-pass{color:#16745b}.selection-rule-card .rule-stop{color:#a14854}.selection-rule-card p{margin:8px 0 0;padding-top:8px;border-top:1px solid #eceeea;font-size:8px;line-height:1.5;color:#68736d}.uvvis-connect{margin-top:10px;padding:11px;border-radius:12px;background:#edf7f8;border:1px solid #bcdde1}.uvvis-connect>div:first-child b,.uvvis-connect>div:first-child span{display:block}.uvvis-connect>div:first-child b{font-size:11px;color:#155a65}.uvvis-connect>div:first-child span{font-size:8px;line-height:1.45;color:#60777a;margin-top:4px}.uvvis-connect>a{display:inline-flex;margin-top:8px;padding:8px 10px;border-radius:8px;background:#116876;color:#fff;font:800 9px 'DM Mono',monospace;text-decoration:none}.spectrum-schematic{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:10px}.spectrum-schematic span{font:700 7px 'DM Mono',monospace;color:#577276}.spectrum-schematic i{height:30px;border-bottom:1px solid #668e94;background:radial-gradient(ellipse at 31% 100%,rgba(72,143,157,.7) 0,rgba(72,143,157,.28) 18%,transparent 42%)}.transition-sources{margin-top:9px;padding:9px 10px;border-radius:10px;background:#f0f1ed;font-size:8px;color:#5e6a64}.transition-sources summary{cursor:pointer;font-weight:800}.transition-sources p{line-height:1.5}.transition-sources div{display:flex;flex-wrap:wrap;gap:6px}.transition-sources a{color:#246b60}
.panel-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.panel-section-title b{font-size:12px}.panel-section-title span{font:700 8px 'DM Mono',monospace;color:#6d7772}.basis-rotation-card,.symmetry-channel-card,.csf-card,.polarization-card,.franck-condon-card,.nist-spectrum-card{margin-top:10px;padding:11px;border:1px solid #d9dcd6;border-radius:12px;background:#fff}.csf-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}.csf-tabs button{min-height:48px;padding:7px;border:1px solid #d6d9d3;border-radius:9px;background:#fff;color:#283630;text-align:left}.csf-tabs button b,.csf-tabs button span{display:block}.csf-tabs button b{font:800 10px 'DM Mono',monospace}.csf-tabs button span{font:700 8px 'DM Mono',monospace;color:#6c7872;margin-top:4px}.csf-tabs button.active{background:#e9f3f0;border-color:#4e9585;box-shadow:inset 3px 0 #347464}.csf-formula{margin-top:8px;padding:9px;border-radius:9px;background:#172520;color:#f4f1df;display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center}.csf-formula strong{grid-row:1/3;font:800 14px 'DM Mono',monospace;color:#84e4d5}.csf-formula code{font:700 9px 'DM Mono',monospace;white-space:normal}.csf-formula span{font:700 7px 'DM Mono',monospace;color:#b5c3bc}.basis-rotation-card>p,.symmetry-channel-card>p,.csf-card>p,.polarization-card>p,.franck-condon-card>p{margin:8px 0 0;font-size:8px;line-height:1.5;color:#68736d}.polarization-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.polarization-tabs button{position:relative;min-height:54px;padding:7px;border:1px solid #d6d9d3;border-radius:9px;background:#fff;color:#283630;text-align:left}.polarization-tabs button b,.polarization-tabs button span,.polarization-tabs button em{display:block}.polarization-tabs button b{font:800 14px 'DM Mono',monospace}.polarization-tabs button span{font-size:7px;color:#707b75}.polarization-tabs button em{position:absolute;right:6px;top:7px;font:800 7px 'DM Mono',monospace;font-style:normal}.polarization-tabs button em.allow{color:#16745b}.polarization-tabs button em.stop{color:#aa4853}.polarization-tabs button.active{background:#eef6f7;border-color:#4f9eaa;box-shadow:inset 3px 0 #2b7c88}.polarization-visual{height:100px;margin-top:8px;position:relative;border-radius:10px;background:#172520;overflow:hidden}.ring-plane{position:absolute;width:72px;height:72px;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-plane i{position:absolute;left:31px;top:31px;width:10px;height:10px;border-radius:50%;background:#dce6df;border:1px solid #74827b;transform:rotate(calc(var(--i,0)*60deg)) translateY(-31px)}.ring-plane i:nth-child(1){--i:0}.ring-plane i:nth-child(2){--i:1}.ring-plane i:nth-child(3){--i:2}.ring-plane i:nth-child(4){--i:3}.ring-plane i:nth-child(5){--i:4}.ring-plane i:nth-child(6){--i:5}.ring-plane::before{content:'';position:absolute;inset:6px;border:2px solid #80938a;transform:rotate(30deg);clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.polarization-visual .axis{position:absolute;font:800 8px 'DM Mono',monospace;color:#9cafb2}.polarization-visual .axis.x{left:9px;top:48px}.polarization-visual .axis.y{left:50%;top:8px}.polarization-visual .axis.z{right:12px;top:47px}.polarization-visual>b{position:absolute;right:10px;bottom:8px;font:800 9px 'DM Mono',monospace;color:#ffd76b}.polarization-visual::after{content:'';position:absolute;background:#ffd76b;box-shadow:0 0 8px rgba(255,215,107,.6)}.polarization-visual.x::after{height:2px;left:12px;right:12px;top:50%}.polarization-visual.y::after{width:2px;top:10px;bottom:10px;left:50%}.polarization-visual.z::after{width:2px;height:56px;right:25px;top:22px;transform:rotate(-18deg)}.rule-pass{color:#16745b!important}.rule-stop{color:#a14854!important}.transition-player.is-forbidden{background:#f7ecee;border-color:#d9aeb4}.conservation-card.stop{background:#f7e9eb;border-color:#d9aeb4}.conservation-card.stop b{color:#9f3f4c}.fc-diagram{height:184px;position:relative;border-radius:11px;background:linear-gradient(90deg,#f4f5f1,#fff);overflow:hidden}.fc-state{position:absolute;left:18px;right:18px;height:64px}.fc-state.excited{top:13px}.fc-state.ground{bottom:23px}.fc-state b{position:absolute;left:0;top:19px;font:800 10px 'DM Mono',monospace;color:#4e5d57}.fc-state i{position:absolute;left:52px;right:5px;border-top:1px solid #87958f}.fc-state i:nth-of-type(1){top:9px}.fc-state i:nth-of-type(2){top:27px}.fc-state i:nth-of-type(3){top:45px}.fc-arrow{position:absolute;left:58%;top:70px;width:2px;height:52px;background:#ad750c}.fc-arrow::before{content:'';position:absolute;left:-4px;top:-1px;border:5px solid transparent;border-bottom-color:#ad750c;transform:translateY(-7px)}.fc-arrow span{position:absolute;left:7px;top:16px;font:800 9px 'DM Mono',monospace;color:#8a5d08}.fc-coordinate{position:absolute;left:70px;right:20px;bottom:6px;border-top:1px solid #9ba69f;padding-top:3px;text-align:right;font:700 7px 'DM Mono',monospace;color:#69766f}.nist-spectrum-card{background:#edf7f8;border-color:#bcdde1}.nist-spectrum-image-link{display:block;border-radius:9px;overflow:hidden;background:#fff;border:1px solid #cbd7d7}.nist-spectrum-image-link img{display:block;width:100%;height:auto;min-height:130px;object-fit:contain;background:#fff}.nist-spectrum-card>p{font-size:8px;line-height:1.5;color:#60777a}.spectrum-metadata{margin:9px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#cbdede;border:1px solid #cbdede;border-radius:9px;overflow:hidden}.spectrum-metadata>div{padding:7px;background:#fff}.spectrum-metadata dt{font:800 7px 'DM Mono',monospace;color:#567176}.spectrum-metadata dd{margin:3px 0 0;font-size:8px;line-height:1.35;color:#32484b}.spectrum-metadata>div:nth-last-child(-n+2){grid-column:1/3}.copyright-boundary{padding:8px;border-radius:8px;background:#fff4d9;color:#70581e!important}.spectrum-links{display:flex;gap:6px;flex-wrap:wrap}.spectrum-links a{display:inline-flex;padding:8px 10px;border-radius:8px;background:#116876;color:#fff;font:800 8px 'DM Mono',monospace;text-decoration:none}
.basis-rotation-card{background:#f7f2fa;border-color:#ddcde4}.basis-angle-control{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:7px;margin-top:6px}.basis-angle-control>span{font:800 8px 'DM Mono',monospace;color:#644a6c}.basis-angle-control>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.basis-angle-control button{min-height:34px;border:1px solid #d9cedd;border-radius:8px;background:#fff;color:#4d3b52;font:800 9px 'DM Mono',monospace}.basis-angle-control button.active{background:#6d4c78;color:#fff;border-color:#6d4c78}.basis-equations{margin-top:9px;padding:8px;border-radius:9px;background:#241b28;color:#f5edf7;display:grid;gap:4px}.basis-equations code{font:700 7px 'DM Mono',monospace;white-space:normal}.basis-coefficient-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.basis-coefficient{display:flex;justify-content:space-between;gap:5px;padding:6px 7px;border-radius:7px;background:#fff;border:1px solid #e2dce4}.basis-coefficient span{font:700 7px 'DM Mono',monospace;color:#746879}.basis-coefficient b{font:800 8px 'DM Mono',monospace;color:#918895}.basis-coefficient.active{border-color:#9971a5;background:#fff9ff}.basis-coefficient.active b{color:#693d75}.basis-norm{display:block;margin-top:7px;text-align:right;font:800 8px 'DM Mono',monospace;color:#326f61}.symmetry-channel-card{background:#eef7f3;border-color:#c7ded4}.symmetry-channel-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.symmetry-channel-tabs button{min-height:48px;padding:7px 5px;border:1px solid #cddbd5;border-radius:9px;background:#fff;color:#2b4038;text-align:left}.symmetry-channel-tabs b,.symmetry-channel-tabs span{display:block}.symmetry-channel-tabs b{font:800 12px 'DM Mono',monospace}.symmetry-channel-tabs span{margin-top:4px;font:700 7px 'DM Mono',monospace;color:#6c7b75}.symmetry-channel-tabs button.active{background:#245c50;color:#fff;border-color:#245c50}.symmetry-channel-tabs button.active span{color:#d9eee7}.state-layer-audit{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:9px}.state-layer-audit>div{display:grid;grid-template-columns:20px 1fr;gap:1px 6px;padding:7px;border-radius:8px;background:#fff;border:1px solid #d8e2de}.state-layer-audit b{grid-row:1/3;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#d9eee6;color:#215a4e;font:800 8px 'DM Mono',monospace}.state-layer-audit span{font-size:7px;color:#6c7974}.state-layer-audit em{font:800 8px 'DM Mono',monospace;font-style:normal;color:#2e493f}.state-layer-audit .unresolved{background:#fff5dd;border-color:#e8d8aa}.state-layer-audit .unresolved b{background:#f4dfaa;color:#745717}
.uv-axis-cursor{margin-top:9px;padding:10px;border-radius:11px;background:#15333a;color:#eef8f7}.uv-axis-cursor .panel-section-title{margin-bottom:8px}.uv-axis-cursor .panel-section-title b{color:#eef8f7}.uv-axis-cursor .panel-section-title span{color:#a9c5c7}.uv-cursor-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.uv-cursor-presets button{min-height:34px;padding:5px;border:1px solid #537079;border-radius:8px;background:#244750;color:#d8e9e9;font:800 7px 'DM Mono',monospace}.uv-cursor-presets button.active{background:#ffe08a;color:#49370b;border-color:#ffe08a}.uv-axis-track{height:22px;margin:9px 6px 0;position:relative;border-top:2px solid #79aeb4}.uv-axis-track::before,.uv-axis-track::after{content:'';position:absolute;top:-5px;width:1px;height:8px;background:#79aeb4}.uv-axis-track::before{left:0}.uv-axis-track::after{right:0}.uv-axis-track i{position:absolute;top:-7px;width:2px;height:16px;background:#ffe08a;transform:translateX(-1px);box-shadow:0 0 8px rgba(255,224,138,.8)}.uv-axis-track i::before{content:'';position:absolute;left:-4px;top:-5px;border:5px solid transparent;border-top-color:#ffe08a}.uv-axis-labels{display:flex;justify-content:space-between;margin:-8px 2px 2px;font:700 7px 'DM Mono',monospace;color:#a9c5c7}.uv-axis-cursor input[type=range]{width:100%;height:26px;margin:2px 0 5px;accent-color:#ffe08a}.uv-cursor-readouts{display:grid;grid-template-columns:1fr 1fr;gap:5px}.uv-cursor-readouts>div{padding:7px;border-radius:8px;background:#fff;color:#20383d}.uv-cursor-readouts span,.uv-cursor-readouts output{display:block}.uv-cursor-readouts span{font:700 7px 'DM Mono',monospace;color:#678087}.uv-cursor-readouts output{margin-top:3px;font:800 9px 'DM Mono',monospace;color:#174f58}.uv-model-boundary{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:7px;padding:7px;border:1px solid #48636a;border-radius:8px}.uv-model-boundary b{font:800 8px 'DM Mono',monospace}.uv-model-boundary span{font-size:7px;color:#ffd88b}.uv-axis-cursor>p{margin:7px 0 0;font-size:7px;line-height:1.5;color:#b9cecf}

.hybrid-choice{width:100%;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;gap:2px 10px;padding:11px 13px;border:1px solid #d6c98e;border-radius:12px;background:#fffaf0;color:#29332f}.hybrid-choice>span{grid-row:1/3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff0b7;color:#9a6810;font-size:23px}.hybrid-choice b{font-size:12px}.hybrid-choice small{font-size:9px;color:#737a75}.hybrid-choice.active{border-color:#b47a12;box-shadow:0 0 0 2px rgba(180,122,18,.16)}
.resonance-playback{display:grid;grid-template-columns:1fr 34px 48px 34px;gap:6px;align-items:center;margin:11px 0}.resonance-playback button{height:34px;border:1px solid #d7d9d3;border-radius:8px;background:#fff;color:#26342f;font:700 10px 'DM Mono',monospace}.resonance-playback button:first-child{background:#263f38;color:#fff;border-color:#263f38}.resonance-playback button:first-child.active{background:#8b5e08;border-color:#8b5e08}.resonance-playback output{text-align:center;font:800 9px 'DM Mono',monospace;color:#6d5b83}
.resonance-card-list{display:flex;flex-direction:column;gap:7px}.resonance-card{background:#fff;border:1px solid #dcddd7;border-radius:13px;overflow:hidden}.contributor-choice{width:100%;display:grid;grid-template-columns:142px 1fr;align-items:center;text-align:left;background:#fff;color:#202d29;padding:7px;border:0}.contributor-choice:hover{background:#fbfaf5}.contributor-choice.active{background:#f3eefc;box-shadow:inset 3px 0 #6e5799}.contributor-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.contributor-copy b{font-size:12px}.contributor-copy small{font:700 9px 'DM Mono',monospace;color:#805b17}.contributor-copy em{font:700 8px 'DM Mono',monospace;color:#66736d;font-style:normal}.resonance-card>p{margin:0;padding:7px 10px;border-top:1px solid #ecece7;background:#faf9f4;font-size:8px;color:#6c756f}.resonance-between{text-align:center;height:13px;color:#7d699d;font:800 14px 'DM Mono',monospace}.resonance-mini-svg{display:block;width:138px;height:112px}.mini-bonds line{stroke:#50625b;stroke-width:2;stroke-linecap:round}.mini-atom circle{fill:#eef1ec;stroke:#81908a;stroke-width:1}.mini-atom.charged circle{fill:#fff0c7;stroke:#d58b21;stroke-width:1.6}.mini-atom text{font:700 8px 'DM Mono',monospace;fill:#27352f;text-anchor:middle}.electron-push-arrow{fill:none;stroke:#7659a4;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 3;animation:electronPush 1.15s linear infinite}.electron-push-arrow.arrow-1{stroke:#c17b16;animation-delay:.18s}.electron-arrows marker path{fill:#7659a4}.resonance-equilibrium-note{margin:12px 0 0;padding:9px 10px;border-radius:9px;background:#fff2d0;color:#70531b;font-size:9px;line-height:1.5}

.atom-charge{width:34px;height:34px;padding:0;border:1px solid #d7d9d3;border-radius:7px;background:#fff;color:#23443d;font:800 16px 'DM Mono',monospace}.atom-charge:hover{border-color:#58a999}.atom-charge:disabled{cursor:not-allowed;color:#9aa39f;background:#eceeea}.atom-charge-status{min-width:38px;text-align:center;font:800 10px 'DM Mono',monospace;color:#1e6157}.atom-shell-status{padding:5px 8px;border-radius:99px;background:#fff4d1;color:#70550d;font:800 8px 'DM Mono',monospace;white-space:nowrap}.atom-shell-status.pass{background:#dff2eb;color:#176957}.atom-shell-status.stop{background:#f9e5e8;color:#9a3d4c}.atom-shell-status.variable{background:#efe9f7;color:#674b76}
.all-atom-audit-hero{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px;border-radius:12px;background:#e5f4ed;border:1px solid #b7ddcf}.all-atom-audit-hero strong{font:800 20px 'DM Mono',monospace;color:#176957}.all-atom-audit-hero span{font-size:9px;font-weight:800;color:#476159}.all-atom-audit-hero em{padding:7px 10px;border-radius:99px;background:#176957;color:#fff;font:800 9px 'DM Mono',monospace;font-style:normal}.all-atom-audit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:10px 0}.all-atom-audit-grid>div{min-height:58px;padding:9px;border:1px solid #d5ddd8;border-radius:9px;background:#fff;display:flex;flex-direction:column;justify-content:center}.all-atom-audit-grid span{font-size:7px;font-weight:800;color:#6a7771}.all-atom-audit-grid b{margin-top:4px;font:800 11px 'DM Mono',monospace;color:#253b34}.all-atom-audit-detail{margin:10px 0 0}.all-atom-audit-detail>div{display:grid;grid-template-columns:118px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #e0e4e1}.all-atom-audit-detail dt{font-size:8px;color:#65716b}.all-atom-audit-detail dd{margin:0;text-align:right;font:800 8px 'DM Mono',monospace;color:#30423c;overflow-wrap:anywhere}.all-atom-stereo-list{display:grid;gap:5px;margin-top:9px}.all-atom-stereo-list span{padding:7px 8px;border-radius:7px;background:#edf2ef;font:800 8px 'DM Mono',monospace;color:#315049}.all-atom-audit-boundary{margin-top:12px;padding:10px;border-left:3px solid #a36c13;border-radius:0 9px 9px 0;background:#fff5dc;color:#66501e}.all-atom-audit-boundary b{font:800 9px 'DM Mono',monospace}.all-atom-audit-boundary p{margin:6px 0 0;font-size:8px;line-height:1.55}
.structure-atom-detail-hero{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px;border-radius:12px;background:#e6f5f1;border:1px solid #b5ddd3}.structure-atom-detail-hero>div{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:9px}.structure-atom-detail-hero strong{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#173d37;color:#dff8f1;font:800 18px 'DM Mono',monospace}.structure-atom-detail-hero span{font:800 9px 'DM Mono',monospace;color:#42645b}.structure-atom-detail-hero em{padding:7px 10px;border-radius:99px;background:#176957;color:#fff;font:800 9px 'DM Mono',monospace;font-style:normal}.structure-atom-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.structure-atom-detail-grid>div{min-height:55px;padding:8px;border:1px solid #d6dfda;border-radius:9px;background:#fff;display:flex;flex-direction:column;justify-content:center}.structure-atom-detail-grid span{font:800 7px 'DM Mono',monospace;color:#718078}.structure-atom-detail-grid b{margin-top:4px;font:800 10px 'DM Mono',monospace;color:#263d35;overflow-wrap:anywhere}.structure-atom-coordinates,.structure-atom-neighbors,.structure-atom-angles,.structure-atom-electron,.structure-atom-stereo{margin-top:9px;padding:10px;border:1px solid #d8dfdb;border-radius:10px;background:#fff}.structure-atom-coordinates>b,.structure-atom-neighbors>b,.structure-atom-angles>b,.structure-atom-electron>b,.structure-atom-stereo>b{font:800 8px 'DM Mono',monospace;color:#35645a}.structure-atom-coordinates>div,.structure-atom-electron>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.structure-atom-coordinates span,.structure-atom-electron span{padding:6px;border-radius:7px;background:#edf3f0;font:700 7px 'DM Mono',monospace;color:#61716a}.structure-atom-coordinates strong{display:block;margin-top:3px;color:#223f37}.structure-atom-coordinates small{display:block;margin-top:6px;font:700 6px 'DM Mono',monospace;color:#7b8782;overflow-wrap:anywhere}.structure-atom-neighbors>div{display:grid;grid-template-columns:42px 1fr auto;gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid #e8ece9}.structure-atom-neighbors>div:last-child{border-bottom:0}.structure-atom-neighbors b{font:800 9px 'DM Mono',monospace;color:#243b34}.structure-atom-neighbors span,.structure-atom-neighbors em{font:700 7px 'DM Mono',monospace;font-style:normal;color:#6a7771}.structure-atom-neighbors em{text-align:right}.structure-atom-neighbors p,.structure-atom-electron p{margin:7px 0 0;font-size:8px;line-height:1.5;color:#5e6d66}.structure-atom-angles>div,.structure-atom-stereo{display:grid;gap:5px}.structure-atom-angles span,.structure-atom-stereo span{padding:6px 7px;border-radius:7px;background:#eef2f0;font:700 7px 'DM Mono',monospace;color:#53655e}.structure-atom-angles span b{float:right;color:#1c6558}.structure-atom-electron{background:#f1f7f4}.structure-atom-electron strong{color:#1d574c}.structure-atom-detail-boundary{margin-top:12px;padding:10px;border-left:3px solid #a36c13;border-radius:0 9px 9px 0;background:#fff5dc;color:#66501e}.structure-atom-detail-boundary b{font:800 9px 'DM Mono',monospace}.structure-atom-detail-boundary p{margin:6px 0 0;font-size:8px;line-height:1.55}

.periodic-search{display:flex;flex-direction:column;gap:6px;margin-bottom:9px}.periodic-search span{font-size:9px;font-weight:800;color:#53615b}.periodic-search input{width:100%;height:38px;border:1px solid #cfd4ce;border-radius:9px;background:#fff;color:#1e2d28;padding:0 11px;font:700 10px 'DM Mono',monospace;outline:none}.periodic-search input:focus{border-color:#3d9d8c;box-shadow:0 0 0 3px rgba(61,157,140,.13)}.periodic-filters{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:5px;align-items:center;margin-bottom:11px}.periodic-filters button{height:32px;border:1px solid #d4d8d2;border-radius:8px;background:#fff;color:#4b5a54;font:800 9px 'DM Mono',monospace}.periodic-filters button.active{background:#173d37;border-color:#173d37;color:#fff}.periodic-filters output{min-width:42px;text-align:right;font:800 8px 'DM Mono',monospace;color:#66736d}.periodic-table-scroll{max-width:100%;overflow-x:auto;padding:4px 0 8px;overscroll-behavior-x:contain}.periodic-main-grid{width:626px;display:grid;grid-template-columns:repeat(18,31px);grid-template-rows:repeat(7,35px);gap:4px}.side-panel.periodic-fit .periodic-table-scroll{overflow-x:hidden}.side-panel.periodic-fit .periodic-main-grid{width:100%;grid-template-columns:repeat(18,minmax(0,1fr))}.periodic-element{position:relative;grid-row:var(--periodic-row);grid-column:var(--periodic-column);min-width:0;padding:2px;border:1px solid color-mix(in srgb,var(--block-color) 58%,#87938d);border-radius:6px;background:color-mix(in srgb,var(--block-color) 17%,#fff);color:#26342f;display:flex;flex-direction:column;align-items:center;justify-content:center}.periodic-element small{position:absolute;left:3px;top:2px;font:700 5px 'DM Mono',monospace;color:#6c7772}.periodic-element b{font:800 10px 'DM Mono',monospace}.periodic-element:hover,.periodic-element.active{border-color:var(--block-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--block-color) 28%,transparent);background:color-mix(in srgb,var(--block-color) 28%,#fff)}.periodic-element.block-s,.atom-preview.block-s{--block-color:#56b5a4}.periodic-element.block-p,.atom-preview.block-p{--block-color:#7f8fdb}.periodic-element.block-d,.atom-preview.block-d{--block-color:#d39a52}.periodic-element.block-f,.atom-preview.block-f{--block-color:#bd78a8}.periodic-series-placeholder{grid-row:var(--periodic-row);grid-column:var(--periodic-column);display:grid;place-items:center;border-radius:6px;font:800 6px 'DM Mono',monospace}.periodic-series-placeholder.lanthanoid{background:#f3e5ef;color:#8d4c78}.periodic-series-placeholder.actinoid{background:#f7e2e8;color:#914b60}.periodic-series{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:6px;width:570px;margin-top:7px}.side-panel.periodic-fit .periodic-series{width:100%}.periodic-series>b{font:800 7px 'DM Mono',monospace;color:#6b7771;text-align:right}.periodic-series>div{display:grid;grid-template-columns:repeat(15,31px);gap:4px}.side-panel.periodic-fit .periodic-series>div{grid-template-columns:repeat(15,minmax(0,1fr))}.periodic-series .periodic-element{grid-row:auto;grid-column:auto;height:35px}.periodic-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.periodic-result-grid>p{grid-column:1/3;margin:8px 0;color:#68746e;font-size:9px}.periodic-element.result{height:58px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr 1fr;text-align:left;padding:7px 8px}.periodic-element.result small{position:static;grid-row:1/3;align-self:center;font-size:7px}.periodic-element.result b{grid-row:1/3;grid-column:1;font-size:18px;text-align:center}.periodic-element.result span{grid-column:2;font-size:9px;font-weight:800;align-self:end}.periodic-element.result em{grid-column:2;font:700 7px 'DM Mono',monospace;font-style:normal;color:#6b7771;align-self:start}.atom-preview{--block-color:#56b5a4;border:1px solid color-mix(in srgb,var(--block-color) 55%,#d3d8d2);border-radius:13px;background:color-mix(in srgb,var(--block-color) 8%,#fff);padding:11px;margin:10px 0}.atom-preview-symbol{display:grid;grid-template-columns:38px 66px 1fr;align-items:center;gap:6px;padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--block-color) 30%,#ddd)}.atom-preview-symbol small{font:800 8px 'DM Mono',monospace;color:#69756f}.atom-preview-symbol strong{font:800 25px 'DM Mono',monospace;color:#1d3a34}.atom-preview-symbol span{font-size:12px;font-weight:800}.atom-preview dl{margin:8px 0 0}.atom-preview dl>div{display:grid;grid-template-columns:104px 1fr;gap:8px;padding:5px 0;border-bottom:1px solid rgba(90,105,98,.12)}.atom-preview dt{font-size:8px;color:#6d7772}.atom-preview dd{margin:0;text-align:right;font:800 8px 'DM Mono',monospace;color:#31433d}.atom-charge-editor{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px}.atom-charge-editor>span,.atom-common-charges>span{font-size:8px;font-weight:800;color:#66736d}.atom-charge-editor>div{display:grid;grid-template-columns:38px 42px 38px;gap:4px;align-items:center}.atom-charge-editor button,.atom-common-charges button{height:34px;border:1px solid #cfd5cf;border-radius:8px;background:#fff;color:#263b34;font:800 12px 'DM Mono',monospace}.atom-charge-editor button:disabled{color:#a3aaa6;background:#eceeea}.atom-charge-editor output{text-align:center;font:800 10px 'DM Mono',monospace}.atom-common-charges{margin-top:9px}.atom-common-charges>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.atom-common-charges button{min-width:38px;padding:0 8px;font-size:9px}.atom-common-charges button.active{background:#245b50;color:#fff;border-color:#245b50}.atom-audit{margin-top:10px;padding:9px 10px;border-radius:9px;background:#edf2ef;border-left:3px solid #7d8c85}.atom-audit.pass{background:#e5f4ed;border-left-color:#248068}.atom-audit.stop{background:#f8e9eb;border-left-color:#ad4655}.atom-audit b{font:800 9px 'DM Mono',monospace}.atom-audit p{margin:5px 0 0;font-size:8px;line-height:1.5;color:#58665f}.periodic-place{width:100%;min-height:42px;border-radius:9px;background:#176b5d;color:#fff;font-size:10px;font-weight:800}.periodic-place:hover{background:#105448}.atom-model-boundary{margin-top:12px;padding:10px;border-left:3px solid #a36c13;border-radius:0 9px 9px 0;background:#fff5dc;color:#66501e}.atom-model-boundary b{font:800 9px 'DM Mono',monospace}.atom-model-boundary p{margin:6px 0 0;font-size:8px;line-height:1.55}.periodic-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.periodic-sources a{display:inline-flex;align-items:center;padding:7px 8px;border-radius:8px;background:#e9efeb;color:#21665c;text-decoration:none;font:800 7px 'DM Mono',monospace}

.side-panel{position:absolute;right:18px;top:18px;bottom:18px;width:var(--chem-panel-width,min(380px,calc(100% - 110px)));z-index:30;background:var(--panel);color:var(--panel-ink);border-radius:18px;box-shadow:0 22px 70px rgba(0,0,0,.42);overflow:hidden;animation:panelIn .22s ease both;border:1px solid rgba(255,255,255,.35)}
.panel-resize-handle{position:absolute;left:0;top:0;bottom:0;width:16px;z-index:4;cursor:ew-resize;touch-action:none;background:transparent}.panel-resize-handle::before{content:'⋮';position:absolute;left:2px;top:50%;transform:translateY(-50%);color:#718078;font:800 16px/1 'DM Mono',monospace;opacity:.72;pointer-events:none}.panel-resize-handle::after{content:'';position:absolute;left:7px;top:50%;width:2px;height:64px;border-radius:2px;background:#6f837a;opacity:.48;transform:translateY(-50%);transition:opacity .15s ease}.panel-resize-handle:hover::before,.side-panel.is-resizing .panel-resize-handle::before,.panel-resize-handle:focus-visible::before,.panel-resize-handle:hover::after,.side-panel.is-resizing .panel-resize-handle::after,.panel-resize-handle:focus-visible::after{opacity:1}.panel-resize-handle:focus-visible{outline:2px solid #3d9d8c;outline-offset:-2px}.side-panel.is-resizing{user-select:none}
.periodic-view-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 10px;padding:7px 8px;border:1px solid #c8d8d1;border-radius:8px;background:#edf6f1}.periodic-view-controls button{min-height:32px;padding:0 9px;border:1px solid #2c7767;border-radius:7px;background:#fff;color:#1d6657;font:800 8px 'DM Mono',monospace;white-space:nowrap}.periodic-view-controls button[aria-pressed="true"]{background:#206b5c;color:#fff;border-color:#206b5c}.periodic-view-controls span{color:#5f756b;font:700 7px/1.35 'DM Mono',monospace;text-align:right}
.panel-head{height:86px;padding:21px 20px 16px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #d9dbd5;background:#fbfaf5}
.panel-head h2{font-size:20px;margin:6px 0 0;letter-spacing:-.04em}
.panel-close{width:32px;height:32px;border-radius:50%;background:transparent;color:#5d6863;font-size:22px;display:flex;align-items:center;justify-content:center}
.panel-close:hover{background:#e9e8e1;color:#14201d}
.panel-content{height:calc(100% - 86px);overflow:auto;padding:16px 18px 28px;overscroll-behavior:contain}
.panel-content::-webkit-scrollbar{width:7px}.panel-content::-webkit-scrollbar-thumb{background:#c8cbc4;border-radius:9px}

.object-manager-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.object-manager-summary>div{padding:9px;border:1px solid #d9ddd7;border-radius:10px;background:#fff}.object-manager-summary b,.object-manager-summary span{display:block}.object-manager-summary b{font:800 15px 'DM Mono',monospace;color:#224b42}.object-manager-summary span{margin-top:3px;font-size:7px;color:#69756f}.object-manager-actions{position:sticky;top:-16px;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px 0;background:linear-gradient(#f5f2e9 82%,rgba(245,242,233,0))}.object-manager-actions button{min-height:38px;border:1px solid #cfd5cf;border-radius:9px;background:#fff;color:#293a34;font-size:9px;font-weight:800}.object-manager-actions button:first-child{background:#1d5e52;color:#fff;border-color:#1d5e52}.object-manager-actions button:disabled{cursor:not-allowed;opacity:.45;background:#e7e9e5;color:#77817c;border-color:#d6d9d4}.object-manager-audit-note{margin:-2px 0 8px;padding:8px 10px;border:1px solid #c7e1d7;border-radius:9px;background:#effaf5;color:#2e5f53;font-size:9px;line-height:1.45}.object-manager-list{display:flex;flex-direction:column;gap:7px}.object-manager-empty{padding:28px 16px;border:1px dashed #bdc5bf;border-radius:12px;text-align:center;color:#6a756f;font-size:10px;line-height:1.6}.object-manager-row{display:grid;grid-template-columns:34px minmax(0,1fr) 34px 34px;gap:5px;align-items:center;padding:7px;border:1px solid #d8dcd6;border-radius:12px;background:#fff;transition:.14s}.object-manager-row.active{border-color:#478d7e;box-shadow:inset 3px 0 #2c7567}.object-manager-row.hidden-object{background:#eef0ed;color:#7b847f}.object-manager-row.locked-object{border-style:dashed}.object-manager-mark,.object-manager-toggle{width:34px;height:34px;border:1px solid #d2d7d1;border-radius:8px;background:#f8faf7;color:#42534c;font:800 13px 'DM Mono',monospace}.object-manager-mark.active{background:#245f53;color:#fff;border-color:#245f53}.object-manager-select{min-width:0;text-align:left;background:transparent;color:#1f302a;padding:3px 2px}.object-manager-select b,.object-manager-select span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.object-manager-select b{font-size:10px}.object-manager-select span{margin-top:4px;font:700 7px 'DM Mono',monospace;color:#74807a}.object-manager-row.hidden-object .object-manager-select{opacity:.58}.object-manager-order{grid-column:1/5;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding-top:6px;border-top:1px solid #eceeea}.object-manager-order button{min-height:32px;border:1px solid #d9ddd7;border-radius:8px;background:#f8faf7;color:#4a5a53;font-size:8px;font-weight:800}.object-manager-order button:disabled{cursor:not-allowed;opacity:.42}.object-manager-group{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:99px;background:#ebe4f5;color:#654b7b;font:800 6px 'DM Mono',monospace;vertical-align:middle}

.library-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.molecule-card{min-height:118px;text-align:left;padding:13px;border-radius:12px;background:#fff;border:1px solid #dcded8;color:#1c2925;position:relative;overflow:hidden;transition:.16s}
.molecule-card:hover{border-color:#4a8f80;transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,48,42,.09)}
.molecule-card .mol-symbol{font-family:'DM Mono',monospace;font-size:18px;color:#17594e;display:block;margin-bottom:17px}
.molecule-card b{font-size:13px;display:block}.molecule-card small{color:#717b76;font-size:10px;display:block;margin-top:4px}
.molecule-card::after{content:'+';position:absolute;right:10px;top:8px;font-size:18px;color:#80908a}
.section-caption{font-size:10px;line-height:1.6;color:#6a756f;margin:0 0 12px}

.formula-search{padding:14px;border:1px solid #d9dcd5;border-radius:13px;background:#fff}
.formula-search label{display:block;margin-bottom:8px;font-size:11px;font-weight:800;color:#24322e}
.formula-input-row{display:flex;gap:7px}
.formula-input-row input{width:100%;min-width:0;height:42px;border:1px solid #cbd0c9;border-radius:9px;background:#fbfcf8;color:#17231f;padding:0 11px;font-family:'DM Mono',monospace;font-size:14px;outline:none}
.formula-input-row input:focus{border-color:#278979;box-shadow:0 0 0 3px rgba(39,137,121,.12)}
.formula-input-row button{height:42px;flex:none;border-radius:9px;background:#173d37;color:#fff;padding:0 14px;font-size:11px;font-weight:800}
.formula-input-row button:hover{background:#0f302b}
.formula-search>small{display:block;margin-top:8px;color:#77827c;font-size:9px}
.formula-examples{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.formula-examples button{min-height:34px;padding:5px 10px;border:1px solid #cbd8d2;border-radius:99px;background:#f1f7f4;color:#1c5c50;font:800 10px 'DM Mono',monospace}.formula-examples button:hover{background:#dff0ea;border-color:#72a99d}
.formula-feedback{min-height:36px;margin:10px 0 8px;padding:10px 11px;border-radius:9px;background:#e9f4f0;color:#28594f;font-size:10px;line-height:1.55}
.formula-feedback:empty{display:none}.formula-feedback.is-error{background:#fdebed;color:#963548}.formula-feedback.is-warning{background:#fff1cf;color:#654d16}
.formula-audit{margin:8px 0;padding:11px;border:1px solid #bcd9d0;border-radius:12px;background:#edf8f4}.formula-audit-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.formula-audit-head>div{min-width:0}.formula-audit-head>div span,.formula-audit-head>div strong{display:block}.formula-audit-head span{font:800 7px 'DM Mono',monospace;color:#668078}.formula-audit-head strong{margin-top:3px;font:800 20px 'DM Mono',monospace;color:#16594c;overflow-wrap:anywhere}.formula-identifier-audit .formula-audit-head strong{font-size:10px;line-height:1.5;max-height:48px;overflow:auto}.formula-audit-head em{flex:none;padding:5px 7px;border-radius:99px;background:#d8eee7;color:#176957;font:800 7px 'DM Mono',monospace;font-style:normal}.formula-composition{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.formula-composition span{display:inline-flex;gap:4px;align-items:center;padding:5px 7px;border-radius:7px;background:#fff;color:#4c5f59;font:700 8px 'DM Mono',monospace}.formula-composition b{color:#145c4f;font-size:10px}.formula-audit dl{display:grid;grid-template-columns:1fr 1fr;margin:9px 0 0;border:1px solid #d5e3de;border-radius:8px;overflow:hidden}.formula-audit dl>div{padding:7px;background:#fff}.formula-audit dl>div:last-child{grid-column:1/3;border-top:1px solid #d5e3de}.formula-audit dt{font:800 7px 'DM Mono',monospace;color:#74827d}.formula-audit dd{margin:3px 0 0;font-size:9px;color:#263a34;overflow-wrap:anywhere}.formula-audit>p{margin:8px 0 0;font-size:8px;line-height:1.5;color:#64736d}
.formula-graph-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.formula-graph-summary>div{min-width:0;padding:6px;border:1px solid #d5e3de;border-radius:7px;background:#fff}.formula-graph-summary span,.formula-graph-summary b{display:block}.formula-graph-summary span{font:800 6px 'DM Mono',monospace;color:#74827d}.formula-graph-summary b{margin-top:3px;color:#174f45;font:800 9px 'DM Mono',monospace;overflow-wrap:anywhere}.formula-audit .formula-graph-trace{padding:7px;border-radius:7px;background:#dff1eb}.formula-graph-trace b,.formula-graph-trace span{display:block}.formula-graph-trace b{font:800 7px 'DM Mono',monospace;color:#356a60}.formula-graph-trace span{margin-top:3px;font:700 7px/1.55 'DM Mono',monospace;color:#31564f;overflow-wrap:anywhere}
.formula-canonical{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding:7px 8px;border:1px solid #b9d8cf;border-radius:8px;background:#f8fcfa}.formula-canonical>div{min-width:0}.formula-canonical span,.formula-canonical b{display:block}.formula-canonical span{font:800 6px 'DM Mono',monospace;color:#678078}.formula-canonical b{margin-top:3px;font:800 8px 'DM Mono',monospace;color:#185b4e;overflow-wrap:anywhere}.formula-canonical em{flex:none;padding:4px 6px;border-radius:99px;background:#dcefe9;color:#276458;font:800 6px 'DM Mono',monospace;font-style:normal}.formula-canonical.is-paused{border-color:#e3cea0;background:#fff9e9}.formula-canonical.is-paused b{color:#785b1d}.formula-canonical.is-paused em{background:#f4e6bf;color:#76591a}.formula-graph-compare{margin-top:7px;padding:8px;border:1px solid #cbded8;border-radius:9px;background:#fff}.formula-graph-compare label{display:block;margin-bottom:5px;font-size:8px;font-weight:800;color:#315b52}.formula-graph-compare>div{display:flex;gap:5px}.formula-graph-compare input{min-width:0;flex:1;height:34px;border:1px solid #c8d8d3;border-radius:7px;padding:0 8px;background:#fbfdfc;font:700 9px 'DM Mono',monospace;color:#1f3731}.formula-graph-compare button{height:34px;border:0;border-radius:7px;padding:0 10px;background:#174f45;color:#fff;font-size:8px;font-weight:800}.formula-graph-compare output{display:none;margin-top:6px;padding:7px;border-radius:7px;font-size:8px;line-height:1.45}.formula-graph-compare output:not(:empty){display:block}.formula-graph-compare output.is-same{background:#dff3eb;color:#17604f}.formula-graph-compare output.is-different{background:#f8ead8;color:#7b4d15}.formula-graph-compare output.is-paused{background:#fff5d8;color:#76591a}.formula-graph-compare output.is-error{background:#fde8e2;color:#8a392c}
.formula-canonical{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding:7px 8px;border:1px solid #b9d8cf;border-radius:8px;background:#f8fcfa}.formula-canonical>div{min-width:0}.formula-canonical span,.formula-canonical b{display:block}.formula-canonical span{font:800 6px 'DM Mono',monospace;color:#678078}.formula-canonical b{margin-top:3px;font:800 8px 'DM Mono',monospace;color:#185b4e;overflow-wrap:anywhere}.formula-canonical em{flex:none;padding:4px 6px;border-radius:99px;background:#dcefe9;color:#276458;font:800 6px 'DM Mono',monospace;font-style:normal}.formula-canonical.is-paused{border-color:#e3cea0;background:#fff9e9}.formula-canonical.is-paused b{color:#785b1d}.formula-canonical.is-paused em{background:#f4e6bf;color:#76591a}.formula-aromatic-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:5px}.formula-aromatic-summary>div{min-width:0;padding:6px;border-radius:7px;background:#173d37}.formula-aromatic-summary span,.formula-aromatic-summary b{display:block}.formula-aromatic-summary span{font:800 6px 'DM Mono',monospace;color:#9ec9c0}.formula-aromatic-summary b{margin-top:3px;font:800 9px 'DM Mono',monospace;color:#ffd76b;overflow-wrap:anywhere}.formula-graph-compare{margin-top:7px;padding:8px;border:1px solid #cbded8;border-radius:9px;background:#fff}.formula-graph-compare label{display:block;margin-bottom:5px;font-size:8px;font-weight:800;color:#315b52}.formula-graph-compare>div{display:flex;gap:5px}.formula-graph-compare input{min-width:0;flex:1;height:34px;border:1px solid #c8d8d3;border-radius:7px;padding:0 8px;background:#fbfdfc;font:700 9px 'DM Mono',monospace;color:#1f3731}.formula-graph-compare button{height:34px;border:0;border-radius:7px;padding:0 10px;background:#174f45;color:#fff;font-size:8px;font-weight:800}.formula-graph-compare output{display:none;margin-top:6px;padding:7px;border-radius:7px;font-size:8px;line-height:1.45}.formula-graph-compare output:not(:empty){display:block}.formula-graph-compare output.is-same{background:#dff3eb;color:#17604f}.formula-graph-compare output.is-different{background:#f8ead8;color:#7b4d15}.formula-graph-compare output.is-paused{background:#fff5d8;color:#76591a}.formula-graph-compare output.is-error{background:#fde8e2;color:#8a392c}
.formula-canonical{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding:7px 8px;border:1px solid #b9d8cf;border-radius:8px;background:#f8fcfa}.formula-canonical>div{min-width:0}.formula-canonical span,.formula-canonical b{display:block}.formula-canonical span{font:800 6px 'DM Mono',monospace;color:#678078}.formula-canonical b{margin-top:3px;font:800 8px 'DM Mono',monospace;color:#185b4e;overflow-wrap:anywhere}.formula-canonical em{flex:none;padding:4px 6px;border-radius:99px;background:#dcefe9;color:#276458;font:800 6px 'DM Mono',monospace;font-style:normal}.formula-canonical.is-paused{border-color:#e3cea0;background:#fff9e9}.formula-canonical.is-paused b{color:#785b1d}.formula-canonical.is-paused em{background:#f4e6bf;color:#76591a}.formula-aromatic-summary,.formula-stereo-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:5px}.formula-aromatic-summary>div,.formula-stereo-summary>div{min-width:0;padding:6px;border-radius:7px;background:#173d37}.formula-stereo-summary>div{background:#253b65}.formula-aromatic-summary span,.formula-aromatic-summary b,.formula-stereo-summary span,.formula-stereo-summary b{display:block}.formula-aromatic-summary span,.formula-stereo-summary span{font:800 6px 'DM Mono',monospace;color:#9ec9c0}.formula-stereo-summary span{color:#bfcbea}.formula-aromatic-summary b,.formula-stereo-summary b{margin-top:3px;font:800 9px 'DM Mono',monospace;color:#ffd76b;overflow-wrap:anywhere}.formula-stereo-summary b{color:#c8edff}.formula-graph-compare{margin-top:7px;padding:8px;border:1px solid #cbded8;border-radius:9px;background:#fff}.formula-graph-compare label{display:block;margin-bottom:5px;font-size:8px;font-weight:800;color:#315b52}.formula-graph-compare>div{display:flex;gap:5px}.formula-graph-compare input{min-width:0;flex:1;height:34px;border:1px solid #c8d8d3;border-radius:7px;padding:0 8px;background:#fbfdfc;font:700 9px 'DM Mono',monospace;color:#1f3731}.formula-graph-compare button{height:34px;border:0;border-radius:7px;padding:0 10px;background:#174f45;color:#fff;font-size:8px;font-weight:800}.formula-graph-compare output{display:none;margin-top:6px;padding:7px;border-radius:7px;font-size:8px;line-height:1.45}.formula-graph-compare output:not(:empty){display:block}.formula-graph-compare output.is-same{background:#dff3eb;color:#17604f}.formula-graph-compare output.is-different{background:#f8ead8;color:#7b4d15}.formula-graph-compare output.is-paused{background:#fff5d8;color:#76591a}.formula-graph-compare output.is-error{background:#fde8e2;color:#8a392c}
.formula-structure2d{margin:8px 0;padding:10px;border:1px solid #adc8dc;border-radius:11px;background:#edf5fb}.formula-structure2d.is-paused{border-color:#e2c78d;background:#fff7e3}.formula-structure2d-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.formula-structure2d-head span,.formula-structure2d-head strong{display:block}.formula-structure2d-head span{font:800 6px 'DM Mono',monospace;color:#697e91}.formula-structure2d-head strong{margin-top:3px;font-size:11px;color:#254f70}.formula-structure2d-head em{padding:4px 7px;border-radius:99px;background:#d8e9f7;color:#245978;font:800 7px 'DM Mono',monospace;font-style:normal}.formula-structure2d.is-paused .formula-structure2d-head em{background:#f4e1b4;color:#745511}.formula-structure2d canvas{display:block;width:100%;height:auto;max-height:180px;margin-top:8px;border-radius:9px;background:#132521}.formula-structure2d-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.formula-structure2d-metrics>div{min-width:0;padding:6px;border-radius:7px;background:#253b65}.formula-structure2d-metrics span,.formula-structure2d-metrics b{display:block}.formula-structure2d-metrics span{font:800 6px 'DM Mono',monospace;color:#bfcbea}.formula-structure2d-metrics b{margin-top:3px;font:800 9px 'DM Mono',monospace;color:#c8edff}.formula-structure2d p{margin:8px 0 0;font-size:8px;line-height:1.5;color:#576b78}.formula-structure2d>button{width:100%;min-height:40px;margin-top:8px;border:0;border-radius:8px;background:#234f70;color:#fff;font-size:9px;font-weight:800}.formula-structure2d>button:hover{background:#193d58}
.formula-conformer3d{margin:8px 0;padding:10px;border:1px solid #8cbfaf;border-radius:11px;background:#e7f4ef}.formula-conformer3d.is-paused{border-color:#e0b984;background:#fff5df}.formula-conformer3d-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.formula-conformer3d-head span,.formula-conformer3d-head strong{display:block}.formula-conformer3d-head span{font:800 6px 'DM Mono',monospace;color:#5e7b73}.formula-conformer3d-head strong{margin-top:3px;font-size:11px;color:#1f5d50}.formula-conformer3d-head em{padding:4px 7px;border-radius:99px;background:#cce8df;color:#17604f;font:800 7px 'DM Mono',monospace;font-style:normal}.formula-conformer3d.is-paused .formula-conformer3d-head em{background:#f1d7a6;color:#76510f}.formula-conformer3d canvas{display:block;width:100%;height:auto;max-height:180px;margin-top:8px;border-radius:9px;background:#0d1c19}.formula-conformer3d-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.formula-conformer3d-metrics>div{min-width:0;padding:6px;border-radius:7px;background:#173d35}.formula-conformer3d-metrics span,.formula-conformer3d-metrics b{display:block}.formula-conformer3d-metrics span{font:800 6px 'DM Mono',monospace;color:#a8c9c0}.formula-conformer3d-metrics b{margin-top:3px;font:800 9px 'DM Mono',monospace;color:#d5fff2}.formula-conformer3d p{margin:8px 0 0;font-size:8px;line-height:1.5;color:#4f6b63}.formula-conformer3d-place{width:100%;min-height:38px;margin-top:8px;border:1px solid #287a67;border-radius:8px;background:#1d6656;color:#f0fffa;font:800 8px 'DM Mono',monospace;letter-spacing:.01em}.formula-conformer3d-place:hover{background:#175848}.formula-conformer3d-place:focus-visible{outline:3px solid rgba(44,117,101,.32);outline-offset:2px}.formula-conformer3d-place:disabled{cursor:not-allowed;opacity:.58}
.formula-conformer-electrons{margin-top:7px;padding:8px;border:1px solid #775fa2;border-radius:9px;background:#211b35;color:#eee8ff}.formula-conformer-electron-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.formula-conformer-electron-head span,.formula-conformer-electron-head strong{display:block}.formula-conformer-electron-head span{font:800 6px 'DM Mono',monospace;color:#a99ac9}.formula-conformer-electron-head strong{margin-top:3px;font-size:10px;color:#f1eaff}.formula-conformer-electron-head output{padding:4px 6px;border-radius:99px;background:#3d315f;color:#ffd76b;font:800 7px 'DM Mono',monospace}.formula-conformer-electron-controls{display:grid;grid-template-columns:1fr 1fr 50px;gap:5px;margin-top:7px}.formula-conformer-electron-controls button{min-height:34px;border:1px solid #655487;border-radius:7px;background:#302747;color:#ddd2f6;font:800 7px 'DM Mono',monospace}.formula-conformer-electron-controls button:hover{border-color:#9d85ca}.formula-conformer-electron-controls button.active{border-color:#73e2d0;background:#234e49;color:#d9fff8}.formula-conformer-electron-controls button:disabled{cursor:not-allowed;opacity:.62}.formula-conformer-electron-legend{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.formula-conformer-electron-legend span{padding:4px 5px;border-radius:5px;background:#302747;font:800 6px 'DM Mono',monospace}.formula-conformer-electron-legend span::before{content:'';display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#73e2d0;vertical-align:-1px}.formula-conformer-electron-legend [data-electron-kind="localized-pi"]::before{background:#65d9f0}.formula-conformer-electron-legend [data-electron-kind="lone"]::before{background:#c2aeff}.formula-conformer-electron-legend [data-electron-kind="unpaired"]::before{background:#ff8c98}.formula-conformer-electron-legend [data-electron-kind="delocalized"]::before{background:#ffd76b}.formula-conformer-electrons>p{margin:7px 0 0;color:#b7accd;font-size:7px;line-height:1.5}.formula-conformer-electron-stop{margin-top:7px;padding:8px;border:1px solid #d7a962;border-radius:8px;background:#fff2d5;color:#73521a}.formula-conformer-electron-stop b,.formula-conformer-electron-stop span{display:block}.formula-conformer-electron-stop b{font:800 7px 'DM Mono',monospace}.formula-conformer-electron-stop span{margin-top:4px;font-size:8px;line-height:1.45}
.formula-conformer-electron-sources{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.formula-conformer-electron-sources a{min-height:44px;display:flex;align-items:center;padding:4px 5px;border-radius:5px;background:#302747;color:#cfc0ef;font:800 6px 'DM Mono',monospace;text-decoration:none}.formula-conformer-electron-sources a:hover{text-decoration:underline}
.formula-electron-ledger{margin:8px 0;padding:10px;border:1px solid #b9a9df;border-radius:11px;background:#f3effb}.formula-electron-ledger.is-paused{border-color:#e0b984;background:#fff5df}.formula-electron-ledger-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.formula-electron-ledger-head span,.formula-electron-ledger-head strong{display:block}.formula-electron-ledger-head span{font:800 6px 'DM Mono',monospace;color:#71658b}.formula-electron-ledger-head strong{margin-top:3px;font-size:11px;color:#4b3778}.formula-electron-ledger-head em{padding:4px 7px;border-radius:99px;background:#ded3f3;color:#503784;font:800 7px 'DM Mono',monospace;font-style:normal}.formula-electron-ledger.is-paused .formula-electron-ledger-head em{background:#f1d7a6;color:#76510f}.formula-electron-ledger>p{margin:8px 0 0;font-size:8px;line-height:1.55;color:#5e5375}.formula-electron-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:7px}.formula-electron-metrics>div{min-width:0;padding:6px;border-radius:7px;background:#2f2850}.formula-electron-metrics span,.formula-electron-metrics b{display:block}.formula-electron-metrics span{font:800 6px 'DM Mono',monospace;color:#c8bee2}.formula-electron-metrics b{margin-top:3px;font:800 10px 'DM Mono',monospace;color:#f0dd71}.formula-electron-systems{display:grid;gap:4px;margin-top:6px}.formula-electron-systems>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;padding:6px 7px;border-radius:7px;background:#e5dcf6;color:#49366e}.formula-electron-systems span{font:800 7px 'DM Mono',monospace}.formula-electron-systems b{font:800 9px 'DM Mono',monospace}.formula-electron-systems em{font:800 7px 'DM Mono',monospace;font-style:normal;color:#286857}.formula-electron-atoms{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.formula-electron-atom{display:grid;grid-template-columns:auto 1fr;gap:2px 6px;align-items:center;min-width:0;padding:6px;border:1px solid #ded5ef;border-radius:7px;background:#fff}.formula-electron-atom b{grid-row:1/3;color:#4e387a;font:800 10px 'DM Mono',monospace}.formula-electron-atom span{min-width:0;color:#655b76;font:700 6px 'DM Mono',monospace;overflow-wrap:anywhere}.formula-electron-atom em{grid-column:1/3;padding:3px 5px;border-radius:5px;background:#eee7fa;color:#62498d;font:800 6px 'DM Mono',monospace;font-style:normal;text-align:center}.formula-electron-atoms>p{grid-column:1/3;margin:2px 0 0;color:#716783;font-size:7px}.formula-electron-sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.formula-electron-sources a{padding:5px 6px;border-radius:6px;background:#e5dcf6;color:#563c83;font:800 6px 'DM Mono',monospace;text-decoration:none}.formula-electron-sources a:hover{text-decoration:underline}
.formula-results{display:flex;flex-direction:column;gap:8px}.formula-result-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}.formula-result-2d{min-width:112px;border:1px solid #4c9b8d;border-radius:11px;background:#e7f5f0;color:#17675a;font:800 9px 'DM Mono',monospace;padding:8px;cursor:pointer}.formula-result-2d:hover{background:#d5eee7;border-color:#17675a;transform:translateY(-1px)}
.formula-result-card{width:100%;min-height:82px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #d9dcd5;border-radius:11px;background:#fff;color:#17231f;text-align:left}
.formula-result-card:hover{border-color:#278979;box-shadow:0 7px 18px rgba(24,48,42,.08);transform:translateY(-1px)}
.formula-result-symbol{font-family:'DM Mono',monospace;color:#17675a;font-size:16px}.formula-result-card b{display:block;font-size:12px}.formula-result-card small{display:block;margin-top:4px;color:#727d77;font-size:9px}.formula-result-card em{font-family:'DM Mono',monospace;font-size:9px;font-style:normal;color:#fff;background:#173d37;border-radius:99px;padding:5px 7px}
.formula-result-card .formula-result-source{color:#49776e;font:700 7px 'DM Mono',monospace}.formula-policy{margin:10px 0 0;padding:10px;border-left:3px solid #b67c10;border-radius:0 9px 9px 0;background:#fff4d8;color:#6b5523;font-size:8px;line-height:1.55}.formula-policy b{display:block;margin-bottom:3px;font-size:9px}.formula-policy>span{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.formula-policy a{color:#755811;font-weight:800;text-decoration:none}.formula-policy a:hover{text-decoration:underline}
.formula-compare-launch{width:100%;min-height:42px;border:1px solid #2d806e;border-radius:10px;background:#eef8f4;color:#17675a;font:800 9px 'DM Mono',monospace;cursor:pointer}.formula-compare-launch:hover{background:#d5eee7;border-color:#17675a}.formula-compare-panel{margin-top:9px;padding:10px;border:1px solid #9fcdbf;border-radius:12px;background:#f1faf6}.formula-compare-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.formula-compare-head>div{display:grid;gap:4px}.formula-compare-head span,.formula-compare-card-head span{font:800 6px 'DM Mono',monospace;color:#527369}.formula-compare-head strong{font-size:11px;color:#234f70}.formula-compare-head em{padding:5px 8px;border-radius:99px;background:#246a5b;color:#fff;font:800 8px 'DM Mono',monospace;font-style:normal}.formula-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}.formula-compare-card{min-width:0;padding:8px;border:1px solid #d0e2da;border-radius:10px;background:#fff}.formula-compare-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}.formula-compare-card-head strong{display:block;margin-top:3px;font-size:10px;color:#243b34}.formula-compare-card-head>b{font:800 10px 'DM Mono',monospace;color:#17675a}.formula-compare-card canvas{display:block;width:100%;height:auto;margin-top:7px;border-radius:8px;background:#132521}.formula-compare-card dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:6px 0 0}.formula-compare-card dl>div{min-width:0;padding:5px;border-radius:6px;background:#253b65}.formula-compare-card dt{font:800 6px 'DM Mono',monospace;color:#bfcbea}.formula-compare-card dd{margin:3px 0 0;font:800 8px 'DM Mono',monospace;color:#c8edff}.formula-compare-card small{display:block;margin-top:7px;font-size:7px;line-height:1.45;color:#61716a}.formula-compare-panel>p{margin:8px 0 0;font-size:8px;line-height:1.5;color:#526b61}.formula-compare-unavailable{padding:22px 8px;text-align:center;font-size:8px;color:#876927;background:#fff7e3;border-radius:8px}
.formula-compare-select{width:100%;min-height:34px;margin-top:8px;border:1px solid #2d806e;border-radius:8px;background:#246a5b;color:#fff;font:800 8px 'DM Mono',monospace;cursor:pointer}.formula-compare-select:hover{background:#17675a;transform:translateY(-1px)}.formula-compare-select.selected{background:#123f36;border-color:#123f36;box-shadow:0 0 0 2px rgba(115,226,208,.35)}
.formula-provenance{margin:10px 0;padding:10px;border:1px solid #bcd9d0;border-radius:11px;background:#edf8f4}.formula-provenance>b{font-size:10px;color:#1d5e51}.formula-provenance dl{margin:8px 0 0}.formula-provenance dl>div{display:grid;grid-template-columns:74px 1fr;gap:8px;padding:6px 0;border-top:1px solid #d7e6e1}.formula-provenance dt{font:800 7px 'DM Mono',monospace;color:#71817b}.formula-provenance dd{margin:0;font-size:9px;color:#263a34;overflow-wrap:anywhere}.formula-provenance a{color:#146b5b;font-weight:800}.formula-provenance p{margin:7px 0 0;font-size:8px;line-height:1.5;color:#64736d}

.structure2d-electron-ledger{margin:10px 0;padding:10px;border:1px solid #9fcdbf;border-radius:10px;background:#eef8f4}.structure2d-electron-ledger.check{border-color:#e2c78d;background:#fff7e3}.structure2d-electron-ledger>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.structure2d-electron-ledger>div b{font:800 9px 'DM Mono',monospace;color:#35645a}.structure2d-electron-ledger>div em{padding:4px 7px;border-radius:99px;background:#246a5b;color:#fff;font:800 7px 'DM Mono',monospace;font-style:normal}.structure2d-electron-ledger.check>div em{background:#a36c13}.structure2d-electron-ledger dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:8px 0 0}.structure2d-electron-ledger dl>div{min-width:0;padding:6px;border-radius:7px;background:#253b65}.structure2d-electron-ledger dt{font:800 6px 'DM Mono',monospace;color:#bfcbea}.structure2d-electron-ledger dd{margin:3px 0 0;font:800 9px 'DM Mono',monospace;color:#c8edff}.structure2d-electron-ledger p{margin:8px 0 0;font-size:8px;line-height:1.5;color:#526b61}
.property-hero{display:flex;align-items:center;gap:14px;padding:16px;border-radius:13px;background:#173d37;color:#fff;margin-bottom:14px}
.property-formula{font-family:'DM Mono',monospace;font-size:24px;color:#8ce1d2;min-width:92px}
.property-hero h3{margin:0 0 4px;font-size:17px}.property-hero p{margin:0;font-size:10px;color:#bfd2cc}
.property-list{margin:0;border-top:1px solid #d7dad3}
.property-row{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:12px 2px;border-bottom:1px solid #d7dad3;font-size:11px;line-height:1.55}
.property-row dt{color:#6b756f;font-weight:600}.property-row dd{margin:0;font-weight:600}
.safety-card{margin-top:15px;padding:13px 14px;background:#fff1cf;border:1px solid #ead292;border-radius:10px;font-size:10px;line-height:1.6;color:#5b481c}
.safety-card b{display:block;margin-bottom:3px}

.lab-list{display:flex;flex-direction:column;gap:10px}
.lab-card{padding:14px;border:1px solid #d8dbd4;background:#fff;border-radius:12px}
.lab-card-top{display:flex;gap:11px;align-items:flex-start}.lab-icon{width:38px;height:38px;border-radius:10px;background:#e2f3ee;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.lab-card h3{font-size:13px;margin:1px 0 4px}.lab-card p{font-size:10px;line-height:1.5;color:#6c7771;margin:0}
.lab-actions{display:flex;gap:7px;margin-top:12px}.lab-actions button,.lab-actions a{height:31px;padding:0 10px;border-radius:7px;border:1px solid #d4d8d1;background:#fff;color:#26332f;text-decoration:none;display:inline-flex;align-items:center;font-size:10px;font-weight:700}
.lab-actions .place-lab{background:#173d37;color:#fff;border-color:#173d37}

.reaction-card{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;padding:14px;border-radius:11px;background:#fff;border:1px solid #d9dcd5;margin-bottom:9px}
.reaction-card:hover{border-color:#4a8f80}.reaction-equation{font-family:'DM Mono',monospace;font-size:15px;color:#17594e}.reaction-card b{font-size:11px}.reaction-card small{font-size:9px;color:#75807b}
.reaction-search{padding:14px;border:1px solid #d9dcd5;border-radius:13px;background:#fff}.reaction-search label{display:block;margin-bottom:8px;font-size:11px;font-weight:800;color:#24322e}.reaction-input-row{display:flex;gap:7px}.reaction-input-row input{width:100%;min-width:0;height:42px;border:1px solid #cbd0c9;border-radius:9px;background:#fbfcf8;color:#17231f;padding:0 11px;font:500 12px 'DM Mono',monospace;outline:none}.reaction-input-row input:focus{border-color:#278979;box-shadow:0 0 0 3px rgba(39,137,121,.12)}.reaction-input-row input[aria-invalid=true]{border-color:#bf5261;box-shadow:0 0 0 3px rgba(191,82,97,.1)}.reaction-input-row button{height:42px;flex:none;border-radius:9px;background:#173d37;color:#fff;padding:0 12px;font-size:10px;font-weight:800}.reaction-search>small{display:block;margin-top:8px;color:#77827c;font-size:8px;line-height:1.55}.reaction-examples{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.reaction-examples button{min-height:34px;padding:5px 10px;border:1px solid #cbd8d2;border-radius:99px;background:#f1f7f4;color:#1c5c50;font:800 9px 'DM Mono',monospace}.reaction-examples button:hover{background:#dff0ea;border-color:#72a99d}
.reaction-feedback{min-height:36px;margin:10px 0 8px;padding:10px 11px;border-radius:9px;background:#e9f4f0;color:#28594f;font-size:10px;line-height:1.55}.reaction-feedback.is-error{background:#fdebed;color:#963548}.reaction-audit{margin:8px 0 15px;padding:12px;border:1px solid #acd4c9;border-radius:13px;background:#edf8f4}.reaction-audit-head{display:flex;flex-direction:column;gap:5px}.reaction-audit-head span{font:800 7px 'DM Mono',monospace;color:#668078}.reaction-audit-head strong{font:800 13px 'DM Mono',monospace;color:#155b4e;line-height:1.5;overflow-wrap:anywhere}.reaction-audit-head em{align-self:flex-start;padding:4px 7px;border-radius:99px;background:#d8eee7;color:#176957;font:800 7px 'DM Mono',monospace;font-style:normal}.reaction-conservation{margin-top:10px;border:1px solid #d3e3de;border-radius:9px;overflow:hidden}.reaction-conservation-label,.reaction-conservation-row{display:grid;grid-template-columns:1fr 48px 18px 48px 22px;align-items:center;min-height:31px;padding:0 8px}.reaction-conservation-label{min-height:23px;background:#dcece7;color:#6e7f79;font:800 7px 'DM Mono',monospace}.reaction-conservation-row{background:#fff;border-top:1px solid #e0ebe7;font:700 9px 'DM Mono',monospace}.reaction-conservation-row b{color:#31443e}.reaction-conservation-row span,.reaction-conservation-row i{text-align:center;font-style:normal}.reaction-conservation-row em{color:#16806b;font-style:normal;text-align:right}.reaction-audit>p{margin:9px 0;font-size:8px;line-height:1.55;color:#64736d}.reaction-place{width:100%;min-height:42px;border-radius:9px;background:#173d37;color:#fff;font-size:10px;font-weight:800}.reaction-place:hover{background:#0e302a}.reaction-structure-bridge{margin:10px 0;padding:9px;border:1px solid #c5dfd6;border-radius:10px;background:#fff}.reaction-structure-bridge-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.reaction-structure-bridge-head b{font:800 7px 'DM Mono',monospace;color:#236d60}.reaction-structure-bridge-head span{font-size:7px;color:#6e7c75}.reaction-structure-row{display:grid;grid-template-columns:72px 1fr;gap:7px;margin-top:7px;padding-top:7px;border-top:1px solid #e4ece8}.reaction-structure-row>div:first-child b,.reaction-structure-row>div:first-child small{display:block}.reaction-structure-row>div:first-child b{font:800 9px 'DM Mono',monospace;color:#2e473f}.reaction-structure-row>div:first-child small{margin-top:3px;font-size:7px;color:#718078}.reaction-structure-candidate-wrap{display:flex;align-items:center;gap:5px;margin-bottom:4px}.reaction-structure-candidate-wrap>input{flex:none;width:18px;height:18px;accent-color:#176b5d}.reaction-structure-candidate{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:1;min-width:0;min-height:34px;padding:5px 7px;border:1px solid #d5e3de;border-radius:7px;background:#f5faf8;color:#205b50;text-align:left}.reaction-structure-candidate:hover{border-color:#4d9e8d;background:#e8f5ef}.reaction-structure-candidate[data-reaction-structure-ambiguous="true"]{border-color:#d9c17e;background:#fff9e8}.reaction-structure-candidate[data-reaction-structure-ambiguous="true"]:hover{border-color:#b98a27;background:#fff2ce}.reaction-structure-candidate b{font-size:8px}.reaction-structure-candidate small{font:700 7px 'DM Mono',monospace;color:#718078}.reaction-structure-unavailable{display:block;padding:6px 7px;border-radius:7px;background:#fff4d8;color:#785b1b;font-size:7px;line-height:1.4}.reaction-structure-batch{display:flex;align-items:center;gap:7px;margin-top:9px;padding-top:8px;border-top:1px solid #e4ece8}.reaction-structure-batch button{min-height:36px;padding:0 9px;border-radius:8px;background:#173d37;color:#fff;font-size:8px;font-weight:800}.reaction-structure-batch button:disabled{background:#b9c6c0;color:#fff}.reaction-structure-batch small{font-size:7px;color:#718078}.reaction-structure-bridge>p{margin:7px 0 0;font-size:7px;line-height:1.5;color:#687972}.reaction-library-head{display:flex;justify-content:space-between;align-items:center;margin:17px 0 9px}.reaction-library-head b{font-size:11px}.reaction-library-head span{padding:3px 7px;border-radius:99px;background:#e8ebe6;color:#63706a;font:800 8px 'DM Mono',monospace}.reaction-policy{margin:11px 0 0;padding:10px;border-left:3px solid #b67c10;border-radius:0 9px 9px 0;background:#fff4d8;color:#6b5523;font-size:8px;line-height:1.55}.reaction-policy b{display:block;margin-bottom:3px;font-size:9px}
.lewis-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 0 14px;border:1px solid #cfd8d3;border-radius:12px;overflow:hidden;background:#cfd8d3}.lewis-summary>div{min-height:58px;padding:9px 7px;background:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center}.lewis-summary span{font:700 7px 'DM Mono',monospace;color:#708078}.lewis-summary b{margin-top:5px;font:800 12px 'DM Mono',monospace;color:#253b34}.lewis-summary>p{grid-column:1/-1;margin:0;padding:9px 10px;font-size:9px;line-height:1.45}.lewis-summary.pass>p{background:#e6f4ee;color:#176957}.lewis-summary.stop>p{background:#f9e7e9;color:#923d4a}.lewis-section-title{margin-top:13px}.lewis-atom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lewis-atom-choice{position:relative;min-height:50px;padding:7px 22px 7px 8px;border:1px solid #d7ddd8;border-radius:9px;background:#fff;color:#283730;text-align:left}.lewis-atom-choice b,.lewis-atom-choice span{display:block}.lewis-atom-choice b{font:800 10px 'DM Mono',monospace}.lewis-atom-choice span{margin-top:3px;font:700 7px 'DM Mono',monospace;color:#748079}.lewis-atom-choice em{position:absolute;right:7px;top:16px;font:900 10px 'DM Mono',monospace;color:#1c7b64;font-style:normal}.lewis-atom-choice.active{background:#edf6f3;border-color:#4b9a87;box-shadow:inset 3px 0 #2a7967}.lewis-atom-choice.issue{border-color:#dcadb5}.lewis-atom-choice.issue em{color:#ad4655}.lewis-atom-editor{margin-top:10px;padding:11px;border:1px solid #d6dcd7;border-radius:12px;background:#fff}.lewis-selected-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.lewis-selected-head>div strong,.lewis-selected-head>div span{display:block}.lewis-selected-head strong{font:800 15px 'DM Mono',monospace;color:#75470a}.lewis-selected-head>div span{margin-top:3px;font:700 8px 'DM Mono',monospace;color:#77817c}.lewis-selected-head>span,.lewis-atom-checks span{padding:5px 7px;border-radius:99px;font:800 7px 'DM Mono',monospace}.lewis-selected-head .pass,.lewis-atom-checks .pass{background:#e1f3ec;color:#176957}.lewis-selected-head .stop,.lewis-atom-checks .stop{background:#f9e5e8;color:#9a3d4c}.lewis-step-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #ecefeb}.lewis-step-row>div:first-child b,.lewis-step-row>div:first-child span{display:block}.lewis-step-row>div:first-child b{font-size:10px}.lewis-step-row>div:first-child span{margin-top:3px;font:700 8px 'DM Mono',monospace;color:#707d76}.lewis-stepper{display:grid;grid-template-columns:34px 42px 34px;align-items:center}.lewis-stepper button{height:34px;border:1px solid #d2d8d3;background:#f9faf7;color:#25352f;font-size:15px;font-weight:800}.lewis-stepper button:first-child{border-radius:8px 0 0 8px}.lewis-stepper button:last-child{border-radius:0 8px 8px 0}.lewis-stepper button:disabled{color:#a8aeaa;background:#eceeeb}.lewis-stepper output{height:34px;border-top:1px solid #d2d8d3;border-bottom:1px solid #d2d8d3;background:#fff;display:flex;align-items:center;justify-content:center;font:800 10px 'DM Mono',monospace}.lewis-equation{margin-top:8px;padding:9px;border-radius:9px;background:#172520;color:#f4f1df;display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center}.lewis-equation code{font:700 9px 'DM Mono',monospace}.lewis-equation b{font:800 11px 'DM Mono',monospace;color:#ffd76b}.lewis-equation span{grid-column:1/-1;font-size:7px;color:#acbab3}.lewis-atom-checks{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.lewis-bond-list{display:flex;flex-direction:column;gap:7px}.lewis-bond-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid #d9ddd8;border-radius:9px;background:#fff}.lewis-bond-row>div:first-child b,.lewis-bond-row>div:first-child span{display:block}.lewis-bond-row>div:first-child b{font:800 10px 'DM Mono',monospace}.lewis-bond-row>div:first-child span{margin-top:3px;font-size:8px;color:#727d77}.lewis-order-tabs{display:grid;grid-template-columns:repeat(3,34px)}.lewis-order-tabs button{height:34px;border:1px solid #d2d8d3;border-right:0;background:#fff;color:#30413a;font:800 10px 'DM Mono',monospace}.lewis-order-tabs button:first-child{border-radius:8px 0 0 8px}.lewis-order-tabs button:last-child{border-right:1px solid #d2d8d3;border-radius:0 8px 8px 0}.lewis-order-tabs button.active{background:#a7670a;color:#fff;border-color:#a7670a}.lewis-no-bonds{margin:0;padding:10px;border-radius:9px;background:#f0f2ee;color:#68736d;font-size:9px;line-height:1.45}.lewis-reset{width:100%;min-height:42px;margin-top:13px;border-radius:9px;background:#fff;color:#8a5310;border:1px solid #d4b77d;font-size:10px;font-weight:800}.lewis-reset:disabled{color:#9ca39f;border-color:#d9ddd8;background:#eff1ed}.lewis-policy{margin:11px 0 0;padding:10px;border-left:3px solid #a7670a;border-radius:0 9px 9px 0;background:#fff4d8;color:#6b5523;font-size:8px;line-height:1.55}.lewis-policy b{display:block;margin-bottom:3px;font-size:9px}
.vsepr-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 14px;border:1px solid #cbdad8;border-radius:12px;overflow:hidden;background:#cbdad8}.vsepr-overview>div{min-height:58px;padding:8px 5px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.vsepr-overview span{font:700 7px 'DM Mono',monospace;color:#708078}.vsepr-overview b{margin-top:5px;font:800 10px 'DM Mono',monospace;color:#23534f}.vsepr-overview>p{grid-column:1/-1;margin:0;padding:9px 10px;background:#e8f5f3;color:#24655d;font-size:8px;line-height:1.5}.vsepr-overview.stop>p{background:#f9e7e9;color:#923d4a}.vsepr-section-title{margin-top:13px}.vsepr-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vsepr-center-choice{position:relative;min-height:50px;padding:7px 22px 7px 8px;border:1px solid #d7ddd8;border-radius:9px;background:#fff;color:#283730;text-align:left}.vsepr-center-choice b,.vsepr-center-choice span{display:block}.vsepr-center-choice b{font:800 10px 'DM Mono',monospace}.vsepr-center-choice span{margin-top:3px;font:700 8px 'DM Mono',monospace;color:#0d6b76}.vsepr-center-choice em{position:absolute;right:7px;top:16px;font:900 10px 'DM Mono',monospace;color:#1c7b64;font-style:normal}.vsepr-center-choice.active{background:#edf8f8;border-color:#4a9da6;box-shadow:inset 3px 0 #177885}.vsepr-center-choice.issue{border-color:#dcadb5}.vsepr-shape-card,.vsepr-polarity-card{margin-top:10px;padding:11px;border:1px solid #d6dcd7;border-radius:12px;background:#fff}.vsepr-shape-head,.vsepr-polarity-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.vsepr-shape-head span,.vsepr-shape-head strong{display:block}.vsepr-shape-head span{font:700 8px 'DM Mono',monospace;color:#738079}.vsepr-shape-head strong{margin-top:3px;font:800 18px 'DM Mono',monospace;color:#0b6671}.vsepr-shape-head em{padding:6px 8px;border-radius:99px;background:#ddf3f4;color:#0b6671;font:800 9px 'DM Mono',monospace;font-style:normal}.vsepr-shape-card dl{margin:10px 0 0;border-top:1px solid #e5e9e5}.vsepr-shape-card dl>div{display:grid;grid-template-columns:105px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid #e9ece8}.vsepr-shape-card dt{font-size:8px;color:#6d7973}.vsepr-shape-card dd{margin:0;text-align:right;font:800 8px 'DM Mono',monospace;color:#33453f}.vsepr-angle-list{margin-top:10px;padding:9px;border-radius:9px;background:#172520;color:#f4f1df}.vsepr-angle-list .panel-section-title{margin-bottom:4px}.vsepr-angle-list .panel-section-title b{font-size:9px}.vsepr-angle-list .panel-section-title span{color:#a9bbb3}.vsepr-angle-list>div:not(.panel-section-title){display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid rgba(255,255,255,.12);font:700 8px 'DM Mono',monospace}.vsepr-angle-list>div:not(.panel-section-title) b{color:#ffd76b}.vsepr-shape-card>p,.vsepr-polarity-card>p{margin:9px 0 0;font-size:8px;line-height:1.55;color:#68736d}.vsepr-polarity-card.polar{border-color:#e1b8bf;background:#fff7f8}.vsepr-polarity-card.nonpolar{border-color:#bcd8d2;background:#f5fbf9}.vsepr-polarity-card.not-assigned{border-color:#e3c989;background:#fff9e8}.vsepr-polarity-head>div span,.vsepr-polarity-head>div strong{display:block}.vsepr-polarity-head span{font:700 7px 'DM Mono',monospace;color:#718078}.vsepr-polarity-head strong{margin-top:4px;font:800 14px 'DM Mono',monospace;color:#9a3f4d}.vsepr-polarity-card.nonpolar strong{color:#176957}.vsepr-polarity-card.not-assigned strong{color:#8a5c0d}.vsepr-polarity-head output{padding:6px 8px;border-radius:99px;background:#172520;color:#ffd76b;font:800 8px 'DM Mono',monospace}.vsepr-pull-list{margin-top:9px;display:flex;flex-direction:column;gap:4px}.vsepr-pull-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:7px;background:#fff;border:1px solid #e1e5e1;font:700 8px 'DM Mono',monospace}.vsepr-pull-row b{color:#a54c5a}.vsepr-pull-list>span{font-size:8px;color:#6d7872}.vsepr-boundary{margin:11px 0 0;padding:10px;border-left:3px solid #167783;border-radius:0 9px 9px 0;background:#eaf6f6;color:#315d60}.vsepr-boundary.stop{border-left-color:#ad4655;background:#f9e9eb;color:#713b43}.vsepr-boundary b,.vsepr-boundary strong{display:block}.vsepr-boundary b{font-size:9px}.vsepr-boundary strong{margin-top:5px;font:800 11px 'DM Mono',monospace}.vsepr-boundary p{margin:6px 0 0;font-size:8px;line-height:1.55}.vsepr-open-lewis{width:100%;min-height:42px;margin-top:12px;border:0;border-radius:9px;background:#a7670a;color:#fff;font-size:10px;font-weight:800}.vsepr-sources{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.vsepr-sources a{display:inline-flex;align-items:center;padding:7px 8px;border-radius:8px;background:#eef1ed;color:#22665d;font:800 7px 'DM Mono',monospace;text-decoration:none}

.stoichiometry-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:13px}.stoichiometry-tabs button{min-height:42px;border:1px solid #d5d9d3;border-radius:9px;background:#fff;color:#53615b;font-size:10px;font-weight:800}.stoichiometry-tabs button.active{background:#173d37;border-color:#173d37;color:#fff}.stoichiometry-converter,.stoichiometry-equation,.stoichiometry-reactants{padding:13px;border:1px solid #d8ddd7;border-radius:12px;background:#fff}.stoichiometry-converter label,.stoichiometry-equation>label,.stoichiometry-reactant-row label{display:block}.stoichiometry-converter label>span,.stoichiometry-equation>label,.stoichiometry-reactant-row label>span{display:block;margin-bottom:6px;font-size:8px;font-weight:800;color:#617069}.stoichiometry-converter input,.stoichiometry-converter select,.stoichiometry-equation input,.stoichiometry-reactant-row input,.stoichiometry-reactant-row select{width:100%;height:40px;border:1px solid #cdd3cd;border-radius:8px;background:#fbfcf9;color:#17231f;padding:0 10px;font:700 10px 'DM Mono',monospace}.stoichiometry-amount-row{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:9px}.stoichiometry-converter>button,.stoichiometry-reactants>button{width:100%;min-height:42px;margin-top:11px;border-radius:9px;background:#176b5d;color:#fff;font-size:10px;font-weight:800}.stoichiometry-feedback{margin-top:10px;padding:10px;border-radius:9px;background:#e7f4ee;color:#265c50;font-size:9px;line-height:1.5}.stoichiometry-feedback.is-error{background:#f9e7ea;color:#923d4a}.conversion-result{margin-top:10px;padding:12px;border:1px solid #b9d9d0;border-radius:12px;background:#edf8f4}.conversion-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversion-heading span,.conversion-heading strong{display:block}.conversion-heading span{font:800 7px 'DM Mono',monospace;color:#6b7d76}.conversion-heading strong{margin-top:3px;font:800 18px 'DM Mono',monospace;color:#17675a}.conversion-heading em{padding:6px 8px;border-radius:99px;background:#d8eee7;color:#176957;font:800 8px 'DM Mono',monospace;font-style:normal}.conversion-terms{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.conversion-terms span{padding:5px 7px;border-radius:7px;background:#fff;color:#53635d;font:700 7px 'DM Mono',monospace}.conversion-terms .unavailable{background:#fff2d7;color:#785b1b}.quantity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:9px;border:1px solid #cbded8;border-radius:9px;overflow:hidden;background:#cbded8}.quantity-grid>div{min-width:0;padding:8px 6px;background:#fff}.quantity-grid span,.quantity-grid b{display:block}.quantity-grid span{font:700 7px 'DM Mono',monospace;color:#708078}.quantity-grid b{margin-top:4px;font:800 9px 'DM Mono',monospace;color:#263b34;overflow-wrap:anywhere}.conversion-result>p{margin:8px 0 0;font-size:8px;color:#61716a}.stoichiometry-equation>div{display:flex;gap:7px;margin-top:7px}.stoichiometry-equation input{min-width:0}.stoichiometry-equation button{flex:none;min-height:40px;padding:0 10px;border-radius:8px;background:#173d37;color:#fff;font-size:9px;font-weight:800}.stoichiometry-balanced{margin:10px 0;padding:10px;border-radius:10px;background:#172520;color:#f4f1df}.stoichiometry-balanced span,.stoichiometry-balanced strong{display:block}.stoichiometry-balanced span{font:800 7px 'DM Mono',monospace;color:#8de3d4}.stoichiometry-balanced strong{margin-top:5px;font:800 11px 'DM Mono',monospace;overflow-wrap:anywhere}.stoichiometry-reactant-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.stoichiometry-reactant-head b{font-size:10px}.stoichiometry-reactant-head span{font:700 7px 'DM Mono',monospace;color:#718078}.stoichiometry-reactant-row{display:grid;grid-template-columns:1fr 88px;gap:7px;padding:8px 0;border-top:1px solid #e5e9e5}.stoichiometry-result{margin-top:10px;padding:12px;border:1px solid #dfc67c;border-radius:12px;background:#fff9e8}.stoichiometry-result-head{display:grid;grid-template-columns:1fr auto;gap:3px 8px}.stoichiometry-result-head span{font:800 7px 'DM Mono',monospace;color:#886614}.stoichiometry-result-head strong{grid-column:1;font:800 15px 'DM Mono',monospace;color:#785711}.stoichiometry-result-head em{grid-column:2;grid-row:1/3;align-self:center;padding:6px 8px;border-radius:99px;background:#173d37;color:#ffd76b;font:800 8px 'DM Mono',monospace;font-style:normal}.stoichiometry-result-section{margin-top:10px}.stoichiometry-result-section>b{font-size:9px;color:#5b675f}.stoichiometry-result-row{display:grid;grid-template-columns:72px 1fr;gap:3px 8px;margin-top:6px;padding:7px 8px;border:1px solid #e2e5df;border-radius:8px;background:#fff}.stoichiometry-result-row span{grid-row:1/3;font:800 9px 'DM Mono',monospace}.stoichiometry-result-row b{font:800 8px 'DM Mono',monospace;color:#2c413a}.stoichiometry-result-row em{font-size:7px;color:#6f7b75;font-style:normal}.stoichiometry-result-row.limiting{border-color:#5aa18f;box-shadow:inset 3px 0 #267b68}.stoichiometry-result-row.product{border-color:#d9c17e}.mass-balance{padding:8px;border-radius:8px;background:#e7f4ee;color:#176957;font:700 8px 'DM Mono',monospace}.mass-balance.stop{background:#f9e7ea;color:#923d4a}.stoichiometry-place{width:100%;min-height:42px;border-radius:9px;background:#a66e08;color:#fff;font-size:10px;font-weight:800}.stoichiometry-boundary{margin-top:11px;padding:10px;border-left:3px solid #a66e08;border-radius:0 9px 9px 0;background:#fff4d8;color:#6b5523}.stoichiometry-boundary b{font-size:9px}.stoichiometry-boundary p{margin:5px 0 0;font-size:8px;line-height:1.55}.stoichiometry-sources{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.stoichiometry-sources a{display:inline-flex;align-items:center;padding:7px 8px;border-radius:8px;background:#e9efeb;color:#21665c;text-decoration:none;font:800 7px 'DM Mono',monospace}

.recognition-popover{position:absolute;z-index:35;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100% - 32px));background:#f7f4ec;color:#17231f;border-radius:17px;box-shadow:0 24px 90px rgba(0,0,0,.48);padding:18px;border:1px solid rgba(255,255,255,.5)}
.recognition-head{display:flex;gap:11px;align-items:center;border-bottom:1px solid #d8dad4;padding-bottom:14px}
.ai-orbit{width:36px;height:36px;border-radius:50%;background:#173d37;color:#ffd66b;display:flex;align-items:center;justify-content:center;font-size:19px}
.recognition-head b{display:block;font-size:15px}.recognition-head small{display:block;font-size:10px;color:#68736e;margin-top:4px}
.recognition-loading{height:112px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;color:#58655f}
.loading-ring{width:20px;height:20px;border-radius:50%;border:2px solid #cdd4cf;border-top-color:#218878;animation:spin .75s linear infinite}
.candidate-list{display:flex;flex-direction:column;gap:8px;padding:14px 0 4px;max-height:310px;overflow:auto}
.candidate-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #d9dbd5;border-radius:10px;padding:11px 12px;text-align:left;color:#1b2824}
.candidate-btn:hover{border-color:#398b7c;background:#f9fdfb}.candidate-main b{font-size:12px}.candidate-main small{display:block;font-family:'DM Mono',monospace;color:#4e6d64;margin-top:3px}.confidence{font-family:'DM Mono',monospace;font-size:9px;color:#708079;background:#edf2ef;padding:4px 6px;border-radius:99px}
.recognition-actions{display:flex;justify-content:flex-end;margin-top:10px}

.board-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;text-align:center;width:min(580px,70%);pointer-events:none;color:#d8ddce;transition:opacity .2s}
.board-empty.is-hidden{opacity:0;visibility:hidden}
.empty-formula{font-family:'DM Mono',monospace;font-size:42px;color:rgba(115,226,208,.24);margin-bottom:15px;text-shadow:0 0 18px rgba(115,226,208,.06)}
.board-empty h2{font-size:19px;margin:0 0 8px;letter-spacing:-.035em;font-weight:600}.board-empty p{font-size:11px;line-height:1.65;color:#91a198;margin:0 auto;max-width:520px}
.empty-actions{display:flex;gap:9px;justify-content:center;margin-top:20px;pointer-events:auto}
.ghost-action{height:48px;border:1px solid rgba(244,241,223,.18);background:rgba(0,0,0,.14);color:#c8d2c9;border-radius:10px;padding:0 13px;display:flex;align-items:center;gap:9px;backdrop-filter:blur(5px)}
.ghost-action:hover{background:rgba(244,241,223,.09);border-color:rgba(115,226,208,.5)}
.ghost-action span{font-family:'DM Mono',monospace;color:#7fd7c8}.ghost-action b{font-size:10px}

.toast{position:absolute;z-index:60;left:50%;bottom:22px;transform:translateX(-50%);padding:10px 14px;border-radius:9px;background:#f5f2e9;color:#1b2824;font-size:11px;font-weight:700;box-shadow:0 8px 35px rgba(0,0,0,.35);animation:toastIn .18s ease}
.help-dialog{position:fixed;inset:0;z-index:100;background:rgba(3,10,8,.68);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(5px)}
.help-card{width:min(470px,100%);background:#f7f4ec;color:#17231f;border-radius:18px;padding:25px;position:relative;box-shadow:0 25px 90px rgba(0,0,0,.5)}
[role="dialog"][tabindex="-1"]:focus{outline:3px solid var(--mint);outline-offset:3px}
.help-card>.panel-close{position:absolute;right:15px;top:15px}.help-card h2{margin:8px 0 19px;font-size:22px}.help-card ol{list-style:none;padding:0;margin:0;counter-reset:steps}.help-card li{counter-increment:steps;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:11px 0;border-top:1px solid #d9dcd5}.help-card li::before{content:counter(steps);grid-row:1/3;width:28px;height:28px;border-radius:50%;background:#173d37;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:10px}.help-card li b{font-size:12px}.help-card li span{font-size:10px;color:#66726c;margin-top:3px}.safety-note{font-size:10px;line-height:1.6;background:#fff1cf;padding:10px 12px;border-radius:8px;margin:15px 0 0}

.merge-apply-dialog{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,10,8,.76);backdrop-filter:blur(7px)}
.merge-apply-card{position:relative;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:25px;border:1px solid rgba(255,255,255,.6);border-radius:19px;background:#f7f4ec;color:#17231f;box-shadow:0 30px 110px rgba(0,0,0,.58)}.merge-apply-card>.panel-close{position:absolute;right:15px;top:15px}.merge-apply-card h2{margin:8px 44px 5px 0;font-size:22px}.merge-apply-card>p{font-size:10px;line-height:1.55}.merge-apply-card>#mergeApplyDescription{margin:0 44px 18px 0;color:#65716b}
.merge-apply-metadata{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0}.merge-apply-metadata>div{min-width:0;padding:10px;border:1px solid #d7ddd8;border-radius:10px;background:#fff}.merge-apply-metadata dt{color:#738079;font:700 7px 'DM Mono',monospace}.merge-apply-metadata dd{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d6557;font:800 10px 'DM Mono',monospace}.merge-apply-metadata>div:nth-last-child(-n+2){grid-column:span 2}
.merge-apply-warning{margin:10px 0 0;padding:10px 12px;border-left:3px solid #b07a13;border-radius:0 9px 9px 0;background:#fff2cf;color:#70561d}.merge-apply-error{margin:10px 0 0;padding:10px 12px;border:1px solid #dfb1b7;border-radius:9px;background:#fff0f2;color:#812f3c;font-weight:700}
.merge-apply-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:16px}.merge-apply-actions button{min-height:40px;padding:0 14px;border:1px solid #cfd5d0;border-radius:9px;background:#fff;color:#2c3b36;font-size:9px;font-weight:800}.merge-apply-actions button.primary{background:#176b5d;color:#fff;border-color:#176b5d}.merge-apply-actions button:disabled{cursor:wait;opacity:.55}

.import-dialog{position:fixed;inset:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,10,8,.72);backdrop-filter:blur(6px)}
.import-card{position:relative;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:25px;border:1px solid rgba(255,255,255,.55);border-radius:19px;background:#f7f4ec;color:#17231f;box-shadow:0 28px 100px rgba(0,0,0,.54)}
.import-card>.panel-close{position:absolute;right:15px;top:15px}.import-card h2{margin:8px 44px 5px 0;font-size:22px}.import-description{margin:0 44px 18px 0;color:#65716b;font-size:10px;line-height:1.55}
.import-file-head{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #cdd8d2;border-radius:12px;background:#fff}.import-file-head>span{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:10px;background:#173d37;color:#8de3d4;font:800 10px 'DM Mono',monospace}.import-file-head b,.import-file-head small{display:block}.import-file-head b{max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.import-file-head small{margin-top:4px;color:#3e7569;font:800 7px 'DM Mono',monospace}
.import-metadata{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 0}.import-metadata>div{min-width:0;padding:9px;border:1px solid #d9ddd7;border-radius:10px;background:#fff}.import-metadata dt{color:#738079;font:700 7px 'DM Mono',monospace}.import-metadata dd{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#244b42;font:800 10px 'DM Mono',monospace}.import-metadata>div:nth-last-child(-n+2){grid-column:span 2}
.import-target{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:12px;margin-top:11px;padding:11px;border:1px solid #d6dcd7;border-radius:11px;background:#fff}.import-target span{font-size:10px;font-weight:800}.import-target select{width:100%;height:40px;padding:0 10px;border:1px solid #cbd3ce;border-radius:8px;background:#f7f8f5;color:#21332d;font:800 9px 'DM Mono',monospace}
.import-conflict-note{margin:9px 0 0;padding:9px 11px;border-left:3px solid #b07a13;border-radius:0 9px 9px 0;background:#fff2cf;color:#70561d;font-size:9px;line-height:1.5}
.import-stage-assets{margin:9px 0 0;padding:10px 11px;border-left:3px solid #2b7f6c;border-radius:0 9px 9px 0;background:#e8f7f1;color:#245e52;font-size:9px;line-height:1.5}.import-stage-assets b{display:block;font:800 8px 'DM Mono',monospace;letter-spacing:.04em}.import-stage-assets p{margin:4px 0 0}
.import-invalid{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid #dfb1b7;border-radius:12px;background:#fff0f2;color:#6f2b35}.import-invalid>span{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;background:#aa4050;color:#fff;font-weight:900}.import-invalid b{font-size:12px}.import-invalid p{margin:5px 0 0;font-size:9px;line-height:1.55}
.import-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:16px}.import-actions button{min-height:40px;padding:0 13px;border:1px solid #cfd5d0;border-radius:9px;background:#fff;color:#2c3b36;font-size:9px;font-weight:800}.import-actions button.primary{background:#176b5d;color:#fff;border-color:#176b5d}.import-actions button:disabled{cursor:not-allowed;opacity:.45;background:#dfe4e0;color:#748079;border-color:#d2d7d3}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{50%{opacity:.35}}
@keyframes panelIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes electronPush{to{stroke-dashoffset:-14}}
@keyframes photonRise{to{transform:translateY(-5px)}}

@media(max-width:980px){
  .topbar{padding:0 10px;gap:8px}.topbar-left{min-width:0}.topbar-actions{min-width:0}.brand-kicker,.top-label{display:none}.save-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.scene-cluster{margin-left:auto}.text-btn span:last-child{display:none}.text-btn{width:38px;padding:0}.brand-lockup h1{font-size:15px}.topbar-actions #undoBtn,.topbar-actions #redoBtn{width:44px;height:44px}
  .object-bar{overflow-x:auto}.object-bar::-webkit-scrollbar{display:none}
  .storage-alert,.storage-alert.diff-expanded{width:calc(100% - 28px);grid-template-columns:34px minmax(130px,1fr) 32px}.storage-alert-actions{grid-column:1/4;justify-content:flex-start;padding-left:44px}.storage-alert-close{grid-column:3;grid-row:1;justify-self:end}.conflict-diff-list{grid-template-columns:1fr}
}

@media(max-width:640px),(max-height:540px) and (max-width:1024px){
  .topbar{height:58px;min-height:58px;padding:0 8px;gap:4px}.topbar-left{min-width:44px;gap:0}.brand-lockup{display:none}.home-btn{width:44px;height:44px}.scene-cluster{margin-left:0;gap:0;flex:none}.scene-tabs{border-radius:10px}.scene-tab{width:44px;height:44px}.scene-cluster>.text-btn{display:none}.topbar-actions{margin-left:auto;min-width:0;gap:4px;flex:none}.icon-btn,.text-btn{width:44px;min-width:44px;height:44px;flex:0 0 44px}.mobile-header-actions{display:none}.mobile-header-more{display:inline-flex}.mobile-header-actions.is-mobile-header-actions-open{position:fixed;top:64px;right:8px;z-index:45;display:grid;width:min(252px,calc(100vw - 16px));padding:7px;border:1px solid rgba(244,241,223,.24);border-radius:14px;background:rgba(7,18,15,.96);box-shadow:0 18px 42px rgba(2,8,7,.38);gap:5px}.mobile-header-actions.is-mobile-header-actions-open .text-btn{width:100%;height:44px;padding:0 11px;justify-content:flex-start;gap:10px;border-color:rgba(244,241,223,.18);background:rgba(255,255,255,.08);color:#f4f1df}.mobile-header-actions.is-mobile-header-actions-open .mobile-save-action{display:flex}.mobile-header-actions.is-mobile-header-actions-open .text-btn span:last-child{display:inline;font-size:11px}.mobile-header-actions.is-mobile-header-actions-open .text-btn span:first-child{width:18px;text-align:center;font-size:16px}
  .topbar-actions #undoBtn,.topbar-actions #redoBtn{display:inline-flex;position:fixed;z-index:25;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:48px;height:48px;border-color:rgba(244,241,223,.34);background:#f5f2e9;color:#17221f;box-shadow:0 8px 26px rgba(2,8,7,.34)}.topbar-actions #undoBtn{left:calc(8px + env(safe-area-inset-left,0px))}.topbar-actions #redoBtn{left:calc(62px + env(safe-area-inset-left,0px))}.topbar-actions #undoBtn:disabled,.topbar-actions #redoBtn:disabled{border-color:rgba(244,241,223,.2);background:#d9ddd7;color:#69736e;opacity:.78;box-shadow:0 5px 16px rgba(2,8,7,.24)}.chem-board:has(.storage-alert:not([hidden])) #undoBtn,.chem-board:has(.storage-alert:not([hidden])) #redoBtn,.chem-board:has(.side-panel:not([hidden])) #undoBtn,.chem-board:has(.side-panel:not([hidden])) #redoBtn{visibility:hidden;pointer-events:none}
  .toast{bottom:calc(140px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 16px);text-align:center}
  .tool-rail{left:50%;top:auto;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:calc(100% - 16px);max-width:326px;min-height:60px;height:auto;padding:5px 7px;display:grid;grid-template-columns:repeat(6,48px);grid-auto-rows:48px;justify-content:center;gap:4px;border-radius:15px;overflow:visible}.tool-rail .rail-divider{display:none}.tool-rail .tool-btn{width:48px;min-width:48px;min-height:48px}.tool-rail [data-tool="pen"]{grid-column:1;grid-row:1}.tool-rail [data-tool="select"]{grid-column:2;grid-row:1}.tool-rail [data-tool="eraser"]{grid-column:3;grid-row:1}.tool-rail #formulaBuilderBtn{grid-column:4;grid-row:1}.tool-rail #reactionBtn{grid-column:5;grid-row:1}.tool-rail .mobile-tool-more{display:flex;grid-column:6;grid-row:1}.tool-rail [data-mobile-overflow]{display:none}.chem-board:has(.tool-rail.is-mobile-tools-open) #undoBtn,.chem-board:has(.tool-rail.is-mobile-tools-open) #redoBtn{visibility:hidden;pointer-events:none}.tool-rail.is-mobile-tools-open{z-index:26;box-shadow:0 14px 32px rgba(2,8,7,.44)}.tool-rail.is-mobile-tools-open [data-tool="pen"]{grid-row:3}.tool-rail.is-mobile-tools-open [data-tool="select"]{grid-row:3}.tool-rail.is-mobile-tools-open [data-tool="eraser"]{grid-row:3}.tool-rail.is-mobile-tools-open #formulaBuilderBtn{grid-row:3}.tool-rail.is-mobile-tools-open #reactionBtn{grid-row:3}.tool-rail.is-mobile-tools-open .mobile-tool-more{grid-row:3}.tool-rail.is-mobile-tools-open #atomLibraryBtn{display:flex;grid-column:1;grid-row:2}.tool-rail.is-mobile-tools-open #moleculeLibraryBtn{display:flex;grid-column:2;grid-row:2}.tool-rail.is-mobile-tools-open #stoichiometryBtn{display:flex;grid-column:3;grid-row:2}.tool-rail.is-mobile-tools-open #labLibraryBtn{display:flex;grid-column:4;grid-row:2}.tool-rail.is-mobile-tools-open #objectManagerBtn{display:flex;grid-column:5;grid-row:2}.tool-rail.is-mobile-tools-open .color-palette{display:grid;grid-column:1/-1;grid-row:1;grid-template-columns:repeat(4,minmax(44px,1fr));align-items:center;gap:5px;min-width:0;padding:2px 4px}.tool-rail.is-mobile-tools-open .color-dot{width:44px;height:44px}.color-dot{width:14px;height:14px}
  .storage-alert,.storage-alert.diff-expanded{left:8px;right:8px;top:8px;width:auto;transform:none;grid-template-columns:34px minmax(0,1fr) 44px;padding:9px;max-height:calc(100% - 16px);overflow:auto}.storage-alert-actions{grid-column:1/4;padding-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.storage-alert-actions button{min-height:44px;padding:0 6px}.storage-alert.interrupted #storageDownloadBtn,.storage-alert.conflict #storageDownloadBtn{grid-column:1/3}.storage-alert-close{width:44px;height:44px}.conflict-diff-panel{padding:10px}.conflict-diff-head{gap:8px}.conflict-diff-head output{white-space:normal;text-align:right}.conflict-diff-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.conflict-merge-progress{grid-template-columns:minmax(0,1fr) auto}.conflict-merge-progress>div{display:grid;gap:3px}.conflict-merge-progress button{grid-column:1/3;min-height:44px}.conflict-merge-preview{grid-template-columns:1fr}.conflict-merge-preview span{white-space:normal}.conflict-merge-preview small{grid-column:1}.conflict-merge-preview>button{grid-column:1;grid-row:auto;min-height:44px;margin-top:5px}.conflict-diff-filters button{min-height:44px}.conflict-diff-list{max-height:none;overflow:visible}.conflict-diff-row{grid-template-columns:30px minmax(0,1fr) auto}.conflict-diff-paths code{max-width:116px}.conflict-merge-choice button{min-height:44px}
  .side-panel{left:8px;right:8px;top:8px;bottom:79px;width:auto}.side-panel .panel-resize-handle{display:none}.selection-bar,.object-bar{left:8px!important;right:8px!important;top:8px!important;bottom:auto;max-width:none;overflow-x:auto}.selection-bar::-webkit-scrollbar,.object-bar::-webkit-scrollbar{display:none}.selection-count{display:none}
  .object-bar.has-horizontal-overflow{padding-right:31px;scroll-padding-right:31px}.object-bar.has-horizontal-overflow::after{position:absolute;right:5px;top:50%;z-index:2;width:25px;height:30px;display:grid;place-items:center;transform:translateY(-50%);border-radius:8px;background:linear-gradient(90deg,rgba(245,242,233,0),rgba(245,242,233,.96) 35%);color:#286c5d;font:900 16px/1 'DM Mono',monospace;pointer-events:none}.object-bar.has-horizontal-overflow.is-scroll-start::after{content:'→'}.object-bar.has-horizontal-overflow.is-scroll-middle::after{content:'↔'}.object-bar.has-horizontal-overflow.is-scroll-end::after{content:'←'}
  .object-bar .bar-btn,.object-bar .mode-switch,.object-bar .gesture-switch,.object-bar .zoom-switch,.object-bar .hydrogen-switch,.object-bar .geometry-audit-switch,.object-bar .atom-pick-clear,.object-bar .distance-measure-btn,.object-bar .atom-charge,.object-bar .electron-switch,.object-bar .electron-motion,.object-bar .electron-speed,.object-bar .lewis-editor-switch,.object-bar .vsepr-switch,.object-bar .resonance-switch,.object-bar .resonance-detail,.object-bar .orbital-switch,.object-bar .orbital-option,.object-bar .mo-switch,.object-bar .mo-detail,.object-bar .mo-transition-switch,.object-bar .bond-order-switch{height:44px;min-width:44px}.object-bar .bar-btn.icon-only{width:44px}.object-bar .zoom-level{min-width:48px}.object-bar .hydrogen-count,.object-bar .electron-count{min-width:45px}.object-bar .geometry-audit-status,.object-bar .atom-pick-status,.object-bar .bond-pick-status,.object-bar .bond-order-status,.object-bar .distance-measure-status,.object-bar .angle-measure-status,.object-bar .torsion-measure-status,.object-bar .stereo-read-status,.object-bar .atom-charge-status,.object-bar .atom-shell-status,.object-bar .electron-edu,.object-bar .lewis-editor-status,.object-bar .vsepr-status,.object-bar .resonance-count,.object-bar .orbital-count,.object-bar .mo-count,.object-bar .mo-transition-count{min-height:28px;display:inline-flex;align-items:center;justify-content:center}
  .object-bar .valence-status,.object-bar .board-lewis-status,.object-bar .board-formula-status{min-height:28px;display:inline-flex;align-items:center;justify-content:center}.object-bar .measurement-pin-btn{height:44px;min-width:44px}.object-bar .measurement-pin-count{min-height:28px;display:inline-flex;align-items:center;justify-content:center}
  .board-formula-review-card{align-items:stretch;flex-direction:column}.board-formula-review-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.board-formula-review-actions .panel-action{width:100%;min-width:0}
  .board-formula-2d-candidate{min-height:52px}.board-formula-2d-candidate em{min-height:28px;display:inline-flex;align-items:center}
  .resonance-playback{grid-template-columns:1fr 44px 48px 44px}.resonance-playback button{height:44px;min-width:44px}.side-panel .panel-close{width:44px;height:44px}.object-manager-actions button{min-height:44px}.object-manager-row{grid-template-columns:44px minmax(0,1fr) 44px 44px}.object-manager-mark,.object-manager-toggle{width:44px;height:44px}.object-manager-select{min-height:44px}.object-manager-order{grid-column:1/5}.object-manager-order button{min-height:44px}
  .contributor-choice{grid-template-columns:126px 1fr}.resonance-mini-svg{width:122px;height:102px}
  .mo-energy-row{grid-template-columns:58px 1fr}.mo-energy-label{font-size:8px}.mo-choice{grid-template-columns:36px 1fr}.mo-phase-svg{width:34px;height:34px}.mo-frontier-grid{grid-template-columns:1fr}.phenol-mixing{grid-template-columns:1fr 28px 1fr}
  .transition-state-tabs button,.transition-player button{height:44px;min-width:44px}.transition-config{min-height:60px}.conservation-grid{grid-template-columns:1fr}.selection-rule-card dl>div{grid-template-columns:76px 1fr}
  .basis-angle-control{grid-template-columns:72px 1fr}.basis-angle-control button{min-height:44px}.symmetry-channel-tabs button{min-height:54px}.state-layer-audit{grid-template-columns:1fr}.csf-tabs button{min-height:54px}.polarization-tabs button{min-height:60px}.uv-cursor-presets button{min-height:44px}.uv-axis-cursor input[type=range]{height:44px}.spectrum-metadata{grid-template-columns:1fr}.spectrum-metadata>div,.spectrum-metadata>div:nth-last-child(-n+2){grid-column:1}.spectrum-links a{min-height:44px;align-items:center}
  .formula-input-row input,.formula-input-row button{height:44px}.formula-examples button{min-width:44px;min-height:44px}.formula-result-wrap{grid-template-columns:1fr}.formula-result-card{grid-template-columns:64px 1fr auto;min-height:92px;padding:10px}.formula-result-2d{min-height:44px}.formula-result-symbol{font-size:14px}.formula-audit-head{align-items:center}.formula-graph-summary,.formula-aromatic-summary,.formula-stereo-summary,.formula-structure2d-metrics,.formula-electron-metrics,.formula-conformer3d-metrics{grid-template-columns:1fr 1fr}.formula-graph-summary>div,.formula-aromatic-summary>div,.formula-stereo-summary>div,.formula-structure2d-metrics>div,.formula-electron-metrics>div,.formula-conformer3d-metrics>div{min-height:44px}.formula-electron-atoms{grid-template-columns:1fr}.formula-electron-atoms>p{grid-column:1}.formula-electron-sources a{min-height:44px;display:flex;align-items:center}.formula-conformer-electron-controls{grid-template-columns:1fr 1fr 54px}.formula-conformer-electron-controls button,.formula-conformer3d-place{min-height:44px}.formula-graph-compare input,.formula-graph-compare button,.formula-structure2d>button{height:44px}.formula-compare-grid{grid-template-columns:1fr}.formula-compare-card dl{grid-template-columns:1fr 1fr}.formula-compare-launch{min-height:44px}.structure2d-electron-ledger dl{grid-template-columns:1fr 1fr}
  .reaction-input-row{flex-direction:column}.reaction-input-row input,.reaction-input-row button{height:44px}.reaction-input-row button{width:100%}.reaction-examples button{min-width:44px;min-height:44px}.reaction-place{min-height:44px}.reaction-structure-batch button{min-height:44px}.reaction-conservation-label,.reaction-conservation-row{grid-template-columns:1fr 42px 16px 42px 18px}.reaction-structure-row{grid-template-columns:64px 1fr}
  .lewis-summary{grid-template-columns:1fr 1fr}.lewis-atom-choice{min-height:56px}.lewis-stepper{grid-template-columns:44px 44px 44px}.lewis-stepper button,.lewis-stepper output{height:44px}.lewis-order-tabs{grid-template-columns:repeat(3,44px)}.lewis-order-tabs button{height:44px}.lewis-reset{min-height:44px}
  .vsepr-overview{grid-template-columns:1fr 1fr}.vsepr-overview>div:nth-child(3){grid-column:1/3}.vsepr-center-choice{min-height:56px}.vsepr-open-lewis{min-height:44px}.vsepr-sources a{min-height:44px}.vsepr-shape-card dl>div{grid-template-columns:94px 1fr}
  .periodic-search input,.periodic-filters button,.periodic-place,.atom-charge-editor button,.atom-common-charges button,.periodic-sources a{min-height:44px}.atom-charge-editor>div{grid-template-columns:44px 48px 44px}.atom-charge-editor button,.atom-common-charges button{min-width:44px}.periodic-filters{grid-template-columns:repeat(5,44px) 1fr;overflow-x:auto}.periodic-main-grid{width:860px;grid-template-columns:repeat(18,44px);grid-template-rows:repeat(7,48px)}.periodic-element{min-height:44px}.periodic-series{width:730px}.periodic-series>div{grid-template-columns:repeat(15,44px)}.periodic-series .periodic-element{height:44px}.periodic-result-grid{grid-template-columns:1fr}.periodic-result-grid>p{grid-column:1}.atom-preview dl>div{grid-template-columns:94px 1fr}.atom-preview-symbol{grid-template-columns:34px 58px 1fr}
  .stoichiometry-tabs button,.stoichiometry-converter input,.stoichiometry-converter select,.stoichiometry-converter>button,.stoichiometry-equation input,.stoichiometry-equation button,.stoichiometry-reactant-row input,.stoichiometry-reactant-row select,.stoichiometry-reactants>button,.stoichiometry-place,.stoichiometry-sources a{min-height:44px}.stoichiometry-equation>div{flex-direction:column}.stoichiometry-equation button{width:100%}.stoichiometry-reactant-row{grid-template-columns:1fr 96px}.quantity-grid{grid-template-columns:1fr}.conversion-heading{align-items:flex-start}.conversion-heading em{max-width:145px;text-align:center}.stoichiometry-result-head{grid-template-columns:1fr}.stoichiometry-result-head em{grid-column:1;grid-row:auto;justify-self:start}.stoichiometry-result-row{grid-template-columns:64px 1fr}
  .merge-apply-dialog,.import-dialog{padding:8px}.merge-apply-card,.import-card{max-height:calc(100vh - 16px);padding:18px 14px}.merge-apply-card>.panel-close,.import-card>.panel-close{width:44px;height:44px;right:8px;top:8px}.merge-apply-card h2,.import-card h2{font-size:18px}.merge-apply-card>#mergeApplyDescription,.import-description{margin-right:40px}.merge-apply-metadata,.import-metadata{grid-template-columns:1fr 1fr}.merge-apply-metadata>div:nth-last-child(-n+2),.import-metadata>div:nth-last-child(-n+2){grid-column:span 1}.import-target{grid-template-columns:1fr}.import-target select{height:44px}.merge-apply-actions,.import-actions{display:grid;grid-template-columns:1fr 1fr}.merge-apply-actions button,.import-actions button{min-height:44px}.import-actions button.primary{grid-column:1/3}
  .board-empty{width:88%;top:43%}.empty-formula{font-size:31px}.board-empty h2{font-size:15px}.board-empty p{font-size:10px}.empty-actions{flex-direction:column;align-items:center}.ghost-action{height:42px}
  .library-grid{grid-template-columns:1fr 1fr}.molecule-card{min-height:105px}
}

@media(max-width:350px){
  .tool-rail{width:calc(100% - 12px);max-width:none;padding:5px;grid-template-columns:repeat(6,44px);gap:2px}.tool-rail .tool-btn{width:44px;min-width:44px}.tool-rail.is-mobile-tools-open .color-palette{grid-template-columns:repeat(4,minmax(44px,1fr));gap:2px;padding:2px}.tool-rail.is-mobile-tools-open .color-dot{width:44px;height:44px}
}

@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
.structure-bond-detail-hero{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px;border-radius:12px;background:#e8f1fb;border:1px solid #bfd4ed}.structure-bond-detail-hero>div{display:grid;gap:6px}.structure-bond-detail-hero strong{font:800 17px 'DM Mono',monospace;color:#183c62}.structure-bond-detail-hero span{font:800 9px 'DM Mono',monospace;color:#4e6780}.structure-bond-detail-hero em{padding:7px 10px;border-radius:99px;background:#176957;color:#fff;font:800 9px 'DM Mono',monospace;font-style:normal}.structure-bond-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.structure-bond-detail-grid>div{min-height:55px;padding:8px;border:1px solid #d6dfda;border-radius:9px;background:#fff;display:flex;flex-direction:column;justify-content:center}.structure-bond-detail-grid span{font:800 7px 'DM Mono',monospace;color:#718078}.structure-bond-detail-grid b{margin-top:4px;font:800 10px 'DM Mono',monospace;color:#263d35;overflow-wrap:anywhere}.structure-bond-detail-coordinates,.structure-bond-detail-audit,.structure-bond-detail-stereo{margin-top:9px;padding:10px;border:1px solid #d8dfdb;border-radius:10px;background:#fff}.structure-bond-detail-coordinates>b,.structure-bond-detail-audit>b,.structure-bond-detail-stereo>b{font:800 8px 'DM Mono',monospace;color:#35645a}.structure-bond-detail-coordinates>div{display:grid;gap:6px;margin-top:7px}.structure-bond-detail-coordinates label{display:grid;grid-template-columns:38px 1fr;gap:6px;align-items:center;font:800 8px 'DM Mono',monospace;color:#243b34}.structure-bond-detail-coordinates label>span{display:block;padding:6px;border-radius:7px;background:#edf3f0;font:700 7px 'DM Mono',monospace;color:#61716a}.structure-bond-detail-coordinates strong{color:#223f37}.structure-bond-detail-coordinates small{display:block;margin-top:6px;font:700 6px 'DM Mono',monospace;color:#7b8782;overflow-wrap:anywhere}.structure-bond-detail-audit>div,.structure-bond-detail-stereo>div{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:7px 0;border-bottom:1px solid #e8ece9;font:700 7px 'DM Mono',monospace;color:#53655e}.structure-bond-detail-audit>div:last-child,.structure-bond-detail-stereo>div:last-child{border-bottom:0}.structure-bond-detail-audit em,.structure-bond-detail-stereo span:last-child{font-style:normal;text-align:right;color:#1c6558}.structure-bond-detail-boundary{margin-top:12px;padding:10px;border-left:3px solid #a36c13;border-radius:0 9px 9px 0;background:#fff5dc;color:#66501e}.structure-bond-detail-boundary b{font:800 9px 'DM Mono',monospace}.structure-bond-detail-boundary p{margin:6px 0 0;font-size:8px;line-height:1.55}
.bond-labels-switch{height:30px;padding:0 9px;border:1px solid #6ba99b;border-radius:8px;background:#edf8f5;color:#22695b;font:800 8px 'DM Mono',monospace;white-space:nowrap}.bond-labels-switch.active{background:#246a5b;color:#fff;border-color:#246a5b}.bond-labels-switch:disabled{opacity:.48}
.bond-search-switch{height:30px;padding:0 9px;border:1px solid #7aa1b8;border-radius:8px;background:#eef5f9;color:#2d6075;font:800 8px 'DM Mono',monospace;white-space:nowrap}.bond-search-switch:hover{background:#dfeef5}.structure3d-search-controls{display:grid;gap:6px;margin:10px 0}.structure3d-search-controls label{font:800 8px 'DM Mono',monospace;color:#48665d}.structure3d-search-controls input{height:38px;width:100%;padding:0 10px;border:1px solid #cbd8d2;border-radius:9px;background:#fff;color:#243b34;font:700 10px 'DM Mono',monospace}.structure3d-search-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.structure3d-search-filters button{min-height:32px;border:1px solid #d2dbd5;border-radius:8px;background:#f5f8f5;color:#48655c;font:800 8px 'DM Mono',monospace}.structure3d-search-filters button[aria-pressed="true"]{background:#246a5b;color:#fff;border-color:#246a5b}.structure3d-search-summary{margin:9px 0 6px;font:800 8px 'DM Mono',monospace;color:#6b7b73}.structure3d-search-list{display:grid;gap:5px}.structure3d-search-row{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:7px;width:100%;padding:8px;border:1px solid #d8e0db;border-radius:9px;background:#fff;color:#243b34;text-align:left}.structure3d-search-row:hover{border-color:#6fae9e;background:#f1f8f5}.structure3d-search-row.active{border-color:#4c9583;background:#e8f5f0;box-shadow:inset 3px 0 #26725f}.structure3d-search-kind{font:800 7px 'DM Mono',monospace;color:#6a8278}.structure3d-search-copy{display:grid;gap:3px;min-width:0}.structure3d-search-copy b{font:800 10px 'DM Mono',monospace;color:#263d35;overflow-wrap:anywhere}.structure3d-search-copy small{font:700 7px 'DM Mono',monospace;color:#708078;overflow-wrap:anywhere}.structure3d-search-check{font:800 13px 'DM Mono',monospace;color:#2c806e;text-align:center}.structure3d-search-empty{margin:0;padding:18px 10px;border:1px dashed #cbd7d0;border-radius:9px;text-align:center;font-size:9px;color:#718078}.structure3d-search-boundary{margin-top:12px;padding:10px;border-left:3px solid #7b9eb1;border-radius:0 9px 9px 0;background:#edf5f8;color:#3e5e6d}.structure3d-search-boundary b{font:800 9px 'DM Mono',monospace}.structure3d-search-boundary p{margin:6px 0 0;font-size:8px;line-height:1.55}
@media(max-width:640px){.structure3d-search-controls input,.structure3d-search-filters button{min-height:44px}.structure3d-search-controls input{height:44px}.structure3d-search-row{min-height:44px;padding:10px;grid-template-columns:42px minmax(0,1fr) 28px}.structure3d-search-list{gap:7px}.structure3d-search-summary{min-height:24px;display:flex;align-items:center}.structure3d-search-boundary{font-size:9px}}
.structure3d-search-group-heading{margin:8px 2px 2px;padding:4px 6px;border-bottom:1px solid #d5dfd8;color:#35675b;font:800 8px 'DM Mono',monospace;letter-spacing:.04em;text-transform:uppercase}
.structure3d-search-list.is-virtualized{max-height:420px;overflow:auto;align-content:start;overscroll-behavior:contain}.structure3d-search-virtual-spacer{width:100%;pointer-events:none}
.periodic-element.is-drag-source{opacity:.55;outline:2px solid #2d8b78;outline-offset:2px}.periodic-drag-ghost{position:fixed;z-index:120;pointer-events:none;display:grid;grid-template-columns:24px 42px;grid-template-rows:24px 18px;align-items:center;gap:0 7px;min-width:116px;padding:8px 10px;border:1px solid rgba(115,226,208,.8);border-radius:11px;background:rgba(14,42,36,.95);color:#f5f2e9;box-shadow:0 12px 30px rgba(0,0,0,.3);transform:translateZ(0)}.periodic-drag-ghost small{font:800 8px 'DM Mono',monospace;color:#9fc2b8}.periodic-drag-ghost b{font:800 22px 'DM Mono',monospace;color:#8fe0cf}.periodic-drag-ghost span{grid-column:1/3;font:800 7px 'DM Mono',monospace;letter-spacing:.04em;color:#d4e7df}
@media(max-width:640px),(max-height:540px) and (max-width:1024px){.side-panel{bottom:calc(79px + env(safe-area-inset-bottom,0px))}.panel-content{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.structure3d-search-list.is-virtualized{max-height:min(420px,calc(100vh - 260px));max-height:min(420px,calc(100dvh - 260px))}.structure3d-search-boundary{margin-bottom:env(safe-area-inset-bottom,0px)}}
@media(max-width:640px) and (max-height:560px),(max-height:540px) and (max-width:1024px){.side-panel{bottom:calc(73px + env(safe-area-inset-bottom,0px))}.side-panel .panel-head{height:72px;padding:14px 14px 10px}.side-panel .panel-content{height:calc(100% - 72px);padding:12px 14px calc(22px + env(safe-area-inset-bottom,0px))}.structure3d-search-list.is-virtualized{max-height:calc(100dvh - 210px)}}
.structure2d-edit-hero{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px;border-radius:12px;border:1px solid #b5ddd3;background:#e6f5f1}.structure2d-edit-hero.check{border-color:#e2c78d;background:#fff7e3}.structure2d-edit-hero>div{display:grid;gap:5px}.structure2d-edit-hero strong{font:800 18px 'DM Mono',monospace;color:#173d37}.structure2d-edit-hero span{font:800 8px 'DM Mono',monospace;color:#42645b}.structure2d-edit-hero em{padding:7px 10px;border-radius:99px;background:#176957;color:#fff;font:800 9px 'DM Mono',monospace;font-style:normal}.structure2d-edit-hero.check em{background:#a36c13}.structure2d-edit-section{margin-top:10px;padding:10px;border:1px solid #d8dfdb;border-radius:10px;background:#fff}.structure2d-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #e8ece9}.structure2d-edit-row:last-child{border-bottom:0}.structure2d-edit-row>div:first-child{display:grid;gap:3px}.structure2d-edit-row b{font:800 9px 'DM Mono',monospace;color:#243b34}.structure2d-edit-row small{font:700 7px 'DM Mono',monospace;color:#718078}.structure2d-order-buttons,.structure2d-charge-buttons{display:flex;align-items:center;gap:4px}.structure2d-order-buttons button,.structure2d-charge-buttons button{width:30px;height:30px;border:1px solid #b8cec5;border-radius:7px;background:#f1f6f3;color:#2a6053;font:800 9px 'DM Mono',monospace}.structure2d-order-buttons button.active{background:#246a5b;color:#fff;border-color:#246a5b}.structure2d-charge-buttons output{min-width:34px;text-align:center;font:800 10px 'DM Mono',monospace;color:#243b34}.structure2d-edit-reset{width:100%;margin-top:10px}.structure2d-edit-boundary{margin-top:12px;padding:10px;border-left:3px solid #a36c13;border-radius:0 9px 9px 0;background:#fff5dc;color:#66501e}.structure2d-edit-boundary b{font:800 9px 'DM Mono',monospace}.structure2d-edit-boundary p{margin:6px 0 0;font-size:8px;line-height:1.55}
.structure2d-consistency-hero{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px;border-radius:12px;border:1px solid #b5ddd3;background:#e6f5f1}.structure2d-consistency-hero.check{border-color:#e2c78d;background:#fff7e3}.structure2d-consistency-hero>div{display:grid;gap:5px}.structure2d-consistency-hero strong{font:800 17px 'DM Mono',monospace;color:#173d37}.structure2d-consistency-hero span{font:800 8px 'DM Mono',monospace;color:#42645b}.structure2d-consistency-hero em{padding:7px 10px;border-radius:99px;background:#176957;color:#fff;font:800 9px 'DM Mono',monospace;font-style:normal}.structure2d-consistency-hero.check em{background:#a36c13}.structure2d-consistency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.structure2d-consistency-grid>div{min-height:53px;padding:8px;border:1px solid #d6dfda;border-radius:9px;background:#fff;display:flex;flex-direction:column;justify-content:center}.structure2d-consistency-grid dt{font:800 7px 'DM Mono',monospace;color:#718078}.structure2d-consistency-grid dd{margin:5px 0 0;font:800 10px 'DM Mono',monospace;color:#263d35;overflow-wrap:anywhere}.structure2d-consistency-list{display:grid;gap:7px;margin-top:9px}.structure2d-consistency-list>div{display:grid;grid-template-columns:92px 1fr;gap:6px;padding:8px;border:1px solid #d8dfdb;border-radius:9px;background:#fff}.structure2d-consistency-list b{font:800 8px 'DM Mono',monospace;color:#35645a}.structure2d-consistency-list span{font:700 7px 'DM Mono',monospace;color:#61716a;overflow-wrap:anywhere}.structure2d-consistency-boundary{margin-top:12px;padding:10px;border-left:3px solid #7b9eb1;border-radius:0 9px 9px 0;background:#edf5f8;color:#3e5e6d}.structure2d-consistency-boundary b{font:800 9px 'DM Mono',monospace}.structure2d-consistency-boundary p{margin:6px 0 0;font-size:8px;line-height:1.55}
 .structure2d-3d-gate-hero{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:13px;border-radius:12px;border:1px solid #b5ddd3;background:#e6f5f1}.structure2d-3d-gate-hero.check{border-color:#e2c78d;background:#fff7e3}.structure2d-3d-gate-hero>div{display:grid;gap:5px}.structure2d-3d-gate-hero strong{font:800 17px 'DM Mono',monospace;color:#173d37}.structure2d-3d-gate-hero span{font:800 8px 'DM Mono',monospace;color:#42645b}.structure2d-3d-gate-hero em{padding:7px 10px;border-radius:99px;background:#176957;color:#fff;font:800 9px 'DM Mono',monospace;font-style:normal}.structure2d-3d-gate-hero.check em{background:#a36c13}.structure2d-3d-gate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.structure2d-3d-gate-grid>div{min-height:53px;padding:8px;border:1px solid #d6dfda;border-radius:9px;background:#fff;display:flex;flex-direction:column;justify-content:center}.structure2d-3d-gate-grid dt{font:800 7px 'DM Mono',monospace;color:#718078}.structure2d-3d-gate-grid dd{margin:5px 0 0;font:800 10px 'DM Mono',monospace;color:#263d35;overflow-wrap:anywhere}.structure2d-3d-gate-preview,.structure2d-3d-gate-block{display:grid;gap:6px;margin-top:9px;padding:10px;border:1px solid #d8dfdb;border-radius:10px;background:#fff}.structure2d-3d-gate-preview b,.structure2d-3d-gate-block b{font:800 9px 'DM Mono',monospace;color:#35645a}.structure2d-3d-gate-preview span{font:700 8px 'DM Mono',monospace;color:#526b61;overflow-wrap:anywhere}.structure2d-3d-gate-preview small,.structure2d-3d-gate-block p{font-size:8px;line-height:1.55;color:#61716a}.structure2d-3d-no-place{width:100%;margin-top:10px;min-height:38px;border:1px solid #cbd6d0;border-radius:9px;background:#eef2ef;color:#718078;font:800 8px 'DM Mono',monospace}.structure2d-3d-gate-boundary{margin-top:12px;padding:10px;border-left:3px solid #7b9eb1;border-radius:0 9px 9px 0;background:#edf5f8;color:#3e5e6d}.structure2d-3d-gate-boundary b{font:800 9px 'DM Mono',monospace}.structure2d-3d-gate-boundary p{margin:6px 0 0;font-size:8px;line-height:1.55}
.structure2d-3d-approval{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid #9fcdbf;border-radius:10px;background:#eef8f4}.structure2d-3d-approval label{display:flex;gap:8px;align-items:flex-start;font-size:8px;line-height:1.5;color:#31584d}.structure2d-3d-approval input{margin-top:2px;accent-color:#246a5b}.structure2d-3d-approval button{min-height:40px;border:1px solid #2d806e;border-radius:9px;background:#246a5b;color:#fff;font:800 8px 'DM Mono',monospace}.structure2d-3d-approval button:disabled{border-color:#cbd6d0;background:#dfe7e2;color:#7a8881}
.formula-review-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:9px 0;padding:0;list-style:none}.formula-review-stepper li{display:flex;align-items:center;gap:5px;min-width:0;padding:6px;border:1px solid #d5e2dc;border-radius:8px;background:#f7fbf8;color:#718078}.formula-review-stepper li b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#dfe8e2;color:#5e7168;font:800 8px 'DM Mono',monospace;flex:none}.formula-review-stepper li span{font:800 7px 'DM Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.formula-review-stepper li.active{border-color:#2d806e;background:#e4f5ef;color:#17675a}.formula-review-stepper li.active b{background:#246a5b;color:#fff}.formula-review-stepper li.done{border-color:#9fcdbf;background:#eef8f4;color:#35645a}.formula-review-stepper li.done b{background:#73cdb8;color:#123f36}.structure2d-3d-back-2d{width:100%;min-height:36px;margin:9px 0;border:1px solid #9fcdbf;border-radius:9px;background:#eef8f4;color:#246a5b;font:800 8px 'DM Mono',monospace;cursor:pointer}.structure2d-3d-back-2d:hover{background:#d5eee7;border-color:#17675a}@media(max-width:640px){.formula-review-stepper li{padding:6px 4px}.formula-review-stepper li span{font-size:6px}.structure2d-3d-back-2d{min-height:44px}}
.structure2d-3d-candidate-review{margin:10px 0;padding:10px;border:1px solid #36564e;border-radius:11px;background:#10231f}.structure2d-3d-candidate-review-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px}.structure2d-3d-candidate-review-head b{color:#9fe8dc;font:800 8px 'DM Mono',monospace}.structure2d-3d-candidate-review-head span{color:#91aaa2;font:700 7px 'DM Mono',monospace}.structure2d-3d-candidate-review canvas{display:block;width:100%;height:auto;min-height:188px;border:1px solid #29483f;border-radius:8px;background:#0d1c19;outline:none;cursor:grab;touch-action:none}.structure2d-3d-candidate-review canvas:focus{box-shadow:0 0 0 2px #ffd76b}.structure2d-3d-candidate-review canvas:active{cursor:grabbing}.structure2d-3d-candidate-review-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto repeat(3,minmax(0,1fr));gap:4px;margin-top:7px}.structure2d-3d-candidate-review-controls button,.structure2d-3d-candidate-review-controls output{min-height:30px;border:1px solid #496b61;border-radius:7px;background:#18342e;color:#d9f2e9;font:800 9px 'DM Mono',monospace;text-align:center}.structure2d-3d-candidate-review-controls button{cursor:pointer}.structure2d-3d-candidate-review-controls button:hover{border-color:#ffd76b;color:#ffd76b}.structure2d-3d-candidate-review-controls output{display:grid;place-items:center;padding:0 5px;color:#ffd76b}.structure2d-3d-candidate-review>small{display:block;margin-top:7px;color:#9bb7ad;font:700 7px/1.5 'DM Mono',monospace}@media(max-width:640px){.structure2d-3d-candidate-review{padding:8px}.structure2d-3d-candidate-review-controls{grid-template-columns:repeat(4,minmax(0,1fr));}.structure2d-3d-candidate-review-controls output{grid-column:span 2}.structure2d-3d-candidate-review canvas{min-height:160px}}
.structure3d-provenance-compare{margin:10px 0;padding:10px;border:1px solid #d5e2dc;border-radius:11px;background:#f7fbf8}.structure3d-provenance-compare-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.structure3d-provenance-compare-head b{color:#246a5b;font:800 8px 'DM Mono',monospace}.structure3d-provenance-compare-head span{color:#718078;font:700 7px 'DM Mono',monospace}.structure3d-provenance-compare-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:stretch}.structure3d-provenance-card{min-width:0;padding:8px;border:1px solid #d5e2dc;border-radius:8px;background:#fff}.structure3d-provenance-card.approved{border-color:#9fcdbf;background:#eef8f4}.structure3d-provenance-card>span{display:block;color:#718078;font:800 7px 'DM Mono',monospace}.structure3d-provenance-card>strong{display:block;margin:4px 0 7px;color:#18342e;font:800 15px 'DM Mono',monospace}.structure3d-provenance-card dl{margin:0}.structure3d-provenance-card dl div{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #edf2ef;padding:4px 0}.structure3d-provenance-card dt{color:#718078;font:700 7px 'DM Mono',monospace}.structure3d-provenance-card dd{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#18342e;font:800 7px 'DM Mono',monospace;text-align:right}.structure3d-provenance-compare-arrow{display:grid;place-items:center;color:#246a5b;font:800 15px 'DM Mono',monospace}.structure3d-provenance-compare-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:7px 0 0}.structure3d-provenance-compare-status div{padding:5px;border-radius:7px;background:#fff;border:1px solid #d5e2dc}.structure3d-provenance-compare-status dt{color:#718078;font:700 6px 'DM Mono',monospace}.structure3d-provenance-compare-status dd{margin:3px 0 0;font:800 8px 'DM Mono',monospace}.structure3d-provenance-compare-status dd.pass{color:#17675a}.structure3d-provenance-compare-status dd.check{color:#b36e1e}.structure3d-provenance-compare>small{display:block;margin-top:7px;color:#718078;font:700 7px/1.45 'DM Mono',monospace}@media(max-width:640px){.structure3d-provenance-compare{padding:8px}.structure3d-provenance-compare-grid{grid-template-columns:1fr}.structure3d-provenance-compare-arrow{transform:rotate(90deg);min-height:18px}.structure3d-provenance-compare-status{grid-template-columns:1fr}}
.reaction-provenance-hero{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:11px;border:1px solid #d5e2dc;border-radius:10px;background:#f7fbf8}.reaction-provenance-hero.check{border-color:#e5c38c;background:#fff8e9}.reaction-provenance-hero strong{display:block;color:#18342e;font:800 15px 'DM Mono',monospace}.reaction-provenance-hero span{display:block;margin-top:4px;color:#718078;font:700 7px 'DM Mono',monospace}.reaction-provenance-hero em{padding:5px 8px;border-radius:6px;color:#17675a;background:#dff2eb;font:800 8px 'DM Mono',monospace;font-style:normal}.reaction-provenance-hero.check em{color:#a86416;background:#ffe5bb}.reaction-provenance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0}.reaction-provenance-summary div{padding:6px;border:1px solid #d5e2dc;border-radius:7px;background:#fff}.reaction-provenance-summary span{display:block;color:#718078;font:700 6px 'DM Mono',monospace}.reaction-provenance-summary b{display:block;margin-top:3px;color:#18342e;font:800 9px 'DM Mono',monospace}.reaction-provenance-conservation-list,.reaction-provenance-chain-list{margin-top:9px;padding:9px;border:1px solid #d5e2dc;border-radius:9px;background:#fff}.reaction-provenance-conservation-list>b,.reaction-provenance-chain-list>b{display:block;margin-bottom:5px;color:#246a5b;font:800 8px 'DM Mono',monospace}.reaction-provenance-conservation{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;padding:4px 0;border-top:1px solid #edf2ef}.reaction-provenance-conservation b,.reaction-provenance-conservation span{color:#18342e;font:700 8px 'DM Mono',monospace}.reaction-provenance-conservation em{font:800 7px 'DM Mono',monospace;font-style:normal}.reaction-provenance-conservation em.pass{color:#17675a}.reaction-provenance-conservation em.check{color:#a86416}.reaction-provenance-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 0;border-top:1px solid #edf2ef}.reaction-provenance-row b{display:block;color:#18342e;font:800 9px 'DM Mono',monospace}.reaction-provenance-row small{display:block;margin-top:3px;color:#718078;font:700 7px 'DM Mono',monospace}.reaction-provenance-chain{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.reaction-provenance-chain span{padding:4px 5px;border-radius:5px;font:800 7px 'DM Mono',monospace}.reaction-provenance-chain span.pass{color:#17675a;background:#e5f4ee}.reaction-provenance-chain span.check{color:#a86416;background:#fff0d6}.reaction-provenance-boundary{margin-top:9px;padding:8px 9px;border-left:3px solid #bf7e20;background:#fff8e9}.reaction-provenance-boundary b{display:block;color:#8b5a18;font:800 8px 'DM Mono',monospace}.reaction-provenance-boundary p{margin:4px 0 0;color:#67502f;font:700 7px/1.45 'DM Mono',monospace}@media(max-width:640px){.reaction-provenance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.reaction-provenance-row{grid-template-columns:1fr}.reaction-provenance-chain{justify-content:flex-start}}
.reaction-stage-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:8px 0}.reaction-stage-summary div{padding:7px;border:1px solid #d5e2dc;border-radius:7px;background:#fff}.reaction-stage-summary span{display:block;color:#718078;font:700 6px 'DM Mono',monospace}.reaction-stage-summary b{display:block;margin-top:3px;color:#18342e;font:800 10px 'DM Mono',monospace}.reaction-stage-card{margin-top:9px;padding:9px;border:1px solid #d5e2dc;border-radius:10px;background:#fff}.reaction-stage-card.new{border-style:dashed;background:#fbfdfb}.reaction-stage-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.reaction-stage-card-head b{color:#246a5b;font:800 9px 'DM Mono',monospace}.reaction-stage-card-head span{color:#718078;font:700 7px 'DM Mono',monospace}.reaction-stage-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.reaction-stage-fields label{display:grid;gap:3px;color:#718078;font:700 7px 'DM Mono',monospace}.reaction-stage-fields label.full{grid-column:1/-1}.reaction-stage-fields input,.reaction-stage-fields textarea{width:100%;box-sizing:border-box;border:1px solid #d5e2dc;border-radius:6px;padding:7px;color:#18342e;background:#fff;font:700 10px/1.3 'DM Mono',monospace}.reaction-stage-fields textarea{min-height:54px;resize:vertical}.reaction-stage-image{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #edf2ef}.reaction-stage-preview{display:block;width:112px;height:72px;object-fit:cover;border-radius:6px;background:#132521;border:1px solid #d5e2dc}.reaction-stage-image-meta{min-width:0;color:#718078;font:700 7px/1.45 'DM Mono',monospace;word-break:break-word}.reaction-stage-image-meta strong{display:block;color:#18342e;font:800 8px 'DM Mono',monospace}.reaction-stage-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.reaction-stage-actions button{border:1px solid #b8d1c8;border-radius:6px;padding:6px 8px;color:#185d50;background:#edf8f3;font:800 8px 'DM Mono',monospace;cursor:pointer}.reaction-stage-actions button.danger{color:#97521b;background:#fff3df;border-color:#e6c79c}.reaction-stage-actions button:disabled{opacity:.45;cursor:not-allowed}.reaction-stage-boundary{margin-top:9px;padding:8px 9px;border-left:3px solid #2f8a78;background:#eef9f4}.reaction-stage-boundary b{display:block;color:#17675a;font:800 8px 'DM Mono',monospace}.reaction-stage-boundary p{margin:4px 0 0;color:#315c51;font:700 7px/1.45 'DM Mono',monospace}@media(max-width:640px){.reaction-stage-fields{grid-template-columns:1fr}.reaction-stage-fields label.full{grid-column:auto}.reaction-stage-summary{grid-template-columns:1fr 1fr}.reaction-stage-image{grid-template-columns:96px minmax(0,1fr)}.reaction-stage-preview{width:96px;height:62px}}
.reaction-2d-review-context{margin:8px 0;padding:9px 10px;border:1px solid #b9d8cf;border-left:3px solid #1c7565;border-radius:8px;background:#edf8f3}.reaction-2d-review-context b{display:block;color:#17675a;font:800 8px 'DM Mono',monospace}.reaction-2d-review-context span,.reaction-2d-review-context small{display:block;margin-top:4px;color:#45685e;font:700 8px/1.4 'DM Mono',monospace}.reaction-2d-review-context small{color:#68857b;font-size:7px}.reaction-2d-approval{margin:8px 0;padding:9px 10px;border:1px solid #b9d8cf;border-left:3px solid #1c7565;border-radius:8px;background:#edf8f3}.reaction-2d-approval b{display:block;color:#17675a;font:800 8px 'DM Mono',monospace}.reaction-2d-approval span{display:block;margin-top:4px;color:#45685e;font:700 8px/1.4 'DM Mono',monospace}.reaction-2d-approval label{display:flex;gap:7px;align-items:flex-start;margin-top:8px;color:#18342e;font:800 8px/1.35 'DM Mono',monospace;cursor:pointer}.reaction-2d-approval input{width:16px;height:16px;accent-color:#1c7565;flex:0 0 auto}.reaction-2d-approval small{display:block;margin-top:6px;color:#a86416;font:700 7px 'DM Mono',monospace}.reaction-2d-approval input:checked~span,.reaction-2d-approval:has(input:checked) small{color:#17675a}.formula-structure2d.is-ready #structure2dPlaceBtn[disabled]{opacity:.5;cursor:not-allowed}
.reaction-stage-drop{margin-top:7px;padding:8px;border:1px dashed #a9cabe;border-radius:7px;color:#3d6c5f;background:#f2faf6;font:700 7px/1.4 'DM Mono',monospace;text-align:center;cursor:pointer}.reaction-stage-drop:hover,.reaction-stage-drop:focus,.reaction-stage-drop.is-dragging{border-color:#287c6b;background:#e6f7ef;color:#17675a;outline:none}.reaction-stage-drop.is-error{border-color:#cc8e45;background:#fff6e7;color:#8b5a18}
.reaction-stage-timeline{margin:10px 0 12px;padding:10px;border:1px solid #cbded6;border-radius:10px;background:#f1faf6}.reaction-stage-timeline-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}.reaction-stage-timeline-head b{font:800 8px 'DM Mono',monospace;color:#216b5b}.reaction-stage-timeline-head span{font-size:8px;color:#61766d}.reaction-stage-timeline-list{display:flex;gap:7px;overflow-x:auto;padding:2px 1px 4px}.reaction-stage-timeline-item{display:grid;grid-template-columns:44px minmax(65px,1fr) 24px;align-items:center;gap:6px;min-width:165px;padding:5px;border:1px solid #d2e1da;border-radius:8px;background:#fff}.reaction-stage-timeline-thumb{position:relative;width:44px;height:34px;padding:0;border:1px solid #9ec9bc;border-radius:5px;overflow:hidden;background:#e7f3ee;color:#247665;cursor:pointer}.reaction-stage-timeline-thumb img{width:100%;height:100%;object-fit:cover;display:block}.reaction-stage-timeline-thumb>span{display:grid;place-items:center;width:100%;height:100%;font:800 12px 'DM Mono',monospace}.reaction-stage-timeline-thumb b{position:absolute;right:2px;bottom:1px;padding:1px 3px;border-radius:3px;background:rgba(16,54,45,.82);color:#fff;font:800 7px 'DM Mono',monospace}.reaction-stage-timeline-copy{min-width:0}.reaction-stage-timeline-copy strong,.reaction-stage-timeline-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-stage-timeline-copy strong{font-size:9px;color:#1e443b}.reaction-stage-timeline-copy small{margin-top:3px;color:#6e8179;font:700 7px 'DM Mono',monospace}.reaction-stage-timeline-order{display:grid;gap:3px}.reaction-stage-timeline-order button{width:21px;height:15px;padding:0;border:1px solid #bed0c8;border-radius:4px;background:#fff;color:#276e5e;font:800 10px/1 'DM Mono',monospace}.reaction-stage-timeline-order button:disabled{opacity:.3;cursor:not-allowed}
.reaction-stage-batch{margin:10px 0;padding:9px;border:1px solid #d9d6bd;border-radius:9px;background:#fffaf0}.reaction-stage-batch-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.reaction-stage-batch-head b{font:800 8px 'DM Mono',monospace;color:#8b651c}.reaction-stage-batch-head span{font:700 7px 'DM Mono',monospace;color:#927d4e}.reaction-stage-batch-drop{margin-top:7px;padding:8px;border:1px dashed #d5bd78;border-radius:7px;background:#fffdf5;color:#806526;text-align:center;font:700 7px/1.4 'DM Mono',monospace;cursor:pointer}.reaction-stage-batch-drop:hover,.reaction-stage-batch-drop:focus,.reaction-stage-batch-drop.is-dragging{border-color:#aa7c20;background:#fff3d5;outline:none}.reaction-stage-batch-result{margin:7px 0 0;color:#346b5b;font:700 8px/1.4 'DM Mono',monospace}.reaction-stage-batch-result.is-error{color:#8b4e28}.reaction-stage-collision-warning{margin:7px 0 0;padding:7px 8px;border-left:3px solid #b87820;background:#fff4dc;color:#7e571d;font:700 7px/1.45 'DM Mono',monospace}
.reaction-stage-session{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;margin:8px 0;padding:8px 9px;border:1px solid #c8d8d2;border-radius:8px;background:#eef8f4}.reaction-stage-session>div{min-width:0}.reaction-stage-session b,.reaction-stage-session span,.reaction-stage-session small{display:block}.reaction-stage-session b{font:800 7px 'DM Mono',monospace;color:#236b5a}.reaction-stage-session span{margin-top:3px;color:#315f53;font:800 8px 'DM Mono',monospace}.reaction-stage-session small{grid-column:1/-1;color:#6b7e76;font-size:7px;line-height:1.4}.reaction-stage-session button{min-height:25px;padding:0 8px;border:1px solid #b8ccc3;border-radius:6px;background:#fff;color:#3b685c;font:800 7px 'DM Mono',monospace}.reaction-stage-session button:disabled{opacity:.4;cursor:not-allowed}
.reaction-stage-package{margin:8px 0 12px;padding:9px;border:1px solid #c5d5eb;border-radius:9px;background:#f4f8ff}.reaction-stage-package-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.reaction-stage-package-head b{font:800 8px 'DM Mono',monospace;color:#315d90}.reaction-stage-package-head span{color:#66809d;font:700 7px 'DM Mono',monospace}.reaction-stage-package-actions{display:flex;gap:5px;margin-top:7px}.reaction-stage-package-actions button{min-height:28px;padding:0 8px;border:1px solid #a9bfdc;border-radius:6px;background:#fff;color:#315d90;font:800 7px 'DM Mono',monospace;cursor:pointer}.reaction-stage-package-actions button:hover{border-color:#315d90;background:#eaf2ff}.reaction-stage-package-drop{margin-top:7px;padding:8px;border:1px dashed #9ab6d9;border-radius:7px;background:#fbfdff;color:#4a6c95;text-align:center;font:700 7px/1.4 'DM Mono',monospace;cursor:pointer}.reaction-stage-package-drop:hover,.reaction-stage-package-drop:focus,.reaction-stage-package-drop.is-dragging{border-color:#386da5;background:#e8f1ff;outline:none}.reaction-stage-package-result{margin:7px 0 0;color:#315d90;font:700 8px/1.4 'DM Mono',monospace}.reaction-stage-package-result.is-error{color:#985529}
.reaction-stage-compare{margin:10px 0 12px;padding:10px;border:1px solid #d5c7e6;border-radius:10px;background:#faf7ff}.reaction-stage-compare-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.reaction-stage-compare-head>div{min-width:0}.reaction-stage-compare-head b{display:block;color:#624a8f;font:800 8px 'DM Mono',monospace}.reaction-stage-compare-head span{display:block;margin-top:3px;color:#76698a;font:700 7px/1.4 'DM Mono',monospace}.reaction-stage-compare-head em{padding:5px 7px;border-radius:6px;background:#eadffc;color:#624a8f;font:800 7px 'DM Mono',monospace;font-style:normal}.reaction-stage-compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.reaction-stage-compare-controls label{display:grid;gap:3px;color:#76698a;font:800 7px 'DM Mono',monospace}.reaction-stage-compare-controls select{width:100%;min-height:29px;padding:0 6px;border:1px solid #cfc1e1;border-radius:6px;background:#fff;color:#45385a;font:800 8px 'DM Mono',monospace}.reaction-stage-compare-zoom{grid-column:1/-1;display:grid;grid-template-columns:auto 28px minmax(80px,1fr) 28px;gap:5px;align-items:center;margin-top:1px}.reaction-stage-compare-zoom>span{color:#76698a;font:800 7px 'DM Mono',monospace}.reaction-stage-compare-zoom output{color:#624a8f}.reaction-stage-compare-zoom button{width:28px;height:27px;border:1px solid #cfc1e1;border-radius:6px;background:#fff;color:#624a8f;font:800 10px/1 'DM Mono',monospace}.reaction-stage-compare-zoom input{width:100%;accent-color:#7356a0}.reaction-stage-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.reaction-stage-compare-card{min-width:0;padding:7px;border:1px solid #ded5ec;border-radius:8px;background:#fff}.reaction-stage-compare-card-head{display:flex;justify-content:space-between;gap:5px;align-items:center}.reaction-stage-compare-card-head b{color:#76698a;font:800 7px 'DM Mono',monospace}.reaction-stage-compare-card-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#45385a;font:800 8px 'DM Mono',monospace}.reaction-stage-compare-viewport{display:grid;place-items:center;min-height:84px;margin-top:6px;overflow:auto;border:1px solid #e4dff0;border-radius:6px;background:#17251f}.reaction-stage-compare-viewport img{display:block;width:100%;height:auto;transform-origin:center top}.reaction-stage-compare-empty{padding:12px;color:#b9cfc6;text-align:center;font:700 7px/1.4 'DM Mono',monospace}.reaction-stage-compare-card dl{margin:6px 0 0}.reaction-stage-compare-card dl div{display:flex;justify-content:space-between;gap:5px;padding:3px 0;border-top:1px solid #f0edf5}.reaction-stage-compare-card dt{color:#8a7e99;font:700 6px 'DM Mono',monospace}.reaction-stage-compare-card dd{max-width:70%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5b4a72;font:700 7px 'DM Mono',monospace;text-align:right}.reaction-stage-compare>small{display:block;margin-top:7px;color:#827894;font:700 7px/1.45 'DM Mono',monospace}@media(max-width:640px){.reaction-stage-compare-controls,.reaction-stage-compare-grid{grid-template-columns:1fr}.reaction-stage-compare-zoom{grid-column:auto}.reaction-stage-compare-zoom input{min-width:0}.reaction-stage-compare-viewport{min-height:96px}}
.reaction-stage-compare-diff{margin-top:9px;padding:8px;border:1px solid #e4d7c4;border-radius:8px;background:#fffdf8}.reaction-stage-compare-diff-head{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:6px}.reaction-stage-compare-diff-head b,.reaction-stage-compare-note b{color:#8b6322;font:800 7px 'DM Mono',monospace}.reaction-stage-compare-diff-head span,.reaction-stage-compare-note>div span{color:#8d806d;font:700 7px 'DM Mono',monospace}.reaction-stage-compare-diff-grid{display:grid;gap:3px}.reaction-stage-compare-diff-labels,.reaction-stage-compare-diff-row{display:grid;grid-template-columns:54px minmax(0,1fr) minmax(0,1fr) 31px;gap:5px;align-items:center}.reaction-stage-compare-diff-labels{padding:2px 4px;color:#9a8b77;font:800 6px 'DM Mono',monospace}.reaction-stage-compare-diff-row{padding:4px;border-top:1px solid #f1eadf;color:#5b4a72;font:700 7px 'DM Mono',monospace}.reaction-stage-compare-diff-row b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.reaction-stage-compare-diff-row em{justify-self:end;padding:2px 3px;border-radius:4px;font:800 6px 'DM Mono',monospace;font-style:normal}.reaction-stage-compare-diff-row.same em{background:#e4f0e8;color:#28684e}.reaction-stage-compare-diff-row.different em{background:#ffe4d7;color:#a04425}.reaction-stage-compare-note{margin-top:8px;padding:8px;border:1px solid #cfe2dc;border-radius:8px;background:#f5fbf8}.reaction-stage-compare-note>div:first-child{display:flex;justify-content:space-between;gap:6px;align-items:center}.reaction-stage-compare-note textarea{display:block;width:100%;min-height:50px;margin-top:6px;padding:6px;resize:vertical;border:1px solid #bfd6cc;border-radius:6px;background:#fff;color:#263b34;font:700 8px/1.4 'DM Mono',monospace}.reaction-stage-compare-note-actions{display:flex;align-items:center;gap:5px;margin-top:5px}.reaction-stage-compare-note-actions button{min-height:25px;padding:0 8px;border:1px solid #a9cabc;border-radius:5px;background:#fff;color:#28684e;font:800 7px 'DM Mono',monospace}.reaction-stage-compare-note-actions output{color:#28684e;font:700 7px 'DM Mono',monospace}.reaction-stage-compare-note-actions output[hidden]{display:none}@media(max-width:640px){.reaction-stage-compare-diff-labels,.reaction-stage-compare-diff-row{grid-template-columns:45px minmax(0,1fr) minmax(0,1fr) 29px}.reaction-stage-compare-note>div:first-child{align-items:flex-start;flex-direction:column;gap:2px}}
.reaction-stage-reconnect-queue{margin:9px 0 12px;padding:9px;border:1px solid #dfc9a8;border-radius:9px;background:#fffaf1}.reaction-stage-reconnect-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.reaction-stage-reconnect-head>div{min-width:0}.reaction-stage-reconnect-head b{display:block;color:#8b6322;font:800 8px 'DM Mono',monospace}.reaction-stage-reconnect-head span{display:block;margin-top:3px;color:#927d5a;font:700 7px/1.4 'DM Mono',monospace}.reaction-stage-reconnect-head em{padding:5px 7px;border-radius:6px;background:#f5e2bb;color:#8b6322;font:800 7px 'DM Mono',monospace;font-style:normal}.reaction-stage-reconnect-summary{margin:7px 0;color:#765e37;font:700 7px/1.45 'DM Mono',monospace}.reaction-stage-reconnect-list{display:grid;gap:5px}.reaction-stage-reconnect-item{padding:7px;border:1px solid #ead9bb;border-radius:7px;background:#fff}.reaction-stage-reconnect-item-head{display:flex;justify-content:space-between;gap:6px;align-items:center}.reaction-stage-reconnect-item-head b{color:#5b4a32;font:800 7px 'DM Mono',monospace}.reaction-stage-reconnect-item-head span{color:#a36622;font:800 6px 'DM Mono',monospace}.reaction-stage-reconnect-item.metadata-missing{background:#faf8f4}.reaction-stage-reconnect-item.metadata-missing .reaction-stage-reconnect-item-head span{color:#8b8170}.reaction-stage-reconnect-meta{display:flex;justify-content:space-between;gap:6px;margin-top:4px}.reaction-stage-reconnect-meta strong,.reaction-stage-reconnect-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-stage-reconnect-meta strong{color:#5b4a32;font:800 8px 'DM Mono',monospace}.reaction-stage-reconnect-meta span{max-width:70%;color:#927d5a;font:700 6px 'DM Mono',monospace;text-align:right}.reaction-stage-reconnect-drop{margin-top:5px;padding:6px;border:1px dashed #d4b474;border-radius:6px;background:#fffdf8;color:#8b6b33;text-align:center;font:700 6px/1.4 'DM Mono',monospace;cursor:pointer}.reaction-stage-reconnect-drop:hover,.reaction-stage-reconnect-drop:focus,.reaction-stage-reconnect-drop.is-dragging{border-color:#a87925;background:#fff1cf;outline:none}.reaction-stage-reconnect-item>button{min-height:24px;margin-top:5px;padding:0 8px;border:1px solid #cda55e;border-radius:5px;background:#fff;color:#8b6322;font:800 7px 'DM Mono',monospace}.reaction-stage-reconnect-hint{display:block;margin-top:5px;color:#8b8170;font:700 6px/1.4 'DM Mono',monospace}.reaction-stage-reconnect-empty{margin:3px 0;color:#8b8170;font:700 7px 'DM Mono',monospace}@media(max-width:640px){.reaction-stage-reconnect-meta{display:grid;gap:2px}.reaction-stage-reconnect-meta span{max-width:100%;text-align:left}}
.reaction-stage-audit{margin:9px 0 12px;padding:9px;border:1px solid #c8d6e5;border-radius:9px;background:#f5f9fe}.reaction-stage-audit-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.reaction-stage-audit-head>div{min-width:0}.reaction-stage-audit-head b{display:block;color:#315d90;font:800 8px 'DM Mono',monospace}.reaction-stage-audit-head span{display:block;margin-top:3px;color:#66809d;font:700 7px/1.4 'DM Mono',monospace}.reaction-stage-audit-head em{padding:5px 7px;border-radius:6px;background:#dfeafa;color:#315d90;font:800 7px 'DM Mono',monospace;font-style:normal}.reaction-stage-audit-list{display:grid;gap:5px;margin-top:7px}.reaction-stage-audit-entry{padding:6px;border:1px solid #d4e0ee;border-radius:7px;background:#fff}.reaction-stage-audit-entry-head{display:flex;align-items:center;gap:5px}.reaction-stage-audit-entry-head b{color:#315d90;font:800 7px 'DM Mono',monospace}.reaction-stage-audit-entry-head span{padding:2px 4px;border-radius:4px;background:#e4f0e8;color:#28684e;font:800 6px 'DM Mono',monospace}.reaction-stage-audit-entry.undone .reaction-stage-audit-entry-head span{background:#f2e8e2;color:#8b5a3b}.reaction-stage-audit-entry-head em{margin-left:auto;color:#7890aa;font:800 6px 'DM Mono',monospace;font-style:normal}.reaction-stage-audit-entry ul{display:grid;gap:3px;margin:5px 0 0;padding:0;list-style:none}.reaction-stage-audit-entry li{display:grid;grid-template-columns:105px minmax(0,1fr);gap:5px;padding-top:3px;border-top:1px solid #eef3f8}.reaction-stage-audit-entry li b{color:#5b7390;font:800 6px 'DM Mono',monospace}.reaction-stage-audit-entry li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#54687d;font:700 6px 'DM Mono',monospace}.reaction-stage-audit>small{display:block;margin-top:6px;color:#7890aa;font:700 6px/1.4 'DM Mono',monospace}.reaction-stage-audit-empty{margin:7px 0;color:#7890aa;font:700 7px 'DM Mono',monospace}@media(max-width:640px){.reaction-stage-audit-entry li{grid-template-columns:83px minmax(0,1fr)}}
.reaction-stage-package-review{margin:8px 0 12px;padding:9px;border:1px solid #e4c1a9;border-radius:9px;background:#fff8f2}.reaction-stage-package-review-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.reaction-stage-package-review-head>div{min-width:0}.reaction-stage-package-review-head b{display:block;color:#984f2e;font:800 8px 'DM Mono',monospace}.reaction-stage-package-review-head span{display:block;margin-top:3px;color:#9b7866;font:700 7px/1.4 'DM Mono',monospace}.reaction-stage-package-review-head em{padding:5px 7px;border-radius:6px;background:#ffe4d5;color:#984f2e;font:800 7px 'DM Mono',monospace;font-style:normal;white-space:nowrap}.reaction-stage-package-review-list{display:grid;gap:5px;margin-top:7px}.reaction-stage-package-review-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:6px;align-items:center;padding:6px;border:1px solid #ecd8ca;border-radius:7px;background:#fff}.reaction-stage-package-review-row>div{min-width:0}.reaction-stage-package-review-row b,.reaction-stage-package-review-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-stage-package-review-row b{color:#70412e;font:800 7px 'DM Mono',monospace}.reaction-stage-package-review-row span{margin-top:3px;color:#9b7866;font:700 6px 'DM Mono',monospace}.reaction-stage-package-review-row select{width:100%;min-height:27px;padding:0 5px;border:1px solid #d7b49f;border-radius:6px;background:#fff;color:#70412e;font:800 7px 'DM Mono',monospace}.reaction-stage-package-review>small{display:block;margin-top:6px;color:#9b7866;font:700 6px/1.45 'DM Mono',monospace}.reaction-stage-package-review-empty{margin:7px 0;color:#9b7866;font:700 7px 'DM Mono',monospace}@media(max-width:640px){.reaction-stage-package-review-row{grid-template-columns:1fr}.reaction-stage-package-review-row select{max-width:180px}}
.reaction-stage-package-approval{margin:8px 0 12px;padding:9px;border:1px solid #b8d5c4;border-radius:9px;background:#f2fbf5}.reaction-stage-package-approval-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.reaction-stage-package-approval-head>div{min-width:0}.reaction-stage-package-approval-head b{display:block;color:#28684e;font:800 8px 'DM Mono',monospace}.reaction-stage-package-approval-head span{display:block;margin-top:3px;color:#638474;font:700 7px/1.4 'DM Mono',monospace}.reaction-stage-package-approval-head em{padding:5px 7px;border-radius:6px;background:#dcefe3;color:#28684e;font:800 7px 'DM Mono',monospace;font-style:normal;white-space:nowrap}.reaction-stage-package-approval>button{min-height:28px;margin-top:7px;padding:0 8px;border:1px solid #9fc8ad;border-radius:6px;background:#fff;color:#28684e;font:800 7px 'DM Mono',monospace;cursor:pointer}.reaction-stage-package-approval>button:hover{border-color:#28684e;background:#e4f5e9}.reaction-stage-package-approval>button:disabled{opacity:.45;cursor:not-allowed}.reaction-stage-package-approval>p{margin:7px 0;color:#4f7762;font:700 7px/1.4 'DM Mono',monospace}.reaction-stage-package-approval-confirm{display:flex;gap:5px;align-items:flex-start;margin-top:7px;color:#436f55;font:700 7px/1.4 'DM Mono',monospace}.reaction-stage-package-approval-confirm input{margin:1px 0 0;accent-color:#28684e}.reaction-stage-package-approval>small{display:block;margin-top:7px;color:#6f927c;font:700 6px/1.45 'DM Mono',monospace}
.shared-import-package-merge{display:grid;gap:5px;margin:9px 0;padding:9px;border:1px solid #e4c487;border-radius:8px;background:#fff8e7;color:#765a25;font:700 8px/1.4 'DM Mono',monospace}.shared-import-package-merge b{font-weight:900;color:#765a25}.shared-import-package-merge>span{font-size:7px}.shared-import-package-merge>label{display:flex;gap:5px;align-items:flex-start;font-size:7px;color:#765a25}.shared-import-package-merge>label input{margin:1px 0 0;accent-color:#28684e}.shared-import-package-merge strong{font-size:7px;color:#28684e}.shared-import-package-merge .panel-action{justify-self:start;min-height:26px}
.shared-import-package-conflict{color:#b34838!important}
.shared-package-conflict-list{display:grid;gap:4px}.shared-package-conflict-row{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:5px 6px;border-radius:6px;background:#fff0ea;font:700 7px 'DM Mono',monospace}.shared-package-conflict-row b{color:#b34838}.shared-package-conflict-row select{min-height:24px;border:1px solid #e2b5a8;border-radius:5px;background:#fff;color:#6f3a2e;font:700 7px 'DM Mono',monospace}
.shared-package-ledger-summary{display:grid;gap:7px;margin:0 0 10px;padding:9px;border:1px solid #b8d5c4;border-radius:9px;background:#f2fbf5}.shared-package-ledger-summary-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.shared-package-ledger-summary-head b{display:block;color:#28684e;font:800 8px 'DM Mono',monospace}.shared-package-ledger-summary-head span{display:block;margin-top:3px;color:#638474;font:700 7px 'DM Mono',monospace}.shared-package-ledger-summary-head em{padding:5px 7px;border-radius:6px;background:#dcefe3;color:#28684e;font:800 8px 'DM Mono',monospace;font-style:normal}.shared-package-ledger-filters{display:flex;flex-wrap:wrap;gap:5px}.shared-package-ledger-filters label{display:grid;gap:2px;color:#638474;font:800 6px 'DM Mono',monospace}.shared-package-ledger-filters select{min-height:24px;padding:0 5px;border:1px solid #b8d5c4;border-radius:5px;background:#fff;color:#28684e;font:800 7px 'DM Mono',monospace}.shared-package-ledger-scenes{display:grid;gap:4px}.shared-package-ledger-scene{display:flex;justify-content:space-between;gap:8px;padding:5px 6px;border-radius:6px;background:#fff}.shared-package-ledger-scene.has-conflict{background:#fff3ed;border:1px solid #efc5b5}.shared-package-ledger-scene b{color:#28684e;font:800 7px 'DM Mono',monospace}.shared-package-ledger-scene span,.shared-package-ledger-scene em{color:#638474;font:700 6px 'DM Mono',monospace;font-style:normal}.shared-package-ledger-scene.has-conflict em{color:#b34838}.shared-package-ledger-summary>small{color:#6f927c;font:700 6px 'DM Mono',monospace}
.shared-package-ledger-scene em{max-width:72%;overflow-wrap:anywhere;text-align:right}
.reaction-stage-audit-packages{display:grid;gap:5px;margin-top:8px;padding-top:8px;border-top:1px dashed #c8d3c9}.reaction-stage-audit-packages>b{color:#28684e;font:800 7px 'DM Mono',monospace}.reaction-stage-audit-package{display:flex;justify-content:space-between;gap:7px;padding:5px 6px;border-radius:6px;background:#f2f7f2}.reaction-stage-audit-package b{overflow:hidden;color:#28684e;font:800 7px 'DM Mono',monospace;text-overflow:ellipsis;white-space:nowrap}.reaction-stage-audit-package span{color:#638474;font:700 6px 'DM Mono',monospace;white-space:nowrap}
.reaction-stage-audit-print-packages{margin:12px 0;padding:10px;border-top:1px solid #c8d3c9}.reaction-stage-audit-print-packages h3{margin:0 0 6px;color:#28684e;font:800 9px 'DM Mono',monospace}.reaction-stage-audit-print-package{display:grid;gap:2px;margin:5px 0;padding:6px;border:1px solid #d9e5db;border-radius:5px}.reaction-stage-audit-print-package b{color:#28684e;font:800 8px 'DM Mono',monospace}.reaction-stage-audit-print-package span,.reaction-stage-audit-print-package small{color:#638474;font:700 7px 'DM Mono',monospace;word-break:break-word}.reaction-stage-audit-print-package small{font-size:6px}
.reaction-stage-reconnect-all{margin:9px 0 12px;padding:9px;border:1px solid #bcd8d1;border-radius:9px;background:#f1faf7}.reaction-stage-reconnect-all-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.reaction-stage-reconnect-all-head>div{min-width:0}.reaction-stage-reconnect-all-head b{display:block;color:#216b5b;font:800 8px 'DM Mono',monospace}.reaction-stage-reconnect-all-head span{display:block;margin-top:3px;color:#66867d;font:700 7px/1.4 'DM Mono',monospace}.reaction-stage-reconnect-all-head em{padding:5px 7px;border-radius:6px;background:#dcefe9;color:#216b5b;font:800 7px 'DM Mono',monospace;font-style:normal;white-space:nowrap}.reaction-stage-reconnect-all-summary{margin:7px 0;color:#416f64;font:700 7px/1.4 'DM Mono',monospace}.reaction-stage-reconnect-all-list{display:grid;gap:5px}.reaction-stage-reconnect-all-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 6px;padding:7px;border:1px solid #d2e4de;border-radius:7px;background:#fff}.reaction-stage-reconnect-all-item>div{min-width:0}.reaction-stage-reconnect-all-item b,.reaction-stage-reconnect-all-item span,.reaction-stage-reconnect-all-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-stage-reconnect-all-item b{color:#275e53;font:800 7px 'DM Mono',monospace}.reaction-stage-reconnect-all-item span{margin-top:3px;color:#4e796e;font:700 7px 'DM Mono',monospace}.reaction-stage-reconnect-all-item em{align-self:start;padding:2px 4px;border-radius:4px;background:#ffe8cf;color:#976124;font:800 6px 'DM Mono',monospace;font-style:normal;white-space:nowrap}.reaction-stage-reconnect-all-item.metadata-missing em{background:#eeeae1;color:#847865}.reaction-stage-reconnect-all-item small{grid-column:1/-1;color:#78948c;font:700 6px 'DM Mono',monospace}.reaction-stage-reconnect-all-item button{grid-column:1/-1;justify-self:start;min-height:23px;padding:0 7px;border:1px solid #a7c9bf;border-radius:5px;background:#fff;color:#286c5d;font:800 7px 'DM Mono',monospace;cursor:pointer}.reaction-stage-reconnect-all-item button:hover{background:#e9f7f2;border-color:#287c6b}.reaction-stage-reconnect-all>small{display:block;margin-top:6px;color:#78948c;font:700 6px/1.45 'DM Mono',monospace}.reaction-stage-reconnect-all-empty{margin:6px 0;color:#78948c;font:700 7px 'DM Mono',monospace}@media(max-width:640px){.reaction-stage-reconnect-all-item{grid-template-columns:1fr}.reaction-stage-reconnect-all-item em{justify-self:start}}
.reaction-stage-audit-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;padding-top:7px;border-top:1px solid #dce7f1}.reaction-stage-audit-actions button{min-height:25px;padding:0 7px;border:1px solid #aec4dc;border-radius:5px;background:#fff;color:#315d90;font:800 7px 'DM Mono',monospace;cursor:pointer}.reaction-stage-audit-actions button:hover{background:#eaf2ff;border-color:#315d90}.reaction-stage-audit-actions output{color:#28684e;font:700 7px 'DM Mono',monospace;align-self:center}.reaction-stage-audit-print-preview{margin:10px 0;padding:12px;border:1px solid #c4d3e2;border-radius:9px;background:#fff;color:#20384e}.reaction-stage-audit-print-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:2px solid #315d90;padding-bottom:8px}.reaction-stage-audit-print-head b{display:block;color:#315d90;font:800 8px 'DM Mono',monospace}.reaction-stage-audit-print-head h2{margin:5px 0 0;font:800 15px/1.2 'DM Mono',monospace}.reaction-stage-audit-print-head span{display:block;margin-top:4px;color:#69829a;font:700 7px 'DM Mono',monospace}.reaction-stage-audit-print-head button{min-height:25px;padding:0 7px;border:1px solid #aec4dc;border-radius:5px;background:#f5f9fe;color:#315d90;font:800 7px 'DM Mono',monospace;cursor:pointer}.reaction-stage-audit-print-head button+button{margin-left:4px;color:#6d7d8c;background:#fff}.reaction-stage-audit-print-preview>p{color:#5d7389;font:700 7px/1.4 'DM Mono',monospace}.reaction-stage-audit-print-entry{margin-top:9px}.reaction-stage-audit-print-entry h3{margin:0 0 4px;color:#315d90;font:800 9px 'DM Mono',monospace}.reaction-stage-audit-print-entry table{width:100%;border-collapse:collapse;font:700 7px 'DM Mono',monospace}.reaction-stage-audit-print-entry th,.reaction-stage-audit-print-entry td{padding:5px;border:1px solid #d8e2ec;text-align:left;vertical-align:top}.reaction-stage-audit-print-entry th{color:#5b7390;background:#f4f8fc}.reaction-stage-audit-print-entry td{color:#4c6277;word-break:break-word}.reaction-stage-audit-print-preview>small{display:block;margin-top:9px;color:#7890aa;font:700 6px/1.4 'DM Mono',monospace}@media(max-width:640px){.reaction-stage-audit-print-head{display:grid}.reaction-stage-audit-print-head>div:last-child{justify-self:start}}
@media print{body>*{visibility:hidden!important}.reaction-stage-audit-print-preview,.reaction-stage-audit-print-preview *{visibility:visible!important}.reaction-stage-audit-print-preview{position:absolute;left:0;top:0;width:100%;margin:0;border:0;padding:18px;background:#fff;color:#000}.reaction-stage-audit-print-head button{display:none!important}.reaction-stage-audit-print-entry{break-inside:avoid}.reaction-stage-audit-print-entry th,.reaction-stage-audit-print-entry td{font-size:10pt;color:#000;border-color:#777}.reaction-stage-audit-print-preview>small{color:#333;font-size:8pt}}
.structure2d-consistency-grid dd.pass{color:#176957}.structure2d-consistency-grid dd.check{color:#a15f0b}.structure2d-consistency-overlay{margin:9px 0 0;padding:9px 10px;border-left:3px solid #a36c13;border-radius:0 8px 8px 0;background:#fff4d8;color:#694c13;font-size:8px;line-height:1.55}.structure2d-consistency-compare{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:6px;align-items:stretch;margin-top:10px}.structure2d-consistency-compare article{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid #cddfd8;border-radius:10px;background:#fff}.structure2d-consistency-compare b{font:800 7px 'DM Mono',monospace;color:#557067}.structure2d-consistency-compare strong{font:800 13px 'DM Mono',monospace;color:#173d37;overflow-wrap:anywhere}.structure2d-consistency-compare span,.structure2d-consistency-compare small{font:700 7px 'DM Mono',monospace;color:#61716a}.structure2d-consistency-compare i{display:grid;place-items:center;color:#2a7867;font:800 15px 'DM Mono',monospace;font-style:normal}.structure2d-consistency-issues,.structure2d-consistency-exact{margin-top:9px;padding:10px;border:1px solid #dfc28a;border-radius:10px;background:#fff8e8}.structure2d-consistency-exact{border-color:#a7d4c8;background:#edf8f4}.structure2d-consistency-issues>b,.structure2d-consistency-exact>b{display:block;color:#765516;font:800 8px 'DM Mono',monospace}.structure2d-consistency-exact>b{color:#176957}.structure2d-consistency-exact span{display:block;margin-top:5px;color:#45685e;font-size:8px}.structure2d-consistency-issues ul{display:grid;gap:5px;margin:7px 0 0;padding:0;list-style:none}.structure2d-consistency-issues li{display:grid;grid-template-columns:72px 1fr;gap:6px;padding:7px;border-radius:8px;background:#fff}.structure2d-consistency-issues li b{font:800 7px 'DM Mono',monospace;color:#9a5d0d}.structure2d-consistency-issues li.extra b{color:#8e3f62}.structure2d-consistency-issues li span{font:700 7px/1.45 'DM Mono',monospace;color:#596a64;overflow-wrap:anywhere}@media(max-width:640px){.structure2d-consistency-compare{grid-template-columns:1fr}.structure2d-consistency-compare i{min-height:20px;transform:rotate(90deg)}.structure2d-consistency-issues li{grid-template-columns:64px 1fr}}
.reaction-condition-form{display:grid;gap:7px}.reaction-condition-form>label{display:grid;gap:4px;color:#61766d;font:800 7px 'DM Mono',monospace}.reaction-condition-form>input,.reaction-temperature-field input,.reaction-temperature-field select{width:100%;min-height:36px;box-sizing:border-box;border:1px solid #cbded6;border-radius:7px;padding:7px 8px;background:#fff;color:#18342e;font:800 10px 'DM Mono',monospace}.reaction-temperature-field{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:7px;margin:3px 0 0;padding:9px;border:1px solid #d8cf9d;border-radius:9px;background:#fffaf0}.reaction-temperature-field legend{padding:0 4px;color:#8b651c;font:800 8px 'DM Mono',monospace}.reaction-temperature-field label{display:grid;gap:4px;color:#756431;font:800 7px 'DM Mono',monospace}.reaction-temperature-field output{grid-column:1/-1;padding:6px 7px;border-left:3px solid #bf7020;background:#fff1d7;color:#8b4e1c;font:800 7px/1.4 'DM Mono',monospace}.reaction-condition-actions{display:flex;flex-wrap:wrap;gap:6px}.reaction-condition-actions button{min-height:34px;border:1px solid #9fcdbf;border-radius:7px;padding:7px 9px;background:#eef8f4;color:#17675a;font:800 8px 'DM Mono',monospace;cursor:pointer}.reaction-condition-actions button[type="submit"]{background:#246a5b;color:#fff}.reaction-condition-actions button:disabled{opacity:.45;cursor:not-allowed}.reaction-condition-boundary{margin-top:9px;padding:8px 9px;border-left:3px solid #bf7e20;background:#fff8e9}.reaction-condition-boundary b{display:block;color:#8b5a18;font:800 8px 'DM Mono',monospace}.reaction-condition-boundary p{margin:4px 0 0;color:#67502f;font:700 7px/1.45 'DM Mono',monospace}
@media(max-width:700px){.storage-alert.recovery-choice{width:calc(100% - 28px)}.conflict-recovery-list{grid-template-columns:1fr}}
@media(max-width:520px){.storage-alert.recovery-choice{left:8px;right:8px;top:8px;width:auto;transform:none;max-height:calc(100% - 16px);overflow:auto}.conflict-recovery-picker{padding:10px}.conflict-recovery-list{max-height:none;overflow:visible}.conflict-recovery-card{grid-template-columns:1fr}.conflict-recovery-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.conflict-recovery-card-actions button{min-height:44px}.recovery-center-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.recovery-center-summary>div:last-child{grid-column:1/3}.recovery-center-policy label{align-items:flex-start;flex-direction:column}.recovery-center-policy select,.recovery-center-actions button,.all-scenes-emergency-actions button{min-height:44px}.recovery-center-actions,.all-scenes-emergency-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.all-scenes-emergency-preview li{grid-template-columns:auto 1fr}.all-scenes-emergency-preview li code{grid-column:1/3}}
.reaction-lesson-flow{margin:10px 0;padding:10px;border:1px solid #e2c680;border-radius:11px;background:#fff9e9}.reaction-lesson-flow.ready{border-color:#9fcdbf;background:#eef8f4}.reaction-lesson-flow-head{display:flex;justify-content:space-between;gap:9px;align-items:flex-start}.reaction-lesson-flow-head b,.reaction-lesson-flow-head span{display:block}.reaction-lesson-flow-head b{color:#8b651c;font:800 8px 'DM Mono',monospace}.reaction-lesson-flow.ready .reaction-lesson-flow-head b{color:#17675a}.reaction-lesson-flow-head span{margin-top:4px;color:#665b3d;font:800 9px 'DM Mono',monospace}.reaction-lesson-flow-head em{padding:5px 7px;border-radius:6px;background:#ffe4a6;color:#8b5715;font:800 8px 'DM Mono',monospace;font-style:normal}.reaction-lesson-flow.ready .reaction-lesson-flow-head em{background:#d9f0e8;color:#17675a}.reaction-lesson-flow-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.reaction-lesson-flow-chips>span{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #d5e2dc;border-radius:7px;background:#fff;color:#18342e}.reaction-lesson-flow-chips>span.temperature{border-color:#e4ca75;background:#fff8d8}.reaction-lesson-flow-chips small{color:#718078;font:800 6px 'DM Mono',monospace}.reaction-lesson-flow-chips b{font:800 8px 'DM Mono',monospace}.reaction-lesson-flow-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0 0}.reaction-lesson-flow-stats div{padding:6px;border:1px solid rgba(116,135,126,.23);border-radius:7px;background:rgba(255,255,255,.75)}.reaction-lesson-flow-stats dt{color:#718078;font:700 6px 'DM Mono',monospace}.reaction-lesson-flow-stats dd{margin:3px 0 0;color:#18342e;font:800 9px 'DM Mono',monospace}.reaction-lesson-flow-issues{display:grid;gap:4px;margin:8px 0 0;padding:0;list-style:none}.reaction-lesson-flow-issues li{display:flex;gap:6px;align-items:center;padding:5px 6px;border-left:3px solid #c88628;background:#fff3d9;color:#74511f;font:700 7px/1.4 'DM Mono',monospace}.reaction-lesson-flow-ready{margin:8px 0 0;color:#17675a;font:800 7px/1.45 'DM Mono',monospace}.reaction-lesson-flow-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.reaction-lesson-flow-actions button{min-height:32px;border:1px solid #b8d1c8;border-radius:7px;padding:6px 8px;background:#fff;color:#17675a;font:800 8px 'DM Mono',monospace;cursor:pointer}.reaction-lesson-flow>small{display:block;margin-top:7px;color:#756c50;font:700 7px/1.45 'DM Mono',monospace}@media(max-width:640px){.reaction-temperature-field{grid-template-columns:minmax(0,1fr) 78px}.reaction-lesson-flow-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reaction-lesson-flow-actions button{min-height:42px;flex:1 1 130px}}
/* Local QA only: created by the chemistry restart-recovery harness. */
.qa-hard-crash-btn{position:absolute;z-index:45;left:max(16px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));min-height:44px;padding:10px 14px;border:1px solid rgba(255,210,128,.72);border-radius:12px;background:#4b281d;color:#fff5d8;font:800 13px/1.25 Pretendard,"Noto Sans KR",sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.28);cursor:pointer}
.qa-hard-crash-btn:hover,.qa-hard-crash-btn:focus-visible{background:#663425;outline:3px solid rgba(255,226,153,.55);outline-offset:2px}
.qa-hard-crash-btn:disabled{background:#263f38;border-color:#78c9ad;color:#dffff3;cursor:default;opacity:1}
.qa-recovery-quota-harness{position:absolute;z-index:46;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:8px;padding:7px;border:1px solid rgba(255,210,128,.6);border-radius:13px;background:rgba(43,28,22,.94);box-shadow:0 8px 24px rgba(0,0,0,.28)}
.qa-recovery-quota-harness button{min-height:44px;padding:9px 12px;border:1px solid #d3a968;border-radius:9px;background:#5b3425;color:#fff5d8;font:800 12px/1.25 Pretendard,"Noto Sans KR",sans-serif;cursor:pointer}
.qa-recovery-quota-harness button:focus-visible{outline:3px solid rgba(255,226,153,.55);outline-offset:2px}.qa-recovery-quota-harness button:disabled{border-color:#58766d;background:#29443d;color:#c8e9de;cursor:default;opacity:.72}
@media(max-width:640px){.qa-recovery-quota-harness{right:8px;bottom:8px;left:8px;justify-content:flex-end}.qa-recovery-quota-harness button{flex:1;max-width:180px}}
