.studio{--cyan:#5cddff;--line:#15567c;background:radial-gradient(ellipse at 88% 5%,#0a3657aa,transparent 45%),radial-gradient(ellipse at 0 55%,#06365855,transparent 55%),#020f21;font:14px/1.5 'Segoe UI',system-ui,sans-serif}.studio .wrap{width:min(1370px,95%)}.studio .site-header{padding:0;background:#041429d9;border-bottom:1px solid #17405e}.header-inner{display:flex;align-items:center;gap:36px;height:66px}.studio .logo{width:216px;height:49px;object-fit:contain;max-width:37vw}.header-inner nav{display:flex;align-items:stretch;gap:31px;flex:1;justify-content:center;height:100%}.header-inner nav a{display:flex;align-items:center;color:#d9e8f6;text-decoration:none;font-size:13px;font-weight:600;position:relative}.header-inner nav a.active:after{content:'';position:absolute;bottom:0;height:2px;background:#28c8ed;box-shadow:0 0 15px #27a6de;left:0;right:0}.theory-button{font-size:12px;padding:7px 14px;color:#b9dbef}.studio .breadcrumbs{padding:13px 0 12px;gap:12px;font-size:11px;white-space:normal}.studio .breadcrumbs a{text-decoration:none;color:#91bbd9}.lab-hero{position:relative;min-height:178px;display:flex;align-items:center;padding:0 0 14px;isolation:isolate;overflow:hidden}.hero-copy{z-index:1;width:84%}.studio h1{font-size:clamp(28px,3vw,43px);font-weight:760;letter-spacing:-.035em;line-height:1.12;margin:6px 0 8px;max-width:1180px;text-wrap:balance}.studio[data-lab=tissues] h1,.studio[data-lab=chemistry] h1{font-size:clamp(27px,2.9vw,40px);max-width:1120px}.studio .eyebrow{font-size:11px;letter-spacing:.13em;margin:0;color:#32d9f6}.studio .lead{font-size:15px;line-height:1.5;max-width:900px;margin:0;color:#b2d2e7}.studio .tags{margin:12px 0 0;gap:9px}.studio .tags span{font-size:11px;padding:5px 14px;border-color:#176485;background:#031b32cc;color:#59eddb}.studio .tags span:nth-child(2){color:#9dd1fa}.studio .tags span:last-child{color:#cba0fa;border-color:#503c89}.hero-art{position:absolute;right:-5px;top:-26px;width:340px;height:235px;opacity:.43;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 35%)}.hero-art svg{width:100%;height:100%}.studio .panel{border:1px solid #17618b;border-radius:13px;padding:13px;background:linear-gradient(135deg,#05223bdc,#02172bdc);box-shadow:inset 0 0 25px #075b9120,0 5px 20px #0002}.studio .workspace{grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);gap:12px;align-items:stretch}.studio .stage-panel{height:574px;overflow:hidden;position:relative;display:flex;flex-direction:column}.studio .console-panel{height:574px;display:flex;flex-direction:column;min-width:0;overflow:hidden}.scene-heading{display:flex;align-items:center;gap:10px;min-height:38px;margin-bottom:7px}.scene-symbol{color:#67dcff;filter:drop-shadow(0 0 5px #1cb5f1);width:31px;flex-shrink:0}.scene-symbol svg{width:30px;height:30px}.scene-heading h3{font-size:14px;line-height:1.3;margin:0}.scene-heading small{font-size:10px;color:#85bbd9}.stage-settings{margin-left:auto;display:flex;gap:5px}.stage-settings button{font-size:11px;padding:5px 7px;background:#06243c}.studio .scene{background:radial-gradient(ellipse at 50% 70%,#084f7635,transparent 70%);border-radius:7px;overflow:hidden;flex:1;min-height:0}.studio .scene>svg{height:100%;max-height:none;width:100%;display:block}.studio .scene svg text{font:12px 'Segoe UI',sans-serif;fill:#d6eafb}.studio .scene .callout-label{font-size:12px;font-weight:650}.studio .scene .callout-sub{font-size:10px;fill:#a0c4de}.studio .scene [data-pick]{outline:none}.studio .scene [data-pick]:hover,.studio .scene [data-pick][aria-pressed=true]{filter:drop-shadow(0 0 5px #63dfff)}.studio .scene [data-pick]:focus-visible{filter:drop-shadow(0 0 6px #ffe396)}.studio .tabs{margin:0 0 9px;gap:6px;flex-shrink:0;display:flex;flex-wrap:nowrap}.studio .tabs button{padding:9px 5px;font-size:13px;min-width:0;font-weight:600;background:linear-gradient(#092f4f,#041c32);border:1px solid #104566;border-radius:9px;line-height:1.3}.studio .tabs button[aria-pressed=true]{background:radial-gradient(ellipse at bottom,#0a6c9f,#073554);border-color:#36b7e7;box-shadow:inset 0 0 18px #258ddc45,0 0 9px #15a9ea26}.console-content{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#205776 transparent;flex:1;overscroll-behavior:contain}.studio .control{margin:7px 0}.studio .control>span{font-size:11px;line-height:1.4;color:#aacfe7}.studio .control b{font-weight:600;color:#d9f7ff}.studio .control input[type=range]{min-height:20px;height:20px;margin:0;accent-color:#2bc9ef}.studio .control select{font-size:12px;padding:5px 7px;margin-top:4px;background:#06253e;border-radius:5px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px 15px}.control-grid>.control{min-width:0}.studio button{border-radius:7px;padding:7px 11px;line-height:1.35}.studio button.primary{background:linear-gradient(110deg,#37e7b5,#4af3d1);box-shadow:0 0 16px #32dbbf35;border-color:#66ffe2}.studio .note{margin:0 0 9px;border:1px solid #164b6c;border-radius:10px;background:#041c31;padding:11px;font-size:12px;line-height:1.5}.studio .note h3{font-size:19px;line-height:1.2;margin:0 0 8px;color:#f1f7ff}.studio .note p{margin:5px 0}.studio .metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:7px 0 0;flex-shrink:0}.studio .metric{padding:7px 9px;border-radius:7px;background:#021426;border-color:#164562}.studio .metric b{font-size:16px;line-height:1.35;font-weight:700}.studio .metric span{display:block;font-size:9px;line-height:1.3;margin-top:3px}.console-footer{flex-shrink:0;margin-top:8px;padding-top:7px;border-top:1px solid #163e59}.studio .toolbar{gap:6px;margin:5px 0 0;display:flex;flex-wrap:wrap}.studio .toolbar button{font-size:12px;padding:8px 10px;flex:1;white-space:nowrap}.studio .toolbar button.primary{flex:1.5}.studio .steps{margin:0 0 7px;gap:4px;grid-template-columns:repeat(6,minmax(0,1fr))}.studio .step{font-size:9px;padding:5px 3px;text-align:center;border-radius:6px;line-height:1.3}.studio .feedback:empty{display:none}.studio .feedback{font-size:11px;line-height:1.4;min-height:0;margin:7px 0;padding:7px 10px}.object-mini{float:right;width:116px;height:108px;border:1px solid #164b71;border-radius:8px;margin-left:12px;background:radial-gradient(#19477a,#04182d);overflow:hidden}.object-mini svg{width:100%;height:100%}.object-mini img{width:160%;height:160%;object-fit:cover;object-position:45% 45%;transform:translate(-15%,-17%)}.object-kicker{font-size:9px;letter-spacing:.1em;color:#56cee9;text-transform:uppercase}.object-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:9px 0}.object-link{position:relative;text-align:left;min-height:104px;overflow:hidden;border:1px solid #1c5b82!important;background:radial-gradient(ellipse at 100% 100%,#085285,#04192c)!important;padding:12px!important}.object-link b{display:block;font-size:14px}.object-link small{display:block;max-width:140px;color:#b4d0e4;font-size:10px;line-height:1.5;margin-top:4px}.object-link svg{position:absolute;right:-8px;bottom:-12px;width:102px;height:93px;opacity:.75}.object-link:after{content:'→';position:absolute;bottom:10px;left:13px;color:#8ce8ff}.compact-task{font-size:12px;background:#061c32;border:1px solid #17516c;border-radius:9px;padding:10px;margin-top:9px}.compact-task h3{font-size:13px;margin:0 0 5px}.compact-task p{margin:0 0 7px}.compact-task button{font-size:11px}.tool-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:14px 0 16px}.tool-card{display:flex;gap:13px;align-items:center;min-height:102px;text-align:left;padding:13px 15px!important;border:1px solid #1b709d!important;border-radius:12px!important;background:linear-gradient(125deg,#062b49,#02172b)!important;color:#d5e9f8;box-shadow:inset 0 0 25px #10609b18}.tool-card:hover{border-color:#5ee4ff!important;background:#0a3552!important}.tool-icon{width:54px;height:58px;flex-shrink:0;filter:drop-shadow(0 0 9px #2287c499)}.tool-icon svg{width:100%;height:100%}.tool-card strong{font-size:14px;line-height:1.4;color:#f1f7ff;display:block}.tool-card small{display:block;font-size:11px;line-height:1.5;margin-top:6px;color:#9ebfd8}.tool-arrow{margin-left:auto;border:1px solid #2378a0;border-radius:9px;font-size:28px;width:28px;height:31px;line-height:26px;text-align:center;flex-shrink:0;color:#87dcfc}.studio footer{padding:12px 0;background:#031124;font-size:11px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner img{object-fit:contain}.studio .chart{min-height:0;background:#03182c}.studio .chart text{font-size:11px}.studio .legend{font-size:10px;gap:10px;line-height:1.5}.chart-box{border:1px solid #155477;border-radius:9px;background:#031b2f;padding:9px;margin:0 0 8px}.chart-box h3{font-size:13px;margin:0 0 5px}.studio .chart-box .chart{height:auto;max-height:188px}.studio dialog{color:var(--text);background:#03192e;border:1px solid #2786b7;border-radius:16px;box-shadow:0 25px 100px #000b;width:min(960px,94vw);max-height:90dvh;padding:0}.studio dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-head{position:sticky;top:0;background:#07273f;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;z-index:3;border-bottom:1px solid #266482}.dialog-head h2{font-size:19px;margin:0}.dialog-head button{font-size:19px;padding:5px 11px}.dialog-body{padding:20px;overflow:auto}.dialog-body h2{font-size:21px}.dialog-body .scene{height:auto;min-height:160px}.dialog-body .scene svg{max-height:350px}.dialog-body .panel{margin-bottom:14px}.dialog-body .chart-box{margin-bottom:15px}.dialog-body .control-grid{grid-template-columns:1fr 1fr}.dialog-body .question{padding:12px}.dialog-body .question label{font-size:14px}.dialog-body .questions{gap:10px}.dialog-body #controls{display:grid;gap:5px 15px;grid-template-columns:1fr 1fr}.study-details{font-size:11px;border:1px solid #154c6d;border-radius:6px;margin-top:7px;padding:6px 9px}.study-details summary{cursor:pointer;color:#9dcde5}.study-details .note{border:0;padding:6px 0;margin:0}.phase-board{height:100%;display:flex;flex-direction:column;gap:12px;padding:5px}.phase-row{flex:1;border:1px solid #154b6d;background:#041c31;border-radius:9px;padding:9px}.phase-row-head{display:flex;justify-content:space-between;font-size:12px;color:#d8efff;margin-bottom:3px}.phase-row-head small{font-size:10px;color:#8db4cf}.phase-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.phase-thumb{padding:3px!important;background:transparent!important;border:1px solid transparent!important;border-radius:7px!important;min-width:0}.phase-thumb.active{border-color:#3cd7ff!important;background:#10526e44!important;box-shadow:0 0 12px #11b8fa25}.phase-thumb svg{height:81px!important;width:100%;display:block}.phase-thumb span{display:block;font-size:9px;line-height:1.2;color:#c7e2f4;min-height:22px}.phase-thumb svg text{display:none}.phase-description{font-size:10px;color:#7daac8;line-height:1.4;margin:4px 0 0}.phase-preview{width:148px;height:95px;float:right;margin-left:8px}.phase-preview svg{width:100%;height:100%}.studio[data-lab=division] #info .metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.studio[data-lab=division] #info .metric b{font-size:15px}.studio[data-lab=division] .control-grid{grid-template-columns:1fr}.studio[data-lab=division] #info>small{font-size:10px}.tissue-suite{height:100%;display:grid;grid-template-columns:1.13fr 1fr;gap:8px}.tissue-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;padding:7px 0}.tissue-tile{padding:7px!important;text-align:left;background:#041b2d!important;border:1px solid #19577d!important;overflow:hidden}.tissue-tile.active{border-color:#5ae7ff!important;box-shadow:0 0 12px #4adfff33}.tissue-tile svg{width:100%;height:127px!important;display:block;border-radius:6px;background:#122344}.tissue-tile strong{display:block;font-size:10px;margin:7px 0 3px}.tissue-tile small{display:block;font-size:9px;line-height:1.4;color:#9abbd5}.tissue-anatomy{position:relative;min-width:0}.tissue-anatomy>svg{height:100%!important;width:100%}.system-pills{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.system-pills button{padding:6px 4px;font-size:10px;min-width:0}.micro-preview{float:right;width:130px;height:90px;margin-left:10px;border:1px solid #2478a5;border-radius:8px;overflow:hidden}.micro-preview svg{width:100%;height:100%}.mode-caption{display:flex;justify-content:space-between;color:#7daac6;font-size:10px;margin:5px 1px 0}.lab-instrument-label{letter-spacing:.12em;font-size:9px;fill:#7bb1d0}.studio .button-grid{gap:6px;margin:7px 0}.studio .button-grid button{font-size:11px}.studio[data-lab=cell] #info{min-height:168px}.studio[data-lab=cell] #activity{margin:8px 0}.studio .scene-tools-bar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.scene-tools-bar button{font-size:10px;padding:5px 8px}.studio[data-lab=cell] #controls{display:none}.studio[data-lab=cell] #controls.in-modal{display:grid}.studio[data-lab=cell] .control-grid{grid-template-columns:1fr 1fr}.studio .scientific-formula{font:italic 19px Georgia,serif;color:#d9ecfb;margin:7px 0}.studio[data-lab=chemistry] .console-content>.note,.studio[data-lab=physics] .console-content>.note{display:none}.studio[data-lab=chemistry] .chart-box{order:0}.studio .field-notes{color:#8fb6d1;font-size:10px;line-height:1.45}.studio .table-wrap{overflow:auto}.studio #tabs-home{display:none}.studio dialog[open] #controls{display:grid!important}.studio .stage-panel>#scene-tools{flex-shrink:0}.studio[data-lab=cell] #scene-tools:empty{display:none}.studio[data-lab=cell] #scene-tools .scene{height:75px}.studio[data-lab=cell] #scene-tools h3{font-size:11px;margin:5px}.studio[data-lab=cell] #scene-tools svg{height:75px!important}.studio[data-lab=tissues] #controls .control:nth-child(3),.studio[data-lab=tissues] #controls .control:nth-child(4){display:none}.studio[data-lab=tissues] dialog #controls .control{display:block}.studio .anatomy-object-list{display:flex;flex-wrap:wrap;gap:4px}.studio .anatomy-object-list button{font-size:10px;padding:5px}.studio .console-note-row{display:flex;gap:7px;align-items:center;justify-content:space-between;font-size:10px;color:#82bad8}.studio .console-note-row button{font-size:10px;padding:4px 7px}.studio[data-lab=chemistry] .hero-copy{width:85%}.studio[data-lab=physics] .console-content .control-grid{margin-top:7px}.studio .stage-status{position:absolute;right:18px;bottom:16px;font-size:9px;color:#70abcc;pointer-events:none}.studio .research-link{font-size:11px;width:100%;margin-top:7px;background:#0b3652;border-color:#1e779d}
@media(min-width:1500px){.studio .stage-panel,.studio .console-panel{height:620px}.studio .phase-thumb svg{height:93px!important}}@media(max-width:1050px){.header-inner{gap:15px}.header-inner nav{gap:17px}.studio .workspace{grid-template-columns:1.15fr 1fr}.studio .stage-panel,.studio .console-panel{height:600px}.hero-copy{width:93%}.studio h1{font-size:35px}.studio .control-grid{gap:3px 8px}.tool-card strong{font-size:12px}.tool-card small{font-size:10px}.tool-icon{width:40px}.stage-settings button{padding:4px}.studio .phase-thumb svg{height:75px!important}}@media(max-width:800px){.header-inner{height:64px}.header-inner nav a:first-child,.header-inner nav a:last-child{display:none}.header-inner nav{gap:15px;justify-content:flex-end}.theory-button{display:none}.studio .breadcrumbs{font-size:10px;gap:6px;padding:12px 0}.studio .lab-hero{min-height:175px;padding-bottom:14px}.studio .lead{font-size:13px;max-width:95%}.studio h1,.studio[data-lab=tissues] h1,.studio[data-lab=chemistry] h1{font-size:31px}.hero-copy{width:100%}.hero-art{opacity:.2;right:-110px}.studio .workspace{grid-template-columns:1fr;gap:11px}.studio .stage-panel{height:510px}.studio .console-panel{height:auto;max-height:none;min-height:350px}.studio .console-content{overflow:visible}.tool-cards{grid-template-columns:1fr}.tool-card{min-height:92px}.tool-card strong{font-size:14px}.tool-card small{font-size:11px}.tool-icon{width:48px}.footer-inner{flex-wrap:wrap;gap:10px}.footer-inner span{font-size:10px}.studio .scene .callout-label{font-size:13px}.studio .scene .callout-sub{font-size:11px}.studio .phase-thumb svg{height:86px!important}.studio .stage-settings button{font-size:10px}.studio .chart-box .chart{max-height:210px}.studio .dialog-body #controls{grid-template-columns:1fr}.studio .dialog-body{padding:14px}.studio .stage-panel .metric b{font-size:14px}.studio .metric span{font-size:9px}}
@media(max-width:480px){.studio .wrap{width:94%}.studio .logo{width:151px;max-width:none;height:40px}.header-inner{gap:8px;height:59px}.header-inner nav{gap:12px}.header-inner nav a{font-size:10px;line-height:1.3;text-align:center}.header-inner nav a.active{max-width:97px}.studio .lab-hero{min-height:195px}.studio .eyebrow{font-size:8px;letter-spacing:.1em}.studio h1,.studio[data-lab=tissues] h1,.studio[data-lab=chemistry] h1{font-size:28px}.studio .tags{gap:6px;margin-top:10px}.studio .tags span{font-size:9px;padding:4px 8px}.studio .tags span:last-child{display:none}.studio .lead{font-size:12px;line-height:1.45}.studio .breadcrumbs{font-size:9px;line-height:1.4;row-gap:3px}.studio .panel{padding:10px;border-radius:11px}.studio .stage-panel{height:405px}.studio[data-lab=division] .stage-panel{height:495px}.studio[data-lab=tissues] .stage-panel{height:465px}.scene-heading{gap:6px;min-height:39px}.scene-heading h3{font-size:11px}.scene-heading small{font-size:8px}.scene-symbol{width:24px}.scene-symbol svg{width:24px}.stage-settings{gap:4px}.stage-settings button{font-size:9px;padding:4px}.studio .tabs button{font-size:11px;padding:9px 4px}.studio .metric-grid{gap:4px}.studio .metric{padding:6px}.studio .metric b{font-size:13px}.studio .metric span{font-size:8px}.studio .steps{grid-template-columns:repeat(6,minmax(0,1fr))}.studio .step{font-size:8px;padding:5px 2px}.object-mini{width:96px;height:99px}.studio .note{font-size:11px}.studio .note h3{font-size:18px}.object-link{min-height:105px}.studio .toolbar button{font-size:11px;padding:9px 7px}.studio .tool-cards{margin:11px 0}.tool-card{padding:12px!important;gap:10px}.studio dialog{max-height:94dvh;border-radius:11px}.dialog-head{padding:12px}.dialog-head h2{font-size:16px}.phase-board{padding:0;gap:8px}.phase-row{padding:6px}.phase-row-head{font-size:10px}.phase-row-head small{font-size:8px}.phase-thumb svg{height:65px!important}.phase-thumb span{font-size:7px;min-height:20px}.phase-strip{gap:1px}.phase-description{font-size:8px}.tissue-suite{grid-template-columns:1fr .95fr;gap:2px}.tissue-tiles{gap:5px}.tissue-tile{padding:4px!important}.tissue-tile svg{height:118px!important}.tissue-tile strong{font-size:8px}.tissue-tile small{font-size:7px}.studio[data-lab=tissues] .scene-heading h3{max-width:180px}.studio .stage-panel .metric b{font-size:11px}.studio .console-panel .chart-box .chart{max-height:200px}.footer-inner img{width:125px}.footer-inner a:last-child{font-size:10px}.studio .control-grid{gap:3px 12px}}
@media(prefers-reduced-motion:reduce){.studio *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.studio .chart-box .chart{height:138px;max-height:138px}.studio .note{font-size:13px}.studio .console-content .control{margin:5px 0}.studio .tool-card strong{font-size:15px}.studio[data-lab=division] #info .metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.studio[data-lab=division] .phase-preview{width:165px;height:112px}.studio[data-lab=division] #info{font-size:12px}.studio[data-lab=division] #info .metric{padding:7px}.studio[data-lab=division] #info .metric span{font-size:8px}.studio[data-lab=division] #info>small{display:block;margin-top:5px;font-size:9px}.studio[data-lab=division] .phase-row:first-child{flex:.75}.studio[data-lab=division] .phase-row:last-child{flex:1.25}@media(max-width:480px){.studio .chart-box .chart{height:auto;max-height:190px}.studio .note{font-size:12px}.studio .tool-card strong{font-size:14px}}
@media(max-width:480px){.studio[data-lab=cell] .stage-panel,.studio[data-lab=physics] .stage-panel{height:350px}.studio[data-lab=cell] .scene .callout-label{font-size:16px}.studio[data-lab=cell] .scene .callout-sub{display:none}.studio[data-lab=physics] .scene text[style*="fill:"]{font-size:26px!important}.object-link small{max-width:105px}.object-link svg{right:-20px;opacity:.35}}

@media(max-width:480px){.studio[data-lab=division] .phase-preview{float:none;width:100%;height:150px;margin:0 0 8px}.studio[data-lab=division] #info p{font-size:12px}.studio .tissue-tile>svg{height:118px!important}}
#micro-inspection{height:420px;min-height:220px}#micro-inspection>svg{height:100%;max-height:none}@media(max-width:480px){#micro-inspection{height:300px}}