.settings-help-preview[hidden]{display:none!important}
.settings-help-preview-item{flex-basis:118px;max-width:170px}
.settings-help-device{position:relative;aspect-ratio:1.76;background:#151515}
.settings-help-device::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#00000010,#070707b8 82%);pointer-events:none}
.settings-help-device .preview-background{position:absolute;z-index:0;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(7px) brightness(.38);opacity:.58;transform:scale(1.06)}
.settings-help-device .preview-art{position:absolute;z-index:2;left:7%;top:15%;width:31%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:3px;background:none;box-shadow:0 5px 12px #000b}
.settings-help-device .preview-copy{position:absolute;z-index:3;left:43%;right:7%;top:20%;height:auto;background:none;opacity:1;color:#fff}
.preview-copy b,.preview-copy small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.preview-copy b{font-size:8px;line-height:1.15}.preview-copy small{margin-top:3px;color:#aaa;font-size:6px}
.preview-lyrics{display:none;position:absolute;z-index:3;left:43%;right:7%;top:15%;height:42%;overflow:hidden;padding:3px 4px;color:#fff}
.preview-lyrics small,.preview-lyrics b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:6px;line-height:1.65}.preview-lyrics small{color:#858585}.preview-lyrics b{color:#fff;font-size:7px}
.settings-help-device .preview-progress{position:absolute;z-index:4;left:43%;right:7%;bottom:28%;height:2px;background:#ffffff38}
.preview-progress i{position:static;display:block;width:58%;height:100%;background:#fff}
.settings-help-device .preview-controls{position:absolute;z-index:4;left:41%;right:5%;bottom:7%;height:auto;display:flex;align-items:center;justify-content:space-between;background:none}
.preview-controls i{position:static;display:block;color:#fff;font-style:normal;font-size:6px;line-height:1;text-shadow:0 1px 3px #000}.preview-controls .preview-play{font-size:8px}
.preview-dial,.preview-volume-bar{display:none}
.visual-dial::after,.visual-control-bar::after{display:none}
.visual-vinyl .preview-art{border-radius:50%;outline:5px solid #111;box-shadow:0 0 0 6px #484848,0 5px 12px #000}
.visual-dial .preview-dial{display:block;position:absolute;z-index:5;right:-16%;top:12%;width:48%;aspect-ratio:1;border:8px solid #0c0c0c;border-radius:50%;background:radial-gradient(circle at 38% 34%,#303030,#101010 72%);box-shadow:0 0 0 1px #555,0 7px 16px #000}
.visual-dial .preview-copy,.visual-dial .preview-progress{right:20%}.visual-dial .preview-controls{right:18%}
.visual-control-bar .preview-volume-bar{display:block;position:absolute;z-index:5;right:8%;top:17%;width:5px;height:66%;border:2px solid #080808;border-radius:6px;background:#343434;box-shadow:0 0 0 1px #555}
.visual-control-bar .preview-volume-bar i{position:absolute;left:0;right:0;bottom:0;height:55%;border-radius:4px;background:var(--green)}
.visual-control-bar .preview-volume-bar::before{content:"";position:absolute;left:50%;top:-11px;width:17px;height:17px;transform:translateX(-50%);border:1px solid #666;border-radius:50%;background:radial-gradient(circle at 35% 30%,#555,#151515 72%);box-shadow:0 3px 6px #000}
.visual-control-bar .preview-copy,.visual-control-bar .preview-progress{right:17%}.visual-control-bar .preview-controls{right:15%}
.visual-song-info .preview-copy b{font-size:9px}
.visual-lyrics .preview-copy{display:none}.visual-lyrics .preview-lyrics{display:block}.visual-lyrics .preview-progress{bottom:24%}
.visual-artwork-bg .preview-background{opacity:.8;filter:blur(6px) brightness(.5)}
.visual-solid-bg{background:#513329}.visual-solid-bg .preview-background{display:none}
.visual-progress-default .preview-progress{bottom:28%}
.visual-progress-divider .preview-progress{left:0;right:0;bottom:21%;height:3px}.visual-progress-divider .preview-controls{left:28%;right:4%;bottom:7%}
.visual-lyric-solid .preview-copy,.visual-lyric-clear .preview-copy{display:none}
.visual-lyric-solid .preview-lyrics,.visual-lyric-clear .preview-lyrics{display:block;top:12%;bottom:28%;height:auto;border-radius:5px}
.visual-lyric-solid .preview-lyrics{padding:5px 6px;background:#5a3a30;box-shadow:inset 0 1px #ffffff1c}
.visual-lyric-clear .preview-background{opacity:.78;filter:blur(5px) brightness(.45)}.visual-lyric-clear .preview-lyrics{padding:5px 0;background:transparent;text-shadow:0 2px 4px #000}
.visual-text-small .preview-copy,.visual-text-large .preview-copy{transform:none}
.visual-text-small .preview-copy b{font-size:6px}.visual-text-small .preview-copy small{font-size:5px}
.visual-text-large .preview-copy b{font-size:11px}.visual-text-large .preview-copy small{font-size:8px}
@media(orientation:landscape) and (max-height:500px){.settings-help-preview-item{flex-basis:105px}}

/* Refined visual-guide proportions and breathing room. */
.settings-help-preview{gap:12px!important;margin-top:14px!important;margin-bottom:14px!important}
.settings-help-preview-item{flex-basis:132px;max-width:180px}
.settings-help-preview-item figcaption{margin-top:7px;line-height:1.3}
.preview-copy b{line-height:1.3}.preview-copy small{margin-top:4px;line-height:1.25}
.settings-help-details{gap:7px}.settings-help-details li{line-height:1.45}
.visual-dial .preview-dial{right:-20%;top:17%;width:40%;border-width:6px}
.visual-dial .preview-copy,.visual-dial .preview-progress{right:17%}
.visual-dial .preview-controls{right:15%}
@media(orientation:landscape) and (max-height:500px){.settings-help-preview{gap:10px!important;margin-top:10px!important;margin-bottom:10px!important}.settings-help-preview-item{flex-basis:116px}.settings-help-preview-item figcaption{margin-top:5px}.settings-help-details{gap:5px 16px}}