/* TYMCZASOWY panel sterowania światłem (previews/swiatlo.js). Style światła są w /styles.css.
   Na komputerze przy dolnej krawędzi: górny brzeg strony w przeglądarce Arc przesuwa całe okno. */
.light-switch{position:fixed;z-index:30;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;justify-content:flex-start;gap:4px;width:min(1340px,calc(100% - 20px));padding:4px;background:#102c46eb;border-radius:30px;box-shadow:0 6px 20px #0005;font:13px/1.2 var(--sans);color:#e8d2a7;white-space:nowrap}
.light-switch>*{flex-shrink:0}
.light-switch button{border:0;background:none;color:inherit;font:inherit;padding:8px 12px;border-radius:24px;cursor:pointer;white-space:nowrap}
.light-switch button[aria-pressed="true"]{background:#e8d2a7;color:#102c46}
.light-switch [hidden]{display:none!important}
.light-range{display:flex;align-items:center;gap:8px;padding:0 8px}
.light-range input[type=range]{width:110px;accent-color:#e8d2a7}
.light-switch{touch-action:manipulation;overscroll-behavior:contain}
.light-range input[type=range]{touch-action:pan-y}
.light-range input[type=date]{background:#ffffff14;color:inherit;border:1px solid #e8d2a755;border-radius:8px;padding:3px 6px;font:inherit;color-scheme:dark}
.light-range output{width:3.2em;text-align:right;font-variant-numeric:tabular-nums}
.light-info{display:block;width:15em;opacity:.75;font-size:12px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}
.light-play{width:9.5em;text-align:left}
.light-now{opacity:.8}
.light-range select{background:#ffffff14;color:inherit;border:1px solid #e8d2a755;border-radius:8px;padding:3px 6px;font:inherit;color-scheme:dark;cursor:pointer}
.light-muntin-w{padding-left:0}.light-muntin-w input[type=range]{width:56px}.light-muntin-w.is-off{opacity:.4}
.light-switch.is-folded{left:auto;right:10px;transform:none;width:auto}
.light-switch.is-folded>:not(.light-fold){display:none!important}
body.capture .light-switch{display:none}
@media(max-width:1370px){.light-switch{flex-wrap:wrap;justify-content:center;border-radius:18px;left:10px;right:10px;transform:none;width:auto}}
@media(max-width:700px){.light-switch{top:6px;bottom:auto;left:6px;right:6px;gap:2px 4px;font-size:12px}.light-switch button{padding:6px 10px}.light-range{padding:0 4px;gap:6px}.light-range input[type=range]{width:min(110px,28vw)}.light-range input[type=date],.light-range select{font-size:16px;padding:1px 4px}.light-info{flex-basis:100%;width:auto;justify-content:center;text-align:center}.light-play{width:auto;text-align:center}}