.five-atom-demo{display:grid;gap:1rem}.five-atom-demo__panel{border:1px solid var(--site-border);border-radius:1rem;background:var(--site-panel);box-shadow:var(--site-shadow);padding:1rem;min-width:0}.five-atom-demo__section-head p,.five-atom-demo__footer-actions p{margin:.35rem 0 0;color:var(--sl-color-gray-4)}.five-atom-demo__op-label{display:inline-flex;align-items:center;border-radius:999px;padding:.35rem .75rem;font-size:.82rem;color:var(--sl-color-gray-5);background:#ffffff29}.five-atom-demo__section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.five-atom-demo__section-head h3,.five-atom-demo__control-group h4{margin:0}.five-atom-demo__scene-wrap{margin-top:.2rem}.five-atom-demo__scene{display:block;width:min(60%,34rem);height:auto;margin-inline:auto;border-radius:.95rem;border:1px solid var(--site-border);background:radial-gradient(circle at 50% 50%,rgba(89,243,217,.14),transparent 32%),linear-gradient(180deg,#071a27fa,#0b3143f0)}.five-atom-demo__pulse{fill:#ffca6f2e;stroke:#ffca6fe0;stroke-width:.7;animation:atom-pulse .9s ease-out 1;transform-origin:center}.five-atom-demo__tex-wrap{margin-top:.25rem;padding:.95rem 1rem;border-radius:.9rem;border:1px solid var(--site-border);background:#ffffff14;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}.five-atom-demo__tex-label{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--sl-color-accent)}.five-atom-demo__tex-math{display:inline-block;margin-top:.6rem;min-width:max-content;white-space:nowrap;cursor:grab}.five-atom-demo__tex-math .katex{font-size:1.02rem;white-space:nowrap}.five-atom-demo__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.five-atom-demo__control-group{display:grid;gap:.65rem;padding:.95rem 1rem;border-radius:.95rem;background:#ffffff14}.five-atom-demo__control-group>*{margin-top:0}.five-atom-demo__control-label{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--sl-color-gray-5)}.five-atom-demo__option-row{display:flex;flex-wrap:wrap;gap:.55rem}.five-atom-demo__option-row--pair{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.five-atom-demo__option-row>*{margin-top:0}.five-atom-demo__option-button,.five-atom-demo__gate-action,.five-atom-demo__secondary{border:1px solid rgba(0,122,126,.26);border-radius:.8rem;padding:.7rem .9rem;font:inherit;color:#0b3143;background:#ffffffeb;cursor:pointer}:root[data-theme=dark] .five-atom-demo__option-button,:root[data-theme=dark] .five-atom-demo__gate-action,:root[data-theme=dark] .five-atom-demo__secondary{color:var(--sl-color-white);background:#ffffff14}.five-atom-demo__option-button{min-width:3rem;font-weight:600}.five-atom-demo__option-button--pair{min-width:4.5rem}.five-atom-demo__option-button[data-selected=true]{border-color:#59f3d9b8;color:#062634;background:linear-gradient(135deg,#59f3d9c2,#ffca6fb8);box-shadow:0 0 0 1px #59f3d938}:root[data-theme=dark] .five-atom-demo__option-button[data-selected=true]{color:#041520}.five-atom-demo__gate-action{min-width:4rem;font-weight:700}.five-atom-demo__reset-button{width:auto;min-width:5.5rem;justify-self:end}.five-atom-demo__gate-note{margin:0;font-size:.9rem;color:var(--sl-color-gray-4)}.five-atom-demo__footer-actions{display:grid;gap:.7rem;margin-top:.9rem}.five-atom-demo__table-wrap{max-height:28rem;overflow:auto;border-radius:.9rem;border:1px solid var(--site-border)}.five-atom-demo__details{margin-top:.85rem}.five-atom-demo__details summary{cursor:pointer;list-style:none;user-select:none;padding:.8rem 1rem;border-radius:.9rem;border:1px solid var(--site-border);background:#ffffff14;font-weight:600}.five-atom-demo__details summary::-webkit-details-marker{display:none}.five-atom-demo__details[open] summary{border-bottom-left-radius:.55rem;border-bottom-right-radius:.55rem;margin-bottom:.6rem}.five-atom-demo__table{width:100%;border-collapse:collapse;font-size:.92rem}.five-atom-demo__table th,.five-atom-demo__table td{padding:.65rem .8rem;text-align:left;border-bottom:1px solid rgba(12,53,72,.08)}.five-atom-demo__table thead th{position:sticky;top:0;background:#f4efe6f5;backdrop-filter:blur(12px)}:root[data-theme=dark] .five-atom-demo__table thead th{background:#0c202df5}.five-atom-demo__table tr[data-active=false]{opacity:.46}.five-atom-demo__table tr[data-active=true]{font-weight:600}@keyframes atom-pulse{0%{opacity:.15;r:7}50%{opacity:.95;r:12}to{opacity:.05;r:15}}@media(max-width:50rem){.five-atom-demo__panel{padding-left:.9rem;padding-right:.9rem}.five-atom-demo__section-head{grid-template-columns:1fr;display:grid}.five-atom-demo__op-label,.five-atom-demo__reset-button{justify-self:start}.five-atom-demo__option-button,.five-atom-demo__gate-action{flex:1 1 calc(33.333% - .55rem);min-width:0}.five-atom-demo__scene{width:min(100%,24rem)}.five-atom-demo__table-wrap{max-height:22rem}.five-atom-demo__tex-math .katex{font-size:.94rem}}