/* White anatomical workstation; local adaptation, not verified repository CSS. */
:root{--bg:#fff;--ink:#20252c;--muted:#6f7680;--line:#e9ebee;--green:#343d49;--orange:#b96a49}body{background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px}header{height:62px;padding:0 22px;background:#fff;position:relative;z-index:5;border-bottom:1px solid var(--line)}.brand{font-size:18px;letter-spacing:-.6px;gap:9px}.brand small{font-size:9px;letter-spacing:1.3px;font-weight:500}.logo{color:#303842;font-size:25px}nav{gap:20px}.nav{font-size:12px;padding:22px 3px}.nav.active{border-color:#272e37}.new{display:none}.headerActions{display:flex;gap:7px}.button{font-size:11px;padding:8px 11px;border-color:#e0e3e7;background:white}.button span{margin-left:5px}#layerToggle{display:none}
main{height:calc(100vh - 62px);max-width:none;grid-template-columns:235px minmax(0,1fr)}.left{padding:22px 16px 14px;background:white;display:flex;flex-direction:column;min-height:0;border-color:var(--line)}.sidebarTitle{font-size:13px;font-weight:600;margin:0 0 15px}.tabs{margin:0 0 14px}.tabs button.selected{border-color:#313943;color:#242b33}.tabs span{background:#f1f2f4}.search{background:#fafbfc;border-color:#e5e7eb;padding:10px}.search input{font-size:11px}#structurePanel{display:flex;flex-direction:column;min-height:0;flex:1}#structures{max-height:none;overflow:auto;flex:1;scrollbar-width:thin}.grouphead{color:#8a9099;font-size:9px;letter-spacing:1.2px;margin:20px 5px 7px}.structure{padding:4px 7px;min-height:36px}.structure.active{background:#f0f2f5}.structure button{font-size:11px}.toggle:checked{background:#515b69}.toggle{background:#dfe3e8}.part-tree{display:flex;flex-direction:column;margin:3px 0 8px 14px;border-left:1px solid #dfe3e8;padding-left:10px}.part-tree button{border:0;background:none;text-align:left;font-size:10px;color:#777f8a;padding:6px 4px}.part-tree button.active{color:#222a35;background:#eef1f5;border-radius:4px}.coverage{border-color:#e9ebee;font-size:10px;margin-top:12px;padding-top:10px;color:#858c96}.coverage b{color:#626c79;font-size:10px}.leftfooter{margin:14px 0 0}.statusdot{background:#87959b}.workspace{position:relative;padding:0;display:flex;flex-direction:column;min-height:0;background:white}.viewhead{padding:18px 24px 12px}.viewhead .eyebrow{display:none}.viewhead h2{font:500 15px Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.2px;margin:0}.pill{background:#f7f8fa;color:#717b88;border-color:#e4e7ec;font-size:9px;padding:5px 9px}.materialbar{position:absolute;right:23px;top:58px;z-index:3;margin:0;padding:0;border:0;background:white;gap:12px;color:#757d86}.materialbar label{font-size:10px}.materialbar select{background:#fff;border-color:#e3e6eb;color:#505964;font-size:10px}.materialbar button{color:#59636f;border-color:#e3e6eb;background:white}.layerstrip{position:absolute;bottom:86px;left:24px;z-index:3;margin:0;background:#fffffff0;border:1px solid #e7eaee;padding:10px 12px;border-radius:7px;gap:12px;max-width:335px}.layerstrip .eyebrow{display:none}.layerstrip strong{font-size:10px;margin:0;min-width:112px;color:#68717e}.layerstrip input{width:92px;min-width:50px}.layerEnds{display:none}.focusbar{position:absolute;left:24px;top:59px;z-index:3;border:0;background:#fff;color:#606a76;padding:0;gap:9px}.focusbar>span{display:none}.focusbar select{background:white;color:#56606d;border:1px solid #e3e6eb;padding:6px;font-size:10px}.focusbar button{color:#697484}.inventorybar{display:flex;align-items:center;gap:10px;position:absolute;z-index:3;left:24px;bottom:138px;background:#fff;border:1px solid #e4e7eb;padding:4px;border-radius:7px;font-size:10px;box-shadow:0 2px 8px #1d273207}.viewmode{display:flex;gap:3px}.inventorybar button{border:0;background:white;font-size:10px;padding:8px;border-radius:4px}.viewmode button.active{background:#eef1f4;color:#25303e}.inventorybar button:disabled{opacity:.3;cursor:default}#inventoryStatus{color:#9096a0;font-size:9px}.canvaswrap{flex:1;height:auto;min-height:0;margin:0;border:0;border-radius:0;background:white}.canvaswrap canvas{background:#fff}.viewtop{top:55px;left:24px;right:24px}.viewtop .caption{font-size:8px;color:#a0a5ac}.viewtop .statusdot{background:#a3adb4}.floating{background:#fff;color:#697583;border-color:#e6e9ed}.floating.on{color:#fff;background:#555e69}.viewtools{background:#fff;border-color:#e3e6eb;right:24px;bottom:125px;box-shadow:0 2px 7px #25374706}.viewtools button{color:#53606c}.viewhint{color:#a0a5ad;font-size:10px;bottom:26px}.orientation{color:#a4abb4;bottom:44px;left:25px}.toolbar{padding:12px 24px;gap:17px;border-top:1px solid var(--line);border-bottom:0;background:#fff;font-size:10px;min-height:48px}.toolbar input,.layerstrip input,.sectionbar input{accent-color:#636e7b}.sectionbar{padding:9px 24px;font-size:10px;gap:22px;color:#7a838e;border-color:#eceef1;background:#fafbfc}.sectionbar input{width:100px}#meshStats{color:#9ca2aa;font-size:9px}.story{display:none}.footnote{padding:7px 24px;border-color:#edf0f3;font-size:9px;color:#9a9fa7;background:white}.right{display:none;position:absolute;z-index:6;top:74px;right:14px;bottom:14px;width:292px;overflow:auto;columns:auto;background:#fffffff7;border:1px solid #e0e4e9;box-shadow:0 6px 30px #24314113;border-radius:10px;padding:18px;scrollbar-width:thin}.inspector-open .right{display:block}.right .eyebrow{display:block;color:#8b929d;font-size:9px}.right .divider{display:block;margin:20px 0}.variantSpotlight{background:#fafafa;border:1px solid #e7e8eb;border-radius:7px;padding:12px;margin-bottom:22px}.variantRow h3{font-size:17px;color:#353e4b}.variantRow strong{color:#a65b49}.variantRow span,.residueRow span{color:#8e959e}.variantSpotlight button{color:#6b7580;border-color:#e7e9ed}.residueRow{margin:12px 0}#residueSymbol{background:#eff2f5;color:#4c5968;border-color:#dfe4ea}#residueSymbol.mutant{background:#f5e6e1;color:#a65b49;border-color:#eaccc2}.tag{color:#939aa4;font-size:9px}.right .description{color:#7b838e;line-height:1.7}.subparts label{border-color:#eceef2;color:#666f7d}.subparts input{accent-color:#5b6674}.subpart-name{border:0;background:none;color:#68717e;font-size:11px;padding:0;text-align:left}.subpart-name:hover{color:#1c2838}.partParent{color:#8d96a1;font-size:10px}.inspectButtons{flex-wrap:wrap}.inspectButtons button{background:#f8f9fb;border-color:#e2e6ec;color:#586575;white-space:nowrap}.wide{background:#f5f6f8;border-color:#e2e6eb;color:#5b6572}.quiet{color:#7c8490}.source,dialog a{color:#606f80}.selectlabel select{border-color:#e1e5ea}.readout{border-color:#eceef1}.readout span{color:#818a96}.smallnote{color:#929aa4}.driver,.driver.featured{background:#fff;border-color:#e1e5eb}.driver.on{background:#fbf5f2;border-color:#d9b8aa}.driver p{color:#7c8590}.label{pointer-events:auto;max-width:190px;white-space:normal;color:#566271;background:#fffffff0;border:1px solid #dce2e8;font-size:10px;box-shadow:0 2px 6px #273a4e08;border-radius:4px}.label:before{background:#b6bfc9}.piece-label{pointer-events:auto;position:absolute;transform:translateX(-50%);border:0;background:#ffffffed;border-radius:5px;padding:5px 8px;max-width:90%;min-width:100px;color:#576575;cursor:pointer}.piece-label b{font-size:10px;font-weight:500;display:block}.piece-label small{font-size:8px;color:#a2a8b1;display:block;margin-top:3px}.piece-label.selected{background:#edf1f5}.canvaswrap:has(.inventory-labels) .viewtop{display:none}.canvaswrap:has(.inventory-labels) .viewhint{display:none}.canvaswrap:has(.inventory-labels){margin-bottom:150px}.workspace:has(.inventory-labels) .layerstrip{display:none}#compareTag{color:#5f6977}#compareTag span{color:#8b96a3}dialog{background:white;border-color:#e1e6eb;color:#313b48}dialog p{color:#737e8d}dialog::backdrop{background:#27313c66}.residueCompare>div{background:#f6f8fa;border-color:#e4e8ed}.residueCompare>div:last-child{background:#fcf4ef}.variantSwitch{background:#f5f7fa}#evidencePanel{position:absolute;right:24px;bottom:75px;width:325px;max-width:calc(100% - 48px);border:1px solid #e6ddd8;box-shadow:0 4px 20px #44382d0a;border-radius:9px;background:#fffffff5;padding:16px;z-index:4}.evidenceTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.evidenceTop b{font-size:12px;color:#9f5d48}#evidenceBadge{font-size:8px;color:#9299a3;text-align:right}#evidenceSteps{display:flex;gap:4px;margin:16px 0 12px}#evidenceSteps button{flex:1;background:#f5f6f8;color:#939ba6;border:0;border-radius:4px;font-size:10px;padding:7px 3px}#evidenceSteps button.active{background:#f2e4dc;color:#a36045}#evidenceSteps span{display:block;font-size:7px;margin-top:4px}#evidenceTitle{font-size:12px;font-weight:500;margin:12px 0 5px}#evidenceText{font-size:11px;color:#79828e;line-height:1.7;margin:0 0 13px}.evidenceFooter{display:flex;justify-content:space-between;align-items:center}.evidenceFooter a{font-size:9px;color:#8d9aab}.evidenceFooter button{font-size:10px;border:0;background:none;color:#a2674e}.immersive main{grid-template-columns:1fr}.immersive .canvaswrap{height:auto;min-height:0}.immersive .left{display:none}
@media(max-width:1100px){main{grid-template-columns:210px minmax(0,1fr)}.right{columns:auto}.materialbar{gap:5px;right:16px}.materialbar label{font-size:0}.materialbar select{max-width:130px}.focusbar{left:18px}.focusbar>span{display:none}.materialbar #immersive{display:none}.inventorybar{left:18px;gap:4px}#inventoryStatus{display:none}.viewtop .caption{font-size:7px}.sectionbar{gap:15px}#meshStats{display:none}}
@media(max-width:700px){header{height:58px;min-height:58px;padding:0 12px;flex-wrap:nowrap}.brand{font-size:16px;letter-spacing:-.5px}.brand small,header nav,#save{display:none}#layerToggle{display:block}.headerActions{gap:5px}.button{font-size:10px;padding:7px 9px}main{height:calc(100dvh - 58px);display:flex;flex-direction:column}.workspace{order:0;width:100%;flex:1;min-height:0}.left{display:none;position:absolute;left:8px;top:65px;bottom:10px;z-index:7;width:260px;border:1px solid #e2e6eb;border-radius:9px;box-shadow:0 8px 30px #24314120}.layers-open .left{display:flex}#structures{display:block;max-height:none}.right{top:65px;width:min(292px,calc(100% - 16px));right:8px;bottom:10px}.viewhead{padding:16px 15px 11px}.viewhead h2{font-size:13px}.pill{font-size:8px}.materialbar{top:51px;right:12px;gap:3px}.materialbar select{max-width:98px;font-size:8px;padding:5px}.materialbar label:first-child{display:none}.focusbar{top:51px;left:13px;flex-wrap:nowrap;gap:4px}.focusbar select{max-width:140px;font-size:9px}.focusbar button{font-size:9px}.canvaswrap{height:auto;min-height:0;flex:1}.viewtop{top:47px;left:14px;right:14px}.viewtop .caption{display:none}.viewtop .floating{margin-left:auto;font-size:8px}.viewtools{right:13px;bottom:125px}.viewtools button{padding:5px 9px}.inventorybar{left:13px;bottom:134px}.inventorybar button{font-size:9px;padding:7px}.layerstrip{left:13px;bottom:86px;max-width:270px;padding:9px}.layerstrip strong{min-width:112px}.sectionbar{padding:9px 13px;gap:13px;font-size:8px}.sectionbar input{width:65px}.toolbar{padding:9px 13px;gap:12px;font-size:9px;min-height:45px}.toolbar .opacity{margin-left:0}.toolbar .opacity input{width:45px}.toolbar #reset{display:none}.footnote{font-size:7px;padding:5px 13px}.viewhint{font-size:8px;bottom:16px}.orientation{display:none}.canvaswrap:has(.inventory-labels){margin-bottom:140px}.piece-label{padding:3px;min-width:80px}.piece-label b{font-size:8px}.piece-label small{font-size:7px}#evidencePanel{right:13px;bottom:73px;width:260px;padding:12px}.mutation-active .inventorybar,.mutation-active .layerstrip{display:none}#evidenceText{font-size:10px}#evidenceTitle{font-size:11px}.viewmode{gap:1px}.evidenceTop b{font-size:11px}}
/* Keep floating controls clear of the lower settings rows. */
.layerstrip{bottom:118px}.inventorybar{bottom:166px}#driverPanel{overflow:auto;min-height:0}.mutation-active #evidencePanel{bottom:85px}
@media(max-width:700px){.layerstrip{bottom:116px}.inventorybar{bottom:162px}.mutation-active #evidencePanel{bottom:73px}}
/* Membrane transport and genome exploration. */
#activityCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;background:transparent!important;z-index:1}#labels{z-index:2}.viewtop,.viewtools,.viewhint{z-index:3}.activitybar{display:flex;align-items:center;gap:13px;position:relative;z-index:4;margin:40px 24px 0;padding:10px 0;border-bottom:1px solid #eef0f3;color:#7c8591;flex-wrap:wrap;font-size:10px}.activitybar label{display:flex;align-items:center;gap:5px}.activitybar input{accent-color:#687786;width:11px;height:11px}.activitybar select{font-size:10px;border:1px solid #e2e7ec;border-radius:4px;background:white;color:#5e6c7a;padding:5px;max-width:175px}.activitybar button{font-size:10px;background:#f5f7fa;color:#63758a;border:1px solid #e0e6ed;border-radius:4px;padding:6px 8px}.activitybar :disabled{opacity:.4}.viewtop{top:12px}#activityCaption{position:absolute;bottom:54px;left:24px;right:24px;color:#687b8d;font-size:10px;line-height:1.5;background:#fffffff0;padding:7px 10px;border-radius:5px;pointer-events:none;z-index:3;width:fit-content;max-width:calc(100% - 48px)}#genomeCaption{position:absolute;top:55px;left:24px;max-width:440px;border:1px solid #e4e8ef;background:#ffffffed;padding:10px 12px;font-size:11px;line-height:1.6;border-radius:6px;color:#6b7486;z-index:3}.canvaswrap:has(.inventory-labels) #activityCaption{display:none}#purposeDialog{max-width:850px;max-height:85vh;overflow:auto}#purposeDialog table{border-collapse:collapse;font-size:11px;width:100%;margin:15px 0;color:#727d8c}#purposeDialog td,#purposeDialog th{padding:10px;border:1px solid #e3e7ee;text-align:left;vertical-align:top}#purposeDialog th{background:#f7f9fb;color:#536374}#purposeDialog h3{font-size:15px;margin-top:25px}.materialbar select{max-width:180px}.inventorybar{bottom:170px}.layerstrip{bottom:122px}.mutation-active #evidencePanel{bottom:94px}.canvaswrap{overflow:hidden}.canvaswrap:has(.inventory-labels){margin-bottom:150px}.footnote{color:#7c858f}nav{gap:13px}.nav{font-size:11px}
@media(max-width:1100px){.brand small{display:none}.activitybar{gap:8px;margin-left:18px;margin-right:18px}.activitybar select{max-width:140px}#activityCaption{font-size:9px}.materialbar select{max-width:145px}.viewhead h2{font-size:13px}}
@media(max-width:700px){.activitybar{margin:38px 13px 0;padding:7px 0;gap:6px;font-size:8px}.activitybar select{font-size:8px;max-width:125px;padding:4px}.activitybar button{font-size:8px;padding:5px}.activitybar input{width:10px;height:10px}.activitybar label:nth-last-child(2){display:none}#activityCaption{bottom:51px;left:13px;right:13px;max-width:calc(100% - 26px);font-size:8px;padding:5px}#genomeCaption{top:45px;left:13px;right:13px;max-width:none;font-size:9px;padding:7px}.viewtop{top:8px}.viewhint{display:none}.layerstrip{bottom:116px}.inventorybar{bottom:158px}#purposeDialog{padding:20px}#purposeDialog table{font-size:9px}#purposeDialog td,#purposeDialog th{padding:6px}#evidencePanel{max-height:48%;overflow:auto}.mutation-active #evidencePanel{bottom:85px}.materialbar{top:51px}}

@media(min-width:701px){#activityCaption{left:auto;right:24px;bottom:76px;max-width:46%;text-align:right}}

.optics-note{position:absolute;top:42px;left:24px;right:24px;z-index:3;font-size:9px;letter-spacing:.2px;color:#717b86;pointer-events:none}.optics-note span{display:none}body[data-cell-material="neutral"] .neutral-note,body[data-cell-material="natural"] .color-note,body[data-cell-material="mono"] .em-note{display:block}#genomeCaption{top:78px}body[data-cell-material="neutral"] #activityCanvas,body[data-cell-material="mono"] #activityCanvas{filter:grayscale(1)}@media(max-width:700px){.optics-note{top:34px;left:13px;right:13px;font-size:8px;max-width:70%}#genomeCaption{top:78px}}
#inventoryBrowser{position:absolute;inset:0;z-index:4;pointer-events:none}#inventoryBrowser[hidden]{display:none}.inventory-searchbar{height:65px;display:flex;align-items:center;gap:12px;padding:8px 24px;background:#ffffffed;border-bottom:1px solid #e9edf1;pointer-events:auto}.inventory-searchbar b{display:block;font-size:12px}.inventory-searchbar small{display:block;font-size:9px;color:#828b95;margin-top:4px;max-width:350px}.inventory-searchbar input{width:150px;padding:8px;border:1px solid #dfe4e9;border-radius:5px;font:inherit}.inventory-searchbar select{padding:7px;border:1px solid #dfe4e9;background:white;font:inherit}#inventoryRange{margin-left:auto;font-size:10px;color:#77818c}#inventoryScroll{position:absolute;top:70px;bottom:100px;left:0;right:0;overflow-y:auto;pointer-events:auto;overscroll-behavior:contain;scrollbar-width:thin}#inventorySpacer{width:1px;pointer-events:none}#inventoryCards{position:absolute;inset:0;pointer-events:none}.inventory-card{position:absolute;border:0;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3;background:transparent;pointer-events:auto;border-radius:0;padding:0 12px;text-align:center;cursor:pointer}.inventory-card:hover{background:#758eaa08}.inventory-card.selected{box-shadow:inset 0 0 0 2px #899cad}.inventory-card span{position:absolute;bottom:12px;left:10px;right:10px;display:block;background:#ffffffed;padding:3px}.inventory-card b{display:block;color:#354251;font-size:10px;line-height:1.35}.inventory-card small{display:block;color:#87909a;font-size:9px;margin-top:4px}.inventory-open .viewtop,.inventory-open .viewhint,.inventory-open .viewtools,.inventory-open .orientation,.inventory-open .optics-note,.inventory-open #activityCaption,.inventory-open #genomeCaption,.inventory-open .layerstrip,.inventory-open #prevPieces,.inventory-open #nextPieces{display:none!important}.inventory-open .inventorybar{bottom:115px}.inventory-open .canvaswrap{margin-bottom:0!important}.inventory-open #cell{pointer-events:none}.inventory-open #activityCanvas{display:none}@media(max-width:700px){.inventory-searchbar{padding:8px;gap:6px;flex-wrap:wrap;height:95px}.inventory-searchbar small{display:none}.inventory-searchbar input{width:110px}.inventory-searchbar select{font-size:9px}#inventoryRange{font-size:9px}#inventoryScroll{top:100px}.inventory-card b{font-size:9px}.inventory-card small{font-size:8px}}

.inventory-open #cell{clip-path:inset(70px 0 100px)}.inventory-open #inspectPart{display:none}@media(max-width:700px){.inventory-open #cell{clip-path:inset(100px 0 100px)}}

#itemDetail{width:min(680px,90vw);padding:28px;border-radius:14px;max-height:90vh;overflow:auto}#itemDetail canvas{width:100%;height:auto;border-radius:10px}#itemDetail h2{font-size:22px}.itemClose{float:right;border:0;background:#f1f3f5;border-radius:50%;width:32px;height:32px;font-size:22px;cursor:pointer}.itemDescription{line-height:1.7}body.inventory-open #inventoryBrowser{opacity:var(--inventory-progress,1)}