.remote-ui-shell{--remote-ink:#132d51;--remote-muted:#5d7590;--remote-blue:#147ee2;--remote-cyan:#1cc7ed;--remote-lime:#a9e855;position:relative;display:grid;gap:19px;max-width:1180px;margin:0 auto;padding:6px 0 36px;color:var(--remote-ink);font-family:"Trebuchet MS","Avenir Next",sans-serif}.remote-ui-shell:before{position:absolute;z-index:-1;inset:0 -54px auto;height:510px;background:radial-gradient(circle at 16% 10%,#a9e85548,transparent 26%),radial-gradient(circle at 88% 20%,#28cfff4d,transparent 32%);content:"";filter:blur(12px);pointer-events:none}.remote-ui-icon{width:18px;height:18px;flex:0 0 auto}.remote-ui-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 255px 155px;align-items:center;gap:25px;min-height:272px;padding:34px 37px;overflow:hidden;border:1px solid #62d9f88c;border-radius:35px;background:linear-gradient(130deg,#fbfffff5,#d9f8fff2 54%,#e6ffe0e6);box-shadow:0 28px 70px #0063a12b,inset 0 1px #fff}.remote-ui-hero:after{position:absolute;right:-14%;bottom:-89%;width:68%;height:300px;border-radius:50%;background:radial-gradient(ellipse,#ffffffc7,transparent 70%);content:""}.remote-ui-hero-copy,.remote-ui-radar,.remote-ui-hero-summary{position:relative;z-index:1}.remote-ui-kicker,.remote-ui-eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 9px;color:#1689bd;font-size:11px;font-weight:900;letter-spacing:.12em}.remote-ui-hero h1{margin:0;color:#15446c;font-size:clamp(35px,5.2vw,61px);letter-spacing:-.065em;line-height:.9}.remote-ui-hero h1 em{color:#069ed4;font-style:normal}.remote-ui-hero p{max-width:540px;margin:18px 0 0;color:#486b84;font-size:15px;line-height:1.56}.remote-ui-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:20px}.remote-ui-main-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 14px;border:0;border-radius:14px;background:linear-gradient(180deg,#24caed,#1685df);color:#fff;box-shadow:0 9px 18px #0e86cf38,inset 0 1px #ffffff91;font:800 13px "Trebuchet MS","Avenir Next",sans-serif;cursor:pointer;transition:transform .16s,filter .16s}.remote-ui-main-button:hover{transform:translateY(-2px);filter:brightness(1.04)}.remote-ui-hero-actions>span{display:inline-flex;align-items:center;gap:6px;color:#44708b;font-size:12px;font-weight:800}.remote-ui-hero-actions>span .remote-ui-icon{width:15px;height:15px;color:#17a9d0}.remote-ui-radar{width:235px;height:235px;justify-self:center;border-radius:50%;background:radial-gradient(circle at 36% 29%,#fff 0 7%,#b9f4ff 39%,#54c5ed 72%,#167dca 100%);box-shadow:inset -15px -16px 31px #055e9b4d,inset 12px 12px 24px #ffffffd9,0 22px 35px #0371b73d;animation:remote-ui-float 7s ease-in-out infinite}.remote-ui-radar-ring{position:absolute;inset:-22px;border:1px solid #24a2d66b;border-radius:50%;transform:rotate(-22deg)}.remote-ui-radar-ring.two{inset:12px -39px;border-color:#9ce84d9c;transform:rotate(55deg)}.remote-ui-radar-ring.three{inset:31px;border-color:#fff9;transform:rotate(-58deg)}.remote-ui-radar-center{position:absolute;inset:68px;display:grid;place-items:center;border:1px solid #fff; border-radius:50%;background:linear-gradient(145deg,#ffffffdf,#b9f5ffbd);color:#087fae;box-shadow:inset 0 2px 5px #fff,0 8px 18px #087aaf30}.remote-ui-radar-center .remote-ui-icon{width:44px;height:44px}.remote-ui-radar-node{position:absolute;width:11px;height:11px;border:3px solid #fffd;border-radius:50%;background:var(--remote-lime);box-shadow:0 4px 8px #297e4760}.remote-ui-radar-node.a{top:21px;right:30px}.remote-ui-radar-node.b{bottom:33px;left:20px;background:#fff17c}.remote-ui-radar-node.c{top:50%;left:-7px;background:#21c8ed}.remote-ui-hero-summary{display:grid;gap:3px;align-self:stretch;align-content:center;padding:11px 0 11px 19px;border-left:1px solid #1782bb2b}.remote-ui-hero-summary span{color:#618197;font-size:12px;font-weight:800}.remote-ui-hero-summary strong{color:#087ab4;font-size:32px;letter-spacing:-.06em}.remote-ui-hero-summary small{color:#5b7d92;font-size:11px;line-height:1.35}.remote-ui-devices-section,.remote-ui-setup{border:1px solid #2188ba21;border-radius:31px;background:#fbffffcc;box-shadow:0 20px 54px #146a9d14;backdrop-filter:blur(15px)}.remote-ui-devices-section{padding:27px 28px 30px}.remote-ui-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:21px}.remote-ui-section-head .remote-ui-eyebrow{margin-bottom:5px}.remote-ui-section-head h2,.remote-ui-setup h2{margin:0;color:#1a4d6d;font-size:25px;letter-spacing:-.045em}.remote-ui-live-label{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#e8f9ff;color:#2386af;font-size:11px;font-weight:800}.remote-ui-live-label i,.remote-ui-status i{width:7px;height:7px;border-radius:50%;background:#60bf67;box-shadow:0 0 0 3px #60bf6720}.remote-ui-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.remote-ui-device{display:grid;gap:14px;min-width:0;padding:18px;border:1px solid #2188ba21;border-radius:24px;background:linear-gradient(145deg,#fffffffa,#effbffbf);box-shadow:inset 0 1px #fff,0 12px 26px #1779ad10}.remote-ui-device.is-online{border-color:#5cc98b5e}.remote-ui-device.is-offline{filter:saturate(.72)}.remote-ui-device-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.remote-ui-device-brand{display:flex;align-items:center;gap:10px;min-width:0}.remote-ui-device-logo{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #239ecb2b;border-radius:15px;background:linear-gradient(145deg,#eafeff,#beeefa);box-shadow:inset 0 1px #fff}.remote-ui-device-logo img{width:23px;height:23px;object-fit:contain}.remote-ui-device-logo .remote-ui-icon{width:22px;height:22px;color:#1687b8}.remote-ui-device-brand p{margin:0;color:#638299;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.remote-ui-device-brand h3{max-width:150px;margin:3px 0 0;overflow:hidden;color:#244f6a;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.remote-ui-status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:#e3f9e2;color:#438d50;font-size:10px;font-weight:900;white-space:nowrap}.is-offline .remote-ui-status{background:#f2f6f8;color:#7b919f}.is-offline .remote-ui-status i{background:#a6b6c0;box-shadow:none}.remote-ui-device-network{display:grid;gap:6px;padding:10px 0;border-top:1px solid #2188ba17;border-bottom:1px solid #2188ba17}.remote-ui-device-network span{display:flex;align-items:center;gap:6px;overflow:hidden;color:#56768c;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.remote-ui-device-network .remote-ui-icon{width:14px;height:14px;color:#1494c2}.remote-ui-device-capabilities{display:flex;gap:7px}.remote-ui-device-capabilities span{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:9px;background:#f1f6f8;color:#8ba0ac;font-size:10px;font-weight:800}.remote-ui-device-capabilities span.available{background:#e1f8ff;color:#1682af}.remote-ui-device-capabilities .remote-ui-icon{width:13px;height:13px}.remote-ui-device-actions{display:grid;grid-template-columns:1fr 1fr 34px;gap:7px}.remote-ui-device-action,.remote-ui-delete{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #268bbd20;border-radius:11px;background:#f4fcff;color:#2782a8;font:800 11px "Trebuchet MS","Avenir Next",sans-serif;cursor:pointer;transition:transform .15s,background .15s}.remote-ui-device-action{min-height:35px}.remote-ui-delete{color:#d36666}.remote-ui-device-action:hover:not(:disabled),.remote-ui-delete:hover{background:#dff7ff;transform:translateY(-1px)}.remote-ui-delete:hover{background:#fff0f0}.remote-ui-device-action:disabled{cursor:not-allowed;opacity:.42}.remote-ui-device-action .remote-ui-icon,.remote-ui-delete .remote-ui-icon{width:15px;height:15px}.remote-ui-seen{display:flex;align-items:center;gap:5px;color:#8298a7;font-size:10px}.remote-ui-seen .remote-ui-icon{width:13px;height:13px}.remote-ui-empty-device{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;border-style:dashed;background:linear-gradient(145deg,#f5fdffcc,#f9ffefb8)}.remote-ui-empty-orb{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#dff8ff;color:#1598c5}.remote-ui-empty-orb .remote-ui-icon{width:23px;height:23px}.remote-ui-empty-device p{margin:0;color:#5d859d;font-size:10px;font-weight:900;text-transform:uppercase}.remote-ui-empty-device h3{margin:3px 0;color:#376278;font-size:14px}.remote-ui-empty-device span{color:#7993a3;font-size:11px;line-height:1.35}.remote-ui-setup{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);overflow:hidden}.remote-ui-setup-copy{padding:31px;background:linear-gradient(150deg,#1d6e9c,#1ba4c5 68%,#55ceca);color:#fff}.remote-ui-setup-copy .remote-ui-eyebrow{color:#d8fcff}.remote-ui-setup h2{color:#fff;font-size:28px;line-height:.98}.remote-ui-setup-copy>p:not(.remote-ui-eyebrow){margin:15px 0;color:#e5fbff;font-size:13px;line-height:1.5}.remote-ui-setup ol{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.remote-ui-setup li{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800}.remote-ui-setup li b{display:grid;place-items:center;width:24px;height:24px;border:1px solid #ffffff70;border-radius:9px;background:#ffffff22}.remote-ui-setup-main{display:grid;gap:16px;padding:24px}.remote-ui-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.remote-ui-platform{display:grid;grid-template-columns:37px minmax(0,1fr) 16px;align-items:center;gap:9px;min-height:62px;padding:10px;border:1px solid #1c8ebd1c;border-radius:16px;background:#fff;color:#386278;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.remote-ui-platform:hover{transform:translateY(-1px);border-color:#19a9d066}.remote-ui-platform.active{border-color:#21b8de9e;background:linear-gradient(145deg,#effdff,#d8f7ff);box-shadow:0 9px 17px #1686b81a}.remote-ui-platform-logo{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#edfaff}.remote-ui-platform-logo img{width:21px;height:21px;object-fit:contain}.remote-ui-platform b,.remote-ui-platform small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-ui-platform b{color:#28536d;font-size:12px}.remote-ui-platform small{margin-top:3px;color:#7591a1;font-size:10px}.remote-ui-platform>.remote-ui-icon{width:15px;height:15px;color:#28a1c7}.remote-ui-command{padding:16px;border:1px solid #188fc429;border-radius:20px;background:linear-gradient(145deg,#effbff,#fafffb)}.remote-ui-command-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.remote-ui-command-top .remote-ui-eyebrow{margin-bottom:4px}.remote-ui-command-top h3{margin:0;color:#24516c;font-size:17px}.remote-ui-command-top h3 span{color:#7793a3;font-size:11px;font-weight:700}.remote-ui-copy{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:0;border-radius:11px;background:#168dde;color:#fff;font:800 11px "Trebuchet MS","Avenir Next",sans-serif;cursor:pointer}.remote-ui-copy .remote-ui-icon{width:14px;height:14px}.remote-ui-command pre{max-height:116px;margin:13px 0 10px;padding:12px;overflow:auto;border-radius:14px;background:#0d2b41;color:#c7f8ff;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.remote-ui-command-note{display:flex;align-items:center;gap:6px;margin:0;color:#618198;font-size:10px;line-height:1.4}.remote-ui-command-note .remote-ui-icon{width:14px;height:14px;color:#19a5c9}.remote-ui-error{display:grid;grid-column:1/-1;justify-items:center;gap:10px;padding:42px 20px;border:1px dashed #1a92c34d;border-radius:24px;background:#eefbff;text-align:center}.remote-ui-error>span{display:grid;place-items:center;width:54px;height:54px;border-radius:19px;background:#c9f5ff;color:#117fac}.remote-ui-error>span .remote-ui-icon{width:28px;height:28px}.remote-ui-error h2{margin:0;color:#28556f;font-size:20px}.remote-ui-error p{margin:0;color:#718d9f;font-size:13px}.remote-ui-loading{display:flex;grid-column:1/-1;align-items:center;justify-content:center;gap:10px;min-height:170px;color:#628196;font-size:13px}.remote-ui-loading span{width:23px;height:23px;border:3px solid #19a2d022;border-top-color:#1aa9d2;border-radius:50%;animation:remote-ui-spin .75s linear infinite}.remote-ui-shell [data-remote-action]:focus-visible{outline:3px solid #68d7f78c;outline-offset:2px}.remote-session-panel{border-color:#1ba7d145!important;background:linear-gradient(145deg,#effbff,#f9ffff)!important;box-shadow:0 20px 50px #1475a41a!important}.remote-terminal-output{border:1px solid #45c7ec42!important;border-radius:18px!important;background:#0e2b42!important;color:#c9f8ff!important}.remote-terminal-form{border-radius:17px!important;background:#e4f8ff!important}@keyframes remote-ui-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes remote-ui-spin{to{transform:rotate(360deg)}}[data-theme="dark"] .remote-ui-hero{background:linear-gradient(135deg,#0b3d5ddd,#075b78e8 55%,#275f4fe0);border-color:#57cdec66}[data-theme="dark"] .remote-ui-hero h1,[data-theme="dark"] .remote-ui-section-head h2,[data-theme="dark"] .remote-ui-device h3,[data-theme="dark"] .remote-ui-command-top h3{color:#e1f8ff}[data-theme="dark"] .remote-ui-hero p,[data-theme="dark"] .remote-ui-hero-actions>span,[data-theme="dark"] .remote-ui-empty-device span{color:#aed2e2}[data-theme="dark"] .remote-ui-devices-section,[data-theme="dark"] .remote-ui-device{background:#0b344dc9;border-color:#62c9e840}[data-theme="dark"] .remote-ui-device-network{border-color:#7bd8ee26}[data-theme="dark"] .remote-ui-device-network span,[data-theme="dark"] .remote-ui-seen{color:#a9c7d4}[data-theme="dark"] .remote-ui-platform{background:#0d3b56;border-color:#63c9e840}[data-theme="dark"] .remote-ui-platform b,[data-theme="dark"] .remote-ui-command-top h3 span{color:#d8f3ff}[data-theme="dark"] .remote-ui-command{background:#0b4055;border-color:#65cde94a}[data-theme="dark"] .remote-ui-session-panel{background:#0b3248!important}@media(max-width:940px){.remote-ui-hero{grid-template-columns:minmax(0,1fr) 180px;padding:30px}.remote-ui-hero-summary{position:absolute;right:25px;bottom:23px;align-self:auto;border:0}.remote-ui-radar{width:180px;height:180px}.remote-ui-radar-center{inset:52px}.remote-ui-radar-center .remote-ui-icon{width:36px;height:36px}.remote-ui-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.remote-ui-setup{grid-template-columns:1fr}.remote-ui-setup-copy{display:grid;grid-template-columns:1fr auto;gap:12px}.remote-ui-setup-copy>p:not(.remote-ui-eyebrow),.remote-ui-setup-copy ol{grid-column:1/-1}.remote-ui-setup ol{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.remote-ui-shell{gap:13px;padding-bottom:22px}.remote-ui-shell:before{inset:0 -20px auto;height:390px}.remote-ui-hero{display:block;min-height:0;padding:25px 20px 123px;border-radius:27px}.remote-ui-hero h1{font-size:42px}.remote-ui-hero p{font-size:13px}.remote-ui-radar{position:absolute;right:-45px;bottom:-36px;width:168px;height:168px;opacity:.72}.remote-ui-hero-summary{right:18px;bottom:18px;padding:7px 10px;border-radius:15px;background:#ffffffa3;backdrop-filter:blur(6px)}.remote-ui-hero-summary strong{font-size:25px}.remote-ui-hero-summary small{display:none}.remote-ui-devices-section{padding:20px 14px 18px;border-radius:25px}.remote-ui-section-head{align-items:start;gap:8px;margin-bottom:16px}.remote-ui-section-head h2{font-size:22px}.remote-ui-live-label{max-width:125px;font-size:9px;line-height:1.25}.remote-ui-device-grid{grid-template-columns:1fr}.remote-ui-device{padding:16px;border-radius:21px}.remote-ui-device-brand h3{max-width:200px}.remote-ui-setup{border-radius:25px}.remote-ui-setup-copy{display:block;padding:25px 20px}.remote-ui-setup h2{font-size:27px}.remote-ui-setup ol{grid-template-columns:1fr;gap:8px;margin-top:18px}.remote-ui-setup-main{padding:16px 14px 18px}.remote-ui-platforms{gap:7px}.remote-ui-platform{grid-template-columns:34px minmax(0,1fr) 13px;min-height:57px;padding:8px}.remote-ui-platform-logo{width:34px;height:34px}.remote-ui-command{padding:13px}.remote-ui-command-top{align-items:start;flex-direction:column}.remote-ui-copy{width:100%}.remote-ui-command pre{max-height:140px}.remote-ui-empty-device{grid-template-columns:44px minmax(0,1fr)}}
