:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18211d;background:#f7f5ef}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh}.drop-overlay{position:fixed;inset:14px;z-index:10;display:grid;place-items:center;border:3px dashed #24543f;border-radius:24px;color:#24543f;background:#f7f5efee;pointer-events:none;font-size:clamp(1.1rem,3vw,2rem)}.preview-modal{position:fixed;inset:0;z-index:20;display:grid;grid-template-columns:64px 1fr 64px;grid-template-rows:auto 1fr;background:#0b0e0ccc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.preview-toolbar{grid-column:1 / -1;display:flex;align-items:center;gap:10px;padding:12px 18px;color:#fff;background:#111813e6}.preview-toolbar strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-toolbar button{padding:8px 13px}.preview-content{grid-column:2;grid-row:2;display:grid;place-items:center;min-width:0;min-height:0;padding:18px}.preview-content img,.preview-content video{max-width:100%;max-height:100%;object-fit:contain}.preview-content video{width:min(1100px,100%)}.preview-loading{color:#fff}.preview-nav{grid-row:2;align-self:center;width:48px;height:48px;padding:0;background:#fff2;font-size:2rem}.preview-nav.previous{grid-column:1;justify-self:center}.preview-nav.next{grid-column:3;justify-self:center}header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;background:#f7f5efdd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #ddd8cc}h1{font-size:1.5rem;margin:0}header p{max-width:48vw;margin:4px 0 0;color:#66706b;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:44px;height:44px;flex:0 0 auto;border-radius:11px}.login-logo{width:96px;height:96px;margin-bottom:14px;border-radius:22px}.upload-actions{display:flex;gap:8px}.upload-actions select{max-width:180px;border:1px solid #ccd4cf;border-radius:999px;padding:9px 12px;background:#fff}.select-mode{background:#4c6257}.trash-mode{background:#72695e}.library-mode{background:#24543f}.trash-actions{display:flex;gap:6px}.trash-actions button{background:#4c6257}.trash-actions .empty-trash{background:#9b3028}.trash-actions button:disabled{cursor:default;opacity:.45}.album-manage{display:flex;gap:4px}.album-manage button{padding:9px 11px;background:#66796f;font-size:.78rem}.album-manage .album-delete{background:#9b4037}.selection-bar{position:sticky;top:78px;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:#e8eee9f5;border-bottom:1px solid #ccd4cf}.selection-bar button{padding:8px 13px}.selection-bar select{max-width:220px;border:1px solid #b9c6be;border-radius:8px;padding:8px 10px;background:#fff}.selection-bar button:disabled{cursor:default;opacity:.4}.selection-bar .danger-action{background:#a63b30}.upload,button{border:0;border-radius:999px;padding:11px 17px;background:#24543f;color:#fff;font-weight:650;cursor:pointer}.upload.secondary{background:#e2e8e4;color:#24543f}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:3px;padding:3px}.grid article{position:relative;overflow:hidden;background:#e8e5dc;aspect-ratio:1}.grid article.selected{outline:4px solid #2d7657;outline-offset:-4px}.selection-check{position:absolute;top:8px;left:8px;z-index:2;display:grid;place-items:center;width:28px;height:28px;border:2px solid white;border-radius:50%;color:#fff;background:#24543faa;font-weight:800}.selecting .grid article{cursor:pointer}.selecting .grid article .meta,.selecting .grid article .download{pointer-events:none;opacity:0}.thumb{width:100%;height:100%;display:grid;place-items:center;color:#87918c;font-size:2rem}.thumb img{width:100%;height:100%;object-fit:cover}.download{position:absolute;top:8px;right:8px;z-index:1;width:34px;height:34px;padding:0;background:#17241dcc;font-size:1.15rem}.meta{position:absolute;inset:auto 0 0;padding:28px 10px 8px;color:#fff;background:linear-gradient(transparent,#000b);opacity:0;transition:.15s}.grid article:hover .meta{opacity:1}.grid article.trashed .meta{opacity:1}.grid article.trashed .thumb{filter:saturate(.55) brightness(.72)}.meta strong,.meta time{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta time{font-size:.75rem}.meta button{background:#fff2;font-size:.8rem;padding:6px 8px}.meta .danger{font-size:.75rem;margin-left:5px}.login{max-width:420px;margin:18vh auto;padding:32px}.login form{display:flex;gap:8px}.login input{min-width:0;flex:1;padding:12px;border:1px solid #ccc;border-radius:8px}.error{color:#a52a20}.banner{padding:8px 5vw}.empty{text-align:center;color:#6e7772;padding:15vh 20px}.load-more{display:block;margin:24px auto 40px}@media(max-width:600px){.grid{grid-template-columns:repeat(3,1fr)}header{padding:12px}.upload{font-size:.72rem;padding:9px}.upload-actions{gap:4px}.upload-actions select{max-width:95px;padding:7px}.select-mode{padding-inline:10px}.album-manage button{padding:8px;font-size:.7rem}.trash-actions{flex-wrap:wrap}.trash-actions button{padding:8px;font-size:.7rem}.selection-bar{top:67px;flex-wrap:wrap}.selection-bar select{max-width:150px}.meta{display:none}.download{top:5px;right:5px;width:30px;height:30px}.preview-modal{grid-template-columns:42px 1fr 42px}.preview-toolbar{padding:8px}.preview-toolbar button{padding:7px 9px;font-size:.72rem}.preview-nav{width:36px;height:36px}.preview-content{padding:6px}}