/* 2D instrument only. The existing 3D composition is unchanged. */
.planar-only{display:none}.planar-mode .planar-only{display:block}
.planar-mode #studio .workspace{grid-template-columns:320px minmax(0,1fr);grid-template-rows:minmax(280px,1fr) minmax(260px,.7fr);grid-template-areas:'formulas stage' 'tools stage';gap:0;background:#03070c}
.planar-mode #stage{margin:12px 14px 14px 12px;grid-template-rows:68px minmax(0,1fr) 55px;border-color:#24313e;border-radius:12px;background:#050910}
.planar-mode .stage-heading{padding:17px 24px 0}.planar-mode .stage-heading h2{font-size:20px;font-weight:400;letter-spacing:.01em}
.planar-mode #stage-kind{font-size:9px;letter-spacing:.18em;color:#7290a6}
.planar-mode #formula-list{border-left:0;border-right:1px solid #1e2c37;padding:20px 18px;background:#070d14;scrollbar-width:thin}
.planar-mode #tools{padding:14px 18px;background:#070d14;border-right:1px solid #1e2c37;border-top:1px solid #1e2c37;overflow-y:auto}
.planar-mode #tools>.tool-heading{display:none}.planar-mode #tools>.parameter-section{margin-top:14px;padding-top:14px}
.planar-mode .planar-section-label{font-size:9px;letter-spacing:.18em;color:#7593a9}.planar-mode .planar-title{font-size:22px;font-weight:400;letter-spacing:-.02em;margin:9px 0}.planar-mode .planar-intro{font-size:11px;line-height:1.6;color:#91a8b9;margin:0 0 17px}
.planar-mode .planar-examples{display:grid;grid-template-columns:1fr 1fr;gap:5px}.planar-mode #studio .planar-examples button{font-size:10px;min-height:34px;padding:7px;text-align:left;background:#0b1520;border:1px solid #223342;border-radius:5px;color:#b0c4d3}.planar-mode #studio .planar-examples button[aria-pressed=true]{background:#172e41;border-color:#5885a3;color:#eef8ff}
#planar-command{margin:18px 0 0}#planar-command label{font-size:11px;color:#abc0d0}.planar-command-row{display:flex;gap:5px;margin-top:7px}.planar-command-row input{min-width:0;flex:1;background:#03070d;border:1px solid #3b566b;border-radius:5px;padding:10px;color:#e0f2ff;font:12px ui-monospace,monospace}.planar-command-row button{min-width:36px}#planar-error{font-size:11px;color:#ffb4a3;line-height:1.5}#planar-caption{min-height:36px;font-size:11px;line-height:1.6;color:#91a8b9;margin:12px 0 18px}
.planar-mode .formula-list-header{padding-top:13px;border-top:1px solid #23323e}.planar-mode .formula-list-header .eyebrow,.planar-mode .list-intro,.planar-mode .native-studio-link{display:none}.planar-mode .formula-list-header h2{font-size:12px;font-weight:400}.planar-mode .equation-row{margin-top:10px;border-bottom:0}.planar-mode .equation-box{border:0;background:transparent;padding:3px 0}.planar-mode .equation-number{background:transparent;border-color:#2c4659;border-radius:50%;font-size:9px;width:23px;height:23px}.planar-mode .row-heading{font-size:10px}.planar-mode .row-status{font-size:9px}.planar-mode .row-actions{margin-top:2px}.planar-mode .equation-box canvas{height:62px}.planar-mode .stage-footer{border-color:#1b2834;background:#080f17;padding:8px 16px}.planar-mode .stage-actions{justify-content:flex-end;gap:6px}.planar-mode .stage-actions button{font-size:10px;max-width:none;min-height:34px}
#planar-probe{padding:15px 0 2px;border-top:1px solid #263542}.probe-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.probe-heading>span{font-size:8px;letter-spacing:.12em;color:#8ca9bf}.probe-heading button{font-size:10px}.probe-values{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin:13px 0 0;font-size:10px;color:#7594ab}.probe-values span{display:flex;flex-direction:column;gap:5px}.probe-values output{font:14px ui-monospace,monospace;color:#e5f4ff;min-height:18px}#probe-hint{font-size:10px;color:#89a5ba;min-height:28px;line-height:1.5}.probe-scrub{display:flex;gap:12px;align-items:center;font-size:10px;color:#aac3d6}.probe-scrub input{min-width:0;flex:1}#planar-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.planar-mode #curve-controls{display:none}.planar-mode #axis-labels{opacity:.65}.planar-mode #tools .range-caption{font-size:9px}.planar-mode #tools .tool-heading>span{font-size:9px}.planar-mode #tools .inspector-footer{margin-top:16px}.planar-mode #tools .inspector-footer span{font-size:9px}
.planar-mode #studio button:focus-visible,.planar-mode #studio input:focus-visible{outline:2px solid #9edbff;outline-offset:3px}
@media(min-width:641px) and (max-width:1119px){.planar-mode #studio{height:100dvh}.planar-mode #studio .workspace{height:calc(100dvh - 60px);grid-template-columns:280px minmax(0,1fr);grid-template-rows:minmax(280px,1fr) minmax(210px,.7fr);grid-template-areas:'formulas stage' 'tools stage'}.planar-mode #equations{display:block}.planar-mode #formula-list{overflow-y:auto;border-top:0}.planar-mode #tools{display:block}.planar-mode #stage{min-width:0;min-height:0}.planar-mode .stage-actions{flex-wrap:wrap}.planar-mode .stage-actions button{min-width:65px}.planar-mode #stage{grid-template-rows:68px minmax(0,1fr) 94px}}
@media(max-width:640px){.planar-mode #studio .workspace{display:flex;flex-direction:column;height:auto}.planar-mode #stage{height:470px;min-height:470px;margin:8px;order:0;grid-template-rows:62px minmax(0,1fr) 55px}.planar-mode #formula-list{order:1;padding:18px;border-right:0;overflow:visible}.planar-mode #tools{order:2;border-right:0;overflow:visible}.planar-mode .planar-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.planar-mode #studio .planar-examples button{min-height:44px}.planar-mode .stage-actions button{min-height:36px;font-size:9px;padding:4px}.planar-mode .stage-footer{padding:8px}.planar-mode .stage-heading{padding:14px 16px 0}.planar-mode .stage-heading h2{font-size:18px}.planar-mode #planar-caption{min-height:0}.planar-mode #tools .ps-choices button{min-height:44px}.planar-mode #planar-input{font-size:16px}}
/* Teacher embeds keep their established equation/graph stack and transport. */
.embedded.planar-mode #studio .workspace{display:flex;height:auto;background:transparent}.embedded.planar-mode #planar-library,.embedded.planar-mode #planar-probe,.embedded.planar-mode #probe-toggle{display:none}.embedded.planar-mode #formula-list{order:0;padding:5px 10px;border:0;background:transparent}.embedded.planar-mode #stage{order:1;margin:8px 0;height:198px;min-height:198px;grid-template-rows:0 minmax(0,1fr) 44px}.embedded.planar-mode .stage-heading{display:none}.embedded.planar-mode .formula-list-header{border:0;padding:0}.embedded.planar-mode .equation-row{margin-top:0}.embedded.planar-mode .equation-box{padding:5px}.embedded.planar-mode #tools{order:2}.embedded.planar-mode .stage-actions{flex-wrap:nowrap}.embedded.planar-mode .stage-actions button{min-width:0}.teacher-presentation.planar-mode #stage{height:220px;min-height:220px;grid-template-rows:0 minmax(0,1fr) 0;margin:6px 0 0}.teacher-presentation.planar-mode #formula-list{padding:0}

/* A single inspector scroll preserves equation-first hierarchy. */
.planar-mode #studio .workspace{grid-template-rows:minmax(0,1fr);grid-template-areas:'inspector stage'}
#planar-inspector{grid-area:inspector;min-height:0;overflow-y:auto;overflow-x:hidden;background:#070d14;border-right:1px solid #1e2c37;scrollbar-width:thin;scrollbar-color:#344d61 transparent}
.planar-mode #planar-inspector #formula-list,.planar-mode #planar-inspector #tools{overflow:visible;border-right:0}
.planar-mode #planar-inspector #tools{padding-top:16px}
.planar-mode #planar-examples{margin-top:10px}.planar-mode .planar-gallery-heading{margin-top:22px;font-size:9px;letter-spacing:.15em;color:#91a7bb}
.planar-mode #planar-command{margin:12px 0 16px}.planar-mode #planar-caption{margin:5px 0 14px;min-height:0}
.planar-mode .planar-intro{margin-bottom:12px}.planar-mode .formula-list-header{padding-top:10px}.planar-mode #planar-probe{padding-top:12px}
html:not(.planar-mode) #planar-examples,html:not(.planar-mode) #planar-caption{display:none}
.planar-mode #planar-inspector [hidden]{display:none!important}
@media(min-width:641px) and (max-width:1119px){.planar-mode #studio .workspace{grid-template-rows:minmax(0,1fr);grid-template-areas:'inspector stage'}}
@media(max-width:640px){#planar-inspector{order:1;overflow:visible;border:0}.planar-mode #studio .workspace{height:auto}.planar-mode #planar-inspector #formula-list{padding-top:12px}.planar-mode #stage{height:440px;min-height:440px}}
.embedded.planar-mode #planar-examples,.embedded.planar-mode .planar-gallery-heading,.embedded.planar-mode #planar-caption{display:none}