/* Tablet workspace: touch targets, a compact landscape tool rail, and four generous views. */
.tablet-studio{--tablet-top:84px;--tablet-bottom:56px;--tablet-panel:380px}
.tablet-studio .menubar{height:36px;min-height:36px;font-size:13px;padding-inline:10px;gap:6px}
.tablet-studio .menubar summary{padding:9px 7px}
.tablet-studio #language{max-width:100px;font-size:13px;min-height:32px;margin-inline-start:auto;margin-inline-end:0}
.tablet-studio .toolbar{height:48px;min-height:48px;padding-inline:8px;gap:5px}
.tablet-studio .toolbar button{height:44px;min-width:44px;padding:7px;touch-action:manipulation}
.tablet-studio .toolbar button img{width:27px;height:27px}
.tablet-studio .menubar .menu{top:36px;max-width:calc(100vw - 20px)}
.tablet-studio .menu button{min-height:44px}
.tablet-studio .view-title{min-height:32px;font-size:12px;padding:6px 10px}
.tablet-studio .axis-widget{transform:scale(.85)}
.tablet-studio #mobile-studio{height:calc(var(--tablet-bottom) + env(safe-area-inset-bottom))!important;min-height:calc(var(--tablet-bottom) + env(safe-area-inset-bottom))!important;padding:4px 8px calc(4px + env(safe-area-inset-bottom))}
.tablet-studio .mobile-navigation{height:48px;gap:7px;max-width:1100px;margin:auto}
.tablet-studio .mobile-navigation>*{height:46px;min-height:44px!important;font-size:13px!important;padding:5px!important}
.tablet-studio .mobile-navigation select{max-width:180px}
.tablet-studio .mobile-mouse{width:min(480px,calc(100vw - 24px));height:132px;right:12px;bottom:calc(var(--tablet-bottom) + env(safe-area-inset-bottom) + var(--mobile-input-height,0px) + 24px);padding:8px;gap:6px;grid-template-columns:48% 1fr}
.tablet-studio .mobile-modes button,.tablet-studio .mobile-actions button{min-height:44px!important;font-size:12px!important}
.tablet-studio .mobile-pad span{font-size:11px;line-height:1.5}
.tablet-studio .command-panel{height:24px!important;min-height:24px!important}
.tablet-studio #status{font-size:11px;height:24px!important;line-height:24px;min-height:24px!important}
.tablet-studio[data-mobile-panel=tools] .categories{top:var(--tablet-top);width:var(--tablet-panel);height:48px;min-height:48px;padding-inline-end:44px}
.tablet-studio .categories button{min-height:44px;padding:6px 12px;font-size:12px}
.tablet-studio[data-mobile-panel=tools] .tools{top:calc(var(--tablet-top) + 48px);bottom:calc(var(--tablet-bottom) + env(safe-area-inset-bottom));width:var(--tablet-panel)}
.tablet-studio .tools .tool-grid{gap:8px;padding:10px}
.tablet-studio .tools .tool-grid button{height:76px!important;min-height:76px!important}
.tablet-studio .tools .tool-grid button span,.tablet-studio .tools .tool-grid button::after{display:block!important;font-size:11px;line-height:14px}
.tablet-studio .tools .tool-grid button img,.tablet-studio .tools .tool-grid button svg{width:29px;height:29px}
.tablet-studio #mobile-close{top:calc(var(--tablet-top) + 2px)!important;left:calc(var(--tablet-panel) - 44px)!important;width:42px;height:44px}
.tablet-studio[data-mobile-panel=properties] .properties{top:var(--tablet-top);bottom:calc(var(--tablet-bottom) + env(safe-area-inset-bottom));width:var(--tablet-panel);padding-top:48px}
.tablet-studio .properties .scene-panel{height:230px}
.tablet-studio #input-dock #drawing-input{gap:10px;padding:7px 12px;min-height:54px}
.tablet-studio #input-dock .drawing-fields{gap:12px}
.tablet-studio #input-dock .drawing-fields label{flex-basis:160px;font-size:13px;gap:7px}
.tablet-studio #input-dock .drawing-fields input,.tablet-studio #input-dock button{min-height:40px}
.tablet-studio #input-dock button{font-size:13px;padding:6px 14px}
.tablet-studio .snap-options label{min-height:44px;display:flex;align-items:center;gap:7px}
.tablet-studio .snap-dock{max-height:35dvh}
.tablet-studio dialog{max-width:calc(100vw - 40px)!important;max-height:calc(100dvh - 40px)!important}
.tablet-studio dialog button{min-height:44px}
@media(orientation:landscape) and (min-width:1000px){
 .tablet-studio{--tablet-top:128px}
 .tablet-studio .categories{display:flex!important;height:44px;min-height:44px;padding-inline:8px;gap:4px}
 .tablet-studio .tools{display:flex!important;position:relative;inset:auto;flex:0 0 96px;width:96px;max-width:96px;padding:0;overflow:auto;box-shadow:none}
 .tablet-studio .tools .tool-grid{grid-template-columns:1fr!important;padding:6px;gap:6px}
 .tablet-studio .tools .toolbox-title{font-size:11px;padding:6px}
 .tablet-studio .tools .tool-section h3{font-size:10px;margin:6px;overflow-wrap:anywhere}
 .tablet-studio[data-mobile-panel=tools] .tools{display:block!important;position:fixed;inset:calc(var(--tablet-top) + 48px) auto calc(var(--tablet-bottom) + env(safe-area-inset-bottom)) 0;max-width:var(--tablet-panel);width:var(--tablet-panel)}
 .tablet-studio[data-mobile-panel=tools] .tools .tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .tablet-studio[data-mobile-panel=tools] .categories{position:fixed;top:var(--tablet-top)}
}
html[lang=ar] .tablet-studio .mobile-navigation{direction:rtl}
html[lang=ar] .tablet-studio .mobile-navigation select{direction:rtl}