/* Phone-sized coarse pointers get a scrollable dock and comfortable tap targets. */
.phone-ui .top{top:max(8px,env(safe-area-inset-top));left:8px;right:60px;width:auto;max-width:none;height:44px;padding:4px 8px;gap:6px}.phone-ui .top #title{max-width:none;font-size:16px}.phone-ui .top #status,.phone-ui .top .divider{display:none}.phone-ui .brand{font-size:20px}.phone-ui .right{top:max(8px,env(safe-area-inset-top));right:8px;height:44px;padding:0}.phone-ui .right #topMoreButton{width:44px;height:44px}
.phone-ui #tools{position:fixed;left:8px;right:8px;top:auto;bottom:max(8px,env(safe-area-inset-bottom));transform:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:auto;max-width:none;max-height:58px;overflow-x:auto;overflow-y:hidden;gap:2px;padding:5px;touch-action:none;scrollbar-width:none;border-radius:12px}.phone-ui #tools .tool{width:44px;height:44px;min-width:44px;flex:0 0 44px;touch-action:none!important}.phone-ui #tools .tool svg{width:23px;height:23px}.phone-ui #tools .tool:after{display:none}
.phone-ui .bottom{top:60px;right:8px;bottom:auto;height:44px}.phone-ui .bottom button{height:40px;min-width:40px;font-size:14px}.phone-ui .bottom-left{top:60px;left:8px;bottom:auto;max-width:42vw;height:44px}.phone-ui .bottom-left button{min-width:40px;height:40px}.phone-ui .hint{display:none}.phone-ui #workspaceBreadcrumbs{left:8px;top:110px;max-width:calc(100vw - 16px);font-size:12px;padding:6px}
.phone-ui #props{height:auto;min-height:54px;max-width:calc(100vw - 16px);padding:4px;touch-action:pan-x;scrollbar-width:thin}.phone-ui #props button,.phone-ui #props button[id^=myro]{min-width:44px!important;min-height:44px!important;height:44px!important;width:auto!important;padding:8px}.phone-ui #props input,.phone-ui #props select{font-size:16px!important;min-height:40px!important}.phone-ui #props .planning-type-controls{gap:2px}.phone-ui #props #planningFontSize{width:48px}
.phone-ui #toolOptions,.phone-ui #diagramPanel{position:fixed;left:8px!important;right:8px!important;top:auto!important;bottom:76px;width:auto!important;max-width:none!important;max-height:calc(100dvh - 200px)!important;overflow-y:auto!important}.phone-ui #toolOptions button,.phone-ui #diagramPanel button{min-height:44px}.phone-ui #stylePopup{max-width:calc(100vw - 16px);max-height:calc(100dvh - 164px)}.phone-ui #stylePopup button{min-height:44px;min-width:40px}.phone-ui #stylePopup input,.phone-ui #stylePopup select{font-size:16px}
.phone-ui #detailsPanel{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:76px!important;width:auto!important;max-width:none!important;max-height:52dvh!important;overflow:auto;border-radius:12px}.phone-ui #detailsPanel input,.phone-ui #detailsPanel textarea,.phone-ui #detailsPanel select{font-size:16px;min-height:44px}.phone-ui #detailsPanel button{min-height:44px}.phone-ui #topMoreMenu{top:60px;right:8px;max-height:calc(100dvh - 144px)}.phone-ui #topMoreMenu button{min-height:44px;font-size:15px}.phone-ui #savedPanel,.phone-ui #workspacePanel{left:8px;top:60px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 144px);overflow:auto}.phone-ui dialog input,.phone-ui dialog textarea,.phone-ui dialog select{font-size:16px}.phone-ui .calenyarnn-task-divider{height:16px;transform:translateY(-8px)}

.phone-ui #props .font-size-stepper{display:none}.phone-ui #props #myroSize{width:58px!important;min-width:58px!important}.phone-ui #props #myroFont{min-width:88px}