:root{color-scheme:dark;--bg: #050509;--bg-elevated: #11111a;--accent: #2f81f7;--accent-soft: rgba(47, 129, 247, .15);--border-subtle: #252536;--text-primary: #f9fafb;--text-muted: #9ca3af}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#111827 0,#020617 60%,#000);color:var(--text-primary)}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:1.75rem 2rem 1.25rem;border-bottom:1px solid var(--border-subtle);background:linear-gradient(120deg,#0f172ae6,#0f172a99);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.app-header-left{flex:1}.app-header-right{display:flex;gap:.75rem;align-items:center}.header-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.35rem}.app-logo{width:2.5rem;height:2.5rem;border-radius:.5rem;box-shadow:0 4px 12px #2563eb4d}.app-header h1{margin:0;font-size:1.6rem}.app-subtitle{margin:0;color:var(--text-muted);font-size:.9rem}.header-stats{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:.5rem;min-width:140px;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);box-shadow:0 0 20px #7c3aed33;transition:all .2s ease;cursor:help}.header-stats:hover{background:#7c3aed33;border-color:#7c3aed80;box-shadow:0 0 30px #7c3aed66;transform:translateY(-2px)}.header-stat-number{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;text-shadow:0 0 10px rgba(124,58,237,.5)}.header-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;margin-top:.15rem}.favorites-button{white-space:nowrap}.favorites-button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.favorites-button.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.app-footer{margin-top:auto;padding:1.5rem 2rem;border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,#0f172a99,#0f172ae6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center}.footer-left{justify-self:start}.footer-center{justify-self:center}.footer-right{justify-self:end}.app-footer p{margin:0;color:var(--text-muted);font-size:.85rem}.app-footer a{color:var(--accent);text-decoration:none;transition:color .15s}.app-footer a:hover{color:var(--text-primary);text-decoration:underline}.footer-link-button{background:none;border:none;color:var(--accent);font-size:.85rem;font-family:inherit;cursor:pointer;padding:0;transition:color .15s}.footer-link-button:hover{color:var(--text-primary);text-decoration:underline}.footer-copyright{opacity:.7}.footer-links{display:flex;gap:.75rem;align-items:center}.app-main{padding:1.5rem;max-width:1200px;width:100%;margin:0 auto 2rem}.controls-panel{padding:1.25rem;border-radius:.75rem;background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 55%),var(--bg-elevated);border:1px solid rgba(55,65,81,.7);box-shadow:0 18px 45px #0f172acc;margin-bottom:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.controls-search-row{display:flex;gap:.75rem;align-items:flex-end;width:100%}.controls-search-row .control-item-search{flex:1 1 0%!important;min-width:0!important;max-width:none!important;width:100%!important}.controls-search-row .control-item-button{flex:0 0 auto!important;min-width:auto!important}.controls-filters-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.controls-content-row{display:flex;gap:1.5rem;align-items:center;padding:.85rem 1rem;background:#0f172a66;border-radius:.5rem;border:1px solid rgba(55,65,81,.5)}.content-filters-group{display:flex;gap:1rem;align-items:center;flex:1}.content-filters-label{font-size:.8rem;font-weight:500;color:var(--text-muted);white-space:nowrap}.control-item{display:flex;flex-direction:column;gap:.4rem;min-width:100px}.control-item-animated{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.control-item-ratio{max-width:110px;min-width:110px;flex-shrink:0}.control-item-resolution{max-width:180px;min-width:160px;flex-shrink:0}.control-item-sort,.control-item-color{max-width:130px;min-width:110px;flex-shrink:0}.control-item-filetype{max-width:110px;min-width:100px;flex-shrink:0}.control-item-animated{max-width:130px;min-width:110px;flex-shrink:0}.control-item-button{display:flex;align-items:flex-end}.control-item label{font-size:.8rem;font-weight:500;color:var(--text-muted)}.control-item input[type=text],.control-item select{padding:.5rem .65rem;border-radius:.5rem;border:1px solid rgba(75,85,99,.9);background:#0f172ae6;color:var(--text-primary);font-size:.9rem;transition:border-color .15s,box-shadow .15s,background .15s}.control-item input[type=text]:focus,.control-item select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.control-item input[type=text]:hover,.control-item select:hover{border-color:#94a3b8;background:#1e293bcc;box-shadow:0 0 0 1px #94a3b84d;transition:all .15s ease}.resolution-separator{font-weight:700;color:#6b7280!important;background:#1e293b80!important;font-size:.85em;text-align:center;cursor:default}.control-with-addon{display:flex;gap:.5rem;align-items:center}.control-with-addon select{flex:1;min-width:0}.checkbox-addon{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--text-muted);white-space:nowrap;cursor:pointer;transition:color .15s}.checkbox-addon:hover{color:var(--text-primary)}.checkbox-addon input[type=checkbox]{cursor:pointer;width:15px;height:15px}.categories-group{display:flex;gap:1.25rem;flex-wrap:wrap}.category-checkbox{display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer;color:var(--text-primary);transition:color .15s}.category-checkbox:hover{color:var(--accent)}.category-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.checkbox-label{display:flex;align-items:center;gap:.4rem;font-size:.9rem;cursor:pointer;color:var(--text-muted);transition:color .15s}.checkbox-label:hover{color:var(--text-primary)}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.nsfw-checkbox{margin-left:auto;white-space:nowrap}.primary-button{padding:.6rem 1.4rem;border-radius:999px;border:none;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:500;font-size:.95rem;cursor:pointer;opacity:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:10.5rem;transition:all .2s ease}.primary-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#6d28d9);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb80}.primary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 10px #2563eb66}.primary-button:disabled{cursor:progress;opacity:.7}.primary-button.download-success{background:linear-gradient(135deg,#059669,#10b981)!important;box-shadow:0 4px 12px #10b98166!important}.primary-button.download-error{background:linear-gradient(135deg,#dc2626,#ef4444)!important;box-shadow:0 4px 12px #ef444466!important}.secondary-button{padding:.5rem 1rem;border-radius:999px;border:1px solid rgba(75,85,99,.9);background:#1e293bb3;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.secondary-button:hover:not(:disabled){background:#1e293bf2;border-color:#94a3b8e6;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.secondary-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0003}.secondary-button:disabled{opacity:.45;cursor:default}.grid-section{margin-top:.5rem}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.25rem;margin-bottom:1rem;border-radius:.5rem;background:#1e293b66;border:1px solid rgba(75,85,99,.3);flex-wrap:wrap}.results-info{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.results-count{color:var(--text-primary);font-weight:500}.results-separator{color:var(--text-muted)}.results-selected{color:var(--accent);font-weight:500}.show-selected-button{margin-left:.75rem;padding:.25rem .75rem;border-radius:999px;border:1px solid var(--accent);background:#2563eb26;color:var(--accent);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.show-selected-button:hover{background:#2563eb40;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.show-selected-button:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb33}.show-selected-button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.show-selected-button.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.results-actions{display:flex;gap:.75rem;flex-wrap:wrap}.wallpaper-grid{min-height:160px;border-radius:.75rem;border:1px solid rgba(55,65,81,.9);background:radial-gradient(circle at top,rgba(30,64,175,.25),transparent 50%),#0f172af7;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem}.wallpaper-grid p{margin:0;color:var(--text-muted);text-align:center;max-width:420px;font-size:.9rem}.wallpaper-grid.empty-state{display:flex;align-items:center;justify-content:center}.wallpaper-card{position:relative;border-radius:.75rem;overflow:hidden;background:radial-gradient(circle at top left,rgba(37,99,235,.35),transparent 60%),#020617;border:1px solid rgba(55,65,81,.9);box-shadow:0 12px 35px #0f172ae6;display:flex;flex-direction:column}.wallpaper-card-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft),0 16px 45px #1e40afe6}.wallpaper-select-toggle{position:absolute;top:.5rem;left:.5rem;z-index:2;border:none;background:#0f172ad9;border-radius:999px;padding:.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.wallpaper-select-toggle:hover{background:#0f172af2;transform:scale(1.1)}.checkbox{width:1rem;height:1rem;border-radius:.3rem;border:1px solid rgba(148,163,184,.9);display:block;background:#0f172af2}.checkbox-checked{border-color:transparent;background:linear-gradient(135deg,#38bdf8,#6366f1);box-shadow:0 0 0 1px #3b82f699}.wallpaper-thumbnail-link{display:block}.wallpaper-thumbnail{width:100%;height:100%;position:absolute;top:0;left:0;display:block;object-fit:cover}.wallpaper-meta{padding:.6rem .75rem .7rem;display:flex;flex-direction:column;gap:.2rem}.wallpaper-title{font-size:.85rem;font-weight:500;max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.wallpaper-pills{display:flex;flex-wrap:wrap;gap:.375rem;font-size:.75rem}.wallpaper-pills-info,.wallpaper-pills-stats{margin-bottom:.375rem}.wallpaper-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#1e293b80;border:1px solid rgba(75,85,99,.3);border-radius:.375rem;color:var(--text-muted);font-size:.7rem;transition:all .15s;cursor:default}.wallpaper-pill:hover{background:#1e293bcc;border-color:#4b556399;color:var(--text-primary);transform:translateY(-1px)}.wallpaper-icon{font-size:.9rem;line-height:1;display:inline-flex;align-items:center}.error-banner{margin-top:.9rem;padding:.55rem .75rem;border-radius:.5rem;border:1px solid rgba(248,113,113,.5);background:#7f1d1db3;color:#fee2e2;font-size:.8rem;display:flex;justify-content:space-between;align-items:center}.error-dismiss{background:none;border:none;color:#fee2e2;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 .5rem;opacity:.7;transition:opacity .15s}.error-dismiss:hover{opacity:1}.wallpaper-skeleton{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,#1e293b66 25%,#33415566,#1e293b66 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wallpaper-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;background:#7f1d1d4d;color:var(--text-muted);font-size:.85rem}.wallpaper-thumbnail-button{border:none;background:none;padding:0;margin:0;cursor:pointer;display:block;width:100%;position:relative;aspect-ratio:16 / 9;overflow:hidden}.wallpaper-thumbnail{transition:opacity .3s ease,transform .2s ease}.wallpaper-thumbnail-button:hover .wallpaper-thumbnail{transform:scale(1.02)}.wallpaper-favorite-toggle{position:absolute;top:.5rem;right:.5rem;z-index:2;border:none;background:#0f172ad9;border-radius:999px;padding:.3rem .4rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.wallpaper-favorite-toggle:hover{background:#0f172af2;transform:scale(1.1)}.heart{font-size:1.25rem;color:#94a3b8;transition:color .15s;line-height:1}.heart-filled{color:#ef4444}.wallpaper-colors-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.375rem}.wallpaper-colors{display:flex;gap:.375rem;flex-wrap:wrap;flex:1}.wallpaper-color-swatch{width:1.5rem;height:1.5rem;border-radius:.25rem;border:1.5px solid rgba(255,255,255,.2);cursor:pointer;transition:all .15s;padding:0;outline:none;position:relative}.wallpaper-color-swatch:hover{transform:scale(1.15);border-color:#ffffff80;box-shadow:0 0 8px #3b82f666;z-index:1}.wallpaper-color-swatch:active{transform:scale(1.05)}.wallpaper-color-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wallpaper-similar-button{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:var(--accent);font-size:.7rem;padding:.3rem .5rem;border-radius:.375rem;cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:.25rem}.wallpaper-similar-button:hover{background:#3b82f640;border-color:var(--accent);transform:translateY(-1px)}.wallpaper-similar-button:active{transform:translateY(0)}.wallpaper-grid-compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}.wallpaper-grid-cozy{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}.wallpaper-card-compact .wallpaper-meta{padding:.4rem .5rem}.wallpaper-card-compact .wallpaper-title{font-size:.75rem}.wallpaper-card-compact .wallpaper-submeta{font-size:.7rem}.wallpaper-card-compact .wallpaper-color-swatch{width:1.1rem;height:1.1rem}.wallpaper-card-cozy .wallpaper-meta{padding:.8rem .9rem}.wallpaper-card-cozy .wallpaper-title{font-size:.95rem}.wallpaper-card-cozy .wallpaper-submeta{font-size:.8rem}.preview-modal-overlay{position:fixed;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-modal{max-width:1400px;width:100%;max-height:90vh;display:flex;flex-direction:column;gap:1rem;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.preview-close{position:absolute;top:-2.5rem;right:0;background:#0f172acc;border:1px solid rgba(75,85,99,.5);color:var(--text-primary);font-size:2rem;line-height:1;width:2.5rem;height:2.5rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.preview-close:hover{background:#0f172af2}.preview-content{position:relative;display:flex;align-items:center;justify-content:center;gap:1rem}.preview-image-container{flex:1;display:flex;align-items:center;justify-content:center;max-height:70vh;max-width:100%;overflow:hidden;border-radius:.75rem;background:#0f172a80;position:relative;min-height:400px}.preview-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#1e293b66 25%,#33415566,#1e293b66 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.75rem}.preview-image{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:.75rem;transition:opacity .3s}.preview-image-loading,.preview-image-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);font-size:1rem;text-align:center}.preview-image-error{color:var(--text-primary)}.preview-image-error a{color:var(--accent);text-decoration:underline}.preview-nav{background:#0f172ae6;border:1px solid rgba(75,85,99,.5);color:var(--text-primary);font-size:3rem;line-height:1;width:3rem;height:3rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s;flex-shrink:0}.preview-nav:hover{background:#0f172a;transform:scale(1.05)}.preview-nav:active{transform:scale(.95)}.preview-info{background:#0f172acc;border:1px solid rgba(75,85,99,.5);border-radius:.75rem;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.preview-info-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.preview-title{margin:0;font-size:1.1rem;color:var(--text-primary);flex:1}.preview-actions{display:flex;gap:.5rem}.preview-title-link{text-decoration:none;color:inherit;transition:color .15s}.preview-title-link:hover,.preview-title-link:hover .preview-title{color:var(--accent)}.preview-action-button{background:#1e293bcc;border:1px solid rgba(75,85,99,.5);color:var(--text-primary);line-height:1;width:2.75rem;height:2.75rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .15s;padding:0}.preview-action-button:hover{background:#1e293b;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.action-icon{font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:transform .15s}svg.action-icon{width:1.5rem;height:1.5rem;stroke-width:2}.action-icon.heart-filled{color:#ef4444}.preview-action-button:hover .action-icon{transform:scale(1.15)}.preview-action-button:active .action-icon{transform:scale(.95)}.preview-title-section{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.preview-tags-inline{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.preview-tag-inline{padding:.2rem .6rem;background:#2563eb26;border:1px solid rgba(37,99,235,.3);border-radius:999px;color:var(--accent);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.preview-tag-inline:hover{background:#2563eb40;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.preview-tag-inline:active{transform:translateY(0)}.preview-metadata{display:flex;flex-wrap:wrap;gap:1.5rem}.preview-meta-item{display:flex;flex-direction:column;gap:.25rem}.preview-meta-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.preview-meta-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.preview-meta-hint{font-size:.75rem;color:var(--text-muted);font-weight:400;font-style:italic;cursor:help}.preview-meta-secondary{color:var(--text-muted);font-weight:400}.preview-meta-item-full,.preview-meta-item-colors{grid-column:1 / -1}.preview-colors{display:flex;gap:.5rem;align-items:center}.preview-color-swatch{width:2rem;height:2rem;border-radius:.375rem;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .15s;padding:0;outline:none;position:relative}.preview-color-swatch:hover{transform:scale(1.2);border-color:#ffffff80;box-shadow:0 0 12px #3b82f666}.preview-color-swatch:active{transform:scale(1.1)}.preview-color-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preview-author-avatar{width:1.5rem;height:1.5rem;border-radius:50%;margin-right:.5rem;vertical-align:middle;border:1px solid rgba(255,255,255,.1)}.preview-source-link{color:var(--accent);text-decoration:none;font-size:.9rem;transition:color .15s}.preview-source-link:hover{color:#60a5fa;text-decoration:underline}.preview-copy-button{background:#1e293b99;border:1px solid rgba(75,85,99,.5);color:var(--text-primary);font-size:.9rem;padding:.375rem .75rem;border-radius:.375rem;cursor:pointer;transition:all .15s;font-family:monospace}.preview-copy-button:hover{background:#1e293bcc;border-color:var(--accent)}.preview-copy-button:active{transform:scale(.95)}.pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;flex-wrap:wrap;gap:1rem}.pagination-bar-bottom{margin-top:1.5rem}.pagination-buttons{display:flex;gap:.5rem;flex-wrap:nowrap;align-items:center;justify-content:center}.page-button{min-width:2.5rem;transition:all .2s ease}.page-button:hover:not(:disabled):not(.page-button-active){background:#1e293be6;border-color:#94a3b8e6;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.page-button:active:not(:disabled){transform:translateY(0)}.page-button-active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #2563eb66}.page-button-active:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb80}.page-ellipsis{color:var(--text-muted);padding:0 .5rem}.control-item-view{max-width:130px;min-width:110px;flex-shrink:0}.control-item-search{position:relative}.search-hint-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-left:.375rem;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:50%;color:var(--accent);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s;vertical-align:middle}.search-hint-toggle:hover{background:#3b82f64d;border-color:var(--accent);transform:scale(1.1)}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper input{flex:1;padding-right:2.25rem}.search-clear-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:#4b55634d;border:1px solid rgba(75,85,99,.4);color:var(--text-muted);font-size:1.25rem;line-height:0;width:1.5rem;height:1.5rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.search-clear-button:hover{background:#4b556380;border-color:var(--accent);color:var(--text-primary);transform:translateY(-50%) scale(1.1)}.search-hints{position:absolute;top:100%;left:0;right:0;margin-top:.375rem;padding:.75rem;background:#0f172afa;border:1px solid rgba(75,85,99,.5);border-radius:.5rem;z-index:100;font-size:.85rem;box-shadow:0 4px 12px #0000004d;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;pointer-events:none}.search-hints.visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.search-hints strong{color:var(--accent);display:block;margin-bottom:.5rem}.search-hints ul{margin:.5rem 0;padding-left:1.25rem;list-style:disc}.search-hints li{margin:.25rem 0;color:var(--text-muted)}.search-hints code{background:#1e293b99;padding:.125rem .375rem;border-radius:.25rem;font-family:Consolas,Monaco,monospace;font-size:.8rem;color:#60a5fa}.search-hints small{display:block;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(75,85,99,.3);color:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:768px){.preview-modal{padding:1rem}.preview-nav{width:2.5rem;height:2.5rem;font-size:2rem}.preview-close{top:-3rem;width:2rem;height:2rem;font-size:1.5rem}.results-bar{flex-direction:column;align-items:flex-start;gap:1rem}.results-info,.results-actions{width:100%}.app-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.app-header-right{width:100%;justify-content:flex-start}.header-stats{align-items:center}.app-footer-content{grid-template-columns:1fr;gap:.75rem;text-align:center}.footer-left,.footer-center,.footer-right{justify-self:center}.footer-links{justify-content:center}.preview-info-row{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.app-main{padding:1rem}.controls-panel{padding:.9rem .9rem 1.1rem}.controls-search-row{flex-direction:column;gap:.75rem;align-items:stretch}.controls-search-row .control-item-search{width:100%!important}.controls-search-row .control-item-button,.controls-search-row .control-item-button .primary-button{width:100%}.controls-filters-row{gap:.6rem}.control-item{min-width:100%;flex:1 1 100%}.control-item-ratio{min-width:calc(35% - .3rem);flex:0 0 calc(35% - .3rem)}.control-item-resolution{min-width:calc(65% - .3rem);flex:1 1 calc(65% - .3rem)}.control-item-sort,.control-item-color,.control-item-filetype,.control-item-view{min-width:calc(50% - .3rem);flex:1 1 calc(50% - .3rem)}.controls-content-row{flex-direction:column;align-items:stretch;gap:1rem}.content-filters-group{width:100%;flex-direction:column;align-items:flex-start}.categories-group{width:100%;display:flex;flex-direction:column;gap:.5rem}.settings-button{width:100%;justify-content:center}.pagination-bar{padding:1rem .75rem;flex-direction:column;gap:.5rem;overflow:visible}.pagination-info{width:100%;text-align:center;flex-shrink:0;order:1}.pagination-buttons{overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;width:100%;padding-bottom:.25rem;padding-left:.5rem;padding-right:.5rem;order:2;justify-content:flex-start}.page-button{min-width:2.5rem;padding:.5rem .75rem;flex-shrink:0}.pagination-ellipsis,.page-ellipsis{padding:.5rem;flex-shrink:0}.app-header{padding:1.25rem 1rem}.app-header h1{font-size:1.35rem}.app-subtitle{font-size:.8rem}.app-logo{width:2rem;height:2rem}.header-stats{min-width:auto;padding:.6rem 1rem}.header-stats-number{font-size:1.35rem}.header-stats-label{font-size:.7rem}.results-info{font-size:.85rem}.secondary-button,.action-button{padding:.65rem 1rem;font-size:.9rem}.search-hints{left:0;right:0;max-width:100%;font-size:.85rem}label{font-size:.85rem}select{font-size:.9rem}.control-item-resolution select{font-size:.85rem;line-height:1.2}.control-item-resolution select option{font-size:.85rem}.resolution-separator{font-size:.75rem}.results-bar{flex-direction:column;gap:.75rem}.results-info{width:100%;order:1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.results-info .show-selected-button{flex:0 0 100%;width:100%;margin-top:.5rem;margin-left:0;margin-right:0}.results-actions{display:flex;gap:.5rem;flex-wrap:wrap;width:100%;order:2;justify-content:center}.results-actions .secondary-button{white-space:nowrap;font-size:.85rem;padding:.6rem .85rem;flex:1 1 calc(50% - .25rem);max-width:calc(50% - .25rem)}.results-actions .action-button{white-space:nowrap;font-size:.85rem;padding:.6rem .85rem;flex:0 0 100%;width:100%}.modal-overlay{padding:.5rem;overflow-y:auto}.settings-modal,.preview-modal,.about-modal,.privacy-modal{width:100%;max-width:100%;margin:0;overflow-x:hidden}.settings-modal{border-radius:.75rem;width:calc(100vw - 1rem);max-width:calc(100vw - 1rem)}.preview-modal-overlay{padding:.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start!important}.preview-modal{width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);max-height:none;padding:3rem .5rem .5rem;overflow-y:visible;display:flex;flex-direction:column;position:relative;margin-top:0}.preview-content{max-width:100%;overflow:visible;flex:1;display:block;position:relative}.preview-image-container{max-height:60vh!important;min-height:auto!important;height:auto!important;width:100%;flex-shrink:0;position:relative;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:center!important;aspect-ratio:unset!important}.preview-nav{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:100!important;width:2.5rem!important;height:2.5rem!important}.preview-nav-left{left:.5rem!important}.preview-nav-right{right:.5rem!important}.preview-image{max-height:60vh!important;max-width:100%!important;height:auto!important;width:auto!important;object-fit:contain!important}.preview-info{padding:.75rem;overflow-x:hidden;overflow-y:visible}.preview-metadata{flex-wrap:wrap;gap:.5rem;overflow-x:hidden}.preview-meta-item{overflow-x:hidden}.preview-tag-inline,.preview-tag{font-size:.8rem;padding:.35rem .65rem}.preview-tag-expand{font-size:.75rem;padding:.35rem .65rem;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:.25rem;color:#60a5fa;cursor:pointer;transition:all .2s}.preview-tag-expand:hover{background:#3b82f64d;border-color:#3b82f699}.preview-actions{flex-wrap:wrap;gap:.5rem}.preview-action-button{padding:.6rem;min-width:3rem}.preview-colors{gap:.4rem}.preview-color-swatch,.color-swatch{width:2rem;height:2rem}.preview-source-link{word-break:break-all;overflow-wrap:break-word;display:block;max-width:100%}.preview-meta-item-full{width:100%;overflow-x:hidden}.settings-header{padding:1.25rem 1rem;width:100%;box-sizing:border-box}.settings-content{padding:1rem;width:100%;box-sizing:border-box;overflow-x:hidden}.settings-section{width:100%;box-sizing:border-box;overflow-x:hidden}.settings-section h3{font-size:1rem;word-wrap:break-word}input[type=text],input[type=password]{font-size:.9rem;padding:.65rem .85rem;width:100%;max-width:100%;box-sizing:border-box}.settings-content button{max-width:100%;box-sizing:border-box}.settings-section>div{max-width:100%;overflow-x:hidden}.wallpaper-grid-comfortable{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.preview-close{position:fixed!important;top:1rem!important;right:1rem!important;z-index:10001!important}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.settings-modal{position:relative;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:1rem;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-subtle)}.settings-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.close-button{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:.5rem;transition:all .2s ease}.close-button:hover{color:var(--text-primary);background:#ffffff1a}.settings-content{padding:1.5rem}.settings-section{margin-bottom:1.5rem}.settings-section:last-child{margin-bottom:0}.settings-section label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.settings-section h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.requires-key{font-size:.875rem;color:var(--text-muted);font-weight:400}.api-key-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.api-key-input{flex:1;padding:.75rem;background:#0000004d;border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--text-primary);font-family:Courier New,monospace;font-size:.9rem}.api-key-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.api-key-input::placeholder{color:var(--text-muted)}.toggle-visibility-button{padding:.75rem;background:#0000004d;border:1px solid var(--border-subtle);border-radius:.5rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-size:1.25rem}.toggle-visibility-button:hover{background:#ffffff1a;color:var(--text-primary);border-color:var(--accent)}.settings-actions{display:flex;gap:.75rem;margin-bottom:1rem}.save-button,.clear-button{flex:1}.api-status{padding:.75rem;background:#0000004d;border:1px solid var(--border-subtle);border-radius:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.api-status.active{border-color:#22c55e4d;background:#22c55e1a}.api-status.inactive{border-color:#eab3084d;background:#eab3081a}.status-indicator{font-size:1rem}.settings-divider{height:1px;background:var(--border-subtle);margin:1.5rem 0}.settings-section .checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.75rem;margin-bottom:.5rem;background:#0003;border:1px solid var(--border-subtle);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.settings-section .checkbox-label:hover:not(:has(input:disabled)){background:#ffffff0d;border-color:var(--accent)}.settings-section .checkbox-label:has(input:disabled){opacity:.5;cursor:not-allowed}.settings-section .checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.settings-section .checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.settings-info{margin-top:1.5rem;padding:1rem;background:#2f81f71a;border:1px solid rgba(47,129,247,.2);border-radius:.5rem;font-size:.9rem;line-height:1.6}.settings-info p{margin:0 0 .5rem}.settings-info p:last-child{margin-bottom:0}.settings-info a{color:var(--accent);text-decoration:none;font-weight:500}.settings-info a:hover{text-decoration:underline}.info-note{font-size:.85rem;color:var(--text-muted)}.settings-button{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at top,#111827 0,#020617 60%,#000)}.error-boundary-content{max-width:600px;text-align:center;background:#111827cc;border:1px solid var(--border-subtle);border-radius:1rem;padding:3rem 2rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.error-boundary-icon{font-size:4rem;margin-bottom:1rem;opacity:.9}.error-boundary-title{font-size:2rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.error-boundary-message{font-size:1.1rem;color:var(--text-muted);margin:0 0 2rem;line-height:1.6}.error-boundary-details{margin:2rem 0;text-align:left;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1rem}.error-boundary-details summary{cursor:pointer;color:var(--accent);font-weight:500;-webkit-user-select:none;user-select:none}.error-boundary-details summary:hover{text-decoration:underline}.error-boundary-stack{margin-top:1rem;padding:1rem;background:#00000080;border-radius:.25rem;font-size:.85rem;color:#ff6b6b;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}