.graph-studio{width:min(1280px,100%)}.graph-studio-content{display:grid;grid-template-columns:minmax(270px,1fr) minmax(340px,1.35fr);gap:20px;align-items:start}.graph-studio-controls{min-width:0}.graph-studio-preview-shell{position:sticky;top:0;min-width:0}.graph-studio-preview-shell>.board-object{display:block;position:relative;inset:auto!important;transform:none!important;width:100%;height:340px;max-width:none;margin:12px 0;border:1px solid var(--line);background:var(--paper);box-sizing:border-box}.graph-studio-preview-shell>.board-object>.object-body{display:block;height:100%;width:100%}.graph-view-actions{display:flex;gap:6px;flex-wrap:wrap}.graph-view-actions button{font-size:.8rem}.graph-branch,.graph-parameter{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:8px;min-width:0}.graph-branch legend,.graph-parameter legend{font-size:.86rem;font-weight:600}.graph-branch>button,.graph-parameter>button{margin-top:10px}.graph-domain-fields,.graph-window-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.graph-domain-fields .science-field>span{font-size:.8rem}.graph-parameter-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.graph-parameter>input[type=range]{width:100%;margin-top:12px}.graph-studio details{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.graph-studio summary{font-weight:600;cursor:pointer}.graph-studio details p{font-size:.86rem;line-height:1.5}.graph-studio .science-field{margin-bottom:10px}.graph-studio [hidden]{display:none!important}.graph-inspection-row{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:8px 0;font-size:.85rem}.graph-endpoint{stroke:var(--pen,#2468ae);stroke-width:1.8;vector-effect:non-scaling-stroke}.graph-endpoint-open{fill:var(--paper,#fff)}.graph-endpoint-closed{fill:var(--pen,#2468ae)}.graph-asymptote{stroke:var(--pen,#2468ae);stroke-width:1;stroke-dasharray:5 4;opacity:.65;vector-effect:non-scaling-stroke}
@media(max-width:800px){.graph-studio-content{display:block}.graph-studio-preview-shell{position:static;margin-top:20px}.graph-studio-preview-shell>.board-object{height:300px}.graph-view-actions button{min-height:44px}.graph-domain-fields,.graph-window-fields{gap:8px}.graph-studio details input{max-width:100%}html[data-math-keyboard=open] .graph-studio-preview-shell{display:none}}
@media(max-height:500px){html[data-math-keyboard=open] .graph-studio-preview-shell{display:none}html[data-math-keyboard=open] .graph-studio-content{display:block}}
@media print{.graph-endpoint-open{fill:white}.graph-endpoint-closed{fill:#183653}.graph-asymptote{stroke:#183653}}
.graph-mobile-jump{display:none}
@media(max-width:800px){.graph-mobile-jump{display:block}.graph-studio-content>.graph-mobile-jump{width:100%;margin-bottom:14px}.graph-view-actions>.graph-mobile-jump{flex-basis:100%}}

.graph-domain-fields{grid-template-columns:minmax(0,1fr)}
.graph-data-point{fill:var(--pen);stroke:var(--pen);vector-effect:non-scaling-stroke}

.graph-studio .science-field:has(>input[type=checkbox]){flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:8px;font-size:.8rem}
.graph-name-field{flex-direction:row;align-items:center;gap:10px}.graph-name-field>input{max-width:70px!important}.graph-name-field>span{font-size:.8rem}
.graph-branch{padding:10px;margin:10px 0}.graph-branch legend{font-size:.8rem}