*{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,sans-serif}body{overscroll-behavior:none;background:#0a0a0a}#root{color:#f0f0f0;background:#0a0a0a;flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.app{background:#0a0a0a;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.file-input-hidden{display:none}.empty-state{color:#444;text-align:center;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100dvh;padding:40px;display:flex}.empty-state-icon{opacity:.25;font-size:52px;line-height:1}.empty-state h2{color:#666;letter-spacing:0;font-size:18px;font-weight:500}.empty-state p{color:#3a3a3a;font-size:13px}.btn-add-photos{color:#000;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;border:none;border-radius:24px;margin-top:12px;padding:14px 36px;font-size:16px;font-weight:600}.btn-add-photos:active{opacity:.85}.viewer-panel{touch-action:none;background:#0a0a0a;flex-shrink:0;justify-content:center;align-items:center;height:63dvh;min-height:63dvh;max-height:63dvh;display:flex;position:relative;overflow:hidden}.viewer-zoom{transform-origin:0 0;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.viewer-img{object-fit:contain;width:100%;height:100%;animation:.18s imgFadeIn;display:block}@keyframes imgFadeIn{0%{opacity:0}to{opacity:1}}.viewer-overlay{pointer-events:none;background:linear-gradient(#0000,#000000a6);justify-content:space-between;align-items:flex-end;gap:8px;padding:24px 12px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.viewer-filename{color:#fffc;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.1px;min-width:0;font-size:11px;overflow:hidden}.viewer-dims{color:#ffffff73;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.viewer-delete{color:#ffffff80;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(4px);background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;transition:transform .12s,background .15s,color .15s;display:flex;position:absolute;top:12px;left:12px}.viewer-delete:active{transform:scale(.88)}.viewer-delete--confirming{color:#fff;background:#dc2828bf}.viewer-fav{color:#ffffff80;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(4px);background:#00000059;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:transform .12s;display:flex;position:absolute;top:12px;right:12px}.viewer-fav:active{transform:scale(.88)}.viewer-fav--active{color:#ff3b5c}.viewer-empty{color:#333;font-size:13px}.thumb-panel{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;background:#0a0a0a;border-top:1px solid #181818;flex-shrink:0;height:37dvh;min-height:37dvh;max-height:37dvh;overflow-y:scroll}.thumb-grid{grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}.thumb{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:3px;position:relative;overflow:hidden}.thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.thumb--selected{box-shadow:inset 0 0 0 3px #fff}.thumb-heart{color:#ff3b5c;text-shadow:0 1px 6px #000000e6,0 0 2px #000000e6;pointer-events:none;font-size:16px;line-height:1;position:absolute;bottom:4px;right:4px}.thumb-add{aspect-ratio:1;cursor:pointer;color:#3a3a3a;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#111;border:1.5px dashed #2a2a2a;border-radius:3px;justify-content:center;align-items:center;font-size:28px;font-weight:300;line-height:1;display:flex}.thumb-add:active{background:#181818}.thumb-clear{aspect-ratio:1;cursor:pointer;color:#4a2020;letter-spacing:.3px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#111;border:1.5px dashed #3a1818;border-radius:3px;justify-content:center;align-items:center;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.thumb-clear--confirming{color:#f55;background:#b41e1e40;border-color:#f55}