#cf-floating-remote{--rs:.9;position:fixed;z-index:1000;width:calc(350px * var(--rs));max-width:calc(100vw - 8px);max-height:calc(100dvh - 12px);overflow:auto;padding:calc(11px * var(--rs));background:#182a38;color:#fff;border:2px solid #65abc5;border-radius:14px;box-shadow:0 10px 30px #0008;font:calc(16px * var(--rs)) system-ui;overscroll-behavior:contain}#cf-floating-remote[hidden]{display:none!important}#cf-floating-remote button{background:#345572;color:white;border:1px solid #8faec0;border-radius:6px;padding:calc(8px * var(--rs));font:600 max(10px,calc(14px * var(--rs))) system-ui;cursor:pointer;min-height:calc(34px * var(--rs))}#cf-floating-remote .remote-size-bar{display:flex;align-items:center;gap:6px;padding-bottom:6px;border-bottom:1px solid #ffffff33;touch-action:none;cursor:move}#cf-floating-remote .drag-handle{flex:1;font-size:11px;color:#d8e9ee}#cf-floating-remote .remote-size-bar button{padding:2px 10px;font-size:20px;min-height:30px}#cf-floating-remote output{min-width:38px;text-align:center;font-size:11px}#cf-floating-remote [data-source-id=remote-title]{display:flex;align-items:center;justify-content:space-between;cursor:move;touch-action:none;font-size:calc(19px * var(--rs));margin:8px 0}#cf-floating-remote [data-source-id=remote-photo-name]{font-weight:600;font-size:max(10px,.8em);overflow-wrap:anywhere;color:#d8e9ee;margin:7px 0}#cf-floating-remote .remote-simple-head{display:flex;justify-content:space-between;align-items:center;gap:6px}#cf-floating-remote [data-source-id=remote-count]{font-size:11px}#cf-floating-remote .remote-curtain-row,#cf-floating-remote [data-source-id=remote-all-row]{padding:calc(7px * var(--rs));margin:6px 0;border:1px solid #526f84;border-radius:7px}#cf-floating-remote .remote-curtain-row[aria-current=true]{border-color:#91e783;background:#233f50}#cf-floating-remote .remote-curtain-heading{display:flex;align-items:center;gap:6px}#cf-floating-remote .remote-curtain-title{flex:1;font-size:max(11px,.9em);cursor:pointer}#cf-floating-remote .remote-curtain-description{font-size:max(10px,.72em);color:#d2e1eb;line-height:1.4;margin:4px 0 6px}#cf-floating-remote .remote-simple-actions,#cf-floating-remote .remote-presets{display:flex;gap:4px;margin-top:5px}#cf-floating-remote .remote-simple-actions button,#cf-floating-remote .remote-presets button{flex:1;min-width:0;font-size:max(9px,.72em);padding:5px 2px}#cf-floating-remote [data-command=stop]{background:#a32626}#cf-floating-remote .remote-indicator{width:7px;height:7px;border-radius:50%;background:#9aa8b2}#cf-floating-remote .remote-curtain-row[aria-current=true] .remote-indicator{background:#95ee75}#cf-floating-remote .is-moving .remote-indicator{animation:cf-remote-blink .65s infinite}#cf-floating-remote .is-moving button.is-direction{background:#287646}#cf-floating-remote [data-source-id=remote-status]{display:block;font-size:max(10px,.75em);margin-top:5px}#cf-floating-remote [data-source-id=remote-settings],#cf-floating-remote [hidden]{display:none!important}@keyframes cf-remote-blink{50%{opacity:.18}}

.phone-remote,.phone-only{display:none!important}
@media(max-width:900px){#cf-floating-remote{width:calc(350px * var(--rs));padding:7px;border-radius:10px}#cf-floating-remote .remote-content{display:none!important}#cf-floating-remote .phone-remote{display:block!important}#cf-floating-remote .phone-only{display:block!important}#cf-floating-remote .remote-size-bar{padding-bottom:4px;gap:5px}#cf-floating-remote .remote-size-bar button{min-height:26px;padding:0 7px;font-size:18px}#cf-floating-remote .drag-handle{font-size:10px}#cf-floating-remote .phone-command-row{display:flex;align-items:center;gap:4px;margin-top:6px}#cf-floating-remote .phone-command-row select{flex:1;min-width:45px;width:70px;background:#d9e0e2;color:#152a38;border:1px solid #8faec0;border-radius:5px;padding:5px;font:11px system-ui;height:34px}#cf-floating-remote .phone-command-row button{width:34px;min-width:30px;min-height:34px;padding:3px;font-size:13px}#cf-floating-remote [data-phone=stop]{background:#a32626}#cf-floating-remote [data-phone=all][aria-pressed=true]{background:#287646}#cf-floating-remote .phone-preset-row{display:flex;gap:4px;margin-top:6px}#cf-floating-remote .phone-preset-row button{flex:1;min-width:0;min-height:32px;font-size:9px;padding:4px 1px}#cf-floating-remote .phone-remote.is-moving [data-phone=open],#cf-floating-remote .phone-remote.is-moving [data-phone=down]{animation:cf-remote-blink .7s infinite}}