html,body{background:#141416}body{color:#e8e8e8;margin:0}.api-credit{color:#7d7d7d;text-align:left;margin:0;font-size:.9rem;font-style:italic}.title{text-align:center}.subtitle{text-align:center;color:#a8a8a8}.app{text-align:center;max-width:1100px;margin:0 auto;padding:24px 24px 160px}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.social-header{align-items:center;gap:14px;display:flex}.social-icon{color:#9a9a9a;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:inline-flex}.social-icon:hover{color:#e8e8e8}.social-copied{color:#4a9eff;align-self:center;font-size:.85rem}.album-card p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.album-card{color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;padding:4px;transition:border-color .15s}.album-card img{aspect-ratio:1;object-fit:contain;border-radius:4px;width:100%}.album-grid--games .album-card img{aspect-ratio:3/4}.album-card:hover{border-color:#34363a}.album-card.selected{border-color:#4a9eff}.album-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;margin:24px 0;display:grid}.fallback-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.hint{color:#9a9a9a;text-align:center;padding:2rem 0;font-size:.9rem;font-style:italic}.mode-toggle{background:#1d1e21;border:1px solid #34363a;border-radius:8px;gap:4px;margin:8px 0 4px;padding:4px;display:inline-flex}.mode-option{font:inherit;color:#9a9a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 18px;transition:background .15s,color .15s}.mode-option:hover{color:#e8e8e8}.mode-option.active{color:#fff;background:#4a9eff}.error{color:#ff6b6b;padding:.5rem 0;font-weight:600}.skeleton-card{background:#26272a;border-radius:4px;width:140px;height:140px;animation:1.5s ease-in-out infinite pulse}.selection-tray{z-index:100;background:#1a1a1a;gap:12px;min-height:124px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -2px 8px #0000004d}.tray-empty{color:#9a9a9a;margin:auto;font-style:italic}.tray-item{text-align:center;flex:none;width:100px;position:relative}.tray-item img{object-fit:cover;border-radius:4px;width:100px;height:100px}.favourite-badge{color:#fff;background:#4a9eff;border-radius:4px;padding:2px 6px;font-size:.7rem;position:absolute;top:4px;left:4px}.gif-preview{flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.gif-preview img{aspect-ratio:1;border-radius:8px;width:500px;max-width:100%}.gif-preview a{color:#4a9eff;font-weight:600;text-decoration:none}.gif-preview a:hover{text-decoration:underline}.search-bar{justify-content:center;gap:8px;margin:8px 0 4px;display:flex}.search-bar input{font:inherit;color:#e8e8e8;background:#1d1e21;border:1px solid #34363a;border-radius:6px;width:100%;max-width:360px;padding:9px 12px}.search-bar input::placeholder{color:#6f7176}.search-bar input:focus{border-color:#4a9eff;outline:none}.search-bar button,.fallback-actions button,.overlay-upload button,.file-button{font:inherit;color:#e8e8e8;cursor:pointer;background:#26272a;border:1px solid #34363a;border-radius:6px;padding:9px 14px;transition:background .15s,border-color .15s;display:inline-block}.search-bar button:hover,.fallback-actions button:hover,.overlay-upload button:hover,.file-button:hover{background:#303236;border-color:#45484d}.make-gif{font:inherit;color:#fff;cursor:pointer;background:#4a9eff;border:1px solid #4a9eff;border-radius:6px;padding:11px 22px;font-weight:600;transition:background .15s,border-color .15s}.make-gif:hover:not(:disabled){background:#63acff;border-color:#63acff}.make-gif:disabled{opacity:.45;cursor:not-allowed}.overlay-upload{justify-content:center;align-items:center;gap:10px;margin:12px 0 20px;display:flex}.file-name{color:#9a9a9a;font-size:.9rem}.tray-item button{font:inherit;color:#c9c9c9;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:1rem;line-height:1}.tray-item button:hover{color:#fff}.speed-control{flex-direction:column;align-items:center;gap:12px;max-width:500px;margin:20px auto 8px;display:flex}.speed-control input[type=range]{accent-color:#4a9eff;width:100%}.speed-control span{color:#a8a8a8;font-size:.9rem}@keyframes pulse{50%{opacity:.5}}