.properties-tabs{flex-wrap:wrap}
.saver-properties{gap:14px}
.saver-monitor{width:min(100%,360px);margin:2px auto 8px;padding:12px 12px 7px;background:#d4d0c8;border:2px outset #eee;box-shadow:inset 0 0 0 1px #aaa;border-radius:6px}
.saver-monitor canvas{display:block;width:100%;aspect-ratio:8/5;background:#000;border:3px inset #aaa;border-radius:3px;box-sizing:border-box}
.saver-monitor>span{display:block;text-align:center;font-size:12px;color:#4e4d47;padding-top:7px;letter-spacing:.03em}
.saver-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.saver-actions>button{min-width:95px;min-height:31px}
.saver-actions>label{display:flex;align-items:center;gap:10px;margin:0}
.saver-actions select{width:auto;min-width:110px}
.saver-options{display:grid;gap:12px;padding:13px;border:1px solid #aaa;margin:0;min-width:0}
.saver-options legend{padding:0 5px}
.saver-options label{margin:0}
.saver-options input{min-width:0;width:100%;box-sizing:border-box}
.saver-properties .help-text{margin:0;line-height:1.45}
.screensaver{position:fixed;inset:0;z-index:2147483000;width:100%;height:100%;background:#000;border:0;padding:0;cursor:none;overflow:hidden;touch-action:none;outline:none}
.screensaver[hidden]{display:none!important}
.screensaver canvas{display:block;width:100%;height:100%;background:#000}
.saver-exit-hint{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:16px;right:16px;margin:0;text-align:center;font:14px Tahoma,sans-serif;color:#d4d4d4;text-shadow:0 1px 3px #000;pointer-events:none;animation:saverHint 4s forwards}
@keyframes saverHint{0%,65%{opacity:.8}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.saver-exit-hint{animation:none;opacity:.7}}
.screensaver[data-reduced-motion="true"] .saver-exit-hint{animation:none;opacity:.7}
@media(max-width:480px){.saver-monitor{width:100%}.saver-options{padding:10px}.properties-tabs button{padding-inline:9px}}