/* Mobile-only camera picker and diagnostics settings; dark/light via app tokens. */
#seafix-demo .sf-photo-source-dialog{width:min(390px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:18px;border:1px solid var(--sf-line);border-radius:18px;background:var(--sf-surface);color:var(--sf-heading);box-shadow:0 24px 60px #0005}
#seafix-demo .sf-photo-source-dialog:not([open]){display:none!important}
#seafix-demo .sf-photo-source-dialog::backdrop{background:rgba(6,13,24,.55)}
#seafix-demo .sf-photo-source-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}
#seafix-demo .sf-photo-source-heading h3{font-size:16px;margin:0;font-weight:680}
#seafix-demo .sf-photo-source-heading button{width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--sf-heading);display:grid;place-items:center}
#seafix-demo .sf-photo-source-option{display:flex;width:100%;align-items:center;gap:12px;text-align:left;min-height:56px;background:transparent;color:var(--sf-heading);border:0;border-top:1px solid var(--sf-line);font-size:14px;font-weight:600;padding:8px 2px}
#seafix-demo .sf-photo-source-option span{flex:1}
#seafix-demo .sf-photo-source-option svg{width:22px;height:22px;flex:none}
#seafix-demo .sf-photo-source-option svg:last-child{width:16px;height:16px;color:var(--sf-muted)}
#seafix-demo .sf-mobile-diagnostics{margin:22px 0 8px;padding:18px;border:1px solid var(--sf-line);border-radius:16px;background:var(--sf-surface-raised);color:var(--sf-heading)}
#seafix-demo .sf-mobile-diagnostics h3{margin:0 0 6px;font-size:16px;line-height:1.4}
#seafix-demo .sf-mobile-diagnostics>p{margin:0 0 14px;color:var(--sf-muted);font-size:12px;line-height:1.5}
#seafix-demo .sf-mobile-diagnostics .sf-dnd-switch{margin:0;padding:8px 0}
#seafix-demo .sf-mobile-diagnostics small{display:block;font-size:11px;color:var(--sf-muted);line-height:1.5}
#seafix-demo .sf-mobile-diagnostics-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
#seafix-demo .sf-mobile-diagnostics-actions button{min-height:42px;padding:10px 16px;border:1px solid var(--sf-heading);border-radius:12px;background:transparent;color:var(--sf-heading);font:inherit;font-size:12px;font-weight:650}
#seafix-demo .sf-mobile-diagnostics-actions button:disabled{opacity:.46;cursor:not-allowed}
#seafix-demo .sf-mobile-diagnostics-status{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--sf-muted)}
#seafix-demo .sf-mobile-diagnostics-status.is-error{color:var(--sf-danger)}