:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0;max-width:60rem;margin-inline:auto;padding:1rem}header{align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}header h1{margin:0;font-size:1.25rem}header button{margin-left:auto}.narrow{max-width:24rem;margin-inline:auto}form{gap:.75rem;margin-block:1rem;display:grid}form.row{grid-template-columns:1fr 2fr auto;align-items:end}label{gap:.25rem;font-size:.9rem;display:grid}input,select,button{font:inherit;padding:.5rem}button,.button{cursor:pointer}button.link{color:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.list{gap:.5rem;padding:0;list-style:none;display:grid}.list li{border:1px solid color-mix(in srgb, currentColor 20%, transparent);border-radius:.375rem;align-items:center;gap:1rem;padding:.5rem;display:flex}.list li label{margin-left:auto}.thumbs{flex-wrap:wrap;gap:.75rem;padding:0;list-style:none;display:flex}.thumbs img{object-fit:cover;border-radius:.25rem;width:8rem;height:5rem;display:block}.status{border:1px solid;border-radius:1rem;padding:.1rem .5rem;font-size:.8rem}.status.online{color:#1a7f37}.muted{opacity:.7}.error{color:#b42318}.ok{color:#1a7f37}section{margin-block:2rem}nav.tabs{border-bottom:1px solid color-mix(in srgb, currentColor 20%, transparent);align-items:center;gap:1rem;margin-bottom:1rem;display:flex}nav.tabs a{color:inherit;border-bottom:2px solid #0000;padding:.5rem 0;text-decoration:none}nav.tabs a.active{border-bottom-color:currentColor;font-weight:600}nav.tabs select{margin-left:auto}.chips{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.chip{border:1px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:1rem;align-items:center;gap:.25rem;padding:.1rem .5rem;font-size:.85rem;display:inline-flex}.editor{border:1px solid color-mix(in srgb, currentColor 20%, transparent);border-radius:.5rem;gap:.75rem;margin-top:1rem;padding:1rem;display:grid}.editor h3{margin:0}table{border-collapse:collapse}td,th{text-align:left;padding:.25rem .5rem}td input{width:5rem}td select{min-width:10rem}.list li.selected{outline:2px solid}.zone-preview{aspect-ratio:16/9;color:#fff;background:#111;border-radius:.25rem;width:100%;max-width:32rem;position:relative;overflow:hidden}.zone-box{box-sizing:border-box;border:1px dashed #fff9;padding:.25rem;font-size:.75rem;position:absolute;overflow:hidden}fieldset{border:none;margin:0;padding:0}legend{margin-bottom:.25rem;font-size:.9rem}
