:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--accent: #3b82f6;--accent-dark: #2563eb;--accent-light: #dbeafe;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius: .5rem;--radius-lg: .75rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--slate-50);color:var(--slate-800);min-height:100vh;line-height:1.5}.header{background:var(--slate-800);color:#fff;padding:2rem 1.5rem;text-align:center}.header__title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;letter-spacing:-.02em}.header__subtitle{font-size:.95rem;color:var(--slate-400);margin-top:.25rem}.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--slate-200);position:sticky;top:0;z-index:30;flex-wrap:wrap}.toolbar__left{flex:1;min-width:0}.toolbar__right{display:flex;gap:.5rem;flex-shrink:0}.folder-tabs{display:flex;gap:.375rem;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.folder-tabs::-webkit-scrollbar{display:none}.folder-tab{flex-shrink:0;display:flex;align-items:center;gap:.375rem;padding:.4rem .75rem;border:1px solid var(--slate-200);border-radius:var(--radius);background:#fff;color:var(--slate-600);font-family:var(--font);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.folder-tab:hover{border-color:var(--accent);color:var(--accent)}.folder-tab--active{background:var(--accent);border-color:var(--accent);color:#fff}.folder-tab svg{width:14px;height:14px}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:var(--radius);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.btn svg{width:16px;height:16px}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-dark)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--outline{background:#fff;color:var(--slate-600);border:1px solid var(--slate-200)}.btn--outline:hover{border-color:var(--slate-400)}.btn--ghost{background:transparent;color:var(--slate-600)}.btn--ghost:hover{background:var(--slate-100)}.gallery{padding:1rem 1rem 5rem}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}@media (max-width: 640px){.gallery__grid{grid-template-columns:repeat(3,1fr);gap:3px}}.gallery__item{aspect-ratio:1;position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--slate-100)}.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery__item:hover img{transform:scale(1.05)}.gallery__item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;opacity:0;transition:opacity .15s;display:flex;align-items:flex-start;justify-content:space-between;padding:.5rem}.gallery__item:hover .gallery__item-overlay,.gallery__item--selected .gallery__item-overlay{opacity:1}.gallery__item-select{width:28px;height:28px;border:2px solid white;border-radius:50%;background:#0000004d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.gallery__item-select svg{width:16px;height:16px}.gallery__item--selected .gallery__item-select{background:var(--accent);border-color:var(--accent)}.gallery__item--selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--accent);border-radius:var(--radius);pointer-events:none}.gallery__item-download{width:28px;height:28px;border:none;border-radius:50%;background:#0006;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.gallery__item-download:hover{background:var(--accent)}.gallery__item-download svg{width:14px;height:14px}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f7;z-index:100;display:flex;flex-direction:column}.viewer__header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#00000080}.viewer__close{width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.viewer__close svg{width:20px;height:20px}.viewer__info{flex:1;min-width:0;display:flex;flex-direction:column}.viewer__counter{font-size:.75rem;color:#ffffff80}.viewer__name{font-size:.85rem;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer__download{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-family:var(--font);font-size:.8rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:background .15s}.viewer__download:hover{background:var(--accent-dark)}.viewer__download svg{width:16px;height:16px}@media (max-width: 640px){.viewer__download span{display:none}.viewer__download{padding:.5rem;border-radius:50%}}.viewer__content{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden;position:relative}.viewer__media{max-width:100%;max-height:100%;object-fit:contain}.viewer__nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:10}.viewer__nav:hover{background:#ffffff40}.viewer__nav--prev{left:1rem}.viewer__nav--next{right:1rem}.viewer__nav svg{width:24px;height:24px}@media (max-width: 640px){.viewer__nav{width:36px;height:36px}.viewer__nav--prev{left:.25rem}.viewer__nav--next{right:.25rem}}.bottom-bar{position:fixed;bottom:0;left:0;right:0;padding:.75rem 1rem;background:#fff;border-top:1px solid var(--slate-200);display:flex;justify-content:center;gap:.75rem;z-index:50;box-shadow:0 -4px 12px #0000001a}.toast{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);padding:.6rem 1.25rem;background:var(--slate-800);color:#fff;border-radius:2rem;font-size:.85rem;font-weight:500;z-index:200;animation:toast-in .3s ease;white-space:nowrap}.toast--success{background:var(--accent)}.toast--error{background:#dc2626}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.loading{display:flex;flex-direction:column;align-items:center;padding:4rem;color:var(--slate-400)}.loading__spinner{width:32px;height:32px;border:3px solid var(--slate-200);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:4rem;color:var(--slate-400)}.empty__icon{margin-bottom:1rem}.empty__icon svg{width:64px;height:64px;opacity:.3}