/* Approved Desktop share dialogs: geometry and motion; paint follows the active theme. */
.desktop-picker-backdrop { padding:24px; background:rgba(0,0,0,.6); backdrop-filter:blur(6px); animation:picker-backdrop-in 220ms ease-out both; }
.desktop-source-picker.picker-compact-layout {
  width:min(1000px,100%); height:min(700px,calc(var(--picker-viewport-height,100dvh) - 48px)); max-height:calc(var(--picker-viewport-height,100dvh) - 48px); min-height:0;
  grid-template-rows:auto auto minmax(0,1fr) auto; gap:16px; padding:24px;
  border:1px solid var(--theme-border-subtle,#303036); border-radius:16px; background:var(--theme-surface-card,#000); color:var(--theme-text-primary,#f4f4f6);
  overflow:hidden; box-shadow:0 28px 84px rgba(var(--theme-shadow-rgb,0,0,0),.44); animation:picker-dialog-in 280ms cubic-bezier(.22,1,.36,1) both;
  --picker-blue:var(--theme-functional,var(--theme-functional,#3095ff)); --picker-soft:var(--theme-surface-interactive,#141417);
  transition:height 260ms cubic-bezier(.22,1,.36,1);
}
.desktop-source-picker.picker-compact-layout.is-more-open { height:min(860px,calc(var(--picker-viewport-height,100dvh) - 48px)); }
.picker-compact-layout .desktop-picker-header { min-width:0; margin:0; padding:0; align-items:flex-start; }
.picker-compact-layout .desktop-picker-header h2 { margin:0; font-size:24px; line-height:1.2; letter-spacing:-.5px; }
.picker-compact-layout .desktop-picker-header p { margin:5px 0 0; font-size:12px; color:var(--theme-text-secondary,#b8b8c2); font-weight:400; }
.picker-compact-layout button { transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms cubic-bezier(.22,1,.36,1),opacity 160ms ease; }
.picker-compact-layout button:not(:disabled):hover { transform:translateY(-1px); }
.picker-compact-layout button:not(:disabled):active { transform:translateY(0) scale(.98); }
.picker-compact-layout button:focus-visible { outline:2px solid var(--picker-blue); outline-offset:3px; }
.picker-compact-layout .desktop-picker-close { width:30px; height:30px; min-height:30px; padding:0; border:0; background:transparent; color:var(--theme-text-secondary,#c5c5ce); font-size:23px; }
.picker-compact-layout .desktop-picker-close:hover { background:var(--theme-surface-hover,#1b1b1f); color:var(--theme-text-primary,#fff); }
.picker-compact-layout .desktop-picker-close.nexo-close,.desktop-audio-config-dialog .desktop-audio-config-close.nexo-close { display:grid; place-items:center; flex:none; width:32px; min-width:32px; height:32px; min-height:32px; padding:6px; border:1px solid transparent; border-radius:50%; background:transparent; color:var(--theme-text-primary,#eeeeef); transition:transform .15s; }
.picker-compact-layout .desktop-picker-close.nexo-close:hover,.desktop-audio-config-dialog .desktop-audio-config-close.nexo-close:hover { transform:none; }
.picker-compact-layout .desktop-picker-close.nexo-close:active,.desktop-audio-config-dialog .desktop-audio-config-close.nexo-close:active { transform:scale(.90); }
.picker-compact-layout .desktop-picker-close.nexo-close svg,.desktop-audio-config-dialog .desktop-audio-config-close.nexo-close svg { display:block; width:18px; height:18px; }
.picker-compact-layout .desktop-picker-toolbar { display:flex; justify-content:space-between; align-items:center; gap:12px; min-width:0; }
.picker-compact-layout .desktop-picker-tabs { position:relative; display:flex; width:max-content; max-width:calc(100% - 44px); overflow:visible; gap:0; padding:3px; margin:0; border:1px solid var(--theme-border-subtle,#303036); border-radius:10px; background:var(--theme-on-primary,#101012); }
.picker-compact-layout .desktop-picker-tabs button { position:relative; z-index:1; min-width:0; flex:none; min-height:36px; display:inline-flex; align-items:center; gap:8px; padding:0 15px; border:0; border-radius:7px; background:transparent; color:var(--theme-text-secondary,#b7b7c1); box-shadow:none; font-size:12px; font-weight:600; }
.picker-compact-layout .desktop-picker-tabs button svg { width:18px; height:18px; }
.picker-compact-layout .desktop-picker-tabs button[aria-selected="true"] { color:var(--theme-text-primary,#f6f6f8); background:transparent; box-shadow:none; border:0; }
.picker-compact-layout .desktop-picker-tabs button:hover { color:var(--theme-text-primary,#fff); transform:none; }
.picker-compact-layout .desktop-picker-tab-indicator { position:absolute; left:3px; top:3px; bottom:3px; border-radius:7px; background:var(--theme-surface-interactive,#252529); box-shadow:inset 0 -2px var(--picker-blue); transition:transform 260ms cubic-bezier(.22,1,.36,1),width 260ms cubic-bezier(.22,1,.36,1); pointer-events:none; }
.picker-compact-layout .desktop-picker-refresh { position:static; width:32px; height:32px; min-height:32px; padding:0; flex:none; margin:0; border:1px solid var(--theme-border-subtle,#303036); border-radius:8px; background:var(--theme-surface-card,#000); color:var(--theme-text-secondary,#c6c6cf); font-size:20px; }
.picker-compact-layout .desktop-picker-refresh:hover { background:var(--theme-surface-interactive,#141417); border-color:var(--theme-border-strong,#54545e); color:var(--theme-text-primary,#fff); }
.picker-compact-layout .desktop-picker-refresh.is-refreshing { animation:picker-refresh-turn 650ms ease-in-out infinite; }
.picker-compact-layout .desktop-picker-content { min-height:0; min-width:0; max-height:none; display:flex; flex-direction:column; gap:16px; overflow:auto; scrollbar-gutter:stable; }
.picker-compact-layout .desktop-picker-sources { flex:none; min-height:0; min-width:0; display:flex; flex-direction:column; overflow:visible; }
.picker-compact-layout .desktop-source-toolbar { position:static; min-height:0; height:0; }
.picker-compact-layout .desktop-picker-status { flex:none; margin:0; min-height:0; font-size:12px; }
.picker-compact-layout .desktop-picker-status:empty { display:none; }
.picker-compact-layout .desktop-picker-status:not(:empty) { padding-bottom:10px; color:var(--theme-text-secondary,#b8b8c2); }
.picker-compact-layout .desktop-source-grid,.picker-compact-layout[data-source-tab="window"] .desktop-source-grid { flex:none; min-width:0; min-height:0; max-height:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-content:start; overflow:visible; padding:2px 6px 4px 2px; overscroll-behavior:contain; }
.picker-compact-layout[data-source-tab="window"] .desktop-source-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.picker-compact-layout .desktop-source-card,.picker-compact-layout[data-source-tab="window"] .desktop-source-card { position:relative; min-width:0; display:grid; gap:7px; padding:8px; border:1px solid var(--theme-border-subtle,#303036); border-radius:10px; background:var(--theme-surface-card,#000); box-shadow:none; text-align:left; }
.picker-compact-layout .desktop-source-card:hover { background:var(--theme-surface-base,#0a0a0c); border-color:var(--theme-border-strong,#53535d); box-shadow:none; }
.picker-compact-layout .desktop-source-card.is-selected { border-color:var(--picker-blue); background:var(--theme-surface-base,#050a10); box-shadow:inset 0 0 0 1px var(--picker-blue); }
.picker-compact-layout .desktop-source-card.is-selected::after { content:none; }
.picker-compact-layout .desktop-source-thumbnail,.picker-compact-layout[data-source-tab="window"] .desktop-source-thumbnail { width:100%; height:auto; aspect-ratio:16/9; border:1px solid var(--theme-surface-hover,#26262c); border-radius:5px; overflow:hidden; background:var(--theme-surface-base,#08080a); }
.picker-compact-layout[data-source-tab="screen"] .desktop-source-thumbnail { max-height:160px; }
.picker-compact-layout .desktop-source-thumbnail img { width:100%; height:100%; object-fit:contain; }
.picker-compact-layout .desktop-source-copy { min-width:0; gap:2px; padding:0 2px 2px; }
.picker-compact-layout .desktop-source-copy strong,.picker-compact-layout[data-source-tab="window"] .desktop-source-copy strong { font-size:12px; color:var(--theme-text-primary,#f3f3f5); font-weight:650; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.picker-compact-layout .desktop-source-copy small { font-size:11px; color:var(--theme-text-secondary,#b8b8c2); }
.picker-compact-layout .desktop-picker-settings { flex:none; min-width:0; min-height:0; display:flex; flex-direction:column; align-self:stretch; gap:12px; padding:14px 4px 3px 0; border:0; border-top:1px solid var(--theme-border-subtle,#303036); overflow:visible; }
.picker-compact-layout .desktop-picker-settings h3 { flex:none; margin:0; color:var(--theme-text-primary,#f3f3f5); font-size:14px; font-weight:650; }
.picker-compact-layout .desktop-picker-fields { flex:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.picker-compact-layout .desktop-picker-fields label { gap:5px; color:var(--theme-text-secondary,#b8b8c2); font-size:11px; }
.picker-compact-layout .desktop-picker-fields select { min-width:0; width:100%; min-height:36px; padding:0 10px; border:1px solid var(--theme-border-subtle,#303036); border-radius:7px; color:var(--theme-text-primary,#f3f3f5); background:var(--theme-surface-base,#08080a); font-size:12px; font-weight:500; transition:border-color 160ms,background-color 160ms; }
.picker-compact-layout .desktop-picker-fields select:hover { border-color:var(--theme-border-strong,#53535d); background:var(--theme-surface-elevated,#111114); }
.picker-compact-layout .desktop-picker-fields select:focus-visible { outline:2px solid var(--picker-blue); }
.picker-compact-layout .desktop-picker-toggles { flex:none; display:flex; flex-wrap:wrap; gap:12px 28px; }
.picker-compact-layout .desktop-picker-option { flex:0 1 auto; max-width:100%; min-width:0; min-height:40px; position:relative; display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:10px; }
.picker-compact-layout .desktop-picker-option > input { inset:0; width:100%; height:100%; min-height:0; margin:0; padding:0; border:0; cursor:pointer; }
.picker-compact-layout .desktop-picker-option > span:last-child { grid-column:2; grid-row:1; }
.picker-compact-layout .desktop-picker-option .desktop-picker-checkbox { grid-column:1; grid-row:1; width:36px; height:20px; min-width:36px; display:block; position:relative; border:1px solid var(--theme-border-subtle,#303036); border-radius:999px; background:var(--theme-surface-interactive,#18181c); color:transparent; font-size:0; transition:background-color 180ms,border-color 180ms; }
.picker-compact-layout .desktop-picker-checkbox::after { content:''; position:absolute; width:14px; height:14px; left:2px; top:2px; background:var(--theme-text-primary,#e5e5eb); border-radius:50%; transition:transform 210ms cubic-bezier(.22,1,.36,1),background-color 180ms; }
.picker-compact-layout .desktop-picker-option input:checked + .desktop-picker-checkbox { border-color:var(--picker-blue); background:var(--picker-blue); color:transparent; }
.picker-compact-layout .desktop-picker-option input:checked + .desktop-picker-checkbox::after { transform:translateX(16px); background:var(--theme-text-primary,#fff); }
.picker-compact-layout .desktop-picker-option input:focus-visible + .desktop-picker-checkbox { outline:2px solid var(--picker-blue); outline-offset:3px; }
.picker-compact-layout .desktop-picker-option strong { font-size:12px; color:var(--theme-text-primary,#f3f3f5); }
.picker-compact-layout .desktop-picker-option small { font-size:11px; margin-top:2px; color:var(--theme-text-secondary,#b8b8c2); font-weight:400; }
.picker-compact-layout .desktop-picker-more-toggle { flex:none; align-self:flex-start; width:max-content; min-height:32px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 12px; border:1px solid var(--theme-border-subtle,#35353d); border-radius:8px; background:var(--theme-surface-interactive,#141417); color:var(--theme-text-primary,#dedee6); font-size:12px; line-height:1; font-weight:600; }
.picker-compact-layout .desktop-picker-more-toggle:hover { background:var(--theme-surface-hover,#23232a); border-color:var(--theme-border-strong,#5b5b67); color:var(--theme-text-primary,#fff); }
.picker-compact-layout .desktop-picker-more-toggle[aria-expanded="true"] { background:var(--theme-surface-hover,#171b22); border-color:var(--theme-border-strong,#40506a); }
.picker-compact-layout .desktop-picker-more-symbol { display:grid; place-items:center; width:16px; height:16px; flex:none; color:var(--theme-text-secondary,#b8b8c5); }
.picker-compact-layout .desktop-picker-more-symbol svg { display:block; width:16px; height:16px; }
.picker-compact-layout .desktop-picker-more-toggle > span:last-child { display:grid; place-items:center; width:14px; height:14px; flex:none; margin-left:2px; color:var(--theme-text-secondary,#a9a9b8); transform-origin:center; transition:transform 220ms cubic-bezier(.22,1,.36,1),color 160ms ease; }
.picker-compact-layout .desktop-picker-more-toggle > span:last-child svg { display:block; width:14px; height:14px; }
.picker-compact-layout .desktop-picker-more-toggle:hover > span:last-child { color:var(--theme-knob,#eeeef5); }
.picker-compact-layout .desktop-picker-more-toggle[aria-expanded="false"] > span:last-child { transform:none; }
.picker-compact-layout .desktop-picker-more-toggle[aria-expanded="true"] > span:last-child { transform:rotate(180deg); }
.picker-compact-layout .desktop-picker-more { flex:none; min-height:0; border:0; border-top:1px solid var(--theme-border-subtle,#303036); border-radius:0; background:var(--theme-surface-card,#000); overflow:hidden; }
.picker-compact-layout .desktop-picker-more[hidden] { display:none; }
.picker-compact-layout .desktop-picker-more-row { min-height:58px; grid-template-columns:28px minmax(0,1fr) 36px; align-items:center; gap:10px; padding:10px 0; }
.picker-compact-layout .desktop-picker-more-icon { width:28px; height:28px; grid-column:1; display:grid; place-items:center; border:1px solid var(--theme-border-subtle,#303036); border-radius:8px; color:var(--theme-text-secondary,#c5c5ce); background:var(--theme-surface-elevated,#111114); }
.picker-compact-layout .desktop-picker-more-icon svg { width:17px; height:17px; }
.picker-compact-layout .desktop-picker-more-row strong { font-size:12px; }
.picker-compact-layout .desktop-picker-more-row p { font-size:11px; color:var(--theme-text-secondary,#b8b8c2); margin-top:3px; }
.picker-compact-layout .desktop-picker-more-row + .desktop-picker-more-row { border-top:1px solid var(--theme-border-subtle,#303036); }
.picker-compact-layout .desktop-picker-more-row:first-child { grid-template-columns:28px minmax(0,1fr) auto; }
.picker-compact-layout .desktop-picker-audio-control { margin:0; grid-column:3; }
.picker-compact-layout .desktop-picker-audio-control .desktop-audio-settings { min-height:30px; padding:0 9px; border:1px solid var(--theme-border-subtle,#303036); background:var(--theme-surface-base,#101013); color:var(--theme-text-primary,#e0e0e7); font-size:11px; }
.picker-compact-layout .desktop-picker-switch { grid-column:3; width:36px; height:20px; margin:0; }
.picker-compact-layout .desktop-picker-switch > input { inset:0; width:100%; height:100%; min-height:0; margin:0; padding:0; border:0; cursor:pointer; }
.picker-compact-layout .desktop-picker-switch > span,.picker-compact-layout .desktop-picker-checkbox { pointer-events:none; }
.picker-compact-layout .desktop-picker-switch span { border:1px solid var(--theme-border-subtle,#303036); background:var(--theme-surface-interactive,#18181c); transition:background-color 180ms,border-color 180ms,opacity 180ms; }
.picker-compact-layout .desktop-picker-switch span::after { top:2px; left:2px; width:14px; height:14px; background:var(--theme-text-primary,#e5e5eb); transition:transform 210ms cubic-bezier(.22,1,.36,1); }
.picker-compact-layout .desktop-picker-switch input:checked + span { background:var(--picker-blue); border-color:var(--picker-blue); }
.picker-compact-layout .desktop-picker-switch input:checked + span::after { background:var(--theme-text-primary,#fff); transform:translateX(16px); }
.picker-compact-layout .desktop-picker-switch input:disabled + span { opacity:.35; }
.picker-compact-layout .share-dialog-actions { display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; gap:14px; border-top:1px solid var(--theme-border-subtle,#303036); padding-top:14px; margin:0; }
.picker-compact-layout .desktop-picker-selection-summary { min-width:0; color:var(--theme-text-secondary,#b8b8c2); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.picker-compact-layout .desktop-picker-action-buttons { flex:none; display:flex; gap:8px; }
.picker-compact-layout .share-dialog-actions .button { flex:none; min-height:38px; min-width:0; padding:0 16px; border-radius:8px; font-size:12px; font-weight:650; }
.picker-compact-layout .desktop-picker-cancel { border:1px solid var(--theme-border-subtle,#303036); background:var(--theme-surface-base,#08080a); color:var(--theme-text-primary,#f3f3f5); }
.picker-compact-layout .desktop-picker-cancel:hover { background:var(--theme-surface-hover,#17171c); border-color:var(--theme-border-strong,#53535d); }
.picker-compact-layout .desktop-picker-confirm { border:1px solid var(--theme-text-primary,#f4f4f6); background:var(--theme-text-primary,#f4f4f6); color:var(--theme-on-primary,#101012); box-shadow:none; }
.picker-compact-layout .desktop-picker-confirm:hover { background:var(--theme-text-primary,#fff); border-color:var(--theme-text-primary,#fff); box-shadow:0 3px 12px rgba(var(--theme-primary-rgb,244,244,246),.067); }
.picker-compact-layout .desktop-picker-confirm:disabled { opacity:.4; cursor:default; box-shadow:none; }
.desktop-audio-config-backdrop { animation:picker-backdrop-in 200ms ease-out both; }
.desktop-audio-config-dialog { width:min(640px,calc(100vw - 40px)); background:var(--theme-surface-card,#000); border-color:var(--theme-border-subtle,#303036); animation:picker-dialog-in 240ms cubic-bezier(.22,1,.36,1) both; }
.desktop-audio-config-dialog header p { max-width:none; }
.desktop-audio-config-app { min-height:54px; grid-template-columns:34px minmax(0,1fr) 36px; }
.desktop-audio-config-app > input { inset:0; width:100%; height:100%; min-height:0; margin:0; padding:0; border:0; box-sizing:border-box; }
.desktop-audio-config-app > input:checked + .desktop-audio-config-switch { background:var(--theme-functional,#3095ff); border-color:var(--theme-functional,#3095ff); }
.desktop-audio-config-switch { width:36px; height:20px; }
.desktop-audio-config-switch::after { width:14px; height:14px; top:2px; left:2px; background:var(--theme-text-primary,#fff); }
.desktop-audio-config-app > input:checked + .desktop-audio-config-switch::after { transform:translateX(16px); }
@keyframes picker-backdrop-in { from { opacity:0; } to { opacity:1; } }
@keyframes picker-dialog-in { from { opacity:0; transform:translateY(9px) scale(.995); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes picker-check-in { from { opacity:0; transform:scale(.7); } to { opacity:1; transform:scale(1); } }
@keyframes picker-refresh-turn { from { transform:rotate(0); } to { transform:rotate(360deg); } }
@media (max-width:760px) {
  .desktop-picker-backdrop { padding:10px; }
  .desktop-source-picker.picker-compact-layout,.desktop-source-picker.picker-compact-layout.is-more-open { width:100%; height:calc(var(--picker-viewport-height,100dvh) - 20px); max-height:calc(var(--picker-viewport-height,100dvh) - 20px); padding:18px; gap:14px; }
  .picker-compact-layout .desktop-picker-content { display:flex; overflow:auto; scrollbar-gutter:stable; }
  .picker-compact-layout .desktop-picker-sources,.picker-compact-layout .desktop-picker-settings { width:100%; }
  .picker-compact-layout .desktop-picker-sources { flex:none; min-height:0; overflow:visible; }
  .picker-compact-layout .desktop-source-grid,.picker-compact-layout[data-source-tab="window"] .desktop-source-grid { flex:none; max-height:none; overflow:visible; }
  .picker-compact-layout[data-source-tab="window"] .desktop-source-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .picker-compact-layout .desktop-picker-settings { padding:14px 0 0; margin-top:0; border-left:0; border-top:1px solid var(--theme-border-subtle,#303036); overflow:visible; }
  .picker-compact-layout .desktop-picker-fields { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .picker-compact-layout .desktop-picker-header h2 { font-size:21px; }
  .picker-compact-layout .desktop-picker-tabs { overflow:visible; }
}
@media (max-width:480px) {
  .desktop-source-picker.picker-compact-layout { padding:14px; }
  .picker-compact-layout .desktop-picker-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .picker-compact-layout .share-dialog-actions { align-items:flex-end; flex-direction:column; gap:9px; }
  .picker-compact-layout .desktop-picker-selection-summary { width:100%; }
  .picker-compact-layout .desktop-picker-tabs button { padding:0 11px; }
  .picker-compact-layout .desktop-picker-more-row:first-child { grid-template-columns:28px minmax(0,1fr) 36px; }
  .picker-compact-layout .desktop-picker-audio-control { grid-column:2/-1; justify-self:start; }
}
@media (max-height:520px) and (min-width:761px) {
  .desktop-picker-backdrop { padding:10px; }
  .desktop-source-picker.picker-compact-layout,.desktop-source-picker.picker-compact-layout.is-more-open { height:calc(var(--picker-viewport-height,100dvh) - 20px); max-height:calc(var(--picker-viewport-height,100dvh) - 20px); padding:14px; gap:10px; }
  .picker-compact-layout .desktop-picker-header h2 { font-size:20px; }
}
@media (prefers-reduced-motion:reduce) {
  .desktop-picker-backdrop,.desktop-source-picker.picker-compact-layout,.desktop-audio-config-backdrop,.desktop-audio-config-dialog,.picker-compact-layout .desktop-source-card.is-selected::after,.picker-compact-layout .desktop-picker-refresh.is-refreshing { animation:none; }
  .picker-compact-layout,.picker-compact-layout *,.picker-compact-layout *::after { transition:none !important; }
}

/* Modal hitboxes must stay clickable over the Desktop header's drag region. */
.active-share-options-backdrop.active-share-refined-backdrop,.active-audio-apps-backdrop { -webkit-app-region:no-drag; }
.active-share-options-backdrop.active-share-refined-backdrop { place-items:center; align-items:center; padding:24px; background:rgba(var(--theme-backdrop-rgb,0,0,0),.5); backdrop-filter:blur(6px); }
.active-share-options.active-share-refined { width:min(460px,100%); max-height:calc(100dvh - 48px); gap:14px; padding:20px; border:1px solid var(--theme-border-subtle,#303036); border-radius:16px; background:var(--theme-surface-card,#000); color:var(--theme-text-primary,#f4f4f6); overflow:auto; }
.active-share-refined button { transition:background-color 160ms,border-color 160ms,color 160ms,transform 160ms cubic-bezier(.22,1,.36,1),box-shadow 160ms; }
.active-share-refined button:not(:disabled):hover { transform:translateY(-1px); }
.active-share-refined button:not(:disabled):active { transform:scale(.98); }
.active-share-refined button:focus-visible,.active-share-refined select:focus-visible { outline:2px solid var(--theme-functional,#3095ff); outline-offset:3px; }
.active-share-options.active-share-refined .active-share-header strong { gap:10px; font-size:21px; font-weight:700; letter-spacing:-.3px; }
.active-share-options.active-share-refined .active-share-header small { margin-top:5px; font-size:12px; color:var(--theme-text-secondary,#b8b8c2); }
.active-share-refined .active-share-live-status { gap:5px; font-size:11px; font-weight:600; color:var(--theme-success,#28ce99); letter-spacing:0; }
.active-share-refined .active-share-live-status i { width:6px; height:6px; flex-basis:6px; box-shadow:none; background:var(--theme-success,#28ce99); }
.active-share-options.active-share-refined .active-share-header .icon-button { width:30px; height:30px; min-height:30px; border:0; background:transparent; color:var(--theme-text-secondary,#b8b8c2); }
.active-share-options.active-share-refined .active-share-header .icon-button:hover { background:var(--theme-surface-hover,#1b1b1f); color:var(--theme-text-primary,#fff); }
.active-share-options.active-share-refined .active-share-preview { width:100%; min-height:0; height:auto; max-height:none; aspect-ratio:16/9; border:1px solid var(--theme-border-subtle,#303036); border-radius:10px; background:var(--theme-surface-base,#08080a); }
.active-share-options.active-share-refined .active-share-preview img { display:block; min-height:0; width:100%; height:100%; object-fit:contain; }
.active-share-refined .active-share-preview small { color:var(--theme-text-primary,#fff); background:rgba(var(--theme-backdrop-rgb,0,0,0),.6); font-size:11px; font-weight:500; }
.active-share-options.active-share-refined .active-share-source { grid-template-columns:32px minmax(0,1fr) auto; gap:11px; min-height:56px; padding:9px 11px; border:1px solid var(--theme-border-subtle,#303036); background:var(--theme-surface-base,#08080a); }
.active-share-options.active-share-refined .active-share-source:hover { background:var(--theme-surface-interactive,#141417); border-color:var(--theme-border-strong,#53535d); }
.active-share-refined .active-share-source-icon { width:32px; height:32px; border:1px solid var(--theme-border-subtle,#303036); background:var(--theme-surface-elevated,#111114); color:var(--theme-text-secondary,#c5c5ce); border-radius:8px; }
.active-share-refined .active-share-source-copy strong { font-size:13px; color:var(--theme-text-primary,#f4f4f6); font-weight:600; }
.active-share-refined .active-share-source-copy small { font-size:11px; color:var(--theme-text-secondary,#aaaab8); }
.active-share-refined .active-share-source-action { gap:5px; font-size:12px; color:var(--theme-text-primary,#d8d8e1); font-weight:600; }
.active-share-refined .active-share-quality { gap:11px; padding-top:2px; }
.active-share-refined .active-share-quality h2 { gap:7px; font-size:14px; font-weight:650; color:var(--theme-text-primary,#f4f4f6); }
.active-share-refined .active-share-quality h2 svg { color:var(--theme-text-secondary,#b8b8c2); width:16px; height:16px; }
.active-share-refined .active-share-quality-fields { gap:8px; grid-template-columns:minmax(0,.9fr) minmax(0,.85fr) minmax(0,1.5fr) minmax(0,1.1fr); }
.active-share-refined .active-share-quality-fields label { display:grid; grid-template-columns:1fr; gap:5px; font-size:11px; font-weight:500; color:var(--theme-text-secondary,#b8b8c2); }
.active-share-options.active-share-refined .active-share-quality-fields select { width:100%; min-height:36px; padding:0 8px; font-size:11px; font-weight:500; border:1px solid var(--theme-border-subtle,#303036); border-radius:7px; background:var(--theme-surface-base,#08080a); color:var(--theme-text-primary,#f4f4f6); }
.active-share-options.active-share-refined .active-share-toggle { grid-template-columns:36px minmax(0,1fr); min-height:42px; gap:11px; }
.active-share-refined .active-share-toggle > input { inset:0; width:100%; height:100%; min-height:0; margin:0; padding:0; border:0; }
.active-share-refined .active-share-toggle-switch { width:36px; height:20px; border:1px solid var(--theme-border-subtle,#303036); background:var(--theme-surface-interactive,#18181c); }
.active-share-refined .active-share-toggle-switch::after { top:2px; left:2px; width:14px; height:14px; background:var(--theme-knob,#eeeef5); transition:transform 210ms cubic-bezier(.22,1,.36,1); }
.active-share-refined .active-share-toggle input:checked + .active-share-toggle-switch { border-color:var(--theme-functional,#3095ff); background:var(--theme-functional,#3095ff); }
.active-share-refined .active-share-toggle input:checked + .active-share-toggle-switch::after { transform:translateX(16px); background:var(--theme-text-primary,#fff); }
.active-share-refined .active-share-toggle strong { font-size:13px; font-weight:600; color:var(--theme-text-primary,#f4f4f6); }
.active-share-refined .active-share-toggle small { font-size:11px; font-weight:400; color:var(--theme-text-secondary,#b8b8c2); line-height:1.35; }
.active-share-refined .active-share-audio-card { min-height:54px; padding:9px 11px; border:1px solid var(--theme-border-subtle,#303036); background:var(--theme-surface-base,#08080a); color:var(--theme-text-primary,#f4f4f6); }
.active-share-refined .active-share-audio-card:hover { border-color:var(--theme-border-strong,#53535d); background:var(--theme-surface-interactive,#141417); }
.active-share-refined .active-share-audio-icon { border:1px solid var(--theme-border-subtle,#303036); background:var(--theme-surface-elevated,#111114); color:var(--theme-text-secondary,#c5c5ce); }
.active-share-refined .active-share-audio-card strong { font-size:13px; color:var(--theme-text-primary,#f4f4f6); font-weight:600; }
.active-share-refined .active-share-audio-card small { font-size:11px; color:var(--theme-text-secondary,#b8b8c2); font-weight:400; }
.active-share-refined .active-share-audio-card > svg { color:var(--theme-text-secondary,#c5c5ce); transition:transform 220ms cubic-bezier(.22,1,.36,1),color 180ms ease; }
.active-share-refined .active-share-audio-icon { transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease; }
.active-share-refined .active-share-audio-reveal { display:grid; align-self:start; grid-template-rows:0fr; margin-block:-7px; transition:grid-template-rows 240ms cubic-bezier(.22,1,.36,1),margin 240ms cubic-bezier(.22,1,.36,1); }
.active-share-refined .active-share-audio-reveal > div { min-height:0; overflow:hidden; }
.active-share-refined .active-share-audio-reveal .active-share-audio-card { width:100%; opacity:0; transform:translateY(4px); transition:opacity 180ms ease,transform 220ms cubic-bezier(.22,1,.36,1),background-color 180ms ease,border-color 180ms ease,box-shadow 220ms ease; }
.active-share-refined .active-share-audio-reveal[data-open="true"] { grid-template-rows:1fr; margin-block:0; }
.active-share-refined .active-share-audio-reveal[data-open="true"] .active-share-audio-card { opacity:1; transform:none; }
.active-share-refined .active-share-audio-reveal[data-open="true"] .active-share-audio-card:not(:disabled):hover { transform:scale(.99); box-shadow:inset 0 0 0 1px rgba(var(--theme-primary-rgb,244,244,246),.04); }
.active-share-refined .active-share-audio-card:not(:disabled):hover > svg { transform:translateX(2px); color:var(--theme-text-primary,#f4f4f6); }
.active-share-refined .active-share-audio-card:not(:disabled):hover .active-share-audio-icon { border-color:var(--theme-border-strong,#53535d); color:var(--theme-text-primary,#f4f4f6); }
.active-share-refined .active-share-audio-reveal[data-open="true"] .active-share-audio-card:not(:disabled):active { transform:scale(.975); box-shadow:none; }
.active-share-refined .active-share-audio-reveal[data-open="false"] { pointer-events:none; }
/* The actual NEXO control-trace module owns the drawing animation and hover circle. */
.active-share-options.active-share-refined .active-share-header .nexo-close,.active-audio-apps header .nexo-close { -webkit-app-region:no-drag; display:grid; place-items:center; flex:none; width:32px; min-width:32px; height:32px; min-height:32px; padding:6px; border:1px solid transparent; border-radius:50%; background:transparent; color:var(--theme-text-primary,#eeeeef); transition:transform .15s; }
.active-share-options.active-share-refined .active-share-header .nexo-close:hover,.active-audio-apps header .nexo-close:hover { transform:none; }
.active-share-options.active-share-refined .active-share-header .nexo-close:active,.active-audio-apps header .nexo-close:active { transform:scale(.90); }
.active-share-refined .nexo-close svg,.active-audio-apps .nexo-close svg { display:block; width:18px; height:18px; }
.active-share-refined footer { border-top:1px solid var(--theme-border-subtle,#303036); padding-top:14px; margin-top:0; }
.active-share-options.active-share-refined footer .button { min-height:40px; border:1px solid var(--theme-text-primary,#f4f4f6); border-radius:8px; background:var(--theme-text-primary,#f4f4f6); color:var(--theme-on-primary,#101012); box-shadow:none; font-size:13px; font-weight:650; }
.active-share-options.active-share-refined footer .button:hover { border-color:var(--theme-text-primary,#fff); background:var(--theme-text-primary,#fff); box-shadow:0 3px 12px rgba(var(--theme-primary-rgb,244,244,246),.067); }
.active-share-options.active-share-refined #apply-active-share-options[data-state="applying"] { opacity:.65; background:var(--theme-text-primary,#f4f4f6); border-color:var(--theme-text-primary,#f4f4f6); cursor:wait; }
.active-share-options.active-share-refined #apply-active-share-options[data-state="success"] { background:var(--theme-success-surface,#0c3025); border-color:var(--theme-success,#24644e); color:var(--theme-success-text,#89e5bf); }
.active-audio-apps-backdrop { background:rgba(var(--theme-backdrop-rgb,0,0,0),.5); backdrop-filter:blur(6px); padding:20px; animation:picker-backdrop-in 180ms ease-out both; }
.active-audio-apps { width:min(640px,calc(100vw - 40px)); max-height:min(640px,calc(100dvh - 40px)); padding:20px; border:1px solid var(--theme-border-subtle,#303036); border-radius:16px; color:var(--theme-text-primary,#f4f4f6); background:var(--theme-surface-card,#000); overflow:auto; animation:active-audio-apps-in 240ms cubic-bezier(.22,1,.36,1) both; }
@keyframes active-audio-apps-in { from { opacity:0; transform:translateY(6px) scale(.995); } to { opacity:1; transform:none; } }
.active-audio-apps .desktop-audio-panel { display:grid; grid-template-rows:auto auto minmax(0,1fr); gap:14px; padding:0; min-height:0; }
.active-audio-apps .desktop-audio-panel header strong { font-size:22px; color:var(--theme-text-primary,#f4f4f6); letter-spacing:-.3px; }
.active-audio-apps .desktop-audio-panel header p { font-size:12px; color:var(--theme-text-secondary,#b8b8c2); font-weight:400; }
.active-audio-apps .desktop-audio-search { width:100%; min-width:0; min-height:40px; padding:0 12px; color:var(--theme-text-primary,#f4f4f6); background:var(--theme-surface-base,#08080a); border:1px solid var(--theme-border-subtle,#303036); border-radius:8px; font-size:12px; }
.active-audio-apps .desktop-audio-tiles { grid-template-columns:1fr; gap:0; border:1px solid var(--theme-border-subtle,#303036); border-radius:10px; overflow:auto; max-height:380px; }
.active-audio-apps .desktop-audio-tile { display:grid; grid-template-columns:34px minmax(0,1fr) 36px; place-items:unset; align-items:center; gap:11px; padding:10px 12px; min-height:54px; border:0; border-bottom:1px solid var(--theme-border-subtle,#303036); border-radius:0; color:var(--theme-text-primary,#f4f4f6); background:var(--theme-surface-card,#000); text-align:left; }
.active-audio-apps .desktop-audio-tile:last-child { border-bottom:0; }
.active-audio-apps .desktop-audio-tile:hover { transform:none; background:var(--theme-surface-interactive,#141417); }
.active-audio-apps .desktop-audio-tile[hidden] { display:none; }
.active-audio-apps .desktop-audio-tile-copy { text-align:left; min-width:0; }
.active-audio-apps .desktop-audio-tile-copy strong { max-width:none; font-size:13px; font-weight:600; }
.active-audio-apps .desktop-audio-tile-state { display:none; }
.active-audio-apps .desktop-audio-app-icon { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--theme-border-subtle,#303036); border-radius:8px; color:var(--theme-text-secondary,#c5c5ce); background:var(--theme-surface-elevated,#111114); }
.active-audio-apps img.desktop-audio-app-icon { object-fit:contain; }
.active-audio-apps .desktop-active-audio-switch { position:relative; width:36px; height:20px; border:1px solid var(--theme-functional,#3095ff); border-radius:999px; background:var(--theme-functional,#3095ff); transition:background-color 180ms,border-color 180ms; }
.active-audio-apps .desktop-active-audio-switch::after { content:''; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:50%; background:var(--theme-text-primary,#fff); transform:translateX(16px); transition:transform 210ms cubic-bezier(.22,1,.36,1); }
.active-audio-apps .is-excluded .desktop-active-audio-switch { border-color:var(--theme-border-subtle,#303036); background:var(--theme-surface-interactive,#18181c); }
.active-audio-apps .is-excluded .desktop-active-audio-switch::after { transform:none; }
@media (max-width:440px) {
 .active-share-options-backdrop.active-share-refined-backdrop { padding:10px; }
 .active-share-options.active-share-refined { width:100%; max-height:calc(100dvh - 20px); padding:16px; gap:12px; }
 .active-share-refined .active-share-quality-fields { grid-template-columns:1fr; gap:8px; }
 .active-share-refined .active-share-quality-fields label { grid-template-columns:minmax(0,1fr) 140px; align-items:center; }
 .active-share-options.active-share-refined .active-share-header strong { font-size:20px; }
 .active-share-refined .active-share-audio-reveal[data-open="false"] { margin-block:-6px; }
}
@media (max-height:650px) { .active-share-options.active-share-refined .active-share-preview { max-height:140px; } }
@media (prefers-reduced-motion:reduce) {
 .active-share-refined *,.active-share-refined *::after,.active-audio-apps *,.active-audio-apps *::after { transition:none!important; }
 .active-audio-apps-backdrop,.active-audio-apps { animation:none; }
 .active-share-refined .active-share-audio-reveal[data-open="true"] .active-share-audio-card:not(:disabled):hover,.active-share-refined .active-share-audio-reveal[data-open="true"] .active-share-audio-card:not(:disabled):active,.active-share-refined .active-share-audio-card:not(:disabled):hover > svg { transform:none; }
}

/* Primary actions and blue functional switches follow their semantic theme roles. */
.active-share-options.active-share-refined { container-type:inline-size; grid-template-columns:minmax(0,1fr); overflow-x:hidden; }
.desktop-source-picker.picker-compact-layout { container-type:inline-size; grid-template-columns:minmax(0,1fr); }
.picker-compact-layout .desktop-picker-header h2 { overflow-wrap:anywhere; }
@container (max-width:280px) {
 .picker-compact-layout .desktop-picker-toolbar { flex-wrap:wrap; }
 .picker-compact-layout .desktop-picker-tabs { width:100%; max-width:100%; }
 .picker-compact-layout .desktop-picker-tabs button { flex:1; justify-content:center; padding-inline:8px; }
 .picker-compact-layout .desktop-picker-refresh { margin-left:auto; }
}
@container (max-width:240px) {
 .picker-compact-layout .desktop-picker-tabs button svg { display:none; }
}
.active-share-refined .active-share-quality-fields select { min-width:0; }
@container (max-width:240px) {
 .active-share-refined .active-share-quality-fields label { grid-template-columns:minmax(0,1fr); }
 .active-share-refined .active-share-quality-fields select { max-width:100%; }
}
.picker-compact-layout .desktop-picker-confirm,.active-share-options.active-share-refined footer .button:not([data-state="success"]) { background:var(--theme-primary,#f4f4f6); border-color:var(--theme-primary,#f4f4f6); color:var(--theme-on-primary,#101012); }
.picker-compact-layout .desktop-picker-confirm:hover,.active-share-options.active-share-refined footer .button:not([data-state="success"]):hover { background:var(--theme-primary-hover,var(--theme-primary,#fff)); border-color:var(--theme-primary-hover,var(--theme-primary,#fff)); }
.picker-compact-layout .desktop-picker-checkbox::after,.picker-compact-layout .desktop-picker-switch span::after,.desktop-audio-config-switch::after,.active-share-refined .active-share-toggle-switch::after,.active-share-refined .active-share-toggle input:checked + .active-share-toggle-switch::after,.active-audio-apps .desktop-active-audio-switch::after { background:#fff; }
