.add-photo-tile{border:1px dashed #c8d2df;border-radius:7px;background:#f8fafd;min-height:100px;display:grid;place-content:center;text-align:center;color:#087ef5;gap:7px}.add-photo-tile>span{font-size:30px}.is-list .add-photo-tile{min-height:64px}.upload-option-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-option-row select{min-width:0}.upload-picker{min-height:140px;align-content:center}.account-summary{border-bottom:1px solid #e3e6eb;padding-bottom:16px}.account-summary h3{font-size:14px}.account-summary p{font-size:13px;overflow-wrap:anywhere}.account-summary small{font-size:12px;color:#777}.library-selection #selectVisible{width:82px;flex:none}#mobileUploadCommand{font-size:12px;order:98;margin-left:auto}#openTrash{margin-left:0!important}.library-selection #selectionCount{min-width:0}.library-selection #toggleSelection{width:50px;flex:none}
@media(max-width:650px){input,select,textarea,.modal-card input,.upload-box select,.demo-search input{font-size:16px!important}html{-webkit-text-size-adjust:100%}body{height:100dvh;overflow:hidden}.demo-topbar{position:relative;flex:none}.demo-layout,.mobile-sidebar-open .demo-layout{display:block;height:calc(100dvh - var(--mobile-header-height,98px));min-height:0;position:relative}.album-main,.mobile-sidebar-open .album-main{height:calc(100% - 88px);padding:12px 10px 0;display:flex;flex-direction:column;min-height:0}.album-heading{flex:none}.library-selection{flex:none;display:flex;flex-wrap:nowrap;gap:4px;align-items:start;min-height:56px;overflow-x:auto;padding-bottom:6px;position:relative;padding-top:0}.library-selection button{flex:none;height:32px;padding:6px 7px;font-size:10px;white-space:nowrap}.library-selection #toggleSelection{width:42px}.library-selection #selectionCount{position:absolute;left:0;top:35px;width:55px;font-size:9px;white-space:nowrap}.library-selection #selectVisible{width:66px}.library-selection #deselectAll{display:none!important}.library-selection #createAlbum,.library-selection #renameAlbum{flex:none}.library-selection.selection-active #createAlbum,.library-selection.selection-active #renameAlbum{display:none}.library-selection #mobileUploadCommand{position:static;left:auto;bottom:auto;box-shadow:none;z-index:auto;font-size:10px;min-height:32px;margin-left:auto;order:98}.library-selection #openTrash{order:99}.library-selection #deleteSelected,.library-selection #moveSelected{width:54px}.library-selection #deleteSelected.hidden,.library-selection #moveSelected.hidden,.library-selection #selectVisible.hidden{display:inline-block!important;visibility:hidden;pointer-events:none}#galleryScroll{flex:1;min-height:0;overflow:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:2px 2px 18px;transition:margin-left .16s}#albumGrid{align-content:start;min-height:100%;grid-auto-rows:max-content}.mobile-sidebar-open #galleryScroll{margin-left:130px}.album-sidebar,.mobile-sidebar-open .album-sidebar{position:absolute;left:0;top:112px;bottom:88px;height:auto;width:130px;z-index:12;transform:translateX(-100%);padding:10px 6px}.mobile-sidebar-open .album-sidebar{transform:none}.album-sidebar .quota-card{display:none!important}.mobile-sidebar-open .album-heading,.mobile-sidebar-open .library-selection{margin-left:0}.mobile-sidebar-open .album-heading h2{font-size:14px}.mobile-sidebar-open #mobileMenu{width:30px;padding:7px}.demo-console,.mobile-sidebar-open .demo-console{position:absolute;left:0;right:0;bottom:0;height:88px;max-height:60%;padding:6px 12px 14px;border-top:1px solid #dfe3e9;border-left:0;background:#fafbfc;overflow:auto;z-index:14;overscroll-behavior:contain}.demo-console.console-expanded{height:240px}.demo-console .side-panel{display:flex;gap:12px;margin:0 0 5px}.demo-console .tab-button{font-size:11px;padding:4px 10px;height:25px}.demo-console .tab-button[data-view=upload],.demo-console .admin-only{display:none}.demo-console .topline,.demo-console [data-panel=overview] .table-card{display:none}.demo-console .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.demo-console .stat-grid article:nth-child(n+3){display:none}.demo-console .stat-grid article{display:flex;gap:8px;align-items:center}.demo-console .stat-grid strong{font-size:13px;margin:0}.demo-console .stat-grid span{font-size:10px}.demo-console .workspace{padding:0}.demo-console #mobileRemaining{margin:10px 0 0}.demo-console .notice{font-size:11px;gap:5px}.demo-console .notice span{display:none}.support-button{bottom:calc(99px + env(safe-area-inset-bottom));padding:7px 10px;font-size:11px}.add-photo-tile{min-height:80px}.add-photo-tile small{font-size:10px}.upload-modal-card .upload-picker{min-height:160px;order:0}.upload-option-row{gap:8px}.upload-option-row label{min-width:0;font-size:11px}.upload-option-row select{width:100%;padding:9px 4px}.upload-modal-card{max-height:94dvh}.modal{overflow:auto}.account-page{height:100dvh}.account-page .modal-card{min-height:100%}}
@media(max-width:650px){.album-main .library-selection{display:grid;grid-template-columns:36px 56px 48px 48px minmax(0,1fr) 38px 42px;column-gap:3px;overflow:visible}.album-main .library-selection #toggleSelection{grid-column:1;grid-row:1;width:36px}.album-main .library-selection #selectVisible{grid-column:2;grid-row:1;width:56px}.album-main .library-selection #deleteSelected{grid-column:3;grid-row:1;width:48px}.album-main .library-selection #moveSelected{grid-column:4;grid-row:1;width:48px}.album-main .library-selection #createAlbum{grid-column:2/4;grid-row:1}.album-main .library-selection #renameAlbum{grid-column:4/6;grid-row:1}.album-main .library-selection #mobileUploadCommand{grid-column:6;grid-row:1;margin:0;width:38px;padding:5px}.album-main .library-selection #openTrash{grid-column:7;grid-row:1;width:42px;padding:5px}}
@media(max-width:650px){#galleryScroll img,#galleryScroll video{-webkit-touch-callout:none}.demo-console:not(.console-expanded) #mobileRemaining{display:none}}
.recent-thumbnail{width:44px;height:44px;flex:0 0 44px;background:#edf0f4;border-radius:5px;overflow:hidden}.recent-thumbnail img,.recent-thumbnail video{width:100%;height:100%;object-fit:cover}.row>span:not(.recent-thumbnail){flex:1}.trash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.trash-grid .trash-row{padding:0 0 12px;border:1px solid #e0e4e9;border-radius:7px;overflow:hidden;min-width:0}.trash-media{display:block;position:relative;aspect-ratio:1;background:#f0f2f5;overflow:hidden}.trash-media img,.trash-media video{width:100%;height:100%;object-fit:cover}.trash-media input[type=checkbox]{position:absolute;top:8px;right:8px;z-index:1;width:22px!important;height:22px;margin:0!important;accent-color:#087ef5}.trash-grid .trash-row strong{padding:10px 8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.trash-grid .trash-row small{padding:0 8px;font-size:10px}.trash-grid .trash-row>div{padding:0 8px;gap:5px}.trash-grid .trash-row button{padding:7px;font-size:11px;min-height:32px}.trash-selected{outline:2px solid #087ef5}.trash-toolbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:14px 0}.trash-toolbar button{font-size:12px;padding:8px 10px}.trash-toolbar span{font-size:12px;color:#737b85}#accountModal .modal-card:has(.trash-grid){width:760px}
@media(max-width:650px){html body{height:auto;min-height:100dvh;overflow:auto}.demo-layout,.mobile-sidebar-open .demo-layout{height:auto;min-height:calc(100dvh - var(--mobile-header-height,98px))}.album-main,.mobile-sidebar-open .album-main{height:auto;min-height:calc(100dvh - var(--mobile-header-height,98px) - 88px)}#galleryScroll{flex:1;min-height:calc(100dvh - var(--mobile-header-height,98px) - 220px);overflow:visible;overscroll-behavior:auto}#albumGrid{min-height:0}.demo-console,.mobile-sidebar-open .demo-console,.demo-console.console-expanded{position:relative;left:auto;right:auto;bottom:auto;height:auto;max-height:none;overflow:visible;padding:16px 14px 65px}.demo-console [data-panel=overview] .table-card{display:block}.demo-console .stat-grid{gap:16px;margin:14px 0}.demo-console .stat-grid article{display:block}.demo-console .stat-grid strong{font-size:20px;margin-top:5px}.demo-console .stat-grid span{font-size:12px}.demo-console #mobileRemaining,.demo-console:not(.console-expanded) #mobileRemaining{display:block}.demo-console .table-card h3{font-size:14px;margin:20px 0 8px}.demo-console .row{padding:12px 0;font-size:12px}.demo-console .row strong{font-size:12px}.demo-console .row small{font-size:10px}.support-button{bottom:calc(18px + env(safe-area-inset-bottom))}.mobile-sidebar-open #galleryScroll{margin-left:0}.album-sidebar,.mobile-sidebar-open .album-sidebar{position:fixed;top:var(--mobile-header-height,98px);bottom:0;width:190px;height:calc(100dvh - var(--mobile-header-height,98px));z-index:25;box-shadow:5px 0 22px #0001}.mobile-sidebar-open .album-sidebar{transform:translateX(0)}.album-sidebar .album-filter{font-size:13px!important;min-height:38px}.drawer-backdrop:not(.hidden){display:block!important}.trash-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trash-toolbar{gap:5px}.trash-toolbar button{font-size:11px;padding:8px}.recent-thumbnail{width:48px;height:48px;flex-basis:48px}}