/* Responsive editor and media library. */
@media(max-width:1024px){
 /* High specificity keeps mobile dimensions above the editor's desktop rules. */
 body .vls{min-width:0;max-width:100%;padding:10px}
 body .vls .vls-workbench{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px}
 body .vls .vls-workbench-right{grid-row:1;min-height:0!important;min-width:0;width:100%}
 body .vls .vls-aligned-workspace>.vls-workbench-left{grid-row:2;min-width:0;width:100%;max-height:70vh!important;max-height:70svh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable}
 body .vls .vls-aligned-workspace>.vls-workbench-left>details:not(.is-detached){flex-shrink:0!important}
 body .vls .vls-aligned-workspace>.vls-workbench-left>details.is-sidebar-active[open]:not(.is-detached){flex:1 0 250px!important;min-height:250px!important}
 body .vls .vls-sidebar-body{overflow:auto!important;overscroll-behavior:contain;min-height:0;touch-action:pan-y}
 body .vls .vls-media-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:44px}
 body .vls .vls-media-toolbar :is(button,.vls-media-upload){display:inline-flex!important;align-items:center;justify-content:center;min-width:44px!important;min-height:44px!important;width:auto!important;height:44px!important;flex:0 0 auto!important;touch-action:manipulation}
 body .vls .vls-media-toolbar button svg{width:20px;height:20px}
 body .vls .vls-sidebar-body .vls-media-items{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:132px!important;gap:9px;min-height:160px;overflow:auto!important}
 body .vls .vls-media-items:not(.is-list) .vls-media-item{height:132px!important}
 body .vls .vls-media-items:not(.is-list) .vls-media-item>:is(img,video,.vls-media-audio-icon){height:100px!important;object-fit:contain}
 body .vls .vls-media-name{font-size:12px!important;line-height:22px;padding:4px 6px}
 body .vls .vls-media-delete{width:36px!important;height:36px!important;min-height:36px!important;display:grid;place-items:center;top:3px;right:3px}
 body .vls .vls-media-delete svg{width:19px;height:19px}
 body .vls .vls-media-items.is-list{display:flex!important;flex-direction:column;gap:8px}
 body .vls .is-list .vls-media-item{height:64px!important;min-height:64px!important;display:flex;align-items:center}
 body .vls .is-list .vls-media-item>:is(img,video,.vls-media-audio-icon){width:72px!important;height:62px!important;flex:0 0 72px;object-fit:contain}
 body .vls .is-list .vls-media-name{padding-right:44px;flex:1;min-width:0}body .vls .is-list .vls-media-delete{top:13px}
 body .vls .vls-preview{padding:8px;min-height:0}body .vls .vls-main-canvas{max-height:50svh!important;object-fit:contain}
 body .vls .vls-timeline-toolbar{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;touch-action:pan-x}
 body .vls .vls-timeline-toolbar button{min-height:36px!important;min-width:36px!important}
 body .vls .vls-timeline-body,body .vls .vls-timeline-main{min-width:0}
 body .vls .is-detached{max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important}
 body .vls .vls-floating-window{min-width:180px!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:auto}
}
@media(max-width:600px){
 body .vls .vls-sidebar-body .vls-media-items{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body .vls .vls-sidebar-body>[data-effects]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1024px){
 body .vls .vls-workbench{grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important;gap:10px}
 body .vls .vls-workbench-left{grid-column:1;grid-row:1!important}
 body .vls .vls-workbench-right{grid-column:2;grid-row:1;min-height:0!important}
 body .vls .vls-aligned-workspace>.vls-workbench-left{max-height:calc(100vh - 100px)!important;max-height:calc(100svh - 100px)!important}
 body .vls .vls-aligned-workspace>.vls-workbench-left>details.is-sidebar-active[open]:not(.is-detached){flex-basis:200px!important;min-height:200px!important}
 body .vls .vls-sidebar-body .vls-media-items{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body .vls .vls-main-canvas{max-height:calc(100vh - 145px)!important;max-height:calc(100svh - 145px)!important;min-height:80px}
}