.control-mode-panel{bottom:78px;left:50%;width:min(390px,calc(100% - 24px));display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px;transform:translate(-50%,10px)}
.control-mode-panel.show{transform:translate(-50%,0)}
.control-mode-panel button{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:9px;border:1px solid transparent;border-radius:10px;text-align:left;color:#d4d5d8}
.control-mode-panel button svg{grid-row:1/3;width:32px;height:32px;padding:5px;border-radius:8px;background:rgba(255,255,255,.07);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.control-mode-panel button b{margin:0;font-size:11px}.control-mode-panel button span{color:#85878d;font-size:8px;white-space:nowrap}
.control-mode-panel button.active{border-color:rgba(222,74,69,.75);background:rgba(189,48,45,.2);color:#fff}.control-mode-panel button.active svg{background:#bd302d}.control-mode-panel button.active span{color:#dbb8b6}
.bottom-toolbar [data-action="mode"] svg{transition:color .18s,transform .18s}.bottom-toolbar [data-action="mode"]:active svg{transform:scale(.9)}
.third-mode canvas{cursor:grab}.third-mode canvas:active{cursor:grabbing}.mobile-rise [hidden]{display:none!important}
@media(max-width:700px),(pointer:coarse){.control-mode-panel{z-index:35;bottom:calc(76px + env(safe-area-inset-bottom));width:min(390px,calc(100% - 16px));gap:5px;padding:6px;background:rgba(22,23,26,.94)}.control-mode-panel button{grid-template-columns:29px minmax(0,1fr);column-gap:5px;padding:7px 5px}.control-mode-panel button svg{width:28px;height:28px}.control-mode-panel button b{font-size:9px}.control-mode-panel button span{font-size:7px}}
html.mobile-ui.forced-landscape .control-mode-panel{bottom:58px;width:min(390px,55vh)}