:root{color:#1f2933;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{border:0;border-radius:6px;background:#136f63;color:#fff;cursor:pointer;font-weight:650;min-height:40px;padding:0 14px}button:disabled{background:#9aa7b2;cursor:not-allowed}button[type=button]{background:#435363}input{border:1px solid #b7c3d0;border-radius:6px;min-height:40px;padding:8px 10px;width:100%}h1,h2,p{margin:0}h1{font-size:1.35rem}h2{font-size:1rem}.app-shell{display:grid;gap:16px;grid-template-columns:minmax(280px,360px) minmax(420px,1fr);min-height:100vh;padding:16px}.host-layout{grid-template-columns:minmax(260px,340px) minmax(260px,340px) minmax(260px,360px) minmax(320px,1fr)}.panel{background:#fff;border:1px solid #d7dee6;border-radius:8px;box-shadow:0 8px 20px #1f29330f;padding:16px}.connection-panel,.bridge-panel,.approval-panel,.log-panel{align-content:start;display:grid;gap:16px}.connect-form{display:grid;gap:12px}.connect-form label{color:#3d4b5b;display:grid;font-size:.9rem;gap:5px}.status{background:#f3f6f9;border:1px solid #d9e2ec;border-radius:6px;color:#263442;min-height:42px;padding:10px}.muted{color:#6d7c8b;line-height:1.45}.remote-surface{align-items:center;background:#111820;border-radius:8px;display:grid;min-height:calc(100vh - 32px);overflow:hidden;position:relative}#remoteVideo{background:#111820;height:100%;object-fit:contain;outline:0;width:100%}#remoteVideo:focus{box-shadow:inset 0 0 0 3px #35b69f}.empty-state{color:#c8d2dc;font-weight:650;inset:0;place-content:center;pointer-events:none;position:absolute;text-align:center}.session-code{align-items:center;background:#eef9f6;border:1px solid #bfddd6;border-radius:8px;display:flex;justify-content:space-between;padding:12px}.session-code strong{color:#0d5c52;font-size:1.8rem;letter-spacing:0}.button-row{display:flex;gap:10px}.approval-box{background:#f3f6f9;border:1px solid #d9e2ec;border-radius:6px;min-height:92px;padding:12px;white-space:pre-wrap}#inputLog{background:#111820;border-radius:6px;color:#d8e2ec;margin:0;min-height:240px;overflow:auto;padding:12px}@media(max-width:900px){.app-shell,.host-layout{grid-template-columns:1fr}.remote-surface{min-height:58vh}}