/* Wallpaper entries share one visual hierarchy, including dynamically added tools. */
.style-grid{gap:9px;align-items:stretch}
.style-grid>.style{position:relative;min-width:0;width:100%;padding:7px 7px 10px;overflow:hidden;border:1px solid #ffffff17;border-radius:12px;text-align:left;background:linear-gradient(145deg,#202124,#121315);box-shadow:inset 0 1px #ffffff05;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.style-grid>.style .style-art{position:relative;display:block;width:100%;height:62px;border-radius:7px;overflow:hidden;opacity:1;box-shadow:inset 0 0 0 1px #ffffff09;transition:filter .2s}
.style-grid>.style strong{display:block;margin:9px 3px 3px;font-size:11px;font-weight:600;line-height:1.5;color:#e6e7ea}
.style-grid>.style small{display:block;margin:0 3px;color:#9a9da5;font-size:9px;line-height:1.6;overflow-wrap:anywhere}
.style-grid>.style:hover{border-color:#ffffff50;transform:translateY(-2px);background:linear-gradient(145deg,#292b30,#191a1e);box-shadow:0 5px 14px #0004}
.style-grid>.style:hover .style-art{filter:brightness(1.14)}
.style-grid>.style.active{border-color:#c8d7e3a3;background:linear-gradient(145deg,#30363e,#1b1e24);box-shadow:inset 0 0 0 1px #c8d7e318,0 3px 14px #0003}
.style-grid>.style.active::after{content:'✓';position:absolute;top:12px;right:12px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e2eaf1;color:#26313b;font:700 11px/1 sans-serif;box-shadow:0 2px 8px #0005}
.style-grid>.style:focus-visible{outline:2px solid #d3e7ff;outline-offset:3px}
.style-grid>.style:active{transform:translateY(0)}
.style-grid>.style:disabled{cursor:wait;opacity:.6;transform:none}
.mountain-art{background:linear-gradient(160deg,#243e60,#8aa1b5 65%,#d9b8a0)}
.mountain-art svg{display:block;width:100%;height:100%}
.charging-art{display:grid!important;place-items:center;background:radial-gradient(ellipse at 50% 55%,#214b4255,transparent 64%),linear-gradient(135deg,#102328,#10151f)}
.charging-art i{position:absolute;width:48px;height:48px;border:3px solid #77efcc;border-right-color:#4b8aaa;border-bottom-color:#a3ffdf;border-radius:50%;box-shadow:0 0 12px #66eac855,inset 0 0 10px #66eac833;transform:rotate(-35deg);transition:transform .4s}
.charging-art svg{position:relative;width:15px;height:25px;color:#d5fff0;filter:drop-shadow(0 0 6px #9effd6)}
.style:hover .charging-art i{transform:rotate(35deg)}
.particle-art{background:radial-gradient(ellipse at 50% 60%,#574a713d,transparent 70%),linear-gradient(135deg,#221c35,#111824)}
.particle-art i{position:absolute;left:50%;top:50%;width:55px;height:55px;border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg);background:radial-gradient(circle,#eedfff 1px,transparent 1.6px) 0 0/6px 6px;box-shadow:inset -11px -5px 12px #16162bd9,inset 4px 3px 9px #cf9eff44,0 0 20px #bd8fff22}
.particle-art::after{content:'';position:absolute;left:50%;top:50%;width:85px;height:25px;border:1px solid #c9b3f470;border-radius:50%;transform:translate(-50%,-50%) rotate(-23deg);box-shadow:0 0 8px #b48eff28}
@media(max-width:660px){.style-grid{gap:10px}.style-grid>.style .style-art{height:76px}.style-grid>.style strong{font-size:12px}.style-grid>.style small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.style-grid>.style,.style-grid>.style .style-art,.charging-art i{transition:none}.style-grid>.style:hover{transform:none}}