.chem-mark{font-size:18px;background:linear-gradient(135deg,#7c3aed,#c4b5fd)!important}.sim-controls{align-items:center;gap:.5rem;display:inline-flex}.control-sep{background:var(--line);width:1px;height:20px;display:inline-block}.icon-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;line-height:1;display:inline-flex}.icon-btn:hover:not(:disabled){color:#7c3aed;border-color:#7c3aed}.icon-btn:disabled{opacity:.4;cursor:default}.sim-reset{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:.34rem .7rem;font-size:.82rem;font-weight:600}.sim-reset:hover{color:var(--ink);border-color:#7c3aed}.sim-reset.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.periodic{grid-template-columns:repeat(18,1fr);gap:2px;padding:0 .8rem .4rem;display:grid}.pt-cell{aspect-ratio:1;cursor:grab;color:#14203a;background:var(--cat,#cbd5e1);touch-action:none;border:0;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:.62rem;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:flex;position:relative}.pt-cell:hover{z-index:2;transform:scale(1.18);box-shadow:0 3px 10px #10182840}.pt-cell .pt-z{opacity:.7;font-size:.42rem;font-weight:600;position:absolute;top:1px;left:2px}.palette-hint{color:var(--muted);margin:0;padding:.3rem .8rem .8rem;font-size:.74rem}.drag-ghost{pointer-events:none;z-index:1000;color:#14203a;opacity:.92;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;font-weight:700;display:flex;position:fixed;transform:translate(-50%,-50%);box-shadow:0 6px 18px #10182847}.inspector-panel{padding:0 .9rem 1rem}.insp-title{align-items:baseline;gap:.5rem;margin:.2rem 0 .1rem;font-weight:700;display:flex}.insp-title .insp-el{font-size:1.1rem}.insp-title .insp-name{color:var(--muted);font-size:.8rem;font-weight:500}.insp-sub{color:var(--muted);margin-bottom:.7rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.76rem}.stepper-row{justify-content:space-between;align-items:center;margin:.45rem 0;display:flex}.stepper-row .lbl{align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:flex}.stepper-row .lbl .dot{border-radius:50%;width:10px;height:10px}.stepper{align-items:center;gap:.3rem;display:inline-flex}.stepper button{border:1px solid var(--line);width:24px;height:24px;font:inherit;cursor:pointer;color:var(--ink);background:#fff;border-radius:6px;font-size:1rem;line-height:1}.stepper button:hover{color:#7c3aed;border-color:#7c3aed}.stepper .count{text-align:center;font-variant-numeric:tabular-nums;min-width:1.6rem;font-weight:700}.insp-reading{border:1px solid var(--line);background:#f8fafc;border-radius:8px;margin-top:.7rem;padding:.55rem .65rem;font-size:.78rem;line-height:1.7}.insp-reading .k{color:var(--muted)}.insp-actions{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.insp-actions button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:7px;padding:.32rem .7rem;font-size:.8rem}.insp-actions button:hover{border-color:#7c3aed}.insp-actions button.danger{color:var(--bad)}.insp-actions button.danger:hover{border-color:var(--bad);background:#fef2f2}.bond-kind{gap:.4rem;margin:.5rem 0;display:flex}.bond-kind button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:7px;flex:1;padding:.35rem;font-size:.8rem}.bond-kind button.on{color:#fff;background:#7c3aed;border-color:#7c3aed}.stage{background:#fbfcfe;min-width:0;position:relative}#chem-canvas{touch-action:none;width:100%;height:100%;display:block}.formula-bar{border:1px solid var(--line);background:#ffffffe6;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:90%;padding:.35rem .8rem;display:flex;position:absolute;top:.9rem;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #10182814}.structure-warning{z-index:3;color:#9a3412;text-align:center;background:#fff7edf5;border:1px solid #fdba74;border-radius:9px;width:max-content;max-width:min(680px,90%);padding:.55rem .85rem;font-size:.8rem;font-weight:600;line-height:1.4;position:absolute;top:.75rem;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #7c2d121f}.stage.has-structure-warning .formula-bar{top:4.25rem}.formula-chip{color:var(--ink);font-size:.9rem;font-weight:700}.formula-chip sub{font-size:.7em}.formula-chip .chg{color:#7c3aed;vertical-align:super;font-size:.75em}.status-bar{color:#5b21b6;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:9px;padding:.5rem .85rem;font-size:.82rem;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.pt-cell{background-image:linear-gradient(160deg,#ffffff59,#00000014);box-shadow:inset 0 1px #ffffff59,0 1px 1.5px #1018281f}.pt-cell:active{transform:scale(1.05)}.formula-bar,.status-bar,.structure-warning{animation:.22s ease-out chem-rise}@keyframes chem-rise{0%{opacity:0;transform:translate(-50%)translateY(6px)}}.formula-chip{letter-spacing:.01em}.stepper button{transition:transform 80ms,border-color .12s,color .12s}.stepper button:active{transform:scale(.9)}.insp-reading{transition:background .2s}.insp-title .insp-el sup{font-size:.55em}