/* Tablet: a persistent touch rail and a contextual side inspector. */
body.workspace-open #workspace:not([hidden]){grid-template-rows:60px 48px minmax(0,1fr)}
.quick-tools{display:none}.workspace-tabs{display:flex;grid-row:2;gap:8px;padding:2px 14px;background:white;border-bottom:1px solid var(--line)}
.workspace-tabs button{min-height:44px;flex:1;max-width:180px;font-size:15px}
body.workspace-open .workbench{grid-row:3;display:grid;position:relative;grid-template-columns:112px minmax(0,1fr);overflow:hidden}
body.workspace-open .drawing-column{display:grid;grid-column:2;grid-row:1;height:100%;grid-template-rows:52px minmax(0,1fr) 26px auto}
body.workspace-open .tool-panel{display:block;grid-column:1;grid-row:1;position:static;overflow:auto;overflow-x:hidden;padding:8px;border-right:1px solid var(--line)}
.tool-panel>.eyebrow,.tool-panel>.tool-note,.tool-panel>hr,.tool-panel>.stack,.tool-panel>details,.tool-panel>.device-panel-close{display:none}
.tool-grid{grid-template-columns:1fr;gap:7px;margin:0 0 10px}.tool-grid button{min-height:48px;font-size:12px;padding:8px;gap:6px}.tool-grid b{font-size:21px}
#more-tools,#add-shape,#workshop-tools{width:100%;min-height:48px;font-size:12px;padding:8px;margin-bottom:8px}
body.workspace-open .inspector{display:none;position:absolute;z-index:40;right:0;top:0;bottom:0;width:min(340px,60vw);max-height:none;max-width:none;overflow:auto;margin:0;padding:18px;box-shadow:-8px 0 28px #193b322a;background:#fff}
body.workspace-open .workbench[data-panel=objects] .inspector,body.workspace-open .workbench[data-panel=adjust] .inspector{display:block}
.workbench[data-panel=objects] #adjust-panel,.workbench[data-panel=adjust] #objects-panel{display:none}
body.workspace-open .workbench[data-panel=tools] .tool-panel{position:absolute;z-index:40;left:0;top:0;bottom:0;width:min(340px,65vw);box-shadow:8px 0 28px #193b322a;padding:15px}
.workbench[data-panel=tools] .tool-panel>.stack{display:grid;grid-template-columns:1fr 1fr;gap:8px}.workbench[data-panel=tools] .tool-panel>details,.workbench[data-panel=tools] .tool-panel>.tool-note,.workbench[data-panel=tools] .tool-panel>.device-panel-close{display:block}
.workbench[data-panel=tools] .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workbench[data-panel=tools] .tool-grid button{flex-direction:column;justify-content:center;font-size:13px;gap:4px}
.device-panel-close{width:100%;min-height:46px;margin-bottom:12px}.inspector input,.inspector select,.inspector textarea,dialog input,dialog select{font-size:16px;min-height:44px}.inspector button{min-height:44px}.palette button{width:36px;height:36px;min-height:36px}
.canvas-controls>label{max-width:130px}.canvas-controls select{font-size:14px}.canvas-controls button{min-height:46px;font-size:14px}.canvas-controls .row button{min-width:44px;width:44px}.canvas-controls{padding:3px 8px;gap:6px}
.welcome{gap:20px;padding:24px}.welcome h1{font-size:3.5rem}.brand-bar{padding:18px 24px}.brand-bar p{display:none}.brand-bar nav button{min-height:44px}#library{padding:24px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.workspace-open .jke-platform-footer{height:36px;min-height:36px;max-height:36px}.path-bar button,.text-edit-bar button{min-height:46px}
body.canvas-focus #workspace:not([hidden]){grid-template-rows:56px 48px minmax(0,1fr)}body.canvas-focus .drawing-column{grid-column:1}
@media(min-width:1100px){body.workspace-open .workbench[data-panel=objects],body.workspace-open .workbench[data-panel=adjust]{grid-template-columns:112px minmax(0,1fr) 300px}body.workspace-open .workbench[data-panel=objects] .inspector,body.workspace-open .workbench[data-panel=adjust] .inspector{position:static;grid-column:3;grid-row:1;width:auto}}
@media(max-width:700px){body.workspace-open .workbench{grid-template-columns:88px minmax(0,1fr)}.tool-grid button{flex-direction:column;gap:3px}.canvas-controls #board-select{width:85px}.canvas-controls{gap:2px;padding:3px}.canvas-controls .row button{min-width:38px;width:38px}.welcome{grid-template-columns:1fr}.welcome-art{max-height:230px}}
@media print{.workspace-tabs{display:none}body.workspace-open .workbench,body.workspace-open #workspace:not([hidden]){display:block}}