.floating-panel-backdrop,.broadcaster-drawer-backdrop{z-index:var(--z-drawer-overlay);pointer-events:none;position:absolute;inset:0}.floating-panel-backdrop.is-open,.broadcaster-drawer-backdrop.is-open{pointer-events:auto}.floating-panel,.broadcaster-drawer{background:var(--bg-surface);width:380px;height:auto;box-shadow:var(--shadow-dropdown);z-index:var(--z-drawer);opacity:0;pointer-events:none;border-radius:7px;flex-direction:column;transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .22s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,calc(6px - 50%))}.floating-panel.is-open,.broadcaster-drawer.is-open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.floating-panel-header,.broadcaster-drawer-header{background:var(--bg-app);box-shadow:inset 0 calc(-1 * var(--px)) 0 var(--border-subtle);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:5px;display:grid}.floating-panel-header-left,.broadcaster-drawer-header-left{justify-self:start;align-items:center;gap:6px;min-width:0;display:flex}.floating-panel-title-wrap,.broadcaster-drawer-title-wrap{justify-self:center;align-items:center;gap:8px;min-width:0;display:flex}.floating-panel-title,.broadcaster-drawer-title{font-size:13px;font-weight:var(--fw-bold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.floating-panel-saved-pulse,.broadcaster-saved-pulse{font-size:11.5px;font-weight:var(--fw-semibold);color:var(--status-success);opacity:0;animation:1.6s forwards floating-panel-saved-fade}@keyframes floating-panel-saved-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.floating-panel-header .sps-btn-cancel,.broadcaster-drawer-header .sps-btn-cancel{justify-self:start}.floating-panel-header .sps-btn-save,.broadcaster-drawer-header .sps-btn-save{justify-self:end}.floating-panel-header .sps-btn-cancel,.floating-panel-header .sps-btn-save,.broadcaster-drawer-header .sps-btn-cancel,.broadcaster-drawer-header .sps-btn-save{justify-content:center;min-width:72px}.floating-panel-header .sps-btn-cancel,.broadcaster-drawer-header .sps-btn-cancel{background:var(--bg-surface);color:var(--text-primary)}.floating-panel-header .sps-btn-save:hover:not(:disabled),.broadcaster-drawer-header .sps-btn-save:hover:not(:disabled){filter:none}.floating-panel-header .sps-btn-cancel:hover,.broadcaster-drawer-header .sps-btn-cancel:hover{filter:none;border-color:var(--border-subtle);color:var(--text-primary)}.floating-panel-body,.broadcaster-drawer-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px;display:flex;overflow-y:auto}.floating-panel-body .rmodal-input,.broadcaster-drawer-body .rmodal-input{border-color:var(--border-subtle)}.floating-panel-body .rmodal-input:hover,.broadcaster-drawer-body .rmodal-input:hover{border-color:var(--text-primary)}.floating-panel-body .rmodal-input:focus,.broadcaster-drawer-body .rmodal-input:focus{border-color:var(--accent-brand)}.floating-panel-field-row,.broadcaster-field-row{align-items:center;gap:8px;display:flex}.floating-panel-toggle-row,.broadcaster-smtp-toggle-row{border:var(--px) solid var(--border-subtle);background:var(--bg-app);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.floating-panel-toggle-label,.broadcaster-smtp-toggle-label{color:var(--text-primary);font-size:13px;font-weight:425}.floating-panel-toggle-row--align-start{align-items:flex-start}.floating-panel-toggle-info{flex-direction:column;gap:4px;min-width:0;display:flex}.floating-panel-toggle-caption{color:var(--text-muted);font-size:12px}.floating-panel-toggle-caption--accent{color:var(--accent-brand)}.floating-panel-toggle-caption--sm{font-size:11.5px;line-height:1.45}