.em-controls,.em-close{display:none}
@media(max-width:700px){
html body{overflow:hidden!important;height:100dvh!important;min-width:0!important}
body .topbar{height:96px!important;min-height:96px;display:flex;flex-wrap:wrap;align-content:center;gap:5px!important;padding:6px 8px!important;overflow:hidden}
body .topbar .lovia-logo{width:100px!important;height:34px!important}body .topbar .lovia-logo img{width:204px!important;height:68px!important;left:-20px!important;top:-16px!important}
body .topbar .title,body .topbar #export-btn,body .topbar #save-state{display:none!important}
body .topbar button{height:34px!important;min-width:0!important;padding:6px 9px!important;font-size:12px!important;flex-shrink:0}
body .workspace{position:absolute;inset:96px 0 calc(94px + env(safe-area-inset-bottom,0px));display:block!important;width:100%!important;height:auto!important;min-width:0!important}
body #workarea{position:absolute;inset:0;width:100%;height:100%;padding:0 12px 24px!important;overflow:auto;touch-action:pan-x pan-y}
body .canvas-toolbar{padding:8px 0;gap:8px;font-size:11px;flex-wrap:wrap}body .canvas-toolbar>span{display:none}
body #frame-space{margin:8px auto 0!important;max-width:none}
body #tools{position:fixed;left:0;right:0;bottom:calc(44px + env(safe-area-inset-bottom,0px));height:50px;display:flex;overflow-x:auto;overflow-y:hidden;z-index:42;white-space:nowrap;border-top:1px solid #ddd;padding:0!important}
body #tools button{flex:0 0 66px;width:66px!important;height:49px!important;padding:4px 2px!important;gap:2px!important;font-size:10px!important;border-right:0!important}body #tools button img{width:21px!important;height:21px!important}
body #library,body #properties{display:none!important;position:fixed!important;inset:auto 0 calc(94px + env(safe-area-inset-bottom,0px))!important;width:100%!important;height:48dvh!important;max-height:48dvh!important;padding:44px 14px 16px!important;z-index:45!important;border-radius:16px 16px 0 0!important;box-shadow:0 -5px 24px #0003;overflow:auto!important}
body.em-library #library,body.em-properties #properties{display:block!important}
.em-close{display:block;position:absolute;right:12px;top:8px;height:30px;padding:3px 12px;z-index:2}
.em-controls{position:fixed;bottom:0;left:0;right:0;height:calc(44px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(3,1fr);z-index:46;background:var(--lv-panel,#fff);border-top:1px solid #ddd}
.em-controls button{border:0;border-radius:0;padding:8px 3px;font-size:12px;background:transparent;color:var(--lv-text,#333)}.em-controls button[aria-pressed=true]{background:#fff0f4;color:#e74168}
body .quick-photos,body .zoom-pill{display:none!important}body .selection-toolbar{max-width:calc(100vw - 16px);overflow:auto}body .canvas-palette,body .canvas-context{max-width:calc(100vw - 24px)}
body dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 20px);overflow:auto}body #library .photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body #properties input,body #properties select,body #properties textarea{max-width:100%}
}
@media(max-width:700px){html body #tools button{min-height:49px!important;max-height:49px!important;margin:0!important;line-height:12px!important}html body #tools button span{display:block;font-size:10px!important;line-height:12px!important;white-space:nowrap}html body .canvas-palette{display:none!important}}
@media(max-width:700px){body #tools{scrollbar-width:none}body #tools::-webkit-scrollbar{display:none}}
