.molarya-periodic .molarya-atom-3d{display:grid;gap:12px;min-width:0;color:var(--periodic-text)}.molarya-periodic .molarya-atom-3d__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--periodic-line);border-radius:10px;background:#0f172a6b}.molarya-periodic .molarya-atom-3d__title{min-width:0;display:grid;gap:2px}.molarya-periodic .molarya-atom-3d__title strong{color:#7dd3fc;font-size:28px;line-height:1}.molarya-periodic .molarya-atom-3d__title span{color:var(--periodic-muted);font-size:12px;font-weight:800;overflow-wrap:anywhere}.molarya-periodic .molarya-atom-3d__segments{display:inline-grid;grid-template-columns:repeat(2,minmax(46px,1fr));gap:4px;padding:4px;border:1px solid rgba(115,214,255,.2);border-radius:9px;background:#0003}.molarya-periodic .molarya-atom-3d__segment,.molarya-periodic .molarya-atom-3d__action{min-height:34px;border:1px solid transparent;border-radius:7px;color:var(--periodic-muted);background:transparent;font-size:12px;font-weight:900}.molarya-periodic .molarya-atom-3d__segment:hover,.molarya-periodic .molarya-atom-3d__segment:focus-visible,.molarya-periodic .molarya-atom-3d__segment.is-active,.molarya-periodic .molarya-atom-3d__action:hover,.molarya-periodic .molarya-atom-3d__action:focus-visible{border-color:#73d6ff7a;color:var(--periodic-text);background:#61a2ff2e;outline:none}.molarya-periodic .molarya-atom-3d__action:disabled{cursor:not-allowed;opacity:.48}.molarya-periodic .molarya-atom-3d__viewport{min-height:380px;border:1px solid rgba(115,214,255,.18);border-radius:12px;background:radial-gradient(circle at 50% 20%,rgba(56,189,248,.2),transparent 30%),radial-gradient(circle at 20% 80%,rgba(120,224,181,.08),transparent 24%),linear-gradient(180deg,#040c189e,#0000004d);overflow:hidden}.molarya-periodic .molarya-atom-3d__scene{position:relative;min-height:380px;height:min(52vh,520px)}.molarya-periodic .molarya-atom-3d__scene:after{content:attr(data-atom3d-status);position:absolute;right:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 8px;border:1px solid rgba(125,211,252,.18);border-radius:999px;color:#bae6fd;background:#0f172a9e;font-size:11px;font-weight:850;opacity:0;pointer-events:none}.molarya-periodic .molarya-atom-3d__scene[data-atom3d-status=simplified]:after{content:attr(data-atom3d-status-label);opacity:1}.molarya-periodic .molarya-atom-3d__canvas{width:100%;height:100%;display:block;touch-action:none}.molarya-periodic .molarya-atom-3d__fallback{display:grid;gap:12px;padding:12px}.molarya-periodic .molarya-atom-3d__fallback .molarya-periodic__atom-view{min-width:0}.molarya-periodic .molarya-atom-3d__message{margin:0;padding:9px 10px;border:1px solid rgba(251,191,36,.28);border-radius:8px;color:#fde68a;background:#b4530921;font-size:12px;line-height:1.4}.molarya-periodic .molarya-atom-3d__message[data-tone=info]{border-color:#7dd3fc3d;color:#bae6fd;background:#0e749024}.molarya-periodic .molarya-atom-3d__disclaimer{margin:0;padding:10px 12px;border-left:3px solid #38bdf8;border-radius:0 8px 8px 0;color:var(--periodic-muted);background:#0e74901a;font-size:12px;line-height:1.5}.molarya-periodic .molarya-atom-3d__control-panel{display:grid;grid-template-columns:minmax(180px,1.1fr) minmax(160px,.8fr);gap:10px;align-items:stretch;padding:10px;border:1px solid var(--periodic-line);border-radius:12px;background:#0f172a85;backdrop-filter:blur(14px)}.molarya-periodic .molarya-atom-3d__select,.molarya-periodic .molarya-atom-3d__speed{display:grid;gap:6px;color:var(--periodic-muted);font-size:12px;font-weight:900}.molarya-periodic .molarya-atom-3d__select select{min-height:40px;min-width:0;width:100%;border:1px solid var(--periodic-line);border-radius:8px;color:var(--periodic-text);background:var(--periodic-panel-strong);padding:0 10px;outline:none}.molarya-periodic .molarya-atom-3d__speed input{width:100%;accent-color:#73d6ff}.molarya-periodic .molarya-atom-3d__select select:focus-visible{border-color:var(--periodic-focus);box-shadow:0 0 0 3px #73d6ff2e}.molarya-periodic .molarya-atom-3d__counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.molarya-periodic .molarya-atom-3d__counts span,.molarya-periodic .molarya-atom-3d__element-summary span{display:grid;gap:3px;min-width:0;padding:8px;border:1px solid rgba(125,211,252,.14);border-radius:8px;color:var(--periodic-text);background:#00000029;font-size:12px;overflow-wrap:anywhere}.molarya-periodic .molarya-atom-3d__counts b,.molarya-periodic .molarya-atom-3d__element-summary b{color:var(--periodic-muted);font-size:10px;text-transform:uppercase}.molarya-periodic .molarya-atom-3d__counts small{grid-column:1 / -1;color:#bae6fd;font-size:12px}.molarya-periodic .molarya-atom-3d__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.molarya-periodic .molarya-atom-3d__action{padding-inline:14px;border-color:#73d6ff47;background:#61a2ff1a;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .16s ease,border-color .16s ease}.molarya-periodic .molarya-atom-3d__action:active{transform:scale(.97)}.molarya-periodic .molarya-atom-3d__element-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(max-width:760px){.molarya-periodic .molarya-atom-3d__toolbar{align-items:stretch;flex-direction:column}.molarya-periodic .molarya-atom-3d__viewport,.molarya-periodic .molarya-atom-3d__scene{min-height:320px;height:320px}.molarya-periodic .molarya-atom-3d__control-panel,.molarya-periodic .molarya-atom-3d__counts,.molarya-periodic .molarya-atom-3d__element-summary{grid-template-columns:1fr}.molarya-periodic .molarya-atom-3d__actions{justify-content:stretch}.molarya-periodic .molarya-atom-3d__action{flex:1 1 120px}}body.theme-light .molarya-periodic .molarya-atom-3d__toolbar,body.theme-light .molarya-periodic .molarya-atom-3d__control-panel,body.theme-light .molarya-periodic .molarya-atom-3d__counts span,body.theme-light .molarya-periodic .molarya-atom-3d__element-summary span{background:#ffffffb3;border-color:#1e588024}body.theme-light .molarya-periodic .molarya-atom-3d__viewport{background:radial-gradient(circle at 50% 20%,rgba(47,123,220,.12),transparent 30%),linear-gradient(180deg,#ffffffb8,#e8f4fcb3)}body.theme-light .molarya-periodic .molarya-atom-3d__select select{color:#102a43;background:#ffffffe6}