.remote-browser{color:#17212e;background:#fff;border:1px solid #d8dde4;border-radius:8px;overflow:hidden}.remote-toolbar{border-bottom:1px solid #e3e7eb;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex}.remote-toolbar strong{margin-right:4px;font-size:14px}.remote-browser button,.remote-browser select,.remote-text input{font:inherit;color:#17212e;background:#fff;border:1px solid #d0d7de;border-radius:5px;min-height:32px;padding:4px 9px;font-size:13px}.remote-browser button{cursor:pointer;white-space:nowrap}.remote-browser button:hover{background:#f0f5fa}.remote-browser button:disabled{opacity:.45;cursor:default}.remote-browser select{max-width:250px}.remote-status{color:#526273;background:#f5f7fa;padding:6px 9px;font-size:12px}.remote-error{color:#aa2b18;background:#fff0ed;padding:7px 9px;font-size:13px}.remote-screen{background:#e8edf2;min-height:90px;overflow:auto}.remote-screen p{color:#526273;padding:22px 12px;font-size:13px}.remote-screen canvas{touch-action:none;cursor:default;outline:0;max-width:100%;height:auto;margin:0 auto}.remote-screen canvas:focus{box-shadow:inset 0 0 0 2px #2876d1}.remote-text{border-top:1px solid #e3e7eb;align-items:center;gap:6px;padding:7px;display:flex}.remote-text input{flex:1;min-width:100px}.remote-browser:fullscreen{border:0;border-radius:0;flex-direction:column;display:flex;overflow:auto}.remote-browser:fullscreen .remote-screen{flex:1;justify-content:center;align-items:flex-start;min-height:0;display:flex}.remote-browser:fullscreen canvas{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;max-height:100%}