.wallpaper-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 24px}
.wallpaper-toolbar>p{font-size:12px;color:#60665b;margin:0}
.wallpaper-card[hidden]{display:none}
.wallpaper-card{scroll-margin-top:100px}
.wallpaper-preview{text-decoration:none}
.wallpaper-colors a{font-size:12px;color:#242923;text-underline-offset:3px}
#wallpaper-reset{border:0;background:none;font:700 12px 'Manrope',sans-serif;cursor:pointer;min-height:44px;color:#242923}
.wallpaper-filters input{width:100%;min-width:0}
.wallpaper-view-controls{display:flex;align-items:center;gap:5px}
.wallpaper-view-controls[hidden]{display:none}
.wallpaper-view-controls>span{font-size:12px;margin-right:8px;color:#60665b}
.wallpaper-view-controls button{min-height:44px;padding:10px 17px;border:1px solid #c9cabe;background:transparent;color:#242923;font:700 12px 'Manrope',sans-serif;cursor:pointer}
.wallpaper-view-controls button[aria-pressed=true]{background:#242923;color:#fff;border-color:#242923}
.wallpaper-preview{height:360px;padding:18px;display:flex;align-items:center;justify-content:center;background:#eae6dd}
.wallpaper-preview img{width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center;box-shadow:0 5px 16px #2429231c}
.wallpaper-card:hover .wallpaper-preview img{transform:none}
.wallpaper-grid[data-view=desktop] .wallpaper-preview{height:auto;aspect-ratio:16/10}
.wallpaper-grid[data-view=desktop] .wallpaper-preview img{width:100%;height:auto}
.wallpaper-preview .wallpaper-family{top:14px;left:14px}
.wallpaper-info h2{font:800 23px 'Manrope',sans-serif;letter-spacing:-.05em;margin:0 0 5px}
.wallpaper-actions a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:62px;padding:11px 7px;border:1px solid #242923;background:#242923;color:#fff;text-decoration:none;font:800 12px 'Manrope',sans-serif;text-align:center}
.wallpaper-actions a+a{background:#fff;color:#242923}
.wallpaper-actions a small{font:500 10px 'Manrope',sans-serif}
.wallpaper-actions a:hover{background:#e5ad20;color:#20221f;border-color:#e5ad20}
.wallpaper-actions a:focus-visible,.wallpaper-view-controls button:focus-visible{outline:3px solid #7551dd;outline-offset:4px}
.wallpaper-help{margin-top:38px;padding-top:26px;border-top:1px solid #d6d3c8;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.wallpaper-help h2{font:800 17px 'Manrope',sans-serif;margin:0 0 9px}
.wallpaper-help p{font-size:13px;line-height:1.75;color:#60665b;margin:0;max-width:60ch}
.wallpaper-help a{color:#242923;text-underline-offset:3px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:780px){.wallpaper-preview{height:320px}.wallpaper-info h2{font-size:20px}.wallpaper-help{gap:24px}}
@media(max-width:540px){.wallpaper-preview{height:380px}.wallpaper-help{grid-template-columns:1fr}.wallpaper-actions{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.wallpaper-preview img{transition:none}}