.presenter-remote-pair-modal__scrim{pointer-events:auto;background:color-mix(in srgb, var(--color-scrim-80) 82%, transparent)}.presenter-remote-pair-modal{pointer-events:auto;width:min(100%,360px);max-width:360px;min-height:540px;padding:var(--space-6);border:1px solid color-mix(in srgb, var(--color-text-primary) 14%, transparent);border-radius:var(--radius-lg);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-dialog);text-align:center;position:relative}.presenter-remote-pair-modal h2{margin:0 0 var(--space-5);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.presenter-remote-pair-modal p{margin:0}.presenter-remote-pair-modal__waiting,.presenter-remote-pair-modal__status-block{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;display:flex}.presenter-remote-pair-modal__card{--card-ink:var(--color-text-primary);--card-bg:color-mix(in srgb, var(--color-text-primary) 6%, var(--color-bg-elevated));--card-border:color-mix(in srgb, var(--card-ink) 12%, transparent);align-items:center;gap:var(--space-3);box-sizing:border-box;width:100%;padding:var(--space-5) var(--space-4);border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card-bg);color:var(--card-ink);flex-direction:column;display:flex}.presenter-remote-pair-modal__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-align:center}.presenter-remote-pair-modal__card-hint{margin-top:calc(-1 * var(--space-2));color:color-mix(in srgb, var(--card-ink) 60%, transparent);font-size:var(--font-size-sm);text-align:center}.presenter-remote-pair-modal__card-countdown{color:color-mix(in srgb, var(--card-ink) 60%, transparent);font-size:var(--font-size-sm)}.presenter-remote-pair-modal__qr-card{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--card-bg);justify-content:center;align-items:center;display:flex}.presenter-remote-pair-modal__qr{width:200px;height:200px;display:block}.presenter-remote-pair-modal__code-chip{box-sizing:border-box;padding:var(--space-2) var(--space-4);border:1px solid var(--card-border);background:color-mix(in srgb, var(--card-ink) 5%, var(--card-bg));color:var(--card-ink);font-family:monospace;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);letter-spacing:.14em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;border-radius:12px}.presenter-remote-pair-modal__copy-btn{justify-content:center;align-items:center;gap:var(--space-1);box-sizing:border-box;width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--card-border);background:var(--card-bg);color:var(--card-ink);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer;border-radius:12px;transition:background .14s,border-color .14s;display:flex}.presenter-remote-pair-modal__copy-btn:hover{background:color-mix(in srgb, var(--card-ink) 5%, var(--card-bg))}.presenter-remote-pair-modal__nav-hint{gap:var(--space-1);color:color-mix(in srgb, var(--card-ink) 60%, transparent);font-size:var(--font-size-sm);text-align:center;-webkit-user-select:text;user-select:text;flex-direction:column;margin:0;display:flex}.presenter-remote-pair-modal__nav-link{color:var(--card-ink);font-weight:var(--font-weight-semibold);text-underline-offset:2px;overflow-wrap:anywhere;cursor:pointer;text-decoration:underline}.presenter-remote-pair-modal__nav-link:hover{color:var(--color-primary)}.presenter-remote-pair-modal__spinner{color:var(--color-primary);animation:1s linear infinite presenter-remote-pair-modal-spin}.presenter-remote-pair-modal__action-btn{width:100%;min-height:44px;padding:0 var(--space-4);border:1px solid color-mix(in srgb, var(--color-destructive) 18%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-destructive) 12%, transparent);color:var(--color-destructive);cursor:pointer;font:inherit;font-weight:var(--font-weight-medium)}.presenter-remote-pair-modal__action-btn:hover{border-color:color-mix(in srgb, var(--color-destructive-hover) 26%, transparent);background:color-mix(in srgb, var(--color-destructive-hover) 20%, transparent)}@keyframes presenter-remote-pair-modal-spin{to{transform:rotate(360deg)}}
.presenter-remote-surface__badge{border-radius:var(--radius-full);background:var(--color-success);width:22px;height:22px;color:var(--color-text-on-color);flex:none;justify-content:center;align-items:center;display:inline-flex}.presenter-remote-surface__status-text{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.presenter-remote-surface__hint{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.presenter-remote-surface__toast{pointer-events:auto;z-index:var(--z-toast);align-items:flex-start;gap:var(--space-2-5);width:min(320px, calc(100vw - var(--space-8)));padding:var(--space-3) var(--space-3);border:1px solid var(--color-pill-stroke);border-radius:var(--radius-lg);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-floating-pill);display:flex;position:fixed;top:72px;right:16px}.presenter-remote-surface__toast-body{gap:var(--space-1);flex-direction:column;flex:auto;min-width:0;display:flex}.presenter-remote-surface__toast-disconnect{color:var(--color-primary);cursor:pointer;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;background:0 0;border:0;align-self:flex-start;padding:0}.presenter-remote-surface__toast-disconnect:hover{text-decoration:underline}.presenter-remote-surface__toast-close{border-radius:var(--radius-md);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.presenter-remote-surface__toast-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.presenter-remote-surface__popover{pointer-events:auto;z-index:var(--z-floating-ui);gap:var(--space-3);width:280px;padding:var(--space-4);border:1px solid var(--color-pill-stroke);border-radius:var(--radius-lg);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-floating-pill);flex-direction:column;display:flex;position:fixed;top:72px;right:16px}.presenter-remote-surface__popover-header{align-items:center;gap:var(--space-2);display:flex}