/* Surfaces compact cards and shared empty states — v58 */
.brand-sub{display:none!important}
.wall{position:relative!important;overflow:hidden!important;border-radius:24px!important;isolation:isolate;background:var(--surface)}
.wall .wall-image{aspect-ratio:.76!important;border-radius:24px!important;overflow:hidden}
.wall .wall-image img{height:100%;width:100%;object-fit:cover}
.wall .wall-caption{position:absolute!important;left:0;right:0;bottom:0;min-height:0!important;padding:34px 14px 18px!important;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none;background:linear-gradient(transparent, #06192355 30%,#06192399);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(transparent,#000 32%);-webkit-mask-image:linear-gradient(transparent,#000 32%)}
.wall-caption>div{min-width:0}.wall .wall-caption button{pointer-events:auto}
.wall .wall-caption .wall-name{font-size:14px!important;line-height:1.3;min-height:0!important;color:#fff!important;text-align:left;font-weight:650;margin:0;padding:0;display:block}
.wall .wall-caption .author{font-size:12px!important;line-height:1.4;min-height:0!important;color:#fff!important;display:block;margin:4px 0 0!important;padding:0!important}
.wall .card-heart{width:36px!important;height:40px!important;min-height:40px!important;min-width:36px!important;padding:7px!important;margin:0!important;background:none!important;flex-shrink:0;color:white}.wall .card-heart .icon{width:22px!important;height:22px!important}
.discover-hero .discover-shade{z-index:0!important;mask-image:none!important;-webkit-mask-image:none!important;background:linear-gradient(90deg,#07151c55,#07151c18),linear-gradient(0deg,#07151cbb,transparent 80%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none}
.discover-hero-copy,.hero-carousel-controls{z-index:1!important}.discover-hero-copy h1,.discover-hero-copy .hero-author{color:white!important;text-shadow:0 1px 10px #0004}
.illustrated-empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:32px 20px!important;min-height:300px;box-sizing:border-box}.illustrated-empty>.empty-art{width:160px;height:140px;object-fit:contain;margin:0 auto 8px;display:block}.illustrated-empty p{max-width:380px;margin:0 auto 8px;line-height:1.6}.illustrated-empty h1,.illustrated-empty h2{margin:0;font-size:25px}.illustrated-empty>button{margin:4px 0 0}
@media(max-width:700px){.dock{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}.dock button,.dock button.active{width:100%!important;min-width:0!important;flex:initial!important;padding-left:0!important;padding-right:0!important;margin:0!important;box-sizing:border-box!important}.wall .wall-caption{padding:30px 12px 18px!important}.wall .wall-name{font-size:13px!important}.wall .wall-caption .author{font-size:11px!important}body[data-view=wallpaper] .dock,body[data-view=profile] .dock,body[data-view=account] .dock,body[data-view=onboarding] .dock{display:none!important}}
/* Desktop shell: shared content with a Mac-style toolbar and window density. */
@media(min-width:701px){
body.desktop-app{--bg:#252c32;--surface:#1d242a;--control:#39434c;--muted:#b1bbc6;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}
body.desktop-app>header{height:80px!important;min-height:80px!important;padding:0 32px!important;position:sticky!important;top:0;background:#252c32c9!important;backdrop-filter:blur(28px);border-bottom:1px solid #ffffff0c!important;display:flex!important;gap:20px;z-index:30;-webkit-app-region:drag}
body.desktop-app header button,body.desktop-app header a,body.desktop-app header summary,body.desktop-app header input{-webkit-app-region:no-drag}
body.desktop-app .brand{font-size:23px!important;color:white!important;min-width:180px}body.desktop-app .brand .mark{width:34px;height:34px}
body.desktop-app header>.search{display:none!important}body.desktop-app .header-actions{margin-left:auto;gap:12px}body.desktop-app .header-actions>.pro,body.desktop-app .header-actions>.coin{display:none!important}
.desktop-navigation{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;border:1px solid #ffffff18;background:#ffffff12;border-radius:30px;-webkit-app-region:no-drag}.desktop-navigation button{font-size:13px;min-height:32px;padding:6px 20px;border-radius:24px;background:none;color:#e8edf3}.desktop-navigation button.selected{background:#edf0f4;color:#20262d;box-shadow:0 2px 8px #0002}.desktop-navigation button:hover:not(.selected){background:#ffffff12}
body.desktop-app .mobile-search,body.desktop-app .desktop-settings{display:grid!important;place-items:center;width:38px;height:38px;min-height:38px;border-radius:50%;background:#ffffff10!important;color:white}body.desktop-app .desktop-settings .icon{height:20px;width:20px}
body.desktop-app .dock{display:none!important}body.desktop-app main{padding:28px 36px 44px!important;max-width:1600px;margin:auto}body.desktop-app[data-view=discover] main{padding:20px 0 44px!important}body.desktop-app .discover-content{padding:28px 36px 24px!important}body.desktop-app .discover-hero{width:calc(100% - 72px)!important;height:460px!important;max-height:60vh!important;min-height:330px!important;margin:0 auto!important;border-radius:24px!important}body.desktop-app .discover-hero-copy{left:36px;bottom:75px}body.desktop-app .discover-hero-copy h1{font-size:40px!important;max-width:620px}body.desktop-app .hero-carousel-controls{bottom:22px}body.desktop-app .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}body.desktop-app .wall .wall-image{aspect-ratio:1.15!important}body.desktop-app .wall .wall-caption{padding:32px 18px 16px!important}body.desktop-app .wall .wall-name{font-size:15px!important}body.desktop-app .wall .author{font-size:12px!important}body.desktop-app .filters{gap:8px}body.desktop-app .chip{min-height:34px;padding:7px 16px;font-size:12px}body.desktop-app .section-head h2{font-size:24px}body.desktop-app .explore-tabs{max-width:480px;margin:0 0 24px}body.desktop-app .explore-tabs button{min-height:36px;font-size:13px}body.desktop-app button{cursor:pointer}body.desktop-app .illustrated-empty{min-height:55vh}body.desktop-app .wallpaper-layout{gap:36px}body.desktop-app .collection-grid{gap:22px}
}
@media(min-width:701px) and (max-width:1100px){body.desktop-app .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.desktop-navigation button{padding:6px 12px}}

.desktop-feature-strip{display:flex;gap:14px;margin:18px 36px 0;overflow-x:auto;padding:3px 0 8px;scrollbar-width:thin}.desktop-feature-strip button{flex:1;min-width:110px;height:76px;padding:0;border-radius:14px;overflow:hidden;border:2px solid transparent;background:var(--surface)}.desktop-feature-strip button[aria-pressed=true]{border-color:#c6dbf2}.desktop-feature-strip img{width:100%;height:100%;object-fit:cover}.desktop-feature-strip button:hover{filter:brightness(1.12)}
