*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f5f5f5;color:#333;min-height:100vh}.app.dark{background:#1a1a2e;color:#e0e0e0}.app.dark .header{color:#fff}.app.dark .subtitle{color:#aaa}.app.dark .search-input,.app.dark .select{background:#16213e;color:#e0e0e0;border-color:#333}.app.dark .toolbar{border-color:#333}.app.dark .gallery-item{background:#16213e}.app.dark .gallery-list .gallery-item{border-color:#333}.app.dark .chip{background:#16213e;color:#ccc;border-color:#444}.app.dark .chip:hover{background:#0f3460}.app.dark .stats{color:#888;border-color:#333}.app.dark .lightbox{background:#000000f2}.app{min-height:100vh;transition:background .3s,color .3s}.header{text-align:center;padding:2rem 1rem .5rem}.header h1{margin:0;font-size:2rem;letter-spacing:-.02em}.subtitle{margin:.25rem 0 0;color:#888;font-size:.9rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid #e0e0e0}.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.search-input{padding:.5rem .75rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;outline:none;width:180px;transition:border-color .2s}.search-input:focus{border-color:#6c63ff}.select{padding:.5rem .75rem;border:1px solid #ddd;border-radius:8px;font-size:.85rem;background:#fff;outline:none;cursor:pointer}.btn{padding:.45rem .85rem;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:.85rem;cursor:pointer;transition:all .2s}.btn:hover{background:#f0f0f0}.btn.active,.btn.accent{background:#6c63ff;color:#fff;border-color:#6c63ff}.btn.accent:hover{background:#5a52d5}.btn.fav-active{background:#fff3cd;border-color:#ffc107}.chips{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.5rem;justify-content:center}.chip{padding:.35rem .9rem;border:1px solid #ddd;border-radius:20px;background:#fff;font-size:.8rem;cursor:pointer;transition:all .2s}.chip:hover{background:#6c63ff;color:#fff;border-color:#6c63ff}.chip-clear{background:#ffe0e0;border-color:#ff6b6b;color:#d63031}.chip-clear:hover{background:#ff6b6b;color:#fff}.gallery{padding:1.5rem;gap:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.gallery-masonry{columns:4 200px;column-gap:1rem;display:block}.gallery-masonry .gallery-item{break-inside:avoid;margin-bottom:1rem}.gallery-list{display:flex;flex-direction:column;max-width:600px;margin:0 auto}.gallery-list .gallery-item{border:1px solid #e0e0e0;border-radius:12px;margin-bottom:.75rem}.gallery-list .img-wrapper{border-radius:12px}.gallery-list .img-wrapper img{border-radius:12px;max-height:300px;object-fit:cover}.gallery-item{position:relative;border-radius:12px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.gallery-item:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001f}.img-wrapper{position:relative;overflow:hidden;border-radius:12px;cursor:pointer}.img-wrapper img{width:100%;display:block;transition:transform .3s}.img-wrapper:hover img{transform:scale(1.05)}.img-overlay{position:absolute;top:0;right:0;display:flex;gap:.35rem;padding:.5rem;opacity:0;transition:opacity .2s}.img-wrapper:hover .img-overlay{opacity:1}.fav-btn,.remove-btn{width:32px;height:32px;border:none;border-radius:50%;background:#ffffffe6;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fav-btn:hover,.remove-btn:hover{transform:scale(1.15)}.fav-btn.fav-on{background:#fffffff2}.fav-btn.large{width:auto;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;border:1px solid #ddd}.img-id{position:absolute;bottom:.4rem;left:.5rem;background:#00000080;color:#fff;font-size:.7rem;padding:.15rem .4rem;border-radius:6px;opacity:0;transition:opacity .2s}.img-wrapper:hover .img-id{opacity:1}.empty{text-align:center;padding:4rem 1rem;color:#999;font-size:1.1rem}.stats{display:flex;justify-content:center;gap:.75rem;padding:1rem;color:#aaa;font-size:.8rem;border-top:1px solid #e0e0e0}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-img{max-width:90vw;max-height:75vh;border-radius:12px;object-fit:contain}.lightbox-close{position:absolute;top:-2.5rem;right:-1rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;opacity:.7;transition:opacity .2s}.lightbox-close:hover{opacity:1}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff26;border:none;color:#fff;font-size:3rem;padding:.25rem .75rem;border-radius:8px;cursor:pointer;transition:background .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-nav:hover{background:#ffffff4d}.lightbox-prev{left:-4rem}.lightbox-next{right:-4rem}.lightbox-info{margin-top:1rem;display:flex;align-items:center;gap:1rem;color:#ccc;font-size:.95rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-center,.toolbar-right{justify-content:center}.search-input{width:100%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-masonry{columns:2}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}.lightbox-nav{font-size:2rem;padding:.15rem .5rem}}