.gb-webremote-grid{display:grid;grid-template-columns:minmax(290px,.62fr) minmax(640px,2fr);gap:18px}.gb-webremote-control,.gb-webremote-viewer-card{min-width:0}.gb-webremote-head,.gb-webremote-viewerbar,.gb-webremote-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.gb-webremote-head h3{margin:.25rem 0 0}.gb-webremote-badge{padding:6px 10px;border:1px solid rgba(44,200,255,.35);border-radius:999px;background:rgba(22,160,220,.1);font-size:12px;font-weight:800;letter-spacing:.08em}.gb-webremote-copy,.gb-webremote-hint{color:var(--muted,#91a3b8);line-height:1.5}.gb-webremote-field{display:grid;gap:8px;margin:18px 0}.gb-webremote-field span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.gb-webremote-field input{width:100%;box-sizing:border-box;border:1px solid rgba(120,160,190,.28);border-radius:12px;background:rgba(4,12,22,.65);color:#eaf4ff;padding:12px;font:700 18px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.08em}.gb-webremote-actions{justify-content:flex-start;flex-wrap:wrap}.gb-webremote-state{margin-top:18px;padding:12px;border:1px solid rgba(120,160,190,.2);border-radius:12px;background:rgba(5,12,22,.55)}.gb-webremote-state strong{display:block;margin-bottom:8px}.gb-webremote-state pre{margin:0;max-height:150px;overflow:auto;white-space:pre-wrap;color:#a8bdd2;font-size:12px}.gb-webremote-state .ok{color:#6fe0aa}.gb-webremote-state .bad{color:#ff8b8b}.gb-webremote-state .warn{color:#ffd166}.gb-webremote-viewerbar{margin-bottom:12px}.gb-webremote-viewerbar>div{display:flex;align-items:center;gap:8px}.gb-webremote-viewerbar small{color:var(--muted,#91a3b8)}.gb-webremote-viewport-wrap{min-height:clamp(420px,64vh,860px);background:#02060b;border-radius:14px;overflow:hidden;border:1px solid rgba(120,160,190,.2);display:flex;align-items:center;justify-content:center}.gb-webremote-viewport-wrap canvas{display:block;width:100%;height:auto;max-width:100%;max-height:100%;background:#000;outline:none}.gb-webremote-hint{font-size:12px;margin:10px 0 0}@media(max-width:1180px){.gb-webremote-grid{grid-template-columns:1fr}.gb-webremote-viewport-wrap{min-height:52vh}}

/* Dedicated desktop-only tab */
.gb-remote-popout{margin:0;min-height:100vh;background:#02060b;color:#eaf4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}.gb-remote-popout-shell{position:fixed;inset:0;background:#02060b;display:flex;align-items:center;justify-content:center}.gb-remote-popout .gb-webremote-viewport-wrap{position:absolute;inset:0;min-height:0;border:0;border-radius:0;background:#000}.gb-remote-popout .gb-webremote-viewport-wrap canvas{width:auto;height:auto;max-width:100vw;max-height:100vh}.gb-remote-popout-toolbar{position:fixed;z-index:10;top:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(125,181,230,.22);border-radius:14px;background:rgba(6,14,26,.88);backdrop-filter:blur(14px);box-shadow:0 12px 40px rgba(0,0,0,.35);opacity:.2;transition:opacity .15s ease}.gb-remote-popout-toolbar:hover,.gb-remote-popout-toolbar:focus-within{opacity:1}.gb-remote-popout-toolbar input{width:120px;border:1px solid rgba(125,181,230,.25);border-radius:9px;background:#091425;color:#eaf4ff;padding:8px 9px;font:700 13px ui-monospace,Consolas,monospace}.gb-remote-popout-toolbar button{border:1px solid rgba(125,181,230,.25);border-radius:9px;background:#0d2340;color:#eaf4ff;padding:8px 10px;font-weight:700;cursor:pointer}.gb-remote-popout-toolbar button:hover{background:#14345f}.gb-remote-popout-status{position:fixed;z-index:9;left:14px;bottom:14px;max-width:min(620px,calc(100vw - 28px));padding:8px 10px;border-radius:10px;background:rgba(4,10,18,.72);backdrop-filter:blur(10px);font-size:12px;color:#9db3ca;pointer-events:none}.gb-remote-popout-status strong{color:#dcecff}.gb-remote-popout-status pre{display:none}.gb-remote-popout .gb-webremote-hint{display:none}