/* Layout adapted to the Human Atlas floating studio composition. */
:root{font-family:'Helvetica Neue',Arial,sans-serif;color:#20242b;background:#f3f4f4}body{background:#f3f4f4}header{position:fixed;top:22px;right:28px;height:45px;min-height:0;border:0;background:transparent;z-index:12;padding:0;width:auto}.brand{display:none}header nav{gap:8px}.nav{padding:12px 8px}.nav.active{border:0}.headerActions{gap:5px}#save{display:none}main{height:100dvh;display:block}.workspace{position:absolute;inset:0;background:#f3f4f4}.canvaswrap{position:absolute;inset:0;background:#f3f4f4}.canvaswrap canvas{background:#f3f4f4}.studio-identity{position:absolute;left:32px;top:29px;pointer-events:none;z-index:5}.studio-eyebrow{font-size:11px;letter-spacing:.19em;color:#737d89}.studio-identity h1{font-size:38px;font-weight:400;letter-spacing:-1.4px;margin:10px 0 9px}.studio-identity em{font-style:normal;color:#586572}.studio-identity sup{font-size:10px;vertical-align:top;letter-spacing:.08em;margin-left:10px;color:#88929d}.studio-identity p{font-size:12px;color:#78828c}.left{position:absolute;z-index:6;left:30px;top:180px;bottom:175px;width:254px;max-height:654px;padding:17px 16px 0;border:1px solid #25384a17;border-radius:6px;background:#ffffffdf;box-shadow:0 16px 48px #2433440a;backdrop-filter:blur(20px)}.sidebarTitle{font-size:14px;font-weight:400}.structure button{font-size:12px}.grouphead{margin-top:12px}.coverage{display:none}.leftfooter{margin:8px 0}.viewhead,.viewtop,.viewhint,.orientation,.optics-note,.viewtools,.sectionbar,.toolbar,.footnote,.inventorybar,.layerstrip,.activitybar,.focusbar,.materialbar{display:none!important}.studio-dock{position:absolute;z-index:10;bottom:54px;left:50%;transform:translateX(-50%);width:460px;padding:17px 20px;border:1px solid #25384a17;border-radius:6px;background:#fffffff0;box-shadow:0 16px 48px #2433440a}.dock-label{display:flex;justify-content:space-between;font-size:13px;color:#3c4956}.dock-label output{font-variant-numeric:tabular-nums}#dockSlider input{width:100%;accent-color:#526b79;margin:18px 0 10px}.dock-ends{display:flex;justify-content:space-between;font-size:10px;color:#7c8793}.studio-views{position:absolute;right:30px;top:45%;z-index:8;border:1px solid #25384a17;border-radius:5px;background:#ffffffdf;padding:5px;display:flex;flex-direction:column}.studio-views button{width:40px;height:44px;border:0;background:transparent;color:#74818e;cursor:pointer}.studio-views button:hover{background:#263b4812}.studio-views hr{width:26px;border:0;border-top:1px solid #18253615}.studio-settings{position:absolute;bottom:22px;right:30px;z-index:11;border:0;background:none;color:#73808c;font-size:11px;cursor:pointer}.controls-open .activitybar,.controls-open .focusbar,.controls-open .materialbar,.controls-open .toolbar,.controls-open .layerstrip{display:flex!important;position:absolute;background:#fffffff5;z-index:11;border:1px solid #e0e5e8;padding:12px;border-radius:6px;left:auto;right:90px;top:auto;max-width:470px}.controls-open .activitybar{bottom:270px}.controls-open .focusbar{bottom:220px}.controls-open .materialbar{bottom:170px}.controls-open .toolbar{bottom:115px}.controls-open .layerstrip{bottom:65px}.right{top:110px;bottom:180px;right:90px;z-index:15}.inventory-searchbar{margin-left:300px;margin-right:85px;margin-top:105px;border-radius:6px;height:65px;padding:8px 16px}.inventory-searchbar small{max-width:200px}.inventory-searchbar b{font-size:11px}.inventory-searchbar input{width:130px}#inventoryScroll{top:180px;bottom:175px;left:300px;right:85px}.inventory-open #cell{clip-path:none}.inventory-moving #inventoryScroll{pointer-events:auto;overflow-y:auto}.inventory-open #activityCaption{display:none}#activityCaption{bottom:180px!important;right:90px!important;max-width:350px!important;font-size:10px}#itemDetail{z-index:50}#itemDetail h2{font-weight:400}#itemDetail::backdrop{background:#263b4855;backdrop-filter:blur(5px)}
@media(max-width:900px){header nav{display:none}.left{left:18px;width:220px}.inventory-searchbar{margin-left:255px}.inventory-searchbar small,#inventoryRange{display:none}#inventoryScroll{left:255px}.studio-dock{width:400px}.studio-identity{left:22px}}
@media(max-width:700px){.studio-identity{left:20px;top:22px}.studio-identity h1{font-size:31px}.studio-eyebrow{font-size:9px}.studio-identity p{font-size:10px}header{right:12px;top:20px}.left{display:none;left:12px;top:135px;bottom:165px;width:260px}.layers-open .left{display:flex}.studio-dock{width:calc(100% - 24px);bottom:30px;padding:14px}.studio-views{right:12px;top:38%}.studio-views button{width:32px;height:38px}.studio-settings{right:15px;bottom:9px}.inventory-searchbar{margin:115px 12px 0;height:65px;flex-wrap:nowrap;padding:8px}.inventory-searchbar b{font-size:9px;max-width:115px}.inventory-searchbar input{width:100px}.inventory-searchbar select{max-width:100px}#inventoryScroll{left:12px;right:12px;top:190px;bottom:155px}.inventory-open .studio-views{display:none}.right{top:135px;bottom:160px;right:12px}.controls-open .activitybar,.controls-open .focusbar,.controls-open .materialbar,.controls-open .toolbar,.controls-open .layerstrip{right:12px;left:12px;max-width:none}.controls-open .activitybar{bottom:340px}.controls-open .focusbar{bottom:290px}.controls-open .materialbar{bottom:240px}.controls-open .toolbar{bottom:190px}.controls-open .layerstrip{bottom:140px}.inventory-card b{font-size:9px}}

.inventory-settled #cell{clip-path:inset(180px 85px 175px 300px)}@media(max-width:900px){.inventory-settled #cell{clip-path:inset(180px 85px 175px 255px)}}@media(max-width:700px){.inventory-settled #cell{clip-path:inset(190px 12px 155px 12px)}}
#itemDetail{width:min(780px,94vw);max-height:90dvh;padding:28px;overflow:auto;border:1px solid #e3e7e9;border-radius:12px}#itemDetail .science-evidence{border-top:1px solid #e4e8ea;margin-top:16px;padding-top:18px}.evidence-eyebrow{font-size:10px;letter-spacing:.17em;color:#687985}.evidence-status{font-size:11px;background:#f1f5f4;padding:10px;border-radius:5px}.evidence-scope,.evidence-citation{font-size:12px;color:#66737c;line-height:1.6}.evidence-body h3{font-size:19px;font-weight:400;line-height:1.4}.science-evidence figure{margin:16px 0;padding:16px;border:1px solid #e6e9ea;border-radius:8px;background:#fafbfb}.science-evidence img{display:block;max-width:100%;height:auto;max-height:360px;object-fit:contain;margin:auto}.science-evidence figcaption{font-size:11px;color:#586771;line-height:1.6;margin-top:14px}.science-evidence a{display:inline-block;font-size:12px;margin:8px 15px 8px 0;color:#365b6d}.science-evidence p{line-height:1.65}.model-preview{margin:20px 0;border-top:1px solid #e5e9eb;padding-top:15px}.model-preview summary{cursor:pointer;font-size:13px;color:#566975}.model-preview canvas{max-width:100%;height:auto}.evidence-error{color:#82643b;font-size:12px}.science-evidence button{border:1px solid #ccd5d9;background:white;border-radius:4px;padding:8px 14px;cursor:pointer}
.evidence-kind{display:inline-block;font-size:10px;letter-spacing:.05em;background:#eaf1ef;color:#3e6259;padding:6px 9px;border-radius:4px}.evidence-facts{border-top:1px solid #e4e9eb;border-bottom:1px solid #e4e9eb;padding:10px 0}.evidence-fact{display:grid;grid-template-columns:145px 1fr;gap:15px;margin:9px 0;font-size:12px;line-height:1.5}.evidence-fact dt{color:#71808a}.evidence-fact dd{margin:0;color:#33434c}.science-evidence img{min-height:120px}.variant-evidence-button{padding:10px 14px;border:1px solid #cdd8dc;border-radius:5px;background:white;color:#365665;cursor:pointer}.inventory-card:focus-visible{outline:2px solid #567a8c;outline-offset:-3px}.inventory-card:hover{box-shadow:inset 0 0 0 1px #9badb7}.inventory-card small:after{content:' · View details'}@media(max-width:600px){.evidence-fact{grid-template-columns:1fr;gap:2px}}

/* Reference content stays inside the item dialog. */
#itemDetail{width:min(860px,94vw)}.reference-viewer{margin:18px 0;border:1px solid #dde5e7;border-radius:8px;padding:12px;background:#f7f9f9}.reference-viewport{max-height:480px;overflow:auto;background:#eef2f2;border-radius:5px}.reference-viewport img{display:block;height:auto;margin:0;min-height:0}.reference-viewport img[hidden]{display:none}.image-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.image-toolbar span{margin-right:auto;font-size:12px;color:#596b75}.image-toolbar button,.science-evidence>button{border:1px solid #cdd8dc;border-radius:5px;background:white;padding:7px 11px;color:#334b58;cursor:pointer}.image-toolbar button:disabled{opacity:.4;cursor:default}.image-toolbar button[hidden]{display:none}.record-summary{white-space:pre-line;line-height:1.75}.record-citation{border-top:1px solid #e0e6e8;padding:14px 0;margin-top:12px;font-size:12px;line-height:1.6}.record-citation summary{cursor:pointer;color:#405e6d}.source-address{overflow-wrap:anywhere;color:#6b7b84}.reference-viewer figcaption{font-size:11px;line-height:1.6;margin-top:10px}.science-evidence h4{font-size:13px;margin:22px 0 8px}.image-load-status{font-size:12px;line-height:1.6}

#itemDetail{width:min(1400px,96vw);max-width:96vw;max-height:92dvh;padding:24px 30px}.reference-columns{display:grid;grid-template-columns:minmax(300px,1fr) minmax(380px,1.15fr);gap:28px;align-items:start}.reference-visual{position:sticky;top:0}.reference-viewer{margin-top:0}.reference-viewport{max-height:65vh}.reference-information{min-width:0}.reference-information>h4:first-child{margin-top:0}.molecular-panel{border-top:1px solid #dce4e7;margin-top:22px;padding-top:5px}.protein-sequence{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;max-height:230px;overflow:auto;font:12px/1.7 monospace;background:#f4f6f7;padding:12px}.molecular-panel button{padding:8px 12px;background:white;border:1px solid #ccd7dc;border-radius:5px}.molecular-panel button[hidden]{display:none}@media(max-width:800px){#itemDetail{padding:20px}.reference-columns{grid-template-columns:1fr;gap:15px}.reference-visual{position:static}.reference-viewport{max-height:45vh}}

.selected-identity h3{margin-bottom:4px}.match-unavailable{background:#f3f6f7;border-left:3px solid #8299a6;padding:16px 18px;line-height:1.6}.related-reference{margin:22px 0;border:1px solid #d9e1e5;border-radius:7px;padding:16px}.related-reference>summary{cursor:pointer;font-size:14px;color:#405a69}.match-warning{padding:12px 14px;background:#faf5e9;color:#6e5928;font-size:13px;line-height:1.6}.related-body{margin-top:20px}

.local-item-details .model-preview{margin:0;padding:16px;background:#f5f7f8;border:1px solid #dbe3e6;border-radius:8px}.local-item-details .model-preview summary{cursor:pointer;margin-bottom:12px}.local-item-details .reference-information h3{margin-top:8px}

/* Vertical separation rail keeps the center and lower canvas unobstructed. */
.studio-dock{left:auto;right:24px;top:50%;bottom:auto;transform:translateY(-50%);width:78px;height:min(420px,60dvh);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:12px}
.dock-label{flex-direction:column;align-items:center;text-align:center;gap:8px;font-size:11px;line-height:1.4}.dock-label output{font-size:12px}.dock-end{font-size:9px;color:#7c8793}
#dockSlider{flex:1;min-height:70px;display:flex;justify-content:center;width:100%}
#dockSlider input{writing-mode:vertical-lr;direction:rtl;width:36px;height:100%;margin:0;cursor:ns-resize;touch-action:none;accent-color:#526b79}
.studio-views{top:auto;bottom:55px;right:24px;flex-direction:row}.studio-views button{width:34px;height:34px}.studio-views hr{width:1px;height:24px;border:0;border-left:1px solid #18253615;margin:5px}
.inventory-searchbar{margin-right:116px}#inventoryScroll{right:116px;bottom:30px}.inventory-settled #cell{clip-path:inset(180px 116px 30px 300px)}.inventory-open .studio-views{display:none}#activityCaption{bottom:32px!important;right:240px!important}
@media(max-width:900px){.inventory-settled #cell{clip-path:inset(180px 116px 30px 255px)}}
@media(max-width:700px){.studio-dock{right:10px;top:52%;bottom:auto;width:64px;height:min(360px,54dvh);padding:12px 5px;gap:9px}.dock-label{font-size:10px}.dock-end{font-size:8px}.studio-views{right:10px;top:auto;bottom:42px}.studio-views button{width:30px;height:32px}.inventory-searchbar{margin-right:84px;flex-wrap:wrap;height:auto;min-height:65px;gap:5px}.inventory-searchbar input{width:90px}.inventory-searchbar select{max-width:84px}#inventoryScroll{right:84px;bottom:28px;top:200px}.inventory-settled #cell{clip-path:inset(200px 84px 28px 12px)}#activityCaption{right:84px!important;bottom:90px!important;max-width:calc(100% - 110px)!important}}