#wifiRemote[hidden]{display:none!important}#wifiRemote{position:fixed;inset:0;z-index:100010;background:#0a1019;color:#e8f5ff;font:20px/1.5 system-ui,sans-serif;overflow:auto;padding:max(18px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right));box-sizing:border-box;text-align:left}#wifiRemote *{box-sizing:border-box}#wifiRemote header{display:flex;position:static;height:auto;align-items:center;justify-content:space-between;gap:20px;padding:0 0 18px;border-bottom:1px solid #314050;background:transparent}#wifiRemote h1{font-size:30px;margin:0}#wifiRemote h2{font-size:25px}#wifiRemote p{max-width:850px;color:#aec1d2}#wifiRemote button,#wifiRemote input,#wifiRemote select{font:inherit;min-height:52px;border-radius:12px;padding:10px 16px;color:#e8f5ff;background:#182535;border:1px solid #39506a;touch-action:manipulation;white-space:normal}#wifiRemote button{cursor:pointer}#wifiRemote button:disabled{opacity:.4;cursor:default}#wifiRemote button:focus-visible,#wifiRemote input:focus-visible{outline:3px solid #66dfd0;outline-offset:3px}#wifiRemote .wr-primary{background:#176355;border-color:#65e1c9}#wifiRemote .wr-actions,#wifiRemote nav{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}#wifiRemote #wrStatus{padding:12px 16px;border-left:4px solid #e9bd6b;background:#131e2b}#wifiRemote #wrStatus[data-connected=true]{border-color:#66e6b7;color:#98f4d8}#wifiRemote #wrCode,#wifiRemote #wrLink{width:100%;max-width:850px;display:block;margin:12px 0;font-size:18px}#wifiRemote #wrPair{max-width:950px;margin:30px auto}#wifiRemote #wrControls{max-width:1400px;margin:auto}#wifiRemote .wr-global{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 0}#wifiRemote .wr-global label{display:flex;gap:15px;align-items:center}#wifiRemote input[type=range]{accent-color:#66dfd0;min-width:170px;touch-action:none}#wifiRemote #wrBlackout{background:#5d1e38}#wifiRemote #wrGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#wifiRemote .wr-pad{min-height:110px;text-align:left;border-top:4px solid var(--pad,#62e1ce);display:flex;flex-direction:column;justify-content:space-between;gap:12px}#wifiRemote .wr-active{background:#215c50!important;outline:2px solid #7ef2ce}#wifiRemote .wr-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:20px}#wifiRemote .wr-channel{background:#142131;padding:14px;border-radius:12px;display:grid;gap:12px}#wifiRemote .wr-channel input{width:100%;min-width:0}#wifiRemote .wr-fixture-select{display:flex;flex-wrap:wrap;gap:10px}#wifiRemote .wr-fixture-select label{padding:12px;background:#19283a;border-radius:12px;cursor:pointer}#wifiRemote #wrXY{width:280px;height:220px;max-width:100%;background:radial-gradient(circle,#224d55,#152330);position:relative;border:1px solid #66dfd0;border-radius:15px;touch-action:none;margin:20px 0;display:grid;place-items:center}#wifiRemote #wrXY span{pointer-events:none}#wifiRemote #wrXY i{position:absolute;width:18px;height:18px;border-radius:50%;background:#71ffe5;transform:translate(-50%,-50%)}#wifiRemote #wrStageNote{font-size:17px;color:#d5bc82}body.wifi-remote-open{overflow:hidden}#wifiRemote .wr-page{display:flex;gap:16px;align-items:center;margin:18px 0}@media(max-width:650px){#wifiRemote{font-size:18px;padding:14px}#wifiRemote #wrGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#wifiRemote header{align-items:flex-start}#wifiRemote h1{font-size:24px}}
#wifiRemote .wr-qr-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:32px;margin:28px 0}#wifiRemote .wr-qr{background:white;padding:0;border:12px solid white;border-radius:16px;width:340px;max-width:100%;aspect-ratio:1;overflow:hidden}#wifiRemote .wr-qr svg{display:block;width:100%;height:auto;background:white}#wifiRemote .wr-qr-layout h2{font-size:32px;margin:0 0 18px}#wifiRemote .wr-qr-layout ol{padding-left:26px;color:#d5e7ef}#wifiRemote .wr-qr-layout li{margin:12px 0}#wifiRemote .wr-qr-validity{font-size:18px;color:#69dfc7}#wifiRemote #wrPair{max-width:1100px}@media(max-width:760px){#wifiRemote .wr-qr-layout{grid-template-columns:1fr;gap:18px}#wifiRemote .wr-qr{width:min(340px,100%);margin:auto;grid-row:1}}

#wifiRemote #wrIdentx{position:relative;width:100%;height:calc(100dvh - 205px);min-height:420px}#wifiRemote #wrIdentxName{font-size:18px;margin:8px 0}#wifiRemote #wrIdentxFrame{display:block;width:100%;height:calc(100% - 42px);border:1px solid #39506a;border-radius:12px;background:#101116}#wifiRemote #wrIdentxLost{position:absolute;inset:40px 0 0;background:#0a1019ed;display:grid;place-items:center;max-width:none;padding:24px;text-align:center}#wifiRemote #wrIdentxLost[hidden]{display:none}
#wifiRemote.wr-controller-only{padding:0;overflow:hidden;background:#080b10}
#wifiRemote.wr-controller-only>header,#wifiRemote.wr-controller-only>#wrStatus{display:none!important}
#wifiRemote.wr-controller-only #wrIdentx{position:absolute;inset:0;margin:0;width:100%;height:100%;min-height:0}
#wifiRemote.wr-controller-only #wrIdentxName{display:none!important}
#wifiRemote.wr-controller-only #wrIdentxFrame{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0}
#wifiRemote.wr-controller-only #wrIdentxLost{inset:0;margin:0}
#wifiRemote.wr-scanning>header,#wifiRemote.wr-scanning>#wrPair{display:none!important}
#wifiRemote.wr-scanning:not(.wr-controller-only)>#wrStatus{max-width:560px;margin:35dvh auto 0;font-size:20px}
#wifiRemote.wr-controller-only #wrIdentxFrame[hidden],#wifiRemote #wrStageFrame[hidden],#wifiRemote #wrSwitchView[hidden],#wifiRemote #wrStageLoading[hidden]{display:none!important}
#wifiRemote #wrStageFrame{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#05070b}
#wifiRemote #wrSwitchView{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:5;min-height:48px;padding:12px 18px;border:1px solid #00d4da;border-radius:12px;background:#102832ed;color:#d9ffff;font-size:17px;box-shadow:0 3px 18px #0009}
#wifiRemote #wrStageLoading{position:absolute;inset:30% 10%;text-align:center;pointer-events:none}
#wifiRemote.wr-controller-only #wrIdentxLost{z-index:10}

html.wr-tablet-fixed,html.wr-tablet-fixed body{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important}
html.wr-tablet-fixed #wifiRemote,html.wr-tablet-fixed #wrIdentx,html.wr-tablet-fixed #wrIdentxFrame{overscroll-behavior:none!important;touch-action:none!important}
