/* Complete Anatomy reference: graphite, petroleum green and turquoise. */
:root{--studio-graphite:#171e22;--studio-petrol:#2d4a4b;--studio-teal:#40a69b;--studio-pale:#e7f4f1}
html[data-page="atlas"] #appShell{grid-template-columns:minmax(0,1fr) 272px!important}
html[data-page="atlas"] #topbar{background:var(--studio-graphite)!important;border-bottom:1px solid #354548;color:#eef6f3}
#topbar .brand,#topbar .brandText,#topbar .scienceNavActive,#topbar #workspaceNav button,#topbar .topActions>a{color:#eef6f3!important}
#topbar #workspaceNav a{color:#d7ede8!important}
#topbar #workspaceNav .scienceNavActive{border-color:var(--studio-teal)}
#topbar .topActions button,#topbar .atlasLangBar button{background:transparent;color:#e2eeea;border-color:#405355}
#topbar .atlasLangBar button.on,#topbar .topActions .primaryBtn{background:var(--studio-teal);color:#0f2627;border-color:var(--studio-teal)}
#tierPreviewBadge{background:#2d4a4b;color:#d7f1eb;border-color:#476c69}
html[data-page="atlas"] #viewport{background:#f1f5f4!important}
html[data-page="atlas"] #inspector{background:var(--studio-graphite)!important;border-left:1px solid #354548!important}
html[data-page="atlas"] #inspector #tab-motion{padding:25px 20px!important}
#viewport #scienceStageHead{top:23px!important;left:28px!important;right:380px!important}
#viewport #scienceStageHead>div{display:block}
#viewport #scienceStageHead h2{color:#243738;font-size:30px;line-height:1.12;letter-spacing:-.045em;margin-bottom:7px}
#scienceStageHead #focusedTestContext{color:#617271!important;font-size:12px!important}
#atlasModeBar{left:28px!important;top:86px!important;gap:5px;flex-wrap:nowrap}
#atlasModeBar button{background:transparent;border:1px solid transparent;border-radius:7px;color:#4f6664;padding:9px 13px;min-height:38px;font-size:12px}
#atlasModeBar button.on{background:var(--studio-petrol);color:white;border-color:var(--studio-petrol)}
#atlasModeBar button:disabled{opacity:.4;cursor:not-allowed}
#focusedStageControls #quickTestPanel{top:22px;right:28px;width:308px;max-width:calc(100% - 56px);padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#focusedStageControls #quickTestPanel label{color:#536c68!important;font-size:11px!important;margin-bottom:7px!important}
#focusedStageControls #quickTestPanel #testSelect{border-color:#bccfca!important;color:#243738!important;border-radius:8px!important;min-height:48px!important;font-weight:500}
html[data-page="atlas"] #viewport>#viewToolbar{top:114px!important;right:28px!important}
#viewport>#viewToolbar .cameraViews .viewBtn{background:white!important;border-color:#c5d7d1!important;color:#365955!important}
#inspectorTension[hidden]{display:none!important}
#studioTension{position:absolute;right:28px;bottom:112px;z-index:12;width:190px;padding:18px 20px 15px;border-radius:12px;background:var(--studio-graphite);color:#eef6f3;box-shadow:0 5px 20px #17272915;pointer-events:none}
.studioTensionHead{display:flex;flex-direction:column;gap:4px}.studioTensionHead h3{font-size:12px;line-height:1.3;font-weight:550;margin:0}.studioTensionHead span{font-size:10px;color:#a0c8bf}
.studioTensionNumber{display:flex;align-items:baseline;gap:8px;padding:8px 0 5px;line-height:1}
.studioTensionNumber output{font-size:60px;letter-spacing:-.055em;font-weight:500;color:#83d8ce;font-variant-numeric:tabular-nums;min-width:2.7ch}
.studioTensionNumber>span{font-size:23px;font-weight:400;color:#a0c8bf}
#studioTension>p{font-size:10px;margin:6px 0 0;color:#a7c7c0}
html[data-atlas-workspace] #studioTension{display:none}
html[data-page="atlas"] #viewport>#motionDock{border-radius:12px!important;border:1px solid #354548!important;background:var(--studio-graphite)!important;min-height:72px!important;padding:13px 17px!important}
html[data-page="atlas"] #viewport>#motionDock #playBtn{background:var(--studio-teal)!important;color:#102b2a!important;min-width:42px}
html[data-page="atlas"] #viewport>#motionDock #timeline{accent-color:var(--studio-teal)!important}
#motionDock #loopBtn{background:transparent!important;color:#eef6f3!important;border-color:#527773}
#motionDock #speedSelect{background:#edf5f3;color:#243738;border-color:#83aaa0}
#viewport>#toast.show{top:auto!important;bottom:100px!important;left:28px!important;right:auto!important;background:#2d4a4b;color:white;border:1px solid #5b8a83;max-width:calc(100% - 260px)}
#tab-motion .actionRow .actionBtn{border-color:#83aaa0!important;color:#24423e!important;background:#edf5f3!important}
html[data-preview-tier="free"] #atlasModeBar [data-mode="guias"]{opacity:.4;cursor:not-allowed}
.atlasWorkspace-guias .atlasWsBody{background:#f4f8f6;padding:24px;overflow:auto}
.studioGuideToolbar{display:flex;align-items:center;gap:20px;margin-bottom:22px}
.studioGuideToolbar label{display:flex;align-items:center;gap:10px;font-size:12px;color:#536c68;flex:1}
.studioGuideToolbar select{min-height:42px;padding:8px 12px;border:1px solid #b8cdc6;border-radius:7px;background:white;color:#243738;width:min(100%,430px)}
.studioGuideToolbar>p{font-size:11px;color:#617271;margin:0}.studioGuideToolbar .atlasSeg button{min-height:42px}
.studioGuideHeading{margin-bottom:20px}.studioGuideHeading h3{font-size:27px;letter-spacing:-.035em;margin:0 0 5px;color:#243738}.studioGuideHeading p{font-size:13px;margin:0;color:#617271}
.studioGuidePair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.studioGuidePair figure{margin:0;min-width:0;overflow:hidden;border:1px solid #ccdcd8;border-radius:12px;background:white}
.studioGuidePair header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#2d4a4b;color:white;gap:12px}.studioGuidePair h3{font-size:14px;font-weight:550;margin:0}
.studioGuidePair header button{background:#e7f4f1;color:#20423c;border-color:#a9cec5;font-size:11px;min-height:36px}
.studioGuidePair img{display:block;width:100%;height:clamp(220px,32vh,390px);object-fit:contain;background:#f0f3f5}
.studioGuidePair figcaption{padding:18px 20px;font-size:13px;line-height:1.65;color:#405a55;max-width:80ch}
.studioGuideSequence{padding:20px 24px;background:#e3f1ec;border-radius:10px;margin-top:22px;border-left:3px solid #40a69b}
.studioGuideSequence h3{font-size:14px;font-weight:600;margin:0 0 8px;color:#24423e}.studioGuideSequence p{font-size:13px;line-height:1.75;margin:0;color:#405a55;max-width:95ch}
@media(max-width:1050px){html[data-page="atlas"] #appShell{grid-template-columns:minmax(0,1fr) 236px!important}#viewport #scienceStageHead{right:305px!important}#focusedStageControls #quickTestPanel{width:244px}#atlasModeBar button{padding-inline:9px}.studioGuideToolbar{flex-wrap:wrap}.studioGuideToolbar>p{display:none}}
@media(max-width:800px){html[data-page="atlas"] #appShell{grid-template-columns:1fr!important}#tab-motion #joints{grid-template-columns:repeat(2,minmax(0,1fr))}.studioGuidePair{gap:14px}.studioGuidePair header{padding:12px}.studioGuidePair figcaption{padding:16px}}
@media(max-width:600px){html[data-page="atlas"] #appShell{grid-template-rows:64px minmax(680px,83dvh) auto!important}#viewport #scienceStageHead{top:16px!important;left:16px!important;right:16px!important}#viewport #scienceStageHead h2{font-size:27px}#atlasModeBar{top:64px!important;left:12px!important;right:12px!important;display:flex!important;gap:3px}#atlasModeBar button{flex:1;padding:9px 4px;font-size:10px;white-space:nowrap}#focusedStageControls #quickTestPanel{top:114px;left:12px;right:12px;width:auto;max-width:none}#focusedStageControls #quickTestPanel #testSelect{min-height:44px!important}#studioTension{right:14px;bottom:102px;width:144px;padding:13px 14px}.studioTensionHead h3{font-size:11px}.studioTensionNumber output{font-size:44px}.studioTensionNumber>span{font-size:18px}#studioTension>p{font-size:9px}#viewport>#toast.show{left:12px!important;max-width:calc(100% - 190px)}.atlasWorkspace-guias .atlasWsBody{padding:16px 12px}.studioGuideToolbar{gap:12px;margin-bottom:18px}.studioGuideToolbar label{flex-basis:100%;display:block}.studioGuideToolbar select{display:block;width:100%;margin-top:6px}.studioGuideToolbar .atlasSeg{width:100%}.studioGuideToolbar .atlasSeg button{flex:1}.studioGuidePair{grid-template-columns:1fr;gap:18px}.studioGuidePair img{height:270px}.studioGuideHeading h3{font-size:23px}.studioGuideSequence{padding:18px}#tab-motion #joints{display:block}}

#tab-motion #resetCameraBtn,#tab-motion #resetAllBtn{display:none!important}
#tab-motion .actionRow{display:block!important}#tab-motion #resetPoseBtn{width:100%;min-height:40px;font-size:11px!important}
@media(min-width:601px){.atlasWorkspace{top:142px!important}}
@media(max-width:600px){
 html[data-page="atlas"] #topbar{display:flex!important;padding:10px 14px!important;gap:8px!important}
 #topbar .brandBlock{flex:0 0 104px!important;min-width:0!important}
 #topbar .brandName{font-size:14px!important;line-height:1.2;max-width:104px;white-space:normal}
 #topbar .topActions{flex:1;justify-content:flex-end;gap:5px!important;min-width:0}
 #topbar #knowledgeMobileNav{display:none!important}
 #topbar #atlasLangBar button{min-width:26px!important;min-height:34px!important;padding-inline:4px!important}
 #topbar #tierPreviewBadge{font-size:9px;padding:4px}
 #studioTension{top:174px;bottom:auto;padding:11px 14px}
 #studioTensionNerve{display:none}.studioTensionNumber output{font-size:40px}
}