.wallpaper-app{--wp-paper:#fff;--wp-soft:#f0f5f6;--wp-ink:#17353c;--wp-muted:#526e76;--wp-line:#ccdadd;--wp-accent:#126d61;--wp-accent-ink:#fff;box-sizing:border-box;width:min(100%,1180px);min-height:100%;margin:0 auto;padding:28px;color:var(--wp-ink);background:var(--wp-paper);border-radius:20px;direction:rtl;text-align:right;isolation:isolate}
html[data-theme="dark"] .wallpaper-app,html[data-theme="classic"] .wallpaper-app{--wp-paper:#15242d;--wp-soft:#1d323d;--wp-ink:#eef6f7;--wp-muted:#b2c7cd;--wp-line:#3c5662;--wp-accent:#9de1ce;--wp-accent-ink:#0b332a}
.wallpaper-app *{box-sizing:border-box}.wallpaper-app [hidden]{display:none!important}.wallpaper-app h1,.wallpaper-app h2,.wallpaper-app p{margin:0;color:inherit}.wallpaper-app h1{font-size:clamp(25px,3vw,34px);line-height:1.8;letter-spacing:-.5px}.wallpaper-app h2{font-size:19px;line-height:1.8}.wallpaper-app small,.wallpaper-app p{line-height:1.9}.wallpaper-app button,.wallpaper-app input{font:inherit}.wallpaper-app button{cursor:pointer;touch-action:manipulation}.wallpaper-app button:disabled{cursor:wait;opacity:.6}.wallpaper-app :is(button,a,input):focus-visible{outline:3px solid var(--wp-accent);outline-offset:3px}.wallpaper-app a{color:var(--wp-accent);text-decoration:none}.wallpaper-app a:hover{text-decoration:underline}
.wp-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.wp-heading small,.wp-label{font-size:12px;font-weight:700;color:var(--wp-accent)}.wp-heading p{color:var(--wp-muted);font-size:14px;max-width:580px}.wp-heading-icon{display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--wp-line);border-radius:19px;font-size:34px;color:var(--wp-accent);flex-shrink:0}
.wp-current{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;padding:18px;border:1px solid var(--wp-line);border-radius:20px;background:var(--wp-soft);margin-bottom:30px}.wp-preview{aspect-ratio:8/5;min-width:0;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#d7eee7,#759ba9);display:grid;place-items:center;color:#17353c;text-align:center}.wp-preview img{display:block;width:100%;height:100%;object-fit:cover}.wp-no-image{font-size:14px;padding:20px}.wp-current-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;justify-content:center;min-width:0}.wp-current-copy p{color:var(--wp-muted);font-size:13px;overflow-wrap:anywhere}.wp-sample{display:flex;flex-direction:column;gap:8px;width:100%;margin:4px 0}.wp-sample span{align-self:flex-start;background:var(--wp-paper);color:var(--wp-ink);padding:8px 13px;border-radius:12px 12px 3px 12px;font-size:12px;max-width:94%}.wp-sample span+span{align-self:flex-end;border-radius:12px 12px 12px 3px}.wallpaper-app .wp-remove{border:0;background:transparent;color:var(--wp-accent);padding:8px 0;min-height:44px;font-size:12px;text-align:right}
.wp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.wp-toolbar>div>span{color:var(--wp-muted);font-size:12px}.wp-search{display:flex;flex-direction:column;gap:6px;max-width:300px;width:100%;font-size:11px;color:var(--wp-muted)}.wallpaper-app .wp-search input{width:100%;min-height:44px;background:var(--wp-soft);color:var(--wp-ink);border:1px solid var(--wp-line);border-radius:12px;padding:8px 12px;box-shadow:none}.wp-status{min-height:44px;padding:12px 0;font-size:12px;color:var(--wp-muted)!important}.wp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wp-card{min-width:0;background:var(--wp-paper);border:1px solid var(--wp-line);border-radius:15px;overflow:hidden}.wallpaper-app .wp-photo{display:block;position:relative;width:100%;aspect-ratio:8/5;padding:0;border:0;border-radius:0;background:var(--wp-soft);overflow:hidden;box-shadow:none}.wp-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s}.wp-photo:hover img{transform:scale(1.035)}.wp-check{position:absolute;inset:10px 10px auto auto;display:none;width:28px;height:28px;border-radius:50%;background:var(--wp-accent);color:var(--wp-accent-ink);place-items:center;font-size:17px}.wp-photo[aria-pressed="true"]{outline:3px solid var(--wp-accent);outline-offset:-3px}.wp-photo[aria-pressed="true"] .wp-check{display:grid}.wp-credit{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px;font-size:11px;min-height:45px}.wp-credit a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--wp-ink)}.wp-credit small{color:var(--wp-muted);direction:ltr;flex-shrink:0}.wp-image-failed::before{content:'پیش‌نمایش در دسترس نیست';color:var(--wp-muted);font-size:11px;padding:12px}
.wp-pagination{display:flex;justify-content:center;gap:10px;margin:26px 0 14px}.wallpaper-app :is(.wp-more,.wp-retry,.wp-cancel){min-height:44px;border:1px solid var(--wp-line);border-radius:12px;background:var(--wp-paper);color:var(--wp-ink);padding:10px 18px;box-shadow:none}.wp-footer{font-size:11px;line-height:2;color:var(--wp-muted);text-align:center;padding-bottom:10px}.wp-footer a{white-space:nowrap}.wp-applybar{position:sticky;bottom:0;z-index:3;display:flex;align-items:center;gap:10px;margin:20px -12px -12px;padding:13px 15px calc(13px + env(safe-area-inset-bottom,0px));background:var(--wp-paper);border:1px solid var(--wp-line);border-radius:16px;box-shadow:0 -4px 16px #0000000a}.wp-applybar>div{display:flex;flex-direction:column;min-width:0;flex:1}.wp-applybar strong{font-size:12px}.wp-applybar small{font-size:11px;color:var(--wp-muted)}.wallpaper-app .wp-apply{min-height:46px;padding:10px 18px;border:0;border-radius:12px;background:var(--wp-accent);color:var(--wp-accent-ink);font-weight:700;font-size:12px;box-shadow:none}
@media(max-width:600px){.wallpaper-app{padding:18px 12px;border-radius:0}.wp-heading{gap:10px;margin-bottom:18px}.wp-heading p{font-size:12px}.wp-heading-icon{width:44px;height:44px;border-radius:14px;font-size:26px}.wp-current{grid-template-columns:1fr;gap:14px;padding:12px;border-radius:16px;margin-bottom:24px}.wp-preview{aspect-ratio:16/7}.wp-current-copy{gap:4px}.wp-current-copy .wp-sample{display:none}.wp-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.wp-search{max-width:none}.wp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wp-credit{padding:9px 7px;font-size:10px;gap:4px}.wp-applybar{flex-wrap:wrap;margin-inline:-4px;gap:8px;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))}.wp-applybar>div{flex-basis:calc(100% - 90px)}.wp-applybar .wp-apply{width:100%;order:3}.wp-footer{text-align:right}}
.wp-load-marker{height:1px;pointer-events:none}.wp-pagination:has(.wp-retry[hidden]){display:none}.wp-skeleton-photo{aspect-ratio:8/5}.wp-skeleton-credit{display:flex;justify-content:space-between;gap:12px;padding:15px 12px}.wp-skeleton-credit span{height:12px;width:58%;border-radius:5px}.wp-skeleton-credit span+span{width:18%}.wp-skeleton-photo,.wp-skeleton-credit span,.wp-image-loading{background:linear-gradient(100deg,var(--wp-soft) 20%,var(--wp-line) 45%,var(--wp-soft) 70%);background-size:220% 100%;animation:wp-shimmer 1.4s ease-in-out infinite}.wp-image-loading img{opacity:0}.wp-photo img{transition:opacity .2s,transform .18s}
@keyframes wp-shimmer{to{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){.wp-photo img{transition:none}.wp-skeleton-photo,.wp-skeleton-credit span,.wp-image-loading{animation:none}}