#lab-nav{display:flex;gap:8px;padding:18px 24px 10px;justify-content:flex-start;overflow:auto;background:#f4f5f5}
#lab-nav button{white-space:nowrap;border-color:transparent;background:transparent;font-weight:600;font-size:14px}
#lab-nav button.active{color:#244a8a;background:#e3ebf8;border-color:#b9cbe8}
#topic-nav{display:flex;gap:7px;flex-wrap:wrap;padding:0 24px 16px;border-bottom:1px solid #e0e5e7}
#topic-nav button{font-size:12px;background:white;padding:9px 13px}
#topic-nav button.active{border-color:#8faedb;color:#244a8a;background:#f1f5fc}
.full-workbench{display:grid;grid-template-columns:228px minmax(0,1fr) 245px;gap:18px;padding:22px 24px;max-width:1700px;margin:auto}
.full-workbench .settings h1{font-size:19px;line-height:1.5;margin-bottom:20px}
.full-workbench .stage{align-self:start}
.full-workbench .results{padding:20px}
.full-workbench .metric{padding:14px 0}
.full-workbench .metric strong{font-size:20px}
.full-workbench label.field{margin:15px 0}
.full-workbench .controls{flex-wrap:wrap}
.full-workbench .rate{margin:0 0 0 auto;display:flex;align-items:center;gap:6px;font-size:11px}
.full-workbench .rate input[type=range]{width:100px;padding:0;margin:0;accent-color:#3563b0}
.full-workbench .rate output{min-width:34px;font-size:11px;color:#7b8c94}
.full-workbench #time{white-space:nowrap;font-variant-numeric:tabular-nums}
#actions:empty{display:none}
#actions{display:flex;gap:8px;flex-wrap:wrap;padding:10px 18px;background:#fbfcfc;border-bottom:1px solid #e6ebed}
#actions button{font-size:12px;padding:8px 12px}
#actions button.on{background:#e3ebf8;border-color:#8faedb;color:#244a8a}
#scene{touch-action:none;user-select:none;-webkit-user-select:none}
#scene [data-act]{cursor:pointer}
#scene [data-drag]{cursor:grab}
.scene-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;color:#87979e;font-size:11px;min-height:33px}
#graphs{padding:22px;border-top:1px solid #e1e7e9}
#graphs:has(#graph-panels:empty){display:none}
#graphs h2{font-size:16px;margin-bottom:18px}
.graph-panel{margin-bottom:22px}
.graph-panel h3{margin:0 0 9px;font-size:13px;font-weight:500}
.graph-panel svg{width:100%;display:block}
.legend{display:flex;gap:14px;flex-wrap:wrap;padding:6px 0;font-size:11px;color:#62727a}
.legend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:middle}
.equations:empty{display:none}
.equations{gap:18px 30px}
.equation-item{max-width:100%;font-size:17px;min-width:0}
dialog{max-width:1060px;width:95vw;border:1px solid #d3dce0;border-radius:12px;max-height:90vh;padding:0;color:#344852}
dialog::backdrop{background:#29435288}
.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;position:sticky;top:0;background:white;border-bottom:1px solid #e4e9ea;z-index:1}
#curriculum-list{padding:0 26px 28px}
#curriculum-list h3{margin:26px 0 12px;font-size:17px}
.curriculum-row{display:grid;grid-template-columns:70px 1fr 1fr;gap:15px;align-items:center;padding:11px 0;border-top:1px solid #e5eaed;font-size:12px}
.curriculum-row a{color:#244a8a;padding:5px 8px;border-radius:4px;background:#e8eef9}
.curriculum-row .links{display:flex;gap:5px;flex-wrap:wrap}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #8faedb;outline-offset:3px}
.results h2{font-size:18px}
.metric strong{word-break:keep-all}
.metric strong.text{font-size:16px!important;line-height:1.45;letter-spacing:0}
.field input[type=range]{width:100%;margin-top:9px;accent-color:#3563b0}
.field output{float:right;color:#273841;font-variant-numeric:tabular-nums}
[hidden]{display:none!important}
@media(max-width:1400px){.full-workbench{grid-template-columns:215px minmax(0,1fr)}.full-workbench .results{grid-column:2}.full-workbench .results #metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}}
@media(max-width:980px){.full-workbench{display:block;padding:12px}.full-workbench>.settings,.full-workbench>.stage,.full-workbench>.results{margin-bottom:14px}.full-workbench>.settings #fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.full-workbench .results #metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 15px}}
@media(max-width:700px){#lab-nav{padding:12px}#topic-nav{padding:0 12px 12px}.full-workbench{display:block;padding:12px}.full-workbench>.settings,.full-workbench>.stage,.full-workbench>.results{margin-bottom:14px}.full-workbench>.settings #fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.full-workbench .results #metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.stage-toolbar{padding:16px}.stage-toolbar h2{font-size:17px}.controls{padding:10px 12px}.controls button{padding:8px;font-size:11px}.curriculum-row{grid-template-columns:50px 1fr}.curriculum-row .links{grid-column:2}.brand span{display:none}header nav{gap:7px}header nav button{font-size:11px;padding:8px}#graphs{padding:15px}}
body.shot{overflow:hidden;background:#f7f9f9}
body.shot>header,body.shot>nav,body.shot>#topic-nav,body.shot .settings,body.shot .results,body.shot .stage>:not(#scene){display:none!important}
body.shot .full-workbench{display:block;padding:0;margin:0;max-width:none}
body.shot .stage{border:0;border-radius:0}
body.shot #scene{width:100vw;height:100vh}
.equation-item math{font-family:'Cambria Math','STIX Two Math','Latin Modern Math','Times New Roman',serif;font-size:19px;max-width:100%}
.equation-item mtext{font-family:Pretendard,'Noto Sans KR',sans-serif;font-size:.84em}