/* Vought Prism 22 — mobile workspace ergonomics. Loaded AFTER the existing Prism styles. */
.v22-photo-panel-header,.v22-video-panel-title{display:none}
@media (max-width:780px){
 html,body{width:100%!important;min-width:0!important;max-width:100%!important}
 body:has(.app){overflow:hidden!important}
 body:has(.app) .app{height:100vh!important;height:100dvh!important;min-height:0!important;width:100%!important;max-width:100%!important;grid-template-rows:clamp(52px,8dvh,60px) minmax(0,1fr) 21px!important;overflow:hidden!important}
 .app .top{min-width:0!important;width:100%!important;height:clamp(52px,8dvh,60px)!important;min-height:0!important;max-height:60px!important;padding:3px 5px!important}
 .app .top .prism-mobile-photo-actions{min-width:0!important;flex:1!important;gap:3px!important;justify-content:space-between!important}
 .app .top .prism-mobile-photo-actions button{max-width:none!important;min-width:0!important;flex:1 1 0!important;height:clamp(44px,7dvh,52px)!important;font-size:clamp(8px,2.6vw,11px)!important;line-height:1.12!important;border-radius:11px!important;overflow:hidden;touch-action:manipulation}
 .app .top .prism-mobile-photo-actions button:active{transform:scale(.97)}
 .app .top .prism-mobile-photo-actions button svg{width:clamp(17px,5vw,23px)!important;height:clamp(17px,5vw,23px)!important;flex-shrink:0}
 .app .top>.brand{flex:0 0 clamp(27px,8vw,36px)!important;width:clamp(27px,8vw,36px)!important}
 .app .top>.brand img{width:100%!important;height:auto!important}
 .app .work{min-width:0!important;min-height:0!important;grid-template-rows:minmax(0,1fr) clamp(53px,9dvh,67px)!important;overflow:hidden!important}
 .app .work .stage,.app .work .stage .viewport,.app #canvasHolder{min-width:0!important;min-height:0!important;max-width:100%!important}
 .app .work .stagebar{min-height:30px!important;max-height:38px!important;padding:3px 5px!important}
 .app .work .stagebar>*{min-width:0}
 .app .work .stagebar #docName{max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .app .work .tools{height:100%!important;min-height:0!important;padding:4px 6px!important;gap:5px!important;scroll-padding-inline:8px!important;scroll-snap-type:x proximity}
 .app .work .tools .tool{flex:0 0 clamp(46px,13vw,59px)!important;width:clamp(46px,13vw,59px)!important;height:100%!important;min-height:43px!important;scroll-snap-align:start;touch-action:manipulation}
 .app .work .tools .tool svg{max-width:22px!important}
 .app .work .sidebar.left,.app .work .sidebar.right{
   position:fixed!important;top:clamp(52px,8dvh,60px)!important;
   bottom:calc(clamp(53px,9dvh,67px) + 21px + env(safe-area-inset-bottom))!important;
   height:auto!important;min-height:0!important;max-height:calc(100dvh - 115px)!important;
   width:min(370px,92vw)!important;max-width:92vw!important;
   padding:0 11px 16px!important;
   overscroll-behavior-y:contain;overflow-x:hidden!important;overflow-y:auto!important;
   background:var(--panel,#1b1630)!important;
   border-color:#8269b8!important;box-shadow:0 18px 55px #06030bbd!important;
   border-radius:0 15px 15px 0!important;z-index:251!important;
   -webkit-overflow-scrolling:touch;touch-action:pan-y!important;
   pointer-events:none!important;visibility:hidden!important;transform:translateX(-105%)!important;
 }
 .app .work .sidebar.right{border-radius:15px 0 0 15px!important;transform:translateX(105%)!important}
 .app .work .sidebar.left.open,.app .work .sidebar.right.open{
   pointer-events:auto!important;visibility:visible!important;transform:translateX(0)!important
 }
 .app .work .sidebar.left .section,.app .work .sidebar.right .section{max-width:100%!important;min-width:0!important;overflow-wrap:anywhere}
 .app .work .sidebar input,.app .work .sidebar select,.app .work .sidebar textarea{min-width:0;max-width:100%}
 .app .work .sidebar button{max-width:100%;overflow-wrap:anywhere;min-height:36px;touch-action:manipulation}
 .app .work .sidebar .bgrid,.app .work .sidebar .v9-button-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
 .app .work .sidebar .v9-control{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
 .app .work .sidebar .v9-control input[type=range]{min-width:70px!important;max-width:100%!important;flex:1!important}
 .app .work .sidebar .prism-mobile-preferences{margin-top:6px!important}
 .v22-photo-panel-header{display:flex!important;position:sticky!important;top:0!important;z-index:5!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 -11px 12px!important;padding:10px 11px!important;min-height:52px;background:#1d1733f5;border-bottom:1px solid #7e63b577;backdrop-filter:blur(14px)}
 .v22-photo-panel-header strong{font-size:14px;color:#f9f6ff;font-weight:800}
 .v22-close{display:inline-flex;align-items:center;justify-content:center;background:#503a70!important;border:1px solid #a583d1!important;border-radius:12px!important;padding:8px 12px!important;min-width:64px;min-height:38px;color:white!important;flex-shrink:0}
 .v22-close:focus-visible{outline:3px solid #a4d8ff!important;outline-offset:2px}
 .app .prism-photo-shade{position:fixed!important;inset:clamp(52px,8dvh,60px) 0 calc(clamp(53px,9dvh,67px) + 21px) 0!important;z-index:240!important;background:#0704119c!important;touch-action:manipulation}
 .app .help-fab, body:has(.app) #prismHelpOpen{z-index:100!important;bottom:calc(clamp(53px,9dvh,67px) + 35px)!important;right:8px!important}
 .app .foot{height:21px!important;min-height:21px!important}
 .app .work .sidebar :is(.v9-context,.section,.prism-v6-panel){scroll-margin-top:65px}
}
@media (max-width:340px){
 .app .top .prism-mobile-photo-actions button{font-size:9px!important;padding:2px 0!important}
 .app .work .tools{gap:3px!important}
 .app .work .sidebar.left,.app .work .sidebar.right{width:94vw!important;max-width:94vw!important}
 .app .work .sidebar .bgrid,.app .work .sidebar .v9-button-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
/* Video editor mobile: a usable preview and timeline, and a closable, scrollable drawer. */
@media (max-width:820px){
 body:has(>.topbar){width:100%!important;height:100dvh!important;min-height:0!important;max-width:100%!important;overflow:hidden!important}
 body>.topbar{
   display:grid!important;grid-template-columns:32px minmax(0,1fr) auto auto!important;
   grid-template-rows:minmax(38px,auto) minmax(39px,auto)!important;
   align-items:center!important;column-gap:6px!important;row-gap:3px!important;
   max-height:none!important;min-height:0!important;padding:5px 7px!important;width:100%!important;box-sizing:border-box!important;
 }
 .topbar .mark{grid-column:1;grid-row:1}
 .topbar>div:has(>h1){grid-column:2;grid-row:1;min-width:0!important;max-width:none!important}
 .topbar h1{font-size:clamp(10px,3vw,13px)!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .topbar>.prism-video-tools-toggle{grid-column:3!important;grid-row:1!important;order:unset!important;min-height:37px!important;padding:7px 8px!important;white-space:nowrap!important;font-size:11px!important}
 .topbar>#exportBtn{grid-column:4!important;grid-row:1!important;order:unset!important;min-height:37px!important;padding:6px!important;max-width:108px!important;font-size:clamp(10px,2.7vw,12px)!important;overflow:hidden;text-overflow:ellipsis}
 .topbar>.tabs{grid-column:1 / -1!important;grid-row:2!important;order:unset!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 4px!important;scrollbar-width:thin;scroll-snap-type:x proximity}
 .topbar>.tabs :is(.tab-btn,a){scroll-snap-align:start;min-height:35px!important;flex:0 0 auto!important;touch-action:pan-x!important}
 .topbar>.spacer{display:none!important}
 .body-wrap{flex:1 1 0!important;min-height:0!important;width:100%!important;max-width:100%!important;position:relative!important;grid-template-rows:minmax(0,1fr) clamp(150px,30dvh,245px)!important;overflow:hidden!important}
 .body-wrap .stage-area{min-width:0!important;min-height:0!important;overflow:hidden!important}
 .body-wrap .stage-toolbar{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;touch-action:pan-x}
 .body-wrap .stage-wrap{min-width:0!important;min-height:0!important;max-width:100%!important;overflow:hidden!important;padding:5px!important;touch-action:pan-x pan-y}
 .body-wrap .stage-wrap canvas,.body-wrap .stage-wrap video{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
 .body-wrap .tl-wrap{min-height:0!important;max-height:100%!important;width:100%!important;overflow:hidden!important}
 .body-wrap .tl-toprow{gap:5px!important;padding:5px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important}
 .body-wrap .tl-body{overflow-x:auto!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x!important}
 .body-wrap .side-panel{
   position:absolute!important;top:0!important;bottom:0!important;left:0!important;
   height:100%!important;max-height:100%!important;width:min(370px,92vw)!important;max-width:92vw!important;
   background:var(--panel,#1d1730)!important;padding:10px!important;overflow-y:auto!important;overflow-x:hidden!important;
   transform:translateX(-105%)!important;visibility:hidden!important;pointer-events:none!important;
   overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y!important;
   border-right:1px solid #7c68b3!important;border-radius:0 16px 16px 0!important;z-index:251!important
 }
 .body-wrap.prism-video-panel-open .side-panel{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important}
 .body-wrap .side-panel :is(button,input,select,textarea){max-width:100%!important;min-width:0!important}
 .body-wrap .side-panel .row{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .body-wrap .side-panel .row>*{min-width:0}
 .body-wrap .prism-video-panel-close{display:flex!important;position:sticky!important;top:0!important;z-index:5!important;align-items:center;justify-content:center;width:100%!important;min-height:44px!important;margin:0 0 10px!important;background:#4c386d!important;border:1px solid #a07fdb!important;border-radius:10px!important;color:#fff!important;font-weight:800!important}
 .body-wrap .prism-video-shade{z-index:240!important;background:#05030db3!important}
}
@media(max-width:365px){
 body>.topbar{grid-template-columns:27px minmax(0,1fr) auto auto!important;padding:3px 5px!important;column-gap:4px!important}
 .topbar .mark{width:27px!important;height:27px!important}
 .topbar .beta{display:none!important}
 .topbar>#exportBtn{max-width:70px!important;white-space:normal!important;line-height:1.1!important}
 .topbar>.prism-video-tools-toggle{padding:5px!important;min-width:52px!important}
 .body-wrap{grid-template-rows:minmax(0,1fr) clamp(140px,28dvh,190px)!important}
}
@media(max-height:520px) and (max-width:820px){
 .body-wrap{grid-template-rows:minmax(0,1fr) 120px!important}
 .body-wrap .tl-toprow{max-height:40px!important}
}
@media(prefers-reduced-motion:reduce){
 .v22-photo-panel-header,.body-wrap .side-panel{scroll-behavior:auto!important}
}