@media (max-width: 600px), (max-width: 1000px) and (max-height: 600px) and (pointer: coarse) {
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .theme-options{grid-template-columns:1fr;gap:14px}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .theme-option{grid-template-columns:72px minmax(0,1fr);gap:6px 14px;padding:14px 33px 14px 14px;border-radius:18px}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .theme-preview{height:110px;width:66px;border:3px solid #fff;outline:1px solid #b8bbc366;border-radius:15px;grid-row:1/3;box-shadow:0 3px 8px #23354518}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .theme-preview i{inset:29px 9px auto;height:39px;border:0;box-shadow:none;border-radius:0;background:radial-gradient(circle at 5px 6px,#fff 4px,transparent 4.5px),radial-gradient(circle at 21px 6px,#c3def8 4px,transparent 4.5px),radial-gradient(circle at 37px 6px,#ffdbad 4px,transparent 4.5px),radial-gradient(circle at 5px 26px,#e0caff 4px,transparent 4.5px),radial-gradient(circle at 21px 26px,#fff 4px,transparent 4.5px),radial-gradient(circle at 37px 26px,#afdee7 4px,transparent 4.5px)}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .theme-preview i::before{display:none}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .theme-preview b{left:5px;right:5px;bottom:8px;height:16px;border:0;border-radius:7px;background:#fff8}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .preview-modern{background:linear-gradient(145deg,#c6e0cb,#e4dfb5)}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .preview-modern i{filter:brightness(.8)}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .preview-modern b{border-radius:16px;background:#37624b55}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .theme-option strong{font-size:15px;align-self:end}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .theme-description{font-size:12px;line-height:1.5}
}
@media (max-width: 600px), (max-width: 1000px) and (max-height: 600px) and (pointer: coarse) {
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) #workspace .os-window{overflow:clip}
  html[data-theme=modern] .desktop-clock::after{display:none;content:none}
}

@media (max-width: 600px), (max-width: 1000px) and (max-height: 600px) and (pointer: coarse) {
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .preview-retro{background:#9eb484;border:5px solid #42483e;border-radius:12px}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .preview-retro i{background:repeating-linear-gradient(90deg,#2e4125 0 7px,transparent 7px 15px);height:24px;top:25px;opacity:.8}
  html:is([data-theme=macos],[data-theme=modern],[data-theme=retro]) .preview-retro b{height:18px;left:2px;right:2px;bottom:3px;border-radius:3px;background:repeating-linear-gradient(90deg,#42483e 0 12px,transparent 12px 17px)}
  html[data-theme=retro] .theme-option{border-radius:4px}
}

/* Self-contained vector miniatures scale without clipped app rows or inherited window chrome. */
@media (max-width: 600px), (max-width: 1000px) and (max-height: 600px) and (pointer: coarse) {
  html[data-theme] .theme-preview,#setup-dialog .theme-preview{
    background-position:center;background-size:contain;background-repeat:no-repeat;
    background-color:transparent;border:0;border-radius:0;outline:0;box-shadow:none;
  }
  html[data-theme] .theme-preview :is(i,b),#setup-dialog .theme-preview :is(i,b){display:none}
  html[data-theme] .preview-macos,#setup-dialog .preview-macos{background-image:url('theme-previews/macos.svg')}
  html[data-theme] .preview-modern,#setup-dialog .preview-modern{background-image:url('theme-previews/modern.svg')}
  html[data-theme] .preview-retro,#setup-dialog .preview-retro{background-image:url('theme-previews/retro.svg')}
}