.vr-app-connection{display:flex;align-items:center;gap:24px;padding:24px;border:1px solid #b9d7df;border-radius:20px;background:linear-gradient(125deg,#eff9fa,#f8fbff);color:#143a4b;max-width:760px;box-sizing:border-box;margin-top:20px}
.vr-connection-code{flex:none;width:160px;min-height:160px;background:#fff;border:8px solid #fff;border-radius:12px;box-sizing:content-box;display:flex;align-items:center;justify-content:center}
.vr-connection-code img{width:160px;height:160px;image-rendering:pixelated;object-fit:contain}.vr-connection-code [hidden]{display:none}
.vr-connection-copy{min-width:0;display:flex;flex-direction:column;gap:8px}.vr-connection-copy h2{font-family:Georgia,serif;font-size:24px;line-height:1.2;margin:0}.vr-connection-copy p{margin:0;font-size:14px;line-height:1.55}.vr-connection-copy small{font-size:12px;line-height:1.5}.vr-connection-url{overflow-wrap:anywhere;font-size:14px;color:inherit}
.vr-connect-page{max-width:900px;margin:36px auto;padding:20px}.vr-connect-page>h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,42px)}
.vr-connection-settings{width:100%;min-width:0;box-sizing:border-box;margin:20px 0;padding:18px;border:1px solid #b9d7df;border-radius:16px}.vr-connection-settings legend{font-weight:700;padding:0 6px}.vr-connection-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:14px;border:1px solid #b9d7df;border-radius:12px}.vr-connection-toggle>span{flex:1;min-width:0}.vr-connection-toggle strong,.vr-connection-toggle small{display:block}.vr-connection-toggle small{font-size:12px;line-height:1.5;margin-top:6px}.vr-connection-toggle input{flex:none}.vr-connection-settings [data-connection-preview][hidden]{display:none!important}
html[data-theme=dark] .vr-app-connection,html.dark .vr-app-connection{background:linear-gradient(125deg,#183544,#182733);border-color:#385d6c;color:#d4eef3}
.business-settings-blocked-column{min-width:0;width:100%;display:flex;flex-direction:column;gap:16px}.business-settings-blocked-column .vr-connection-settings{margin:0}.business-settings-blocked-column .vr-app-connection{flex-direction:column;align-items:flex-start;padding:16px;gap:16px;max-width:none}.business-settings-blocked-column .vr-connection-code{align-self:center}
@media(max-width:540px){.vr-app-connection{flex-direction:column;align-items:flex-start;padding:18px;gap:16px}.vr-connection-code{align-self:center}.vr-connect-page{margin-top:12px}}
.vr-app-connection.vr-connection-dialog{flex-direction:column;align-items:stretch;gap:16px;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;color:inherit;white-space:normal}
.vr-connection-dialog .vr-connection-code{align-self:center}
html[data-theme=dark] .vr-connection-dialog,html.dark .vr-connection-dialog{background:none;border:0;color:inherit}
html body .vr-connection-settings label.vr-connection-toggle{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;white-space:normal!important}
html body .vr-connection-settings label.vr-connection-toggle>span{flex:1 1 0%;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere}
html body .vr-connection-settings label.vr-connection-toggle :is(strong,small){white-space:normal!important;overflow-wrap:anywhere}