/* Intrinsic sizes and safe areas, without disabling pinch zoom. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body,main,.content,.page-heading>div,.view-controls,.settings-grid,.panel,.row-actions{min-width:0}
:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
@media(max-width:1024px),(pointer:coarse){
 input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:16px!important}
}
@media(max-width:1024px){
 html .shell{width:100%;min-width:0}html .shell main{min-width:0;grid-column:1}
 html:not([data-theme=classic]) .topbar{margin-top:calc(10px + var(--safe-top));margin-left:calc(12px + var(--safe-left));margin-right:calc(12px + var(--safe-right))}
 html[data-theme=classic] .topbar{height:calc(61px + var(--safe-top));padding-top:var(--safe-top);padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}
 .topbar{min-width:0;gap:6px}.top-actions{min-width:0;gap:1px;flex-shrink:0}.breadcrumbs{flex:1;min-width:0}.breadcrumbs button{flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.breadcrumbs button:last-of-type{min-width:0;flex-shrink:1}.top-nav{padding:7px}.top-nav-label,.top-actions .local-label{display:none}
 html .content{padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right));padding-bottom:calc(100px + var(--safe-bottom));max-width:100%}
 .page-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.page-heading h1{overflow-wrap:anywhere}.heading-buttons{min-width:0;max-width:145px}.heading-buttons button{max-width:100%;white-space:normal}
 .toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.search{min-width:0;max-width:100%;width:100%;gap:7px}.search input{width:0;flex:1;min-width:0}.search .scope{font-size:12px;flex-shrink:0}
 .view-controls{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 40px;gap:7px}.view-controls select{width:100%;max-width:100%;text-overflow:ellipsis;padding:9px;min-width:0}
 .selection-bar,.clipboard-bar{max-width:100%;min-width:0}.selection-bar>div,.clipboard-bar>div{max-width:100%;flex-wrap:wrap;min-width:0}.selection-bar .text-button{white-space:normal;padding-left:9px!important;padding-right:9px!important}.clipboard-bar>span{min-width:0;overflow-wrap:anywhere}
 .row-actions,.security-buttons,.dialog-actions{flex-wrap:wrap;max-width:100%}.row-actions button,.security-buttons button,.dialog-actions button{max-width:100%;white-space:normal}.details>div{min-width:0;gap:10px}.details b{min-width:0;overflow-wrap:anywhere}.panel pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
 html:not([data-theme=classic]) .statusbar{left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));bottom:calc(10px + var(--safe-bottom))}.statusbar{gap:8px;height:auto;min-height:33px;padding-top:7px;padding-bottom:7px}.statusbar>span{min-width:0}.statusbar>span:first-child{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.statusbar>span:last-child{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 html #sidebar{max-width:calc(100vw - 44px);padding-top:calc(26px + var(--safe-top));padding-bottom:calc(16px + var(--safe-bottom));padding-left:calc(17px + var(--safe-left))}
 dialog:not(.lightbox):not(.photo-editor){max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);max-width:calc(100% - var(--safe-left) - var(--safe-right) - 24px);overflow:auto;margin:auto;padding:22px}.dialog-heading h2{overflow-wrap:anywhere;min-width:0}
 .lightbox,.lightbox.showing-video{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}.lightbox-header{padding-top:calc(12px + var(--safe-top));padding-left:calc(10px + var(--safe-left));padding-right:calc(10px + var(--safe-right));gap:6px}.lightbox-header>div:first-child{flex:1;min-width:0}.lightbox-header>div:last-child{flex-shrink:0;gap:0}.lightbox-details{padding-bottom:calc(12px + var(--safe-bottom));padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right))}.video-controls{max-height:45dvh;overflow:auto;flex-shrink:0}.lightbox-stage{min-width:0;min-height:0}.lightbox-stage .image-scroll{padding:5px;min-width:0}
 .pagination{gap:8px;flex-wrap:wrap}.pagination #page-info{min-width:0;text-align:center}.people-selection{min-width:0;flex-wrap:wrap}
 .upscale-progress,.upload-progress,.copy-progress{right:calc(12px + var(--safe-right));max-width:calc(100% - var(--safe-left) - var(--safe-right) - 24px);bottom:calc(48px + var(--safe-bottom))}.toast{max-width:calc(100% - var(--safe-left) - var(--safe-right) - 24px);white-space:normal;overflow-wrap:anywhere;bottom:calc(52px + var(--safe-bottom))}
}