#mobileMenu,.mobile-account{display:none}.drawer-backdrop{display:none}@media(max-width:650px){.demo-topbar{padding:10px 12px;gap:8px}.demo-brand{margin-right:0;gap:6px}.demo-brand strong{font-size:16px}.demo-logo{width:28px;height:28px;font-size:18px}.mobile-account{display:block;min-width:0;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;color:#707783;text-align:left;font-size:12px;padding:5px 0}.demo-actions{margin-left:auto}.demo-search{padding:7px 10px}.album-sidebar{position:fixed;z-index:29;left:0;top:0;width:230px;max-width:80vw;height:100dvh;transform:translateX(-100%);transition:transform .18s;display:flex;flex-direction:column;white-space:normal;padding:22px 12px;overflow-y:auto;border-right:1px solid #dfe3e9}.album-sidebar.drawer-open{transform:translateX(0)}.album-sidebar .quota-card{display:grid;flex:none}.album-sidebar .album-filter{height:38px;min-height:38px}.drawer-backdrop:not(.hidden){display:block;position:fixed;inset:0;z-index:28;background:#10182060;border:0}body:has(.drawer-open){overflow:hidden}.album-main{padding:14px 10px}.album-heading{display:flex;flex-wrap:nowrap;gap:7px;margin-bottom:14px;align-items:center}.album-heading>div:first-of-type{min-width:0;flex:1}.album-heading h2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.album-heading p{font-size:10px;margin-top:3px}#mobileMenu{display:flex;flex-direction:column;justify-content:center;gap:4px;width:30px;height:34px;padding:7px;flex:none;background:transparent;border-radius:5px}#mobileMenu span{display:block;width:17px;height:2px;background:#414852}.album-toolbar{width:auto;flex:none;flex-wrap:nowrap;gap:5px}.segmented-control{padding:2px}.segmented-control button{font-size:10px;padding:6px 5px;white-space:nowrap}.size-control{gap:3px}.size-control span{font-size:10px}.size-control input{width:52px;margin:0}.album-toolbar>.primary-button{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:12px;z-index:19;min-height:40px;font-size:12px;box-shadow:0 2px 10px #0002}.library-selection{margin:0 0 12px;gap:5px}.library-selection button{font-size:10px;min-height:32px;padding:6px 8px}.library-selection span{font-size:10px}.album-grid{gap:10px 6px}.album-info{padding:6px}.album-info strong{font-size:10px}.album-meta{font-size:9px;gap:3px;flex-wrap:wrap}.album-tag{font-size:8px;padding:2px 3px;left:4px;bottom:4px}.album-new{font-size:8px;padding:2px 3px;right:4px;top:4px}.photo-check{width:20px;height:20px;right:4px;bottom:53px;font-size:12px}.demo-console{padding-bottom:80px}.support-button{font-size:12px;padding:10px 12px;right:12px}.is-list .album-cover{width:54px;height:54px}.is-list .album-info strong{font-size:12px}.is-list .album-meta{font-size:10px}}
.account-page{background:#fff;backdrop-filter:none;padding:0;align-items:flex-start;overflow:auto}.account-page .modal-card{border-radius:0;box-shadow:none;width:560px;max-height:none;margin:0 auto;padding:76px 24px 35px;overflow:visible}.account-page .close-button{left:24px;right:auto;top:20px;font-size:14px;color:#087ef5;min-height:38px}.account-page h2{font-size:25px}.account-page label{display:block}.account-page .code-line input{min-width:0}#currentUser[role=button]{cursor:pointer}.account-page #profileForm{gap:20px}@media(max-width:650px){.account-page .modal-card{padding:70px 20px 30px}.account-page #profileForm{gap:14px}.account-page h2{font-size:23px}}