.cell-view-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;color:var(--muted)}.cell-view-controls .btn{font-size:12px;padding:6px 10px;min-height:36px;flex:none}
.cell-3d-active #stage{aspect-ratio:1.35;min-height:400px;background:#050e1b;border-color:#243b50}
.cell-3d-active #backBtn,.cell-3d-active #stageLabel,.cell-3d-active #tip{display:none}
#cell-viewer{position:absolute;inset:0;background:radial-gradient(ellipse at 48% 45%,#0c233a,#030b17);color:#dce8f2;font:12px Arial,sans-serif;isolation:isolate;--rule:#294158;--gold:#c9b686}
#cell-viewer [hidden],#cell-viewer[hidden]{display:none!important}
#cell-stage{position:absolute;inset:52px 0 20px}#cell{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline-offset:-4px}#cell:active{cursor:grabbing}
#cell-viewer .cell-toolbar{position:absolute;left:14px;right:14px;top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:3}
#cell-viewer #organelle-select{min-width:0;max-width:230px;width:48%;height:36px;padding:7px;border:1px solid #294158;border-radius:4px;background:#0a1828;color:#bfd1e0;font:11px Arial,sans-serif}
#cell-viewer .cell-actions{display:flex;align-items:center;gap:3px}#cell-viewer button{font:11px Arial,sans-serif;min-height:34px;color:#bfd1e0;cursor:pointer}#cell-viewer .cell-actions button{border:0;background:#0a1828c9;border-radius:3px;padding:6px 8px;white-space:nowrap}#cell-viewer #reset{font-size:21px;line-height:1;padding:4px 9px}#cell-viewer #labels-state,#cell-viewer #motion-state{color:var(--gold)}
#cell-viewer :is(button,select,canvas):focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#cell-viewer .context{display:none}#cell-viewer .detail-feedback{position:absolute;right:14px;bottom:8px;z-index:4;font-size:10px;color:#bed0df;pointer-events:none}#cell-viewer #detail-retry{pointer-events:auto;border:1px solid #64839b;background:#132b40;border-radius:4px;margin-left:6px;padding:4px 8px}
#cell-viewer #hover-label{position:absolute;max-width:230px;padding:8px 10px;z-index:4;pointer-events:none;background:#0a1c2feb;border:1px solid #294158;border-radius:3px;color:#e3edf5;font-size:11px;line-height:1.4}
#cell-viewer #pins{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}#cell-viewer .pin{position:absolute;display:flex;align-items:center;gap:6px;transform:translate(-5px,-5px);white-space:nowrap;pointer-events:auto;border:0;background:none;padding:0;min-height:20px;opacity:0}#cell-viewer .pin.shown{opacity:1}#cell-viewer .pin-dot{width:10px;height:10px;border:1px solid #dbca9e;border-radius:50%;background:#091726;flex:none}#cell-viewer .pin>span:last-child{padding:5px 7px;background:#05111deb;border:1px solid #3c5365;border-radius:3px;font-size:10px}#cell-viewer .pin[data-align=left]>span:last-child{position:absolute;right:19px}#cell-viewer .pin[data-align=above]>span:last-child{position:absolute;bottom:22px;left:-15px}#cell-viewer .pin.selected .pin-dot{background:#d7c38d}
#cell-viewer #loading{position:absolute;inset:0;z-index:6;background:#050e1b;display:grid;place-items:center;pointer-events:none}#cell-viewer #loading.hidden{display:none}#cell-viewer #loading>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.72}#cell-viewer .cell-loading-copy{position:relative;align-self:end;justify-self:center;text-align:center;margin:0 12px 24px;padding:12px 18px;background:#071525eb;border-radius:5px}#cell-viewer #loading p{font:18px Georgia,serif;margin:0 0 5px}#cell-viewer #load-progress{font-size:11px;color:#a4b8ca}#cell-viewer .loader-orbit{display:none}
@media(max-width:960px){.cell-3d-active #stage{aspect-ratio:1.6;min-height:350px}}
@media(max-width:540px){.cell-3d-active #stage{aspect-ratio:1;min-height:310px}#cell-viewer .cell-toolbar{left:8px;right:8px;gap:4px}#cell-viewer #organelle-select{font-size:10px;width:46%}#cell-viewer .cell-actions button{font-size:10px;padding:6px}#cell-stage{inset:55px 0 16px}.cell-view-controls{font-size:11px;gap:6px}.cell-view-controls .btn{font-size:11px}#cell-viewer #hover-label{font-size:10px}}

/* Individually selectable textured assembly. Keep the complete cell visible. */
#cell-viewer #loading{padding:24px;text-align:center;font:16px Georgia,serif}
#cell-viewer #hover-label{max-width:220px}
@media(max-width:540px){#cell-viewer .cell-toolbar{flex-wrap:wrap}#cell-viewer #organelle-select{width:100%;max-width:none}#cell-viewer .cell-actions{width:100%;justify-content:flex-end}#cell-stage{inset:94px 0 22px}.cell-3d-active #stage{min-height:380px}}