@media(max-width:700px){
 [data-mobile-drag-handle]{-webkit-touch-callout:none;user-select:none;touch-action:pan-y}
 .workspace-editing .workspace-grip{touch-action:pan-y}
 .mobile-panel-pressing{box-shadow:inset 0 -2px var(--accent)}
 .mobile-panel-origin{opacity:.45}
 .mobile-panel-drag-ui{position:fixed;z-index:2200;pointer-events:none}
 .mobile-panel-ghost{padding:10px 14px;background:var(--panel);color:var(--ink);border:2px solid var(--accent);border-radius:8px;box-shadow:0 8px 28px #0007;display:grid;gap:5px;overflow-wrap:anywhere}
 .mobile-panel-ghost strong{font-size:13px}
 .mobile-panel-ghost small{font-size:12px;color:var(--muted)}
 .mobile-panel-float-zone{left:12px;right:12px;bottom:14px;min-height:54px;border:2px dashed var(--line);border-radius:8px;display:grid;place-items:center;background:var(--panel);color:var(--ink);font-size:14px;font-weight:700}
 .mobile-panel-float-zone.is-selected{border-color:var(--accent);color:var(--accent)}
 .mobile-dock-before{box-shadow:0 -4px var(--accent)!important}
 .mobile-dock-after{box-shadow:0 4px var(--accent)!important}
 .mobile-panel-placement{width:calc(100vw - 24px);max-height:80dvh;overflow:auto}
 .mobile-panel-placement p{font-size:13px;margin:12px 0}
 .mobile-panel-placement h2{overflow-wrap:anywhere}
 .mobile-panel-placement select{width:100%;min-height:44px;margin:8px 0 14px}
 .mobile-panel-placement button{min-height:44px}
 body .mobile-utility-docked{position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;min-width:0!important;height:540px;grid-column:1/-1;z-index:1!important}
 body .mobile-utility-floating{position:fixed!important;right:auto!important;bottom:auto!important;z-index:900!important;max-height:calc(100dvh - 24px);min-width:0}
 body.workspace-focus-mode>.mobile-panel-drag-ui{display:grid!important}
 body.workspace-focus-mode>.mobile-utility-floating:not([hidden]){display:flex!important}
}