.cell-type-switch{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.cell-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.cell-workspace{background:#131e2c;border-color:#263247;color:#e8eff7;overflow:hidden}.cell-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;border-bottom:1px solid #2a3749;flex-wrap:wrap}.cell-type-label{font-size:14px;color:#d9e7f5}.cell-tool{background:#243247;border:1px solid #384960;color:#bfcee1;border-radius:6px;padding:7px 11px;font-size:14px;min-height:36px}.cell-tool:hover{color:white;background:#34445e}.cell-tool[aria-pressed=true]{color:#dfffcd;border-color:#759b69;background:#35483b}.cell-stage{height:580px;position:relative;background:radial-gradient(ellipse at 48% 48%,#26384b 0,#111c2b 74%);overflow:hidden}.cell-stage canvas{width:100%;height:100%;touch-action:none;cursor:grab;position:absolute;inset:0}.cell-stage canvas:active{cursor:grabbing}.cell-stage canvas:focus-visible{outline-offset:-4px}.cell-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cell-label{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);font-size:12px;border-radius:5px;padding:4px 7px;background:#172335dc;border:1px solid #76889877;color:#e3edfa;white-space:nowrap;display:flex;align-items:center;gap:5px;line-height:1.6;box-shadow:0 2px 10px #0002}.cell-label i{display:block;width:6px;height:6px;border-radius:50%;background:var(--organelle-color)}.cell-label[aria-pressed=true]{background:#f0e9ff;color:#543a7e;border-color:#c4a1ff}.stage-corner{position:absolute;left:20px;top:17px;display:flex;align-items:center;gap:8px;pointer-events:none;color:#8fabc4;font-size:12px}.stage-corner span:first-child{border:1px solid #526d87;border-radius:4px;padding:0 5px}.model-loading{position:absolute;inset:45% 0 auto;text-align:center;color:#b4c8dd;font-size:14px}.cell-stage .science-error{position:relative;z-index:3;margin:90px 25px 0}.cell-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid #293a4e;flex-wrap:wrap}.cell-controls p{font-size:12px;color:#9ab1c8}.cell-controls .science-actions{gap:6px}.cell-controls .cell-tool{min-width:38px;padding:6px 9px}.cell-sidebar{max-height:720px;overflow:auto}.organelle-detail{padding:24px 23px 12px;min-height:260px}.organelle-title{display:flex;gap:11px;align-items:center}.organelle-swatch{width:17px;height:17px;border-radius:50%;box-shadow:inset 0 0 0 3px #ffffff50;flex:none}.organelle-detail h2{font-size:23px}.organelle-detail .organelle-en{font-size:12px;color:#778398;margin:2px 0 13px 28px}.organelle-function{font-size:14px;font-weight:500;color:#6b4b97;margin-bottom:10px}.organelle-description{font-size:16px;color:#4e5f72;line-height:1.85}.organelle-observe{font-size:14px;color:#68758a;background:#f3f5fa;border-left:2px solid #baa2dc;margin-top:16px;padding:10px 12px;line-height:1.8}.isolate-row{display:flex;align-items:center;gap:9px;padding:0 23px 20px}.isolate-row span{font-size:12px;color:#778398;line-height:1.6}.isolate-row button{white-space:nowrap}.organelle-index{border-top:1px solid #e1e6ee;padding:19px 19px 18px}.organelle-index h2{font-size:14px;color:#64758a;margin:0 4px 12px}#organelle-list{display:grid;grid-template-columns:1fr 1fr;gap:5px}.organelle-item{text-align:left;display:flex;align-items:center;gap:8px;padding:9px 6px;border-radius:6px;background:transparent;color:#617086;font-size:14px;line-height:1.4;min-height:38px;border:1px solid transparent}.organelle-item i{width:8px;height:8px;border-radius:50%;flex:none}.organelle-item[aria-pressed=true]{background:#eee7fa;color:#5f4285;border-color:#dfd0f2}.organelle-item:hover{background:#f0f2f7}.cell-note{padding:20px 4px 0;display:flex;gap:24px;align-items:flex-start}.cell-note h2{font-size:14px;white-space:nowrap;color:#5d6f85;padding-top:2px}.cell-note p{font-size:14px;color:#65768a;line-height:1.85;max-width:1030px}
.cell-label[hidden]{display:none}.cell-tool:disabled{opacity:.4;cursor:default}
@media(min-width:1600px){.cell-layout{grid-template-columns:minmax(0,1fr) 350px}.cell-stage{height:625px}.cell-sidebar{max-height:765px}}
@media(max-width:1100px){.cell-stage{height:530px}.cell-layout{grid-template-columns:minmax(0,1fr) 285px;gap:15px}.cell-toolbar{padding:13px}.cell-tool{padding:6px 8px;font-size:12px}.organelle-detail{padding:20px 18px 12px}.isolate-row{padding:0 18px 17px}.organelle-index{padding:17px 12px}.cell-controls{padding:12px}.cell-controls p{width:100%}.cell-sidebar{max-height:695px}.cell-type-switch .pill-button{padding:8px 10px}}
@media(max-width:800px){.cell-layout{grid-template-columns:1fr}.cell-stage{height:470px}.science-heading{flex-wrap:wrap}.cell-type-switch{width:100%;margin-top:3px}.cell-type-switch button{flex:1}.cell-sidebar{max-height:none}.organelle-detail{min-height:0}.cell-controls p{width:auto}.cell-note{display:block}.cell-note h2{margin-bottom:8px}.cell-label{font-size:12px;padding:3px 5px}.organelle-index{padding:18px}#organelle-list{grid-template-columns:repeat(3,minmax(0,1fr))}.organelle-item{font-size:14px}.cell-toolbar .science-actions{gap:5px}}
@media(max-width:450px){.cell-stage{height:400px}.cell-toolbar{gap:7px}.cell-toolbar .cell-type-label{font-size:12px}.cell-controls p{font-size:12px}#organelle-list{grid-template-columns:1fr 1fr}.cell-label{max-width:160px;overflow:hidden;text-overflow:ellipsis}}
.cell-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.cell-leaders path{fill:none;stroke:#b9c9ce70;stroke-width:1}.cell-leaders circle{fill:#c6d5d7b0}.cell-leaders path.selected{stroke:#d9c4f1bf}.cell-leaders circle.selected{fill:#e8d2ff}.cell-label{z-index:1;font-size:14px;padding:5px 8px;max-width:220px}.cell-stage{background:radial-gradient(ellipse at 48% 48%,#293c44 0,#14232d 63%,#101b28 100%)}
@media(max-width:600px){.cell-label{max-width:calc(100% - 28px);font-size:14px;padding:6px 10px;white-space:normal;text-align:left;line-height:1.5}.cell-label i{flex-shrink:0}.cell-stage{height:440px}}

.microscopy-card{border-top:1px solid #e0e6e1;margin-top:24px;padding-top:20px}.microscopy-card h3{font-size:17px}.microscopy-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.microscopy-tabs button{font-size:12px;padding:7px 9px}.microscopy-card img{display:block;width:100%;height:auto;background:#111;border-radius:8px}.microscopy-caption{font-size:14px;line-height:1.8;color:#59675f}