#toggle-panels,.mobile-panel-heading,.panel-shade{display:none}
@media(max-width:780px){
 #menubar .version{display:none}#toggle-panels{display:block;min-height:36px;padding:6px 10px;border:1px solid #666;border-radius:4px;background:#393939;color:#eee;font-size:11px;margin-left:auto}
 #workspace{position:relative;min-height:0}
 #workspace.mobile-panels-open #panels{display:flex!important;position:absolute;right:0;top:0;bottom:0;width:min(310px,calc(100% - 48px));z-index:24;overflow-y:auto;overscroll-behavior:contain;box-shadow:-8px 0 24px #0005}
 #panels>.panel{flex:0 0 auto}#panels .layer-panel{min-height:220px}#panels #layers{max-height:240px;min-height:90px}#panels #history{max-height:160px}
 .mobile-panel-heading{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:2;background:#303030;color:#eee;padding:4px 10px;border-bottom:1px solid #555;font-size:12px;flex-shrink:0}
 .mobile-panel-heading button{width:40px;height:40px;font-size:24px;background:transparent;border:0;color:inherit}
 .mobile-panels-open .panel-shade{display:block;position:absolute;inset:0;background:#0005;border:0;z-index:23}
 #options{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;min-height:48px}#options>*{flex-shrink:0}#tool-options{flex:none}
 #tools button{min-height:40px}#toolbar{overscroll-behavior:contain}
 #dialog{max-height:calc(100dvh - 16px)}#dialog-form{display:flex;flex-direction:column;max-height:calc(100dvh - 20px)}#dialog-body{min-height:0;max-height:none;overflow:auto}.dialog-heading,.dialog-actions{flex-shrink:0}
}
@media(max-width:480px){.field{display:grid;grid-template-columns:1fr;gap:6px}.field input,.field select{width:100%}.dialog-actions{flex-wrap:wrap}#document-details{display:none}}
@media(max-width:360px){#document-size{display:none}}

@media(max-width:780px){.mobile-panel-heading{order:-1}#panels>.layer-panel{order:0}#panels>.properties-panel{order:1}#panels>.color-panel{order:2}#panels>.history-panel{order:3}}