.header{text-align:center;margin-bottom:40px}.header h1{font-size:2.5em;font-weight:900;background:linear-gradient(135deg,var(--primary-color),var(--text-muted));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.header p{color:var(--text-muted);font-size:1.1em;max-width:600px;margin:0 auto}.search-container{position:relative;max-width:600px;margin:0 auto 40px;display:flex;align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:2px 15px;box-shadow:0 4px 15px #0000000d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .3s,border-color .3s;z-index:20}.search-container:focus-within{border-color:var(--primary-color);box-shadow:0 6px 20px #ff3e7226}.search-icon{font-size:1.2em;margin-right:10px;opacity:.7}#search-bar{width:100%;border:none;background:transparent;padding:12px 0;font-size:1.05em;color:var(--text-color);outline:none;font-family:inherit}#search-bar::placeholder{color:var(--text-muted);opacity:.6}.clear-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.1em;cursor:pointer;padding:5px;transition:color .2s}.clear-btn:hover{color:var(--primary-color)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;grid-auto-flow:dense}.loading-spinner{grid-column:1 / -1;text-align:center;padding:60px 0;color:var(--text-muted)}.spinner{width:50px;height:50px;border:5px solid var(--border-color);border-top:5px solid var(--primary-color);border-radius:50%;margin:0 auto 15px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.photo-card-container{position:relative;display:flex;flex-direction:column;transition:transform .3s ease}.photo-card-wrapper{position:relative;border-radius:16px;overflow:hidden;background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;box-shadow:0 6px 18px #aa72790d;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s,border-color .3s;aspect-ratio:3 / 4;width:100%}.photo-card-wrapper.landscape{aspect-ratio:16 / 9}.photo-card-wrapper:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 10px 25px #ff3e721f}.photo-image{width:100%;height:100%;object-fit:cover;display:block;transition:filter .3s ease,transform .3s ease}.photo-tags-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(26,16,18,.85) 0%,transparent 100%);padding:20px 15px 12px;color:#fff;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.photo-card-wrapper:hover .photo-tags-overlay{opacity:1;transform:translateY(0)}.photo-tags-overlay .tag-span{display:inline-block;background:#ff3e7240;border:1px solid var(--primary-color);border-radius:6px;padding:2px 6px;font-size:.75em;margin:2px;font-family:Inter,sans-serif}.photo-actions-popout{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background:#f1d7dcf2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:2px solid var(--primary-color);border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:12px;opacity:0;pointer-events:none;z-index:10;box-shadow:0 10px 30px #00000040;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;width:calc(100% - 40px);max-width:220px;align-items:stretch}body.dark-mode .photo-actions-popout{background:#4a2c30f2}.photo-card-container.selected .photo-actions-popout{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:all}.photo-card-container.selected .photo-image{filter:blur(5px) brightness(.6)}.action-btn{padding:11px 16px;border-radius:10px;font-size:.92em;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s cubic-bezier(.25,.8,.25,1);text-decoration:none;font-family:inherit;outline:none;border:none}.action-btn.copy{background:linear-gradient(135deg,var(--primary-color),#fd9594);color:#fff;box-shadow:0 4px 15px #ff3e7240}.action-btn.copy:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff3e7266}.action-btn.download{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:9px 14px;box-shadow:0 4px 12px #ff3e720d}.action-btn.download:hover{background:var(--primary-color);color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 20px #ff3e724d}.action-btn:active{transform:translateY(0) scale(.96)!important}.no-results{text-align:center;padding:60px 20px;color:var(--text-muted)}.no-results-icon{font-size:4em;display:block;margin-bottom:15px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(20px);background:var(--primary-color);color:#fff;padding:12px 24px;border-radius:30px;box-shadow:0 6px 20px #ff3e724d;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);font-weight:700;font-size:.95em;letter-spacing:.5px}.toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@media(max-width:480px){.gallery-grid{grid-template-columns:1fr}}