.hubbar .api-trigger{margin-left:8px;border:1px solid var(--gray-300,#cbd2dc);border-radius:7px;background:#fff;padding:6px 10px;font:inherit;font-size:12px;color:var(--blue-600,#1d5bd6);white-space:nowrap;cursor:pointer}
.api-dialog{width:min(520px,calc(calc(100vw / var(--z,1)) - 24px));max-height:calc(90dvh / var(--z,1));overflow:auto;border:1px solid var(--gray-200,#e3e7ed);border-radius:14px;padding:22px;background:#fff;color:var(--gray-900,#1c2330);font:inherit;word-break:keep-all}
.api-dialog::backdrop{background:rgba(12,18,28,.5)}.api-dialog *{box-sizing:border-box}.api-dialog [hidden]{display:none!important}
.api-dialog header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.api-dialog header>div{flex:1}.api-dialog h2{font-size:20px;margin:0 0 6px}.api-dialog header p,.api-note{font-size:12px;color:var(--gray-500,#6b7686);line-height:1.7;margin:8px 0}
.api-dialog button{font:inherit;font-size:12px;padding:8px 12px;border:1px solid var(--gray-300,#cbd2dc);background:#fff;border-radius:7px;cursor:pointer;white-space:nowrap}.api-dialog button:disabled{opacity:.5;cursor:default}
.api-dialog fieldset{margin:0 0 15px;padding:12px;border:1px solid var(--gray-200,#e3e7ed);border-radius:9px}.api-dialog legend{font-size:12px;padding:0 5px}.api-dialog fieldset label{display:flex;align-items:center;gap:6px;font-size:13px;padding:8px 0;flex-wrap:wrap}.api-dialog small{color:var(--gray-500,#6b7686);font-size:11px}.api-dialog input[type=radio]{width:auto;margin:0}
#api-key-area>label{display:block;font-size:13px;margin-bottom:8px}#api-key{width:100%;font:inherit;border:1px solid var(--gray-300,#cbd2dc);border-radius:7px;padding:11px;font-size:14px}.api-qr-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
#api-video{width:100%;max-height:260px;object-fit:contain;background:#111;border-radius:8px}#api-message{font-size:12px;line-height:1.6;color:var(--blue-600,#1d5bd6);min-height:20px}.api-dialog footer{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.api-dialog .api-primary{background:var(--blue-600,#1d5bd6);color:#fff;border-color:transparent}.api-dialog :focus-visible{outline:2px solid var(--blue-600,#1d5bd6);outline-offset:2px}
@media(max-width:540px){.hubbar{flex-wrap:wrap;height:auto!important;min-height:42px}.hubbar .api-trigger{margin-left:0}.api-dialog{padding:16px}}

.hubbar .api-entry{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.hubbar .api-entry .badge,.hubbar .api-entry .api-trigger{margin-left:0}