/* iPhone shelf and touch targets are independent of tablet/desktop layouts. */
.brand-bar{padding:13px 14px;gap:8px}.wordmark{font-size:1.4rem;gap:5px}.wordmark svg{width:30px;height:35px}.wordmark small{font-size:.46rem}.brand-bar nav{gap:4px}.brand-bar nav button{font-size:.75rem;min-height:44px;padding:8px}.brand-bar p,.brand-bar #help-button{display:none}#library{padding:15px}.welcome{grid-template-columns:1fr;padding:15px 6px 0;gap:0}.welcome h1{font-size:3rem;margin:16px 0}.welcome p{font-size:.95rem;margin-bottom:18px}.welcome-art{height:190px;justify-self:center}.eyebrow{font-size:.6rem}.pill{display:none}.section-head{margin:22px 0 12px}.section-head h2{font-size:1.1rem}.lesson-grid{grid-template-columns:1fr 1fr;gap:10px}.lesson-card{padding:14px;min-height:180px}.lesson-card strong{font-size:.98rem}.lesson-card span:last-child{font-size:.78rem}.section-head .row{gap:0}.section-head .row button{font-size:.7rem;padding:6px}.project-grid{grid-template-columns:1fr 1fr}.project-preview{height:110px}.empty-shelf{font-size:.85rem;padding:18px}.welcome .row{gap:8px}.welcome .row button{font-size:.86rem}.workbench[data-panel=objects] #adjust-panel,.workbench[data-panel=adjust] #objects-panel{display:none}.device-panel-close{width:100%;min-height:44px;margin-bottom:12px}
/* iPhone workspace: thumb tools and bottom sheets, in either orientation. */
body.workspace-open #workspace:not([hidden]){grid-template-rows:56px 48px minmax(0,1fr) 48px}
  body.workspace-open .workbench{display:block;position:relative;grid-row:3;height:100%;overflow:hidden}
  body.workspace-open .drawing-column,body.workspace-open .workbench[data-panel=tools] .drawing-column,body.workspace-open .workbench[data-panel=objects] .drawing-column,body.workspace-open .workbench[data-panel=adjust] .drawing-column{display:grid;height:100%;grid-template-rows:48px minmax(0,1fr) 24px auto}
  body.workspace-open .workspace-tabs{grid-row:4;display:flex;align-items:center;padding:3px 8px;gap:4px;z-index:40;border-top:1px solid var(--line);border-bottom:0;background:white}
  body.workspace-open .workspace-tabs button{min-height:42px;font-size:13px;padding:7px 10px;flex:1}
  body.workspace-open .panel{position:absolute;top:auto;z-index:40;left:0;right:0;bottom:0;max-height:74%;height:auto;overflow:auto;padding:15px 15px 24px;max-width:none;margin:0;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px #193b3230;border:1px solid var(--line);background:white}
  body.workspace-open .tool-panel,body.workspace-open .inspector{display:none}
  body.workspace-open .workbench[data-panel=tools] .tool-panel,body.workspace-open .workbench[data-panel=objects] .inspector,body.workspace-open .workbench[data-panel=adjust] .inspector{display:block}
  body.workspace-open .tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}.tool-grid button{font-size:14px;padding:9px;min-height:48px}
  body.workspace-open .tool-panel .stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tool-panel .stack button{font-size:14px;min-height:44px}
  .quick-tools{gap:4px;padding:2px 8px;justify-content:space-around}.quick-tools button{flex:1;min-width:44px;padding:2px 4px;gap:0;display:flex;flex-direction:column;font-size:10px;height:44px}.quick-tools b{font-size:18px;line-height:20px}
  .inspector input,.inspector select,.inspector textarea{font-size:16px;min-height:44px}.inspector label{font-size:13px}.palette button{width:34px;height:34px;min-height:34px}
  body.workspace-open .jke-platform-footer{height:32px;min-height:32px;max-height:32px;padding:2px 8px;gap:8px}body.workspace-open .jke-platform-current,body.workspace-open .jke-platform-footer>.jke-platform-privacy{display:none}body.workspace-open .jke-platform-copy strong{display:none}body.workspace-open .jke-platform-copy small{display:inline;font-size:11px}body.workspace-open .jke-platform-home{min-height:26px}body.workspace-open .jke-sync-status{max-width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  body.workspace-open #save-status{text-align:left;flex:none}.canvas-controls #board-select{width:80px;padding:4px;font-size:11px}.canvas-controls #board-settings{font-size:11px;padding:4px;min-width:46px}.canvas-controls>.row{gap:0}.canvas-controls .row button{width:38px;min-width:38px;font-size:13px}.view-controls>summary{font-size:12px;padding:6px 8px}.canvas-controls{gap:3px;padding:2px 4px}
  .text-edit-bar{left:5px;right:5px;bottom:5px;gap:5px;padding:6px}.text-edit-bar select{max-width:110px}.text-edit-bar button{padding:8px;font-size:12px}
  .path-bar{left:5px;right:5px;bottom:5px;gap:4px;padding:6px}.path-bar button{padding:7px 9px;min-height:44px}.path-bar label{flex-basis:100%;justify-content:center}.path-bar input{width:140px}
  body.canvas-focus #workspace:not([hidden]){grid-template-rows:56px 0 minmax(0,1fr) 48px}

@media(max-width:380px){#zoom-label{display:none}.canvas-controls #board-select{width:72px}.file-menu>summary{padding:7px 9px}.file-actions{gap:2px}.file-bar{column-gap:5px;padding:6px 8px}}
@media(max-height:500px){body.workspace-open #workspace:not([hidden]){grid-template-rows:48px 0 minmax(0,1fr) 44px}.quick-tools{display:none}body.workspace-open .drawing-column{grid-template-rows:44px minmax(0,1fr) 20px auto}.file-bar{padding-top:2px;padding-bottom:2px}.path-bar>span{display:none}.path-bar label{flex-basis:auto}}