@omniloy/sofia-sdk 1.0.10 → 1.0.11

package/dist/webcomponents.umd.js

@@ -21978,7 +21978,7 @@
 	  create: create$1,
 	} = axios;
 
-	const version$2 = "1.0.10";
+	const version$2 = "1.0.11";
 
 	const handleApiError$1 = async (error) => {
 	  return Promise.reject(error);
@@ -27854,6 +27854,150 @@
 	  };
 	};
 
+	const FAMILIES = [
+	  "recording",
+	  "activity",
+	  "report",
+	  "lifecycle"
+	];
+	const familyOf = (name) => {
+	  const prefix = name.split(".")[0];
+	  return FAMILIES.includes(prefix) ? prefix : "lifecycle";
+	};
+
+	const compileSubscription = (patterns) => {
+	  if (!patterns || patterns.length === 0)
+	    return () => false;
+	  if (patterns.includes("*"))
+	    return () => true;
+	  const exact = /* @__PURE__ */ new Set();
+	  const families = /* @__PURE__ */ new Set();
+	  for (const pattern of patterns) {
+	    if (pattern.endsWith(".*"))
+	      families.add(pattern.slice(0, -2));
+	    else
+	      exact.add(pattern);
+	  }
+	  if (families.size === 0)
+	    return (name) => exact.has(name);
+	  return (name) => {
+	    if (exact.has(name))
+	      return true;
+	    const dot = name.indexOf(".");
+	    return dot > 0 && families.has(name.slice(0, dot));
+	  };
+	};
+	const subscriptionKey = (patterns) => patterns ? patterns.join("|") : "";
+
+	const QUEUE_CAP = 200;
+	let handler = null;
+	let matches = () => false;
+	let sessionId = null;
+	let seq = 0;
+	let queue$1 = [];
+	let draining = false;
+	let handlerFailed = false;
+	let registrations = 0;
+	const drain = () => {
+	  draining = false;
+	  const batch = queue$1;
+	  queue$1 = [];
+	  const current = handler;
+	  if (!current)
+	    return;
+	  for (const event of batch) {
+	    try {
+	      current(event);
+	    } catch {
+	      if (!handlerFailed) {
+	        handlerFailed = true;
+	        logger.warn("[SdkEvents] onEvent handler threw; further failures suppressed");
+	      }
+	    }
+	  }
+	};
+	const schedule = () => {
+	  if (draining)
+	    return;
+	  draining = true;
+	  queueMicrotask(drain);
+	};
+	const SdkEventBus = {
+	  /**
+	   * Installs the host handler. Returns an unsubscribe. Events that matched
+	   * the subscription but arrived before a handler existed are queued and
+	   * delivered on the next microtask. That window is real: React runs child
+	   * effects before parent ones, so a provider below `Omniscribe` can emit
+	   * after `setSubscription` and before this call.
+	   */
+	  setHandler(next) {
+	    registrations += 1;
+	    if (next && handler && registrations > 1) {
+	      logger.warn("[SdkEvents] a second onEvent handler was registered. The SDK supports one <Omniscribe> per page; the newest handler wins.");
+	    }
+	    handler = next;
+	    if (next && queue$1.length > 0)
+	      schedule();
+	    return () => {
+	      if (handler === next)
+	        handler = null;
+	    };
+	  },
+	  setSubscription(patterns) {
+	    matches = compileSubscription(patterns);
+	  },
+	  setSessionId(next) {
+	    sessionId = next;
+	  },
+	  /**
+	   * Cheap guard for callers on a hot path who would otherwise build a
+	   * payload for nobody.
+	   */
+	  wants(name) {
+	    return matches(name);
+	  },
+	  /**
+	   * Queues an event for delivery on the next microtask.
+	   *
+	   * Never throws. Deferring delivery does three things at once: host code
+	   * never runs inside React's render phase (where a `setState` would
+	   * throw), a slow handler cannot block `socket.onmessage` on the audio
+	   * path, and a handler that itself triggers an event cannot recurse —
+	   * the re-entrant call only appends to a queue the current drain has
+	   * already taken. One shared drain, not one microtask per event, so `seq`
+	   * ordering is preserved.
+	   */
+	  emit(name, payload, level = "info") {
+	    if (!matches(name))
+	      return;
+	    queue$1.push({
+	      name,
+	      family: familyOf(name),
+	      level,
+	      ts: (/* @__PURE__ */ new Date()).toISOString(),
+	      seq: ++seq,
+	      sdkVersion: version$2,
+	      sessionId,
+	      payload
+	    });
+	    if (queue$1.length > QUEUE_CAP)
+	      queue$1.shift();
+	    if (handler)
+	      schedule();
+	  },
+	  /** Test-only: restores the module to its initial state. */
+	  __resetForTests() {
+	    handler = null;
+	    matches = () => false;
+	    sessionId = null;
+	    seq = 0;
+	    queue$1 = [];
+	    draining = false;
+	    handlerFailed = false;
+	    registrations = 0;
+	  }
+	};
+
 	const SettingsContext = React.createContext(void 0);
 	const useSettingsContext = () => {
 	  const context = React.useContext(SettingsContext);
@@ -27878,6 +28022,7 @@
 	  const [minorPolicy, setMinorPolicy] = React.useState(DEFAULT_MINOR_POLICY);
 	  const [minorAgeThreshold, setMinorAgeThreshold] = React.useState(DEFAULT_MINOR_AGE_THRESHOLD);
 	  const [isLoading, setIsLoading] = React.useState(true);
+	  const hasEmittedReadyRef = React.useRef(false);
 	  const isInitializedRef = React.useRef(false);
 	  const applySettings = React.useCallback((parsed) => {
 	    setDictionary(parsed.dictionary);
@@ -27928,6 +28073,10 @@
 	      SettingsCache.getInstance().clear();
 	    } finally {
 	      setIsLoading(false);
+	      if (!hasEmittedReadyRef.current) {
+	        hasEmittedReadyRef.current = true;
+	        SdkEventBus.emit("lifecycle.ready", {});
+	      }
 	    }
 	  }, [toolArgs, templateId, predefinedLanguage, applySettings]);
 	  const reloadSettings = React.useCallback(async () => {
@@ -33655,8 +33804,151 @@
 
 	const postAppEvent = (event) => requester.post("/app-events", event).catch(() => void 0);
 
+	const ACTIVITY_THROTTLE_MS = 5e3;
+	const lastEmittedAt = /* @__PURE__ */ new Map();
+	const shouldEmit = (key) => {
+	  const now = Date.now();
+	  const previous = lastEmittedAt.get(key);
+	  if (previous !== void 0 && now - previous < ACTIVITY_THROTTLE_MS) {
+	    return false;
+	  }
+	  lastEmittedAt.set(key, now);
+	  return true;
+	};
+	const emitInteraction = (kind) => {
+	  if (!SdkEventBus.wants("activity.interaction"))
+	    return;
+	  if (!shouldEmit(`interaction:${kind}`))
+	    return;
+	  SdkEventBus.emit("activity.interaction", { kind });
+	};
+	const emitTyping = (surface) => {
+	  if (!SdkEventBus.wants("activity.typing"))
+	    return;
+	  if (!shouldEmit(`typing:${surface}`))
+	    return;
+	  SdkEventBus.emit("activity.typing", { surface });
+	};
+
+	let open$1 = false;
+	const openReportBracket = () => {
+	  if (open$1)
+	    return;
+	  open$1 = true;
+	  SdkEventBus.emit("report.generation_started", {});
+	};
+	const closeReportBracket = (ok) => {
+	  if (!open$1)
+	    return;
+	  open$1 = false;
+	  SdkEventBus.emit("report.settled", { ok });
+	};
+
+	const RECORDING_HEARTBEAT_MS = 3e4;
+	let lastBeatAt = null;
+	const emitRecordingHeartbeat = () => {
+	  if (!SdkEventBus.wants("recording.heartbeat"))
+	    return;
+	  const now = Date.now();
+	  if (lastBeatAt !== null && now - lastBeatAt < RECORDING_HEARTBEAT_MS)
+	    return;
+	  lastBeatAt = now;
+	  SdkEventBus.emit("recording.heartbeat", {});
+	};
+	const resetRecordingHeartbeat = () => {
+	  lastBeatAt = null;
+	};
+
+	const INTERACTION_KIND = {
+	  recording_button: "recording",
+	  chat_mic_button: "chat",
+	  attach_file_button: "chat",
+	  remove_file_button: "chat",
+	  edit_message_button: "chat",
+	  cancel_edit_message_button: "chat",
+	  send_edit_message_button: "chat",
+	  copy_human_message_button: "chat",
+	  copy_ai_message_button: "chat",
+	  settings_button: "settings",
+	  settings_back_button: "settings",
+	  settings_section_button: "settings",
+	  select_audio_environment: "settings",
+	  compile_summary_button: "report",
+	  regenerate_summary_button: "report",
+	  generate_extras_button: "report",
+	  expand_transcription_button: "transcript",
+	  history_thread_item: "history",
+	  close_widget_button: "widget",
+	  main_menu_button: "widget",
+	  play_panel_button: "widget"
+	};
+	const CLICK_FALLBACK_KIND = "widget";
+	const RECORDING_MODES = ["consultation", "dictation"];
+	const AUDIO_LOSS_CAUSES = ["mic", "network", "server"];
+	const readNumber = (payload, key) => {
+	  const value = payload?.[key];
+	  return typeof value === "number" && Number.isFinite(value) ? value : 0;
+	};
+	const readMode = (payload) => {
+	  const value = payload?.mode;
+	  return typeof value === "string" && RECORDING_MODES.includes(value) ? value : "consultation";
+	};
+	const readCause = (payload) => {
+	  const value = payload?.cause;
+	  return typeof value === "string" && AUDIO_LOSS_CAUSES.includes(value) ? value : "server";
+	};
+	const fanOutAppEvent = (input) => {
+	  try {
+	    const { event_type, event_name, payload } = input;
+	    if (event_type === "click") {
+	      emitInteraction(INTERACTION_KIND[event_name] ?? CLICK_FALLBACK_KIND);
+	    }
+	    switch (event_name) {
+	      case "recording_started":
+	        resetRecordingHeartbeat();
+	        SdkEventBus.emit("recording.started", { mode: readMode(payload) });
+	        break;
+	      case "recording_stopped":
+	        SdkEventBus.emit("recording.stopped", {
+	          mode: readMode(payload),
+	          durationSeconds: readNumber(payload, "duration_seconds")
+	        });
+	        break;
+	      // The mic/network emitter reports the length of the gap once audio
+	      // recovers. The server-close emitter has no gap to measure — capture
+	      // is torn down on the spot — and reports the recording position
+	      // instead, so fall back to that rather than hand the host a silent 0.
+	      case "audio_lost":
+	        SdkEventBus.emit("recording.audio_lost", {
+	          cause: readCause(payload),
+	          durationSeconds: readNumber(payload, "duration_seconds") || readNumber(payload, "recording_position_seconds")
+	        }, "warn");
+	        break;
+	      case "mic_disconnected":
+	        SdkEventBus.emit("recording.microphone_disconnected", {}, "warn");
+	        break;
+	      // A report request is in flight. The host must suppress its idle
+	      // timer until report.settled, or it will close the widget during
+	      // generation — which looks exactly like idleness and loses the note.
+	      // openReportBracket ignores a second click while one is in flight, so
+	      // the pair stays balanced.
+	      case "compile_summary_button":
+	      case "regenerate_summary_button":
+	        openReportBracket();
+	        break;
+	      case "close_widget_button":
+	        SdkEventBus.emit("lifecycle.closed", {});
+	        break;
+	      default:
+	        break;
+	    }
+	  } catch {
+	  }
+	};
+
 	const EventTracker = {
 	  track(input) {
+	    fanOutAppEvent(input);
 	    const event = {
 	      event_type: input.event_type,
 	      event_name: input.event_name,
@@ -36929,6 +37221,7 @@
 	          const audioData16kHz = resampleTo16kHZ(input, audioContext.sampleRate);
 	          socket.send(audioData16kHz);
 	          lastSendAtRef.current = Date.now();
+	          emitRecordingHeartbeat();
 	        }
 	      };
 	      audioTracks.forEach((t) => {
@@ -38362,6 +38655,7 @@
 	    });
 	  }, []);
 	  const setScalarEdit = React.useCallback((entryKey, value) => {
+	    emitTyping("note");
 	    setEdits((prev) => {
 	      const next = new Map(prev);
 	      next.set(entryKey, value);
@@ -38369,6 +38663,7 @@
 	    });
 	  }, []);
 	  const setRowFieldEdit = React.useCallback((entryKey, rowIndex, fieldKey, value) => {
+	    emitTyping("note");
 	    setEdits((prev) => {
 	      const next = new Map(prev);
 	      next.set(rowFieldEditKey(entryKey, rowIndex, fieldKey), value);
@@ -38376,6 +38671,7 @@
 	    });
 	  }, []);
 	  const setScalarGapValue = React.useCallback((key, value) => {
+	    emitTyping("note");
 	    setFilledScalarGaps((prev) => {
 	      const next = new Map(prev);
 	      next.set(key, value);
@@ -39468,6 +39764,7 @@
 	    } finally {
 	      setState((prev) => ({ ...prev, generating: false }));
 	      regenerateInflightRef.current = false;
+	      closeReportBracket(false);
 	    }
 	  }, [
 	    abortIfBlocked,
@@ -39507,6 +39804,7 @@
 	      handleReport?.(result);
 	    }
 	    trackEvent("event", "summary_compiled");
+	    closeReportBracket(true);
 	    if (patientId && doctorId) {
 	      await saveDayData({
 	        patientId,
@@ -39648,6 +39946,7 @@
 	      }
 	    } finally {
 	      generateInflightRef.current = false;
+	      closeReportBracket(false);
 	      setUserPendingClick(false);
 	      const finalPid = appointmentData?.patientId;
 	      const finalDid = appointmentData?.doctorId;
@@ -163089,29 +163388,24 @@ Here are the output tags:
 	      isLoading: generateState.isUserReportLoading,
 	      onClick: () => generateState.tryStartGenerate(generateState.showRegenerateReport ? "regenerate" : "generate")
 	    }
-	  ), generateState && showExtras && !generateState.isRecording && !generateState.enabled && !generateState.connectionLoading && jsxRuntimeExports.jsx(ExtrasButtons, { categories, disabled: reportLoading || isActivationBlocked })] }), jsxRuntimeExports.jsxs("form", { onSubmit, className: "omniscribe_chat-view-combined-footer-row", children: [jsxRuntimeExports.jsx("input", { ref: fileInputRef, type: "file", multiple: true, accept: "image/*,.pdf", onChange: onFileSelect, style: { display: "none" } }), jsxRuntimeExports.jsxs("div", { className: `omniscribe_chat-view-combined-input-container${uploadedFiles.length > 0 ? " omniscribe_chat-view-combined-input-container--with-files" : ""}`, children: [uploadedFiles.length > 0 && jsxRuntimeExports.jsx("div", { className: "omniscribe_chat-view-combined-files-row", children: jsxRuntimeExports.jsx(FilePreview, { files: uploadedFiles, onRemove: onFileRemove }) }), jsxRuntimeExports.jsxs("div", { className: "omniscribe_chat-view-combined-input-row", children: [jsxRuntimeExports.jsx(Tooltip, { message: formatMessage({ id: "Attach file" }), side: "top", children: jsxRuntimeExports.jsx("button", { type: "button", className: "omniscribe_chat-view-combined-clip-icon", onClick: () => {
+	  ), generateState && showExtras && !generateState.isRecording && !generateState.enabled && !generateState.connectionLoading && jsxRuntimeExports.jsx(ExtrasButtons, { categories, disabled: reportLoading || isActivationBlocked })] }), jsxRuntimeExports.jsxs("div", { className: "omniscribe_chat-view-combined-footer-row", children: [jsxRuntimeExports.jsx("input", { ref: fileInputRef, type: "file", multiple: true, accept: "image/*,.pdf", onChange: onFileSelect, style: { display: "none" } }), jsxRuntimeExports.jsxs("div", { className: `omniscribe_chat-view-combined-input-container${uploadedFiles.length > 0 ? " omniscribe_chat-view-combined-input-container--with-files" : ""}`, children: [uploadedFiles.length > 0 && jsxRuntimeExports.jsx("div", { className: "omniscribe_chat-view-combined-files-row", children: jsxRuntimeExports.jsx(FilePreview, { files: uploadedFiles, onRemove: onFileRemove }) }), jsxRuntimeExports.jsxs("div", { className: "omniscribe_chat-view-combined-input-row", children: [jsxRuntimeExports.jsx(Tooltip, { message: formatMessage({ id: "Attach file" }), side: "top", children: jsxRuntimeExports.jsx("button", { type: "button", className: "omniscribe_chat-view-combined-clip-icon", onClick: () => {
 	    trackEvent("click", "attach_file_button");
 	    onAttachClick();
 	  }, disabled: uploadedFiles.length >= MAX_FILES, "aria-label": formatMessage({ id: "Attach file" }), children: jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsxRuntimeExports.jsx("path", { d: "M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" }) }) }) }), jsxRuntimeExports.jsx(Textarea, { ref: textareaRef, rows: 1, "data-testid": "sofia-chat-input", value: inputValue, variant: "secondary", onChange: onInputChange, onKeyDown: (e) => {
 	    if (e.key === "Enter" && !e.shiftKey && !e.metaKey) {
 	      e.preventDefault();
-	      const el = e.target;
-	      const form = el?.closest("form");
-	      form?.requestSubmit();
+	      onSubmit(e);
 	    }
 	  }, maxLength: inputMaxLength, className: "omniscribe_chat-view-combined-textarea no-scrollbar text-p", placeholder: formatMessage({
 	    id: "What do you need to know?"
 	  }) }), isLoading ? jsxRuntimeExports.jsx("button", { type: "button", "data-testid": "sofia-chat-stop", onClick: onStop, className: "omniscribe_chat-view-combined-send-btn omniscribe_chat-view-combined-stop-btn", title: formatMessage({ id: "Stop" }), children: jsxRuntimeExports.jsx(SquareIcon, { width: 10, height: 10 }) }) : inputValue.length > 0 ? jsxRuntimeExports.jsx("button", {
 	    // Intentionally `type="button"` (not "submit"): some host
-	    // platforms (e.g. IQVIA Clear/CMP) treat any submit-typed
-	    // button as a sign-out trigger. We submit the form
-	    // explicitly via requestSubmit() instead. SOF-524.
+	    // platforms treat any submit-typed
+	    // button as a sign-out trigger / page reload. The click
+	    // calls onSubmit directly — no form, no submit event. SOF-524.
 	    type: "button",
 	    "data-testid": "sofia-chat-send",
-	    onClick: (e) => {
-	      const form = e.currentTarget.closest("form");
-	      form?.requestSubmit();
-	    },
+	    onClick: onSubmit,
 	    className: "omniscribe_chat-view-combined-send-btn",
 	    disabled: isLoading || !inputIsValid,
 	    title: formatMessage({ id: "Send" }),
@@ -163669,6 +163963,7 @@ Here are the output tags:
 	    appointmentData?.doctorId
 	  ]);
 	  const handleInputChange = (e) => {
+	    emitTyping("chat");
 	    input.onChange(e);
 	    setInputIsValid(InputValidator.validate(e.target.value, CHAT_INPUT_VALIDATION).isValid);
 	  };
@@ -166464,6 +166759,9 @@ Here are the output tags:
 	    prevPatientIdRef.current = patientId;
 	    setSessionId(patientId ? generateUuid() : null);
 	  }, [patientId]);
+	  reactExports.useEffect(() => {
+	    SdkEventBus.setSessionId(sessionId);
+	  }, [sessionId]);
 	  return jsxRuntimeExports.jsx(SessionContext.Provider, { value: { sessionId }, children });
 	};
 
@@ -166635,7 +166933,7 @@ Here are the output tags:
 	  useBrowserCapabilityCheck();
 	  return null;
 	};
-	const Omniscribe = ({ baseurl, wssurl, apikey, userid, patientid, templateid = "", template, toolsargs, isopen, setIsOpen, patientdata, transcriptorselectvalues, handleReport, renderReportContent, handleFill, toast, sofiatitle, language, isscreenloading, disableactions, isonlychat, disablegenerate, debug, usermedicalspecialty, setGetLastReport, insertionPreviewClassNames, onReportApply, updateTemplate, templateExtras, handleExtras }) => {
+	const Omniscribe = ({ baseurl, wssurl, apikey, userid, patientid, templateid = "", template, toolsargs, isopen, setIsOpen, patientdata, transcriptorselectvalues, handleReport, renderReportContent, handleFill, toast, sofiatitle, language, isscreenloading, disableactions, isonlychat, disablegenerate, debug, usermedicalspecialty, setGetLastReport, insertionPreviewClassNames, onReportApply, updateTemplate, templateExtras, handleExtras, onEvent, eventSubscriptions }) => {
 	  const templateFields = template ?? toolsargs;
 	  const effectiveBaseUrl = reactExports.useMemo(() => resolveBaseUrlFromApiKey(apikey, baseurl), [apikey, baseurl]);
 	  const safeLanguage = isSupportedLanguage(language) ? language : void 0;
@@ -166675,6 +166973,25 @@ Here are the output tags:
 	  reactExports.useEffect(() => {
 	    logger.setDebugMode(debug || false);
 	  }, [debug]);
+	  const onEventRef = reactExports.useRef(onEvent);
+	  onEventRef.current = onEvent;
+	  const hasEventHandler = onEvent !== void 0;
+	  const subscriptionsRef = reactExports.useRef(eventSubscriptions);
+	  subscriptionsRef.current = eventSubscriptions;
+	  const subscriptions = subscriptionKey(eventSubscriptions);
+	  reactExports.useEffect(() => {
+	    SdkEventBus.setSubscription(subscriptionsRef.current);
+	  }, [subscriptions]);
+	  reactExports.useEffect(() => {
+	    if (!hasEventHandler)
+	      return;
+	    return SdkEventBus.setHandler((event) => onEventRef.current?.(event));
+	  }, [hasEventHandler]);
+	  reactExports.useEffect(() => {
+	    if (hasEventHandler && !eventSubscriptions?.length) {
+	      logger.warn('[Sofia SDK] onEvent was provided without eventSubscriptions, so no events will be delivered. Pass e.g. ["recording.*", "activity.*"].');
+	    }
+	  }, [hasEventHandler, eventSubscriptions]);
 	  reactExports.useEffect(() => {
 	    if (apikey && apikey.trim() !== "") {
 	      setEncryptionSeed(apikey);
@@ -166858,6 +167175,10 @@ Here are the output tags:
 	  transcriptorselectvalues: "json",
 	  toast: "json",
 	  insertionPreviewClassNames: "json",
+	  // Which SDK events `onEvent` receives: exact names, family wildcards
+	  // ('recording.*'), or '*'. Not in SENSITIVE_ATTRS — a subscription list
+	  // carries no PHI, and leaving it in the DOM keeps the wiring inspectable.
+	  eventSubscriptions: "json",
 	  // Function props
 	  handleReport: "function",
 	  // NOTE: this kebab-case alias has been here historically. r2wc writes any
@@ -166874,9 +167195,11 @@ Here are the output tags:
 	  handleFill: "function",
 	  onReportApply: "function",
 	  updateTemplate: "function",
-	  handleExtras: "function"
+	  handleExtras: "function",
+	  onEvent: "function"
 	};
-	const JSON_ATTRS = new Set(Object.entries(r2wcProps).filter(([, type]) => type === "json").map(([prop]) => prop.toLowerCase()));
+	const toAttributeName = (prop) => prop.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+	const JSON_ATTRS = new Set(Object.entries(r2wcProps).filter(([, type]) => type === "json").map(([prop]) => toAttributeName(prop)));
 	const SofiaSDK = s$1(Omniscribe, {
 	  props: r2wcProps,
 	  shadow: "open"
@@ -166889,7 +167212,8 @@ Here are the output tags:
 	  "renderReportContent",
 	  "handleFill",
 	  "onReportApply",
-	  "updateTemplate"
+	  "updateTemplate",
+	  "onEvent"
 	];
 	const R2WC_PROPS = Symbol.for("r2wc.props");
 	const R2WC_RENDER = Symbol.for("r2wc.render");
@@ -169192,7 +169516,7 @@ Here are the output tags:
 		default: zig
 	}, [zigExports]);
 
-	const injectedCss = "/* Source: index.css */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');\n\n/* ------------------------------------------------------------------ */\n/* Theming hooks (host-overridable).                                  */\n/*                                                                    */\n/* CSS custom properties defined on the `<sofia-sdk>` element inherit */\n/* across the shadow DOM boundary. Hosts override any of these on the */\n/* element to retheme the SDK without touching internals:             */\n/*                                                                    */\n/*   <sofia-sdk style=\"--omniscribe-primary: #1f6f5f\"></sofia-sdk>    */\n/*                                                                    */\n/* Internal tokens that map to a host override use                    */\n/* `var(--omniscribe-*, <default>)`.                                  */\n/*                                                                    */\n/* Available hooks:                                                   */\n/*   --omniscribe-font-family                                          */\n/*   --omniscribe-primary           main brand / primary action        */\n/*   --omniscribe-primary-soft      light tint of primary              */\n/*   --omniscribe-secondary         secondary action                   */\n/*   --omniscribe-secondary-hover   secondary hover state              */\n/*   --omniscribe-accent            highlight / report color           */\n/*   --omniscribe-warning           gap / warning chrome               */\n/*   --omniscribe-text              primary text                       */\n/*   --omniscribe-text-muted        secondary text                     */\n/*   --omniscribe-surface           card / panel background            */\n/*   --omniscribe-surface-alt       header / footer / hover bg         */\n/*   --omniscribe-border            primary border                     */\n/*   --omniscribe-border-soft       in-card separators                 */\n/*                                                                    */\n/* The insertion-preview modal has its own (more granular) variables  */\n/* documented in InsertionPreviewModal.css.                           */\n/* ------------------------------------------------------------------ */\n\n/* Color scheme of the shadow subtree. Defaults to light so native    */\n/* form controls (<select>, <input>) and assistant-ui surfaces don't  */\n/* follow the host OS dark mode. A host that themes the SDK dark       */\n/* (e.g. the radiology reading room) sets --omniscribe-color-scheme:   */\n/* dark so native controls render light-on-dark and stay legible.     */\n:host {\n  color-scheme: var(--omniscribe-color-scheme, light);\n}\n\n#Omniscribe {\n  font-family: var(--omniscribe-font-family, 'Lato', sans-serif);\n  color-scheme: var(--omniscribe-color-scheme, light);\n  /* define colors */\n  --active: #0a3785;\n  --background-primary: var(--omniscribe-primary-soft, #e7effd);\n  --warning: var(--omniscribe-warning, #ffc107);\n  --grey-50: #f9fafb;\n  --grey-100: #f6f7f9;\n  --grey-200: #e5e7eb;\n  --grey-700: #6f7d95;\n  --grey-800: #4a5364;\n  --grey-900: #252a32;\n  --active-black: #252a32;\n  --placeholder: #a4adbc;\n  --line: var(--omniscribe-border, #e5e7ec);\n  --custom-black: #13161a;\n  --primary: var(--omniscribe-primary, #105bdb);\n  --border: var(--omniscribe-border, #e5e7ec);\n  --white: var(--omniscribe-surface, #fdfdfd);\n  --omni: #daf2ff;\n  --omni-secondary: rgba(219, 219, 219, 0.75);\n  --primary-button: var(--omniscribe-primary, #105bdb);\n  --primary-text: #36a3cf;\n  --primary-900: var(--omniscribe-primary, #061044);\n  --blue-100: var(--omniscribe-primary-soft, #dbeafe);\n  --blue-200: var(--omniscribe-primary-soft, #bfdbfe);\n  --blue-500: var(--omniscribe-primary, #105bdb);\n  --blue-600: var(--omniscribe-primary, #2563eb);\n  --blue-700: var(--omniscribe-primary, #1d4ed8);\n  --report: var(--primary-button);\n  --gray: #616161;\n  --black: #1b2125;\n  --sky-blue: var(--omniscribe-primary-soft, #dbecff);\n  --blue: var(--omniscribe-primary, #5886ba);\n  --blue-600: var(--omniscribe-primary, #0b1962);\n  --background: var(--omniscribe-surface-alt, #f3f3f3bb);\n  --foreground: var(--omniscribe-text, oklch(0.145 0 0));\n  --primary: var(--omniscribe-primary, #061044);\n  --primary-foreground: var(--omniscribe-on-accent, oklch(0.985 0 0));\n  --secondary: var(--omniscribe-secondary, #132caa);\n  --secondary-foreground: var(--omniscribe-on-accent, #fff);\n  --secondary-hover: var(--omniscribe-secondary-hover, #2847e7);\n  --muted: oklch(0.97 0 0);\n  --muted-foreground: oklch(0.556 0 0);\n  --accent: var(--omniscribe-surface-alt, oklch(0.97 0 0));\n  --accent-foreground: var(--omniscribe-text, oklch(0.205 0 0));\n  --destructive: oklch(0.577 0.245 27.325);\n  --destructive-foreground: oklch(0.577 0.245 27.325);\n  --light-border: oklch(0.922 0 0);\n  --input: var(--omniscribe-border, oklch(0.922 0 0));\n  --ring: oklch(0.87 0 0);\n  --radius: 0.625rem;\n  /* TEXT */\n  --text-3xs: 8px;\n  --text-3xs--line-height: calc(0.5 / 0.25);\n  --text-2xs: 10px;\n  --text-2xs--line-height: calc(0.75 / 0.5);\n  --text-xs: 12px;\n  --text-xs--line-height: 14.4px;\n  --text-xs--letter-spacing: 0.05px;\n  --text-sm: 14px;\n  --text-sm--line-height: 16.8px;\n  --text-xs--letter-spacing: 0.05px;\n  --text-base: 16px;\n  --text-base--line-height: calc(1.5 / 1);\n  --text-lg: 18px;\n  --text-lg--line-height: calc(1.75 / 1.125);\n  --text-xl: 20px;\n  --text-xl--line-height: calc(1.75 / 1.25);\n  --text-2xl: 22px;\n  --text-2xl--line-height: calc(2 / 1.5);\n  --text-3xl: 24px;\n  --text-3xl--line-height: calc(2.25 / 1.875);\n  --text-4xl: 26px;\n  --text-4xl--line-height: calc(2.5 / 2.25);\n  --text-5xl: 28px;\n  --text-5xl--line-height: 1;\n  --text-6xl: 30px;\n  --text-6xl--line-height: 1;\n  --text-7xl: 32px;\n  --text-7xl--line-height: 1;\n  --text-8xl: 34px;\n  --text-8xl--line-height: 1;\n  --text-9xl: 46px;\n  --text-9xl--line-height: 1;\n  --font-weight-thin: 100;\n  --font-weight-extralight: 200;\n  --font-weight-light: 300;\n  --font-weight-normal: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --font-weight-extrabold: 800;\n  --font-weight-black: 900;\n  /* custom colors */\n  --color-white: var(--white);\n  --color-light-border: var(--light-border);\n  --color-omni: var(--omni);\n  --color-report: var(--report);\n  --color-omni-secondary: var(--omni-secondary);\n  --color-primary-text: var(--primary-text);\n  --color-primary-900: var(--primary-900);\n  --color-blue-500: var(--blue-500);\n  --color-gray: var(--gray);\n  --color-black: var(--black);\n  --color-sky-blue: var(--sky-blue);\n  --color-cream: var(--cream);\n  --color-pink: var(--pink);\n  --color-blue: var(--blue);\n  --color-blue-600: var(--blue-600);\n  --color-sky-blue-100: var(--sky-blue-100);\n  --color-white-2: var(--white-2);\n  --color-primary-700: var(--primary-700);\n  --color-primary-500: var(--primary-500);\n  --color-neutral-800: var(--neutral-800);\n  --color-blue-2: var(--blue-2);\n  --color-light-blue: var(--light-blue);\n  --color-primary-100: var(--primary-100);\n  --color-primary-300: var(--primary-300);\n  --color-black-2: var(--black-2);\n  --color-primary-button: var(--primary-button);\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --color-card: var(--card);\n  --color-card-foreground: var(--card-foreground);\n  --color-popover: var(--popover);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-primary: var(--primary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-secondary: var(--secondary);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-muted: var(--muted);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-accent: var(--accent);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-destructive: var(--destructive);\n  --color-destructive-foreground: var(--destructive-foreground);\n  --color-border: var(--border);\n  --color-input: var(--input);\n  --color-ring: var(--ring);\n  --color-chart-1: var(--chart-1);\n  --color-chart-2: var(--chart-2);\n  --color-chart-3: var(--chart-3);\n  --color-chart-4: var(--chart-4);\n  --color-chart-5: var(--chart-5);\n  --color-red-100: oklch(93.6% 0.032 17.717);\n  --color-red-500: oklch(63.7% 0.237 25.331);\n  --color-green-500: oklch(72.3% 0.219 149.579);\n  --color-slate-200: oklch(92.9% 0.013 255.508);\n  --color-slate-500: oklch(55.4% 0.046 257.417);\n  --color-gray-50: oklch(98.5% 0.002 247.839);\n  --color-gray-100: #f3f4f6;\n  --color-gray-200: oklch(92.8% 0.006 264.531);\n  --color-gray-500: oklch(55.1% 0.027 264.364);\n  --color-gray-900: oklch(21% 0.034 264.665);\n  --color-zinc-900: oklch(21% 0.006 285.885);\n  --color-sidebar: var(--sidebar);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-ring: var(--sidebar-ring);\n  /* rounded */\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: 12px;\n  --radius-xl: calc(var(--radius) + 4px);\n  --radius-2xl: 1rem;\n  --radius-3xl: 1.5rem;\n  /* spacing */\n  --spacing-layout-w: var(--layout-w);\n  --spacing-layout-h: var(--layout-h);\n  --spacing: 0.25rem;\n  /* size */\n  --container-md: 28rem;\n  --container-xl: 36rem;\n  --container-3xl: 48rem;\n  --container-4xl: 56rem;\n\n  --tracking-tight: -0.025em;\n  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n  --animate-spin: spin 1s linear infinite;\n  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  --default-transition-duration: 150ms;\n  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  --default-font-family: var(--font-sans);\n  --default-mono-font-family: var(--font-mono);\n\n  .no-scrollbar::-webkit-scrollbar {\n    display: none;\n  }\n  a,\n  p,\n  textarea,\n  button,\n  span,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  div {\n    font-family: 'Lato', sans-serif;\n  }\n  /* Hide scrollbar for IE, Edge and Firefox */\n  .no-scrollbar {\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n  .shadow-inner-right {\n    box-shadow: inset -9px 0 6px -1px rgb(0 0 0 / 0.02);\n  }\n  .shadow-inner-left {\n    box-shadow: inset 9px 0 6px -1px rgb(0 0 0 / 0.02);\n  }\n  .annotation {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-normal);\n  }\n  .annotation-semi {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-semibold);\n  }\n  .annotation-bold {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-semibold);\n  }\n  .info {\n    font-size: var(--text-2xs);\n    font-weight: var(--font-weight-normal);\n  }\n  .info-semi {\n    font-size: var(--text-2s);\n    font-weight: var(--font-weight-semibold);\n  }\n  .info-bold {\n    font-size: var(--text-2s);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-p-xs {\n    font-size: var(--text-xs) !important;\n    font-weight: var(--font-weight-normal);\n    line-height: var(--text-xs--line-height);\n    letter-spacing: var(--text-xs--letter-spacing);\n  }\n  .text-p {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-normal);\n    letter-spacing: var(--text-sm--letter-spacing);\n  }\n  .text-p-semi {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-p-bold {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-semibold);\n  }\n  .omniscribe_shadow-xl {\n    box-shadow:\n      0 20px 25px -5px rgb(0 0 0 / 0.1),\n      0 8px 10px -6px rgb(0 0 0 / 0.1);\n  }\n  .scrollbar-pretty {\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n    &::-webkit-scrollbar-thumb {\n      border-radius: 10px;\n      background-color: var(--omni-secondary);\n    }\n    &::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n  }\n\n  .omniscribe_visible {\n    visibility: visible;\n    display: flex;\n    flex: 1;\n  }\n  .omniscribe_hidden {\n    display: none;\n    height: 0;\n  }\n\n  .omniscribe_animate-spin {\n    animation: spin 1s linear infinite;\n  }\n}\n\n\n/* Source: modules/chat/components/AudioCutsWarningDialog.css */\n/* The shared Modal overlay uses position: absolute anchored to its\n   nearest positioned ancestor — which in our case is the chat footer,\n   not the widget root. That puts the modal at the bottom of the widget.\n   Override to position: fixed so the overlay covers the full viewport\n   and the modal truly centers regardless of where in the React tree it\n   was rendered. */\n.omniscribe_modal-overlay:has(.omniscribe_audio-cuts-modal) {\n  position: fixed;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n\n.omniscribe_audio-cuts-modal {\n  width: 480px;\n  max-width: 90vw;\n  padding: 24px !important;\n}\n\n/* Override Modal's giant default h2 size for this dialog. */\n.omniscribe_audio-cuts-modal .omniscribe_modal-title-container {\n  margin-bottom: 16px;\n  align-items: flex-start;\n}\n\n.omniscribe_audio-cuts-modal .omniscribe_modal-title {\n  font-size: 18px;\n  line-height: 1.3;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: var(--color-gray-900, #0f172a);\n}\n\n.omniscribe_audio-cuts-body {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* Summary card: warning icon + paragraph in a soft container. */\n.omniscribe_audio-cuts-summary {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.omniscribe_audio-cuts-summary-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 9999px;\n  background-color: #fef3c7;\n  color: #b45309;\n}\n\n.omniscribe_audio-cuts-summary-text {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--color-gray-800, #1f2937);\n  flex: 1;\n}\n\n/* Cut list: rounded gray container, clock icon per row, no bullets. */\n.omniscribe_audio-cuts-list {\n  margin: 0;\n  padding: 12px 14px;\n  border-radius: 12px;\n  background-color: var(--omniscribe-surface-alt, #f9fafb);\n  border: 1px solid var(--color-gray-200, #e5e7eb);\n  list-style: none;\n  max-height: 240px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_audio-cuts-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--omniscribe-text-muted, #374151);\n  font-variant-numeric: tabular-nums;\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.omniscribe_audio-cuts-item-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: var(--omniscribe-text-muted, #6b7280);\n}\n\n/* Action row: right-aligned, secondary as text-link, primary as blue pill. */\n.omniscribe_audio-cuts-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 16px;\n  margin-top: 4px;\n}\n\n.omniscribe_audio-cuts-secondary {\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 8px 12px;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--omniscribe-text-muted, #374151);\n  border-radius: 9999px;\n  transition: background-color 0.15s ease;\n}\n\n.omniscribe_audio-cuts-secondary:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--color-gray-900, #0f172a);\n}\n\n.omniscribe_audio-cuts-primary {\n  border-radius: 9999px !important;\n  gap: 8px;\n  padding-block: 10px !important;\n  padding-inline: 18px !important;\n  height: auto !important;\n  font-weight: 600;\n}\n\n\n/* Source: modules/chat/components/ChatView.css */\n.omniscribe_chat-view-container {\n  flex: 1;\n  border-style: none;\n  display: flex;\n  overflow: hidden;\n  background: transparent;\n  bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  margin-block: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  right: 20px;\n  border-bottom-left-radius: 12px;\n  width: 100%;\n}\n\n.omniscribe_chat-view-container-history-cont {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 0;\n  z-index: 30;\n  height: 100%;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  display: block;\n  border-top-left-radius: 12px;\n  border-bottom-left-radius: 12px;\n  overflow: hidden;\n  background-color: var(--omniscribe-surface, white);\n  transition:\n    width 300ms cubic-bezier(0.4, 0, 0.2, 1),\n    min-width 300ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.omniscribe_chat-view-container-history-cont-open {\n  width: 33%;\n}\n\n/* Overlay that covers the chat when history is open */\n.omniscribe_chat-view-overlay {\n  position: absolute;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.4);\n  z-index: 25;\n  opacity: 0;\n  pointer-events: none;\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  border-radius: 12px;\n}\n\n.omniscribe_chat-view-overlay-visible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.omniscribe_chat-view-content-container {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  flex-direction: column;\n  overflow: hidden;\n  position: relative;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  border-bottom-right-radius: 12px;\n}\n\n.omniscribe_chat-view-stick-to-bottom {\n  font-size: 14px;\n}\n.omniscribe_chat-view-stick-to-bottom-content {\n  position: absolute;\n  inset: 0;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  display: grid;\n  grid-template-rows: 1fr auto;\n}\n\n/* Disable scroll when SummaryLoading is shown */\n.omniscribe_chat-view-stick-to-bottom-content--no-scroll {\n  overflow-y: hidden;\n}\n\n.omniscribe_chat-view-stick-to-bottom-content-class {\n  padding-bottom: calc(var(--spacing) * 13);\n  display: flex;\n  flex-direction: column;\n  padding-left: calc(var(--spacing) * 4);\n  padding-right: calc(var(--spacing) * 4);\n  min-width: 0;\n  padding-top: 12px;\n}\n\n.omniscribe_chat-view-footer-container {\n  position: sticky;\n  display: flex;\n  background-color: var(--omniscribe-surface, white);\n  flex-direction: column;\n  align-items: center;\n  bottom: 0;\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n}\n\n/*\n * The footer is sticky inside the scroll container, so mid-scroll the\n * conversation passes behind it and was cut off mid-line — text simply ended\n * where the buttons began. This is not a spacing problem: at rest the content\n * clears the footer. What was missing is a boundary, so the last visible line\n * dissolves into the footer's surface instead of being guillotined by it.\n */\n.omniscribe_chat-view-footer-container::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 100%;\n  /*\n   * Tall enough to dissolve two or three lines. A short band is worse than no\n   * band at all: at one line-height it ghosts a single row of text and reads as\n   * a rendering fault rather than a transition.\n   */\n  height: 64px;\n  pointer-events: none;\n  /* Fallback first: browsers without color-mix keep this. */\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    var(--omniscribe-surface, #fff)\n  );\n  /*\n   * Fading to `transparent` interpolates through transparent BLACK, which\n   * greys the middle of the band. Fading from the surface colour at zero alpha\n   * keeps it clean and still themable.\n   */\n  background: linear-gradient(\n    to bottom,\n    color-mix(in srgb, var(--omniscribe-surface, #fff) 0%, transparent) 0%,\n    var(--omniscribe-surface, #fff) 100%\n  );\n}\n\n/*\n * Floats over the conversation, so it needs to be opaque. It inherited the\n * outline button's translucent fill, which let the text underneath read\n * straight through it — the label and the message competing in the same\n * pixels. A solid fill plus a shadow is what makes it read as a control\n * sitting above the content rather than printed onto it.\n */\n/*\n * Pinned to the footer's top edge, not to the viewport.\n *\n * It used to be `position: fixed; bottom: 17%`, i.e. anchored to the browser\n * window: its distance from the composer depended on the window height, and at\n * common sizes it landed ON the action buttons — measured 3px below the\n * footer's top edge. Anchoring to the footer instead means it tracks whatever\n * the footer currently is: with or without the action row, with the\n * transcription panel expanded, with files attached.\n */\n.omniscribe_chat-view-footer-scroll-to-bottom {\n  position: absolute;\n  bottom: calc(100% + 12px);\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n}\n\n/*\n * Qualified with `.omniscribe_button` on purpose. The outline variant sets the\n * same properties at equal specificity and `button.css` is concatenated after\n * this file, so a single-class selector here loses on source order alone.\n */\n.omniscribe_button.omniscribe_chat-view-footer-scroll-to-bottom {\n  background-color: var(--omniscribe-surface, #fff);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  box-shadow: 0 2px 10px rgba(16, 23, 37, 0.16);\n}\n\n.omniscribe_button.omniscribe_chat-view-footer-scroll-to-bottom:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n}\n\n.omniscribe_chat-view-down-btn {\n  width: calc(0.25rem /* 4px */ * 4);\n  height: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Combined Footer - Frame 532 Design */\n.omniscribe_chat-view-combined-footer {\n  width: 100%;\n  padding-bottom: 12px;\n  background-color: var(--omniscribe-surface, white);\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  position: relative;\n}\n\n/* Action row — no background of its own; only the pills carry a border */\n.omniscribe_chat-footer-actions-row {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  padding-inline: calc(var(--spacing) * 4);\n  padding-bottom: 8px;\n  flex-shrink: 0;\n  min-width: 0;\n  width: 100%;\n  box-sizing: border-box;\n  transition: padding-top 0.5s ease;\n}\n\n/* With the transcription expanded, keeps the buttons off the panel's bottom\n   line (the expanded wrapper's border-bottom). */\n.omniscribe_transcription-panel-wrapper--expanded\n  + .omniscribe_chat-footer-actions-row {\n  padding-top: 10px;\n}\n\n.omniscribe_chat-view-combined-footer-row {\n  display: flex;\n  flex-direction: row;\n  align-items: end;\n  box-sizing: border-box;\n  width: 100%;\n  gap: 8px;\n  flex-shrink: 0;\n  background-color: var(--omniscribe-surface, white);\n  overflow: hidden;\n  padding-inline: calc(var(--spacing) * 4);\n  padding-top: 7px;\n}\n\n/* Frame 34 - Input container */\n.omniscribe_chat-view-combined-input-container {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  padding: 8px;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 20px;\n  background-color: var(--omniscribe-surface, white);\n  gap: 0;\n  transition:\n    border-color 0.2s ease,\n    box-shadow 0.2s ease;\n  box-sizing: border-box;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  margin-bottom: 7px;\n  margin-right: 1px;\n}\n\n/* When files are attached, change border-radius to rounded rectangle */\n/*\n * Attaching a file must not resize the composer. There is deliberately no\n * max-width here: the base rule is `flex: 1`, and capping it made the composer\n * jump from the full footer width down to a fixed size the moment a file was\n * added — a leftover from a narrower Figma frame, and the only place that\n * number appeared. Several files scroll horizontally inside\n * `.omniscribe_chat-view-combined-files-row`, which owns `overflow-x: auto`.\n */\n.omniscribe_chat-view-combined-input-container--with-files {\n  gap: 12px;\n  align-items: flex-start;\n  min-width: 0;\n  overflow: hidden;\n}\n\n/* Files row inside input container - horizontal scroll, no wrapping */\n.omniscribe_chat-view-combined-files-row {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 8px;\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  padding-bottom: 4px;\n  scrollbar-width: thin;\n  min-width: 0;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar {\n  height: 4px;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar-thumb {\n  background-color: var(--color-gray-300, #d1d5db);\n  border-radius: 4px;\n}\n\n/* Input row with clip icon, textarea, and action button */\n.omniscribe_chat-view-combined-input-row {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 4px;\n}\n\n/* Clip icon */\n.omniscribe_chat-view-combined-clip-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  height: 24px;\n  border-radius: 9999px;\n  background-color: var(--omniscribe-surface, white);\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  border: solid 1px var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_chat-view-combined-clip-icon:hover {\n  background-color: var(--omniscribe-surface-alt, #e5e7eb);\n  color: var(--color-gray-600);\n}\n\n/* Action button inside input */\n.omniscribe_chat-view-combined-action-btn {\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-textarea {\n  flex: 1;\n  resize: none;\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n  min-height: 20px;\n  max-height: 56px;\n  font-weight: 500 !important;\n  padding: 0 !important;\n  background: transparent;\n  color: var(--omniscribe-text-muted, #4a5364);\n  height: 20px;\n}\n\n.omniscribe_chat-view-combined-textarea::placeholder {\n  color: var(--omniscribe-text-muted, #9ca3af);\n}\n\n.omniscribe_chat-view-combined-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-send-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  border-radius: 9999px;\n  background-color: var(--secondary, #132caa);\n  color: white;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-send-btn:hover:not(:disabled) {\n  background-color: var(--secondary-hover, #2847e7);\n}\n\n.omniscribe_chat-view-combined-send-btn:disabled {\n  background-color: var(--omniscribe-surface-alt, #dfe2e7);\n  cursor: not-allowed;\n}\n\n/* Stop button - red variant of send button */\n.omniscribe_chat-view-combined-stop-btn {\n  background-color: var(--secondary, #132caa);\n}\n\n.omniscribe_chat-view-combined-stop-btn:hover {\n  background-color: var(--secondary, #132caa);\n}\n\n/* Drag-and-drop overlay */\n.omniscribe_chat-view-drag-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(37, 99, 235, 0.05);\n  border: 2px dashed var(--blue-600, #2563eb);\n  border-radius: var(--radius);\n  z-index: 10;\n  pointer-events: none;\n}\n\n.omniscribe_chat-view-drag-overlay-text {\n  color: var(--blue-600, #2563eb);\n  font-size: var(--text-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n\n/* Source: modules/chat/components/FileLimitBanner.css */\n/* File Limit Banner */\n.omniscribe_file-limit-banner {\n  position: fixed;\n  top: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1000;\n  background-color: #dc2626;\n  color: white;\n  border-radius: 12px;\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n  animation:\n    slideInFromTop 0.3s ease-out,\n    slideOutToTop 0.3s ease-in 4.7s;\n  animation-fill-mode: forwards;\n  width: auto;\n  max-width: 90vw;\n  padding: 0;\n  margin: 0 auto;\n}\n\n.omniscribe_file-limit-banner-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px 20px;\n  gap: 12px;\n  white-space: nowrap;\n}\n\n.omniscribe_file-limit-banner-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: white;\n}\n\n.omniscribe_file-limit-banner-message {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  text-align: center;\n}\n\n.omniscribe_file-limit-banner-close {\n  background: none;\n  border: none;\n  color: white;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n  margin-left: auto;\n}\n\n.omniscribe_file-limit-banner-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n.omniscribe_file-limit-banner-close svg {\n  width: 16px;\n  height: 16px;\n}\n\n/* Animations */\n@keyframes slideInFromTop {\n  0% {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n}\n\n@keyframes slideOutToTop {\n  0% {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-20px);\n  }\n}\n\n\n/* Source: modules/chat/components/PredefinedQuestions.css */\n.omniscribe_predefined-questions-container {\n  margin-top: calc(var(--spacing) * 2) /* 1rem = 16px */;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  display: flex;\n  flex-direction: column;\n}\n.omniscribe_predefined-questions-span {\n  color: var(--omniscribe-text, #13161a);\n  line-height: 21.6px;\n  font-size: 18px !important;\n  font-weight: 500 !important;\n}\n\n.omniscribe_predefined-title {\n  margin-bottom: 8px;\n  word-break: break-word;\n}\n\n.omniscribe_predefined-questions-msg-container {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  word-break: break-word;\n}\n\n.omniscribe_predefined-questions-content {\n  background-color: var(--background-primary, #e7effd) !important;\n  color: var(--primary, #105bdb) !important;\n  border-radius: 999px !important;\n  text-align: left;\n  padding-top: 4px;\n  padding-right: 16px;\n  padding-bottom: 4px;\n  padding-left: 16px;\n  width: fit-content;\n  height: fit-content;\n}\n\n\n/* Source: modules/chat/components/SummaryLoading.css */\n/* Auto-summary loading styles */\n.omniscribe_auto-summary-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  padding-top: calc(var(--spacing) * 13);\n  pointer-events: none;\n  width: 100%;\n  height: 100%;\n}\n\n.omniscribe_auto-summary-text {\n  font-size: 18px;\n  text-align: center;\n  margin-bottom: 20px;\n  font-weight: 500;\n  color: var(--omniscribe-text, #2b303a);\n}\n\n.omniscribe_auto-summary-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Loading dots animation */\n.omniscribe_loading-dots {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_loading-dots::after {\n  content: '';\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n}\n\n.omniscribe_loading-dots::before {\n  content: '';\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n  animation-delay: -0.16s;\n  margin-right: 4px;\n}\n\n.omniscribe_loading-dots span {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n  animation-delay: -0.32s;\n  margin-right: 4px;\n}\n\n@keyframes omniscribe-dot-flashing {\n  0%,\n  80%,\n  100% {\n    opacity: 0;\n  }\n  40% {\n    opacity: 1;\n  }\n}\n\n\n/* Source: modules/chat/components/history/ChatHistory.css */\n.omniscribe_thread-list-container {\n  width: 100%;\n  height: 100%;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  padding-inline: calc(var(--spacing) * 1);\n  margin: 8px;\n}\n\n.omniscribe_thread-list-content {\n  padding-bottom: calc(var(--spacing) * 16);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.omniscribe_thread-list-item {\n  width: 100%;\n  padding-inline: 0;\n}\n\n.omniscribe_thread-list-btn {\n  text-align: left;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  width: calc(100% - var(--spacing) * 4);\n  border-radius: 4px !important;\n  margin-bottom: 4px;\n  font-weight: var(--font-weight-normal);\n  padding-inline: calc(var(--spacing) * 1) !important;\n}\n\n.omniscribe_thread-list-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--omniscribe-text, #252a32);\n  font-size: var(--Font-Size-font-size-100, 12px);\n  font-style: normal;\n  font-weight: var(--Font-Weight-Regular, 400);\n  line-height: var(--Font-Line-Height-line-height-100, 14.4px);\n  /* 120% */\n  letter-spacing: var(--Font-Letter-Spacing-letter-spacing-100, 0.05px);\n}\n\n.omniscribe_thread-history-loading {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing) * 2);\n  align-items: flex-start;\n  justify-content: flex-start;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  padding-inline: calc(var(--spacing) * 1);\n}\n\n.omniscribe_thread-history-loading-skeleton {\n  width: 100%;\n  height: calc(var(--spacing) * 10);\n}\n\n.omniscribe_thread-history-container {\n  display: flex;\n  flex-direction: column;\n  border-right: 1px solid var(--omniscribe-border, #e5e7ec);\n  align-items: flex-start;\n  justify-content: flex-start;\n  /* gap: calc(var(--spacing) * 6); */\n  height: 100%;\n  flex-shrink: 0;\n}\n\n.omniscribe_thread-history-header {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 16px;\n  background: var(--omniscribe-surface, white);\n  border-bottom: 1px solid var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_thread-history-header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding: 0;\n}\n\n.omniscribe_thread-history-header-title {\n  margin: 0;\n  color: var(--omniscribe-text, #252a32);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n}\n\n.omniscribe_thread-history-new-chat-btn {\n  margin: 12px 0 0 12px;\n  border-radius: 8px;\n  gap: 4px;\n  padding-block: 4px;\n}\n\n.omniscribe_thread-history-new-chat-btn:hover:not(:disabled) {\n  background-color: #0f2080;\n}\n\n.omniscribe_thread-history-new-chat-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_thread-history-chat-started-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: calc(var(--spacing) * 2);\n  padding-block: calc(var(--spacing) * 1);\n  background-color: color-mix(in oklab, var(--blue) 40%, transparent);\n  width: stretch;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: fill-available;\n  box-shadow:\n    inset 0 2px 4px rgb(0 0 0 / 0.05),\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n.omniscribe_thread-history-no-chat-started-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: calc(var(--spacing) * 2);\n  width: 100%;\n}\n\n.omniscribe_thread-history-chat-started-btn {\n  border: none;\n  background: transparent;\n  padding: 0px;\n  display: flex;\n  flex-direction: row;\n  gap: calc(var(--spacing) * 2);\n  align-items: center;\n  cursor: pointer;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n}\n\n.omniscribe_thread-history-chat-started-btn-text {\n  font-size: var(--text-xl);\n  line-height: var(--tw-leading, var(--text-xl--line-height));\n  font-weight: var(--font-weight-semibold);\n  letter-spacing: var(--tracking-tight);\n}\n\n.omniscribe_thread-tooltip {\n  padding: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Processing thread indicator */\n.omniscribe_thread-list-btn.omniscribe_thread-processing {\n  position: relative;\n}\n\n.omniscribe_thread-list-btn.omniscribe_thread-processing::before {\n  content: '';\n  position: absolute;\n  left: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 6px;\n  height: 6px;\n  background: var(--secondary, #132caa);\n  border-radius: 50%;\n  animation: omniscribe_pulse 1.5s infinite;\n}\n\n.omniscribe_thread-list-btn.omniscribe_thread-processing\n  .omniscribe_thread-list-text {\n  padding-left: 12px;\n}\n\n@keyframes omniscribe_pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n}\n\n\n/* Source: modules/chat/components/input/AudioBars.css */\n/* Granola-style animated audio bars: 3 rounded bars (short / tall / medium).\n   Accent-colored and \"dancing\" while recording, muted and static otherwise. */\n.omniscribe_audio-bars {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3px;\n}\n\n.omniscribe_audio-bar {\n  width: 3.5px;\n  background-color: var(--omniscribe-primary, #1a73e8);\n  border-radius: 9999px;\n  transition:\n    height 0.15s ease,\n    background-color 0.2s ease;\n}\n\n/* Muted gray when not recording */\n.omniscribe_audio-bar--inactive {\n  background-color: var(--grey-700, #9ca3af);\n}\n\n/* Live mode — heights are driven per-frame from the mic level, so use a\n   short linear transition that dampens the movement without lagging it */\n.omniscribe_audio-bar--live {\n  transition:\n    height 0.08s linear,\n    background-color 0.2s ease;\n}\n\n/* Static heights: short / tall / medium (Granola pattern) */\n.omniscribe_audio-bar--1 {\n  height: 50%;\n}\n\n.omniscribe_audio-bar--2 {\n  height: 100%;\n}\n\n.omniscribe_audio-bar--3 {\n  height: 65%;\n}\n\n/* Dancing equalizer animation while recording */\n.omniscribe_audio-bar--animating.omniscribe_audio-bar--1 {\n  animation: omniscribe-audio-dance-1 0.9s ease-in-out infinite;\n}\n\n.omniscribe_audio-bar--animating.omniscribe_audio-bar--2 {\n  animation: omniscribe-audio-dance-2 1.1s ease-in-out infinite;\n}\n\n.omniscribe_audio-bar--animating.omniscribe_audio-bar--3 {\n  animation: omniscribe-audio-dance-3 1s ease-in-out infinite;\n}\n\n/* The dance is decorative — it runs while connecting, when there is no stream\n   to visualise yet. The --live bars are deliberately left out: those track\n   real microphone input, so they are information, not decoration. */\n@media (prefers-reduced-motion: reduce) {\n  .omniscribe_audio-bar--animating.omniscribe_audio-bar--1,\n  .omniscribe_audio-bar--animating.omniscribe_audio-bar--2,\n  .omniscribe_audio-bar--animating.omniscribe_audio-bar--3 {\n    animation: none;\n  }\n}\n\n@keyframes omniscribe-audio-dance-1 {\n  0%,\n  100% {\n    height: 50%;\n  }\n  25% {\n    height: 85%;\n  }\n  50% {\n    height: 35%;\n  }\n  75% {\n    height: 70%;\n  }\n}\n\n@keyframes omniscribe-audio-dance-2 {\n  0%,\n  100% {\n    height: 100%;\n  }\n  30% {\n    height: 55%;\n  }\n  60% {\n    height: 90%;\n  }\n  80% {\n    height: 65%;\n  }\n}\n\n@keyframes omniscribe-audio-dance-3 {\n  0%,\n  100% {\n    height: 65%;\n  }\n  20% {\n    height: 95%;\n  }\n  55% {\n    height: 45%;\n  }\n  85% {\n    height: 80%;\n  }\n}\n\n\n/* Source: modules/chat/components/input/ExtrasButtons.css */\n/*\n * Category names come from the host's templateExtras schema, so their length is\n * not ours to control. Left unbounded, one long name grew its pill until it\n * pushed the overflow trigger — and with it every remaining category — off the\n * right edge of the widget, with no way to reach them.\n *\n * The row cannot simply clip: the overflow menu is absolutely positioned and\n * opens upwards, so `overflow: hidden` on the row would cut the menu instead.\n * The pills give up the space themselves: they are the only shrinkable items in\n * the row, capped, and their label truncates.\n */\n/* Qualified: `.omniscribe_action-btn` is shared with the generate button and\n   lives in another file, so an unqualified rule here would depend on which\n   stylesheet the bundler concatenates last. */\n.omniscribe_action-btn.omniscribe_extras-btn {\n  min-width: 0;\n  max-width: 180px;\n  flex-shrink: 1;\n}\n\n.omniscribe_extras-btn-label {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Overflow container for extras categories beyond the first two. */\n.omniscribe_extras-overflow {\n  position: relative;\n  display: inline-flex;\n  /* Never squeezed out: it is the only route to the remaining categories. */\n  flex-shrink: 0;\n}\n\n/* Three-dots trigger — mirrors the neutral pill styling of the action row. */\n.omniscribe_extras-overflow-trigger {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 9999px;\n  background-color: var(--omniscribe-surface, #ffffff);\n  color: var(--grey-700, #6f7d95);\n  cursor: pointer;\n  transition:\n    background-color 0.2s ease,\n    color 0.2s ease,\n    border-color 0.2s ease;\n}\n\n.omniscribe_extras-overflow-trigger:hover,\n.omniscribe_extras-overflow-trigger--open {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--omniscribe-text, #13161a);\n}\n\n/* Dropdown floats UP above the trigger (footer sits at the bottom), with a\n   gap so it doesn't sit flush against the action buttons row. */\n.omniscribe_extras-overflow-menu {\n  position: absolute;\n  bottom: calc(100% + 12px);\n  right: 0;\n  z-index: 20;\n  min-width: 160px;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  background-color: var(--omniscribe-surface, #ffffff);\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: var(--radius-lg, 12px);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n}\n\n.omniscribe_extras-overflow-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 8px 10px;\n  border: none;\n  border-radius: 8px;\n  background-color: transparent;\n  color: var(--omniscribe-text, #13161a);\n  text-align: left;\n  white-space: nowrap;\n  cursor: pointer;\n  transition: background-color 0.15s ease;\n}\n\n.omniscribe_extras-overflow-item:hover:not(:disabled) {\n  background-color: var(--omniscribe-primary-soft, #e8f0fe);\n  color: var(--omniscribe-primary, #1a73e8);\n}\n\n.omniscribe_extras-overflow-item:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n\n/* Source: modules/chat/components/input/FilePreview.css */\n/* File Preview Container - Figma Frame 532 */\n.omniscribe_file-preview-container {\n  display: contents;\n}\n\n.omniscribe_file-preview-container-history-open {\n  width: 372px;\n}\n\n/* Custom scrollbar */\n.omniscribe_file-preview-container::-webkit-scrollbar {\n  height: 6px;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-thumb {\n  background-color: #d1d5db;\n  border-radius: 3px;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-thumb:hover {\n  background-color: #9ca3af;\n}\n\n/* Individual image thumbnail */\n.omniscribe_file-preview-image {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 12px;\n  background-color: var(--omniscribe-surface-alt, #e8edf5);\n  overflow: hidden;\n  flex-shrink: 0;\n}\n\n.omniscribe_file-preview-image-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 12px;\n}\n\n.omniscribe_file-preview-image-placeholder {\n  width: 100%;\n  height: 100%;\n  background-color: var(--omniscribe-surface-alt, #e8edf5);\n  border-radius: 12px;\n}\n\n/* Document card */\n/* Document card - matches Figma design */\n.omniscribe_file-preview-document {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background-color: var(--omniscribe-surface, white);\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 16px;\n  position: relative;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n  flex-shrink: 0;\n  max-height: 38px;\n}\n\n.omniscribe_file-preview-document-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 46px;\n  height: 46px;\n  background-color: #dc3545;\n  border-radius: var(--radius-lg, 12px);\n  flex-shrink: 0;\n}\n\n.omniscribe_file-preview-document-icon svg {\n  color: white;\n}\n\n.omniscribe_file-preview-document-info {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  flex: 1;\n  padding-right: 16px;\n}\n\n.omniscribe_file-preview-document-title {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--grey-900);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 180px;\n}\n\n.omniscribe_file-preview-document-type {\n  font-size: 12px;\n  color: var(--grey-700);\n  font-weight: 500;\n}\n\n/* Individual image thumbnail - larger size matching Figma */\n.omniscribe_file-preview-image {\n  position: relative;\n  width: 64px;\n  height: 64px;\n  border-radius: 16px;\n  background-color: #1a1a2e;\n  flex-shrink: 0;\n  /* overflow: visible to allow X button to show outside bounds */\n}\n\n.omniscribe_file-preview-image-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 16px;\n  /* Apply overflow hidden to the image itself */\n  overflow: hidden;\n}\n\n.omniscribe_file-preview-image-placeholder {\n  width: 100%;\n  height: 100%;\n  background-color: var(--omniscribe-surface-alt, #e8edf5);\n  border-radius: 16px;\n}\n\n/* Remove button - blue circle with X - positioned inside bounds */\n.omniscribe_file-preview-remove-btn {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border: none;\n  border-radius: 50%;\n  background-color: var(--blue-600, #2563eb);\n  color: white;\n  cursor: pointer;\n  padding: 0;\n  transition: background-color 0.2s ease;\n  z-index: 2;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.omniscribe_file-preview-remove-btn:hover {\n  background-color: var(--blue-700, #1d4ed8);\n}\n\n.omniscribe_file-preview-remove-btn--image {\n  top: 4px;\n  right: 4px;\n  width: 20px;\n  height: 20px;\n}\n\n\n/* Source: modules/chat/components/input/MicrophoneButton.css */\n/* Microphone Button Styles */\n.microphone-button {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  min-width: 24px !important;\n  min-height: 24px !important;\n  padding: 0 !important;\n  border-radius: 9999px !important;\n  border: none !important;\n  background-color: var(--omniscribe-surface-alt, #f3f4f6) !important;\n  box-shadow: none !important;\n  transition: background-color 0.2s ease !important;\n  flex-shrink: 0;\n}\n\n.microphone-button:hover:not(:disabled) {\n  background-color: var(--omniscribe-surface-alt, #e5e7eb) !important;\n}\n\n.microphone-button--recording {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  background-color: #fee2e2 !important;\n}\n\n/* Pulse animation for recording state */\n@keyframes pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n\n/* Source: modules/chat/components/input/TranscribeDropdown.css */\n/* Ensure tooltip trigger properly wraps the button in flex context */\n.omniscribe_thread-combined-footer-row > .tooltip-trigger {\n  display: flex;\n  flex-shrink: 0;\n}\n\n/* Granola-style transcribe pill: [bars chevron] ··· [stop square | text]\n   A single flat capsule — no nested containers, no shadow, and its chrome\n   stays constant across idle/recording/paused (only the bars change). */\n.omniscribe_transcribe-dropdown {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 9999px;\n  background-color: var(--omniscribe-surface, white);\n  transition:\n    background-color 0.15s ease,\n    border-color 0.15s ease;\n  font-size: var(--font-size-100, 13px);\n  font-weight: 500;\n  color: var(--omniscribe-text, #1f2937);\n  white-space: nowrap;\n  overflow: hidden;\n  flex-shrink: 0;\n  padding: 10px 18px;\n}\n\n.omniscribe_transcribe-dropdown:hover:not(\n    .omniscribe_transcribe-dropdown--disabled\n  ) {\n  background-color: var(--omniscribe-surface-alt, #fafafa);\n  border-color: var(--color-gray-300, #d1d5db);\n}\n\n/* Left group: bars + chevron sit flat inside the capsule (no inner pill) */\n.omniscribe_transcribe-controls-group {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n/* Bars & chevron buttons — chromeless icon buttons */\n.omniscribe_transcribe-bars-button,\n.omniscribe_transcribe-chevron-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n.omniscribe_transcribe-bars-button:disabled,\n.omniscribe_transcribe-chevron-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Right: plain accent text control (Granola's \"Resume\") — no chrome */\n.omniscribe_transcribe-text-button {\n  display: flex;\n  align-items: center;\n  padding: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  font-size: inherit;\n  font-weight: 500;\n  color: var(--omniscribe-primary, #1a73e8);\n}\n\n.omniscribe_transcribe-text-button:hover:not(:disabled) {\n  color: var(--blue-700, #1558d6);\n}\n\n.omniscribe_transcribe-text-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Right: play triangle shown when idle/paused — no chrome, accent color */\n.omniscribe_transcribe-play-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  color: var(--omniscribe-primary, #1a73e8);\n  transition: color 0.15s ease;\n}\n\n.omniscribe_transcribe-play-button:hover:not(:disabled) {\n  color: var(--blue-700, #1558d6);\n}\n\n.omniscribe_transcribe-play-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Right: filled rounded stop square shown while recording — no chrome */\n.omniscribe_transcribe-stop-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  color: var(--omniscribe-text-muted, #5f6368);\n  transition: color 0.15s ease;\n}\n\n.omniscribe_transcribe-stop-button:hover:not(:disabled) {\n  color: var(--omniscribe-text, #1f2937);\n}\n\n.omniscribe_transcribe-stop-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.omniscribe_transcribe-dropdown--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_transcribe-dropdown-label {\n  text-align: left;\n  white-space: nowrap;\n}\n\n/* Chevron points up (panel closed) and rotates to down when expanded */\n.omniscribe_transcribe-dropdown-chevron {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--omniscribe-text-muted, #6b7280);\n  transition:\n    transform 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcribe-dropdown-chevron--expanded {\n  transform: rotate(180deg);\n}\n\n.omniscribe_transcribe-dropdown:hover .omniscribe_transcribe-dropdown-chevron {\n  color: var(--omniscribe-text, #374151);\n}\n\n/* Connection status pill - inline banner replacing toasts.\n   Three states: reconnecting (neutral), disconnected (red), restored (dark). */\n.omniscribe_connection-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: 9999px;\n  white-space: nowrap;\n  flex-shrink: 0;\n  font-weight: 500;\n  margin-inline: 8px;\n}\n\n.omniscribe_connection-pill-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.omniscribe_connection-pill-icon--spin {\n  animation: omniscribe-connection-spin 1s linear infinite;\n}\n\n@keyframes omniscribe-connection-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.omniscribe_connection-pill--reconnecting {\n  background-color: var(--omniscribe-surface-alt, #f9fafb);\n  border: 1px solid var(--color-gray-200, #e5e7eb);\n  color: var(--omniscribe-text-muted, #374151);\n}\n\n.omniscribe_connection-pill--disconnected {\n  background-color: #fdecec;\n  border: 1px solid #f8c7c7;\n  color: #b42318;\n  padding-right: 4px;\n}\n\n.omniscribe_connection-pill--restored {\n  background-color: #1f2937;\n  border: 1px solid #1f2937;\n  color: #ffffff;\n}\n\n.omniscribe_connection-pill-retry {\n  border-radius: 9999px !important;\n  gap: 4px;\n  padding-block: 3px !important;\n  padding-inline: 8px !important;\n  height: auto !important;\n  background-color: #d92d20 !important;\n  color: #ffffff !important;\n  border: none !important;\n  margin-left: 2px;\n}\n\n.omniscribe_connection-pill-retry:hover:not(:disabled) {\n  background-color: #b42318 !important;\n}\n\n/* Action buttons - unified style for Generate, Petitions, Extras */\n.omniscribe_action-btn {\n  /* Fixed-label actions keep their size; only the extras pills, whose labels\n     are host-defined and can be arbitrarily long, give up space. */\n  flex-shrink: 0;\n  border-radius: 9999px !important;\n  gap: 6px;\n  padding-block: 6px !important;\n  padding-inline: 12px !important;\n  /* Match height of controls-group (border + padding + content) */\n  min-height: 32px !important;\n  font-size: var(--font-size-100, 13px) !important;\n  font-weight: 500 !important;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;\n  transition: all 0.15s ease !important;\n  display: inline-flex !important;\n  align-items: center !important;\n}\n\n.omniscribe_action-btn:hover:not(:disabled) {\n  background-color: var(--blue-700, #1558d6) !important;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;\n}\n\n.omniscribe_action-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Collapsed state - vertical pill with light theme */\n.omniscribe_transcribe-collapsed {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  background-color: var(--omniscribe-surface, white);\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 9999px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/* Passive activity indicator — live bars while recording */\n.omniscribe_transcribe-collapsed-bars {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n}\n\n.omniscribe_transcribe-collapsed-play {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: none;\n  border-radius: 50%;\n  background-color: transparent;\n  color: var(--omniscribe-primary, #1a73e8);\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_transcribe-collapsed-play:hover:not(:disabled) {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  transform: scale(1.05);\n}\n\n.omniscribe_transcribe-collapsed-play:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_transcribe-collapsed-play--recording {\n  box-shadow: 0 0 8px rgba(26, 115, 232, 0.2);\n}\n\n.omniscribe_transcribe-collapsed-expand {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 50%;\n  background-color: transparent;\n  color: var(--omniscribe-text-muted, #6b7280);\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_transcribe-collapsed-expand:hover:not(:disabled) {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--omniscribe-text, #374151);\n}\n\n\n/* Source: modules/chat/components/input/TranscriptionPanel.css */\n/* Expand/collapse wrapper — absolutely positioned upwards so it does NOT\n   push the actions row or the form. Being out of the flow, animating the\n   height causes no footer reflow: the panel unfolds upwards (same\n   animation as the previous version). */\n.omniscribe_transcription-panel-wrapper {\n  position: absolute;\n  bottom: 100%;\n  left: 0;\n  right: 0;\n  height: 0;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    height 0.5s ease,\n    opacity 0.5s ease;\n}\n\n.omniscribe_transcription-panel-wrapper--expanded {\n  height: calc(var(--content-height) * 0.55);\n  opacity: 1;\n  pointer-events: auto;\n  border-bottom: 1px solid var(--border, #e5e7eb);\n}\n\n/* TranscriptionPanel - Frame 655 from Figma */\n.omniscribe_transcription-panel {\n  width: 100%;\n  height: 100%;\n  background-color: var(--omniscribe-surface, #ffffff);\n  border: 1px solid var(--border, #e5e7eb);\n  border-top-left-radius: var(--radius-lg, 12px);\n  border-top-right-radius: var(--radius-lg, 12px);\n  overflow: hidden;\n  margin-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Header with action buttons */\n.omniscribe_transcription-panel-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--border);\n}\n\n.omniscribe_transcription-panel-header-section {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_transcription-panel-actions {\n  display: flex;\n  align-items: center;\n  gap: 1px;\n  margin-right: 2px;\n}\n\n.omniscribe_transcription-panel-action-btn {\n  width: 100%;\n  height: auto;\n  transition:\n    background-color 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcription-panel-close {\n  border-radius: 9999px;\n  border: none;\n  padding-inline: 5px !important;\n  padding-block: 2.5px !important;\n  margin-block: 5.5px;\n  transition:\n    background-color 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcription-panel-close:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--color-gray-600, #4b5563);\n}\n\n/* Body container */\n.omniscribe_transcription-panel-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 150px;\n  overflow: hidden;\n}\n\n/* Idle state - white background with blue text */\n.omniscribe_transcription-panel-idle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  gap: 16px;\n  padding: 24px;\n}\n\n.omniscribe_transcription-panel-idle-text {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--color-primary, #2563eb);\n  text-align: center;\n  margin: 0;\n}\n\n.omniscribe_transcription-panel-play-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  border: none;\n  border-radius: 9999px;\n  background-color: var(--omniscribe-primary-soft, #e7effd);\n  cursor: pointer;\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.omniscribe_transcription-panel-play-btn:hover {\n  transform: scale(1.05);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n\n.omniscribe_transcription-panel-play-btn svg {\n  color: var(--omniscribe-primary, #2563eb);\n}\n\n/* Content state - transcription display */\n.omniscribe_transcription-panel-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n  max-height: 220px;\n}\n\n.omniscribe_transcription-panel-message {\n  margin-bottom: 8px;\n  text-align: left;\n  width: fit-content;\n  background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  padding: 4px;\n  border-radius: 8px;\n  color: var(--omniscribe-text, #13161a);\n  line-height: 1.7 !important;\n}\n\n/* Audio-loss divider rendered between segments where a recording cut\n   occurred. Visually separates captured speech from the gap so the doctor\n   can spot lost portions while reviewing the transcription. */\n.omniscribe_transcription-panel-cut {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-block: 10px;\n  padding-inline: 4px;\n}\n\n.omniscribe_transcription-panel-cut-line {\n  flex: 1;\n  height: 1px;\n  background-color: #fed7aa;\n}\n\n.omniscribe_transcription-panel-cut-label {\n  flex-shrink: 0;\n  padding: 2px 10px;\n  border-radius: 9999px;\n  background-color: #fff7ed;\n  border: 1px solid #fed7aa;\n  color: #c2410c;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n\n/* Scrollbar styles */\n.omniscribe_transcription-panel-content::-webkit-scrollbar {\n  width: 6px;\n}\n\n.omniscribe_transcription-panel-content::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background-color: var(--color-gray-300, #d1d5db);\n}\n\n.omniscribe_transcription-panel-content::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n/* Firefox */\n.omniscribe_transcription-panel-content {\n  scrollbar-width: thin;\n  scrollbar-color: var(--color-gray-300, #d1d5db) transparent;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-panel-processing {\n  padding-top: 5px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-processing {\n  padding: 12px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-processing-lines {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-skeleton-line {\n  height: 14px;\n  width: 70%;\n}\n\n.omniscribe_transcription-skeleton-line--short {\n  width: 40%;\n}\n\n.omniscribe_transcription-processing-text {\n  font-size: var(--text-xs);\n  color: var(--omni-secondary, #6b7280);\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupMenu.css */\n.omniscribe_link-menu-container {\n  width: 18rem;\n  border-radius: 0.5rem;\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n  border: 1px solid var(--grey-200);\n  background-color: var(--omniscribe-surface, #ffffff);\n}\n\n.omniscribe_link-menu-navigation {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  border-bottom: 1px solid var(--color-gray-100);\n  background-color: var(--grey-50);\n  border-top-left-radius: 0.5rem;\n  border-top-right-radius: 0.5rem;\n}\n\n.omniscribe_nav-button {\n  height: 1.5rem;\n  width: 1.5rem;\n  padding: 0.125rem;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.375rem;\n  color: var(--omniscribe-text-muted, #6b7280);\n  transition-property:\n    color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.omniscribe_nav-button:hover {\n  background-color: var(--color-gray-100);\n  color: var(--omniscribe-text, #374151);\n}\n\n.omniscribe_nav-button:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  box-shadow: 0 0 0 2px #3b82f6;\n}\n\n.omniscribe_nav-button:active {\n  background-color: var(--grey-200);\n}\n\n.omniscribe_nav-icon {\n  width: 0.875rem;\n  height: 0.875rem;\n}\n\n.omniscribe_page-indicator {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  color: var(--omniscribe-text-muted, #4b5563);\n}\n\n.omniscribe_link-menu-content {\n  padding: 0.375rem;\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupMenuCard.css */\n.omniscribe_card-link {\n  display: block;\n  border-radius: 0.5rem;\n  overflow: hidden;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 200ms;\n  background-color: var(--omniscribe-surface, #ffffff);\n  border: 1px solid var(--grey-200);\n  text-decoration: none;\n}\n\n.omniscribe_card {\n  border: 0;\n  box-shadow: none;\n  border-radius: 0.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.omniscribe_card:hover {\n  background-color: var(--grey-50);\n}\n\n.omniscribe_card-header {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n  border-bottom: 1px solid var(--color-gray-100);\n  background-color: rgba(249, 250, 251, 0.5);\n}\n\n.omniscribe_favicon {\n  width: 1rem;\n  height: 1rem;\n  flex-shrink: 0;\n}\n\n.omniscribe_fallback-icon {\n  width: 1rem;\n  height: 1rem;\n  border-radius: 0.125rem;\n  background-color: #d1d5db;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.omniscribe_fallback-text {\n  font-size: 8px;\n  font-weight: 700;\n  color: var(--grey-600);\n  text-transform: uppercase;\n}\n\n.omniscribe_card-title {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  color: var(--grey-800);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex-grow: 1;\n  min-width: 0;\n  margin: 0;\n}\n\n.omniscribe_card-content {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.omniscribe_card-content > * + * {\n  margin-top: 0.25rem;\n}\n\n.omniscribe_link-text {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  font-weight: 600;\n  color: var(--color-activeblack, #000000);\n  line-height: 1.375;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.omniscribe_snippet-text {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  color: var(--omniscribe-text-muted, #4b5563);\n  line-height: 1.625;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupPill.css */\n.omniscribe_pill-container {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  margin-left: 0.125rem;\n  margin-right: 0.125rem;\n}\n\n.omniscribe_pill-button {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 9999px;\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  background-color: var(--blue-100);\n  color: var(--blue-700);\n  border: 1px solid var(--blue-200);\n  transition-property:\n    color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  cursor: pointer;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.omniscribe_pill-button:hover {\n  background-color: var(--blue-200);\n}\n\n.omniscribe_pill-button:focus {\n  background-color: var(--blue-200);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  box-shadow:\n    0 0 0 2px #3b82f6,\n    0 0 0 4px rgba(59, 130, 246, 0.1);\n}\n\n.omniscribe_pill-button--active {\n  background-color: var(--blue-200);\n}\n\n.omniscribe_pill-domain {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n@media (min-width: 640px) {\n  .omniscribe_pill-domain {\n    max-width: 200px;\n  }\n}\n\n.omniscribe_pill-counter {\n  margin-left: 0.375rem;\n  background-color: var(--blue-200);\n  color: #1e40af;\n  border-radius: 9999px;\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 600;\n}\n\n.omniscribe_menu-portal {\n  position: absolute;\n  z-index: 100;\n}\n\n\n/* Source: modules/chat/components/markdown/MarkdownText.css */\n.omniscribe_markdown-code-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  border-top-left-radius: var(--radius) /* 0.25rem = 4px */;\n  border-top-right-radius: var(--radius) /* 0.25rem = 4px */;\n  background-color: var(--color-zinc-900)\n    /* oklch(21% 0.006 285.885) = #18181b */;\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  color: var(--white);\n}\n\n.omniscribe_markdown-code-span {\n  text-transform: lowercase;\n  & > span {\n    font-size: var(--text-xs) /* 0.75rem = 12px */;\n    line-height: var(--text-xs--line-height) /* calc(1 / 0.75) ≈ 1.3333 */;\n  }\n}\n\n.omniscribe_markdown-h1 {\n  margin-bottom: calc(var(--spacing) * 8) /* 2rem = 32px */;\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-4xl) /* 2.25rem = 36px */;\n  line-height: var(--text-4xl--line-height) /* calc(2.5 / 2.25) ≈ 1.1111 */;\n  font-weight: var(--font-weight-extrabold) /* 800 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h2 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 8) /* 2rem = 32px */;\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-3xl) /* 1.875rem = 30px */;\n  line-height: var(--text-3xl--line-height) /* calc(2.25 / 1.875) ≈ 1.2 */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n.omniscribe_markdown-h3 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 6);\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-2xl);\n  line-height: var(--text-2xl--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h4 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 6);\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-xl);\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n.omniscribe_markdown-h5 {\n  margin-block: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  font-size: var(--text-lg);\n  line-height: var(--text-lg--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h6 {\n  margin-block: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-p {\n  margin-block: calc(var(--spacing) * 2.5);\n  line-height: calc(var(--spacing) * 5);\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-a {\n  color: var(--primary);\n  font-weight: var(--font-weight-medium) /* 500 */;\n  text-decoration-line: underline;\n  text-underline-offset: 4px;\n  overflow-wrap: break-word;\n}\n\n.omniscribe_markdown-blockquote {\n  border-left-width: 2px;\n  padding-left: calc(var(--spacing) * 6) /* 1.5rem = 24px */;\n  font-style: italic;\n}\n\n.omniscribe_markdown-ul {\n  list-style-type: disc;\n  padding-inline-start: 20px;\n  word-break: break-word;\n  & > li {\n    margin-top: calc(var(--spacing) * 1) /* 0.5rem = 8px */;\n  }\n}\n\n.omniscribe_markdown-ol {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  margin-left: calc(var(--spacing) * 6) /* 1.5rem = 24px */;\n  list-style-type: decimal;\n  & > li {\n    margin-top: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  }\n}\n\n.omniscribe_markdown-hr {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  border-bottom-width: 1px;\n}\n.omniscribe_markdown-table {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  overflow-y: auto;\n}\n.omniscribe_markdown-th {\n  background-color: var(--muted);\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  text-align: left;\n  font-weight: var(--font-weight-bold) /* 700 */;\n  &:first-child {\n    border-top-left-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &:last-child {\n    border-top-right-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &[align='center'] {\n    text-align: center;\n  }\n  &[align='right'] {\n    text-align: right;\n  }\n}\n\n.omniscribe_markdown-td {\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  text-align: left;\n  &:last-child {\n    border-right-width: 1px;\n  }\n  &[align='center'] {\n    text-align: center;\n  }\n  &[align='right'] {\n    text-align: right;\n  }\n}\n\n.omniscribe_markdown-tr {\n  margin: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  &:first-child {\n    border-top-width: 1px;\n  }\n  &:last-child > td:first-child {\n    border-bottom-left-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &:last-child > td:last-child {\n    border-bottom-right-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n}\n\n.omniscribe_markdown-sup {\n  font-size: var(--text-xs) /* 0.75rem = 12px */;\n  line-height: var(--text-xs--line-height) /* calc(1 / 0.75) ≈ 1.3333 */;\n  & > a {\n    text-decoration-line: none;\n  }\n}\n\n.omniscribe_markdown-pre {\n  overflow-x: auto;\n  border-bottom-right-radius: var(--radius) /* 0.25rem = 4px */;\n  border-bottom-left-radius: var(--radius) /* 0.25rem = 4px */;\n  background-color: var(--black);\n  padding: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  color: var(--white);\n  max-width: var(--container-4xl) /* 56rem = 896px */;\n}\n\n.omniscribe_markdown-code {\n  border-radius: 0.25rem /* 4px */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n}\n\n.omniscribe_markdown-link {\n  color: var(--color-primary); /* text-primary */\n  font-weight: 500; /* font-medium */\n  text-decoration: underline; /* underline */\n  text-underline-offset: 4px; /* underline-offset-4 */\n  word-wrap: break-word; /* break-words */\n}\n\n.omniscribe_markdown-link:hover {\n  color: var(--color-primary-dark); /* hover:text-primary-dark */\n}\n\n.omniscribe_assistant-markdown-container strong,\n.omniscribe_assistant-markdown-container b {\n  font-weight: bold !important;\n}\n\n\n/* Source: modules/chat/components/markdown/tooltip-icon-button.css */\n/* Tooltip icon button styles */\n.omniscribe_tooltip-icon-button-btn {\n  padding: 4px;\n  min-width: auto;\n  min-height: auto;\n}\n\n.omniscribe_tooltip-icon-button-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n\n/* Source: modules/chat/components/messages/AssistantMessage.css */\n.omniscribe_assistant-message-container {\n  display: flex;\n  align-items: flex-start;\n  margin-right: auto;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  width: 100%;\n}\n\n.omniscribe_assistant-message-calls-container {\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n}\n\n.omniscribe_assistant-markdown-container {\n  padding-block: calc(var(--spacing) * 0.5) /* 0.25rem = 4px */;\n}\n\n.omniscribe_assistant-commands-container {\n  display: flex;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  align-items: center;\n  margin-right: auto;\n}\n.omniscribe_assistant-message-container:hover,\n.omniscribe_assistant-message-container:focus {\n  .omniscribe_assistant-commands-container {\n    opacity: 100%;\n  }\n}\n\n\n/* Source: modules/chat/components/messages/AssistantMessageLoading.css */\n/* Assistant message loading animation */\n.omniscribe_assistant-message-loading-container {\n  display: flex;\n  align-items: center;\n  padding: 8px 0;\n}\n\n.omniscribe_assistant-message-loading {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_assistant-message-loading-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-assistant-dot-flashing 1.4s infinite linear;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(1) {\n  animation-delay: -0.32s;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(2) {\n  animation-delay: -0.16s;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(3) {\n  animation-delay: 0s;\n}\n\n@keyframes omniscribe-assistant-dot-flashing {\n  0%,\n  80%,\n  100% {\n    opacity: 0;\n  }\n  40% {\n    opacity: 1;\n  }\n}\n\n\n/* Source: modules/chat/components/messages/BranchSwitcher.css */\n.omniscribe_brand-switcher-container {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n}\n\n.omniscribe_brand-switcher-text {\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n}\n\n.omniscribe_brand-switcher-btn {\n  width: calc(0.25rem /* 4px */ * 6) /* 1.5rem = 24px */;\n  height: calc(0.25rem /* 4px */ * 6) /* 1.5rem = 24px */;\n  padding: calc(0.25rem /* 4px */ * 1) /* 0.25rem = 4px */;\n}\n\n\n/* Source: modules/chat/components/messages/CommandBar.css */\n.omniscribe_command-bar-container {\n  display: flex;\n  align-items: center;\n  padding-right: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.omniscribe_command-bar-container.omniscribe_command-bar-hidden {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.thumbs.active {\n  color: var(--blue-500);\n}\n\n.omniscribe_feedback-button-container {\n  position: relative;\n  display: inline-block;\n}\n\n.omniscribe_command-bar-container-icon-color,\n.thumbs {\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n.omniscribe_command-bar-container svg {\n  width: 12px !important;\n  height: 12px !important;\n}\n\n.omniscribe_command-bar-container .omniscribe_tooltip-icon-button-btn {\n  padding: calc(var(--spacing) * 0.5) !important;\n}\n\n.omniscribe_command-bar-container .tooltip-base {\n  padding: 0.25rem 0.5rem;\n}\n\n.omniscribe_command-bar-container .tooltip-trigger {\n  padding: 1px;\n  margin: 1px;\n}\n\n.omniscribe_command-bar-container .omniscribe_button-size-icon {\n  height: calc(var(--spacing) * 3);\n  width: calc(var(--spacing) * 3);\n}\n\n\n/* Source: modules/chat/components/messages/HumanMessage.css */\n.omniscribe_human-message-container {\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n}\n.omniscribe_human-message-container-editing {\n  width: 100%;\n  max-width: var(--container-xl) /* 36rem = 576px */;\n}\n.omniscribe_human-message-container-no-editing {\n  max-width: 100%;\n}\n\n.omniscribe_human-message-command-container {\n  display: flex;\n  gap: calc(var(--spacing) * 1) /* 0.5rem = 8px */;\n  align-items: center;\n  margin-left: auto;\n}\n.omniscribe_human-message-command-container-editing {\n  opacity: 100%;\n}\n\n.omniscribe_human-message-container:focus,\n.omniscribe_human-message-container:hover {\n  .omniscribe_human-message-command-container {\n    opacity: 100%;\n  }\n}\n\n.omniscribe_human-message-subcontainer {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.omniscribe_human-message-subcontainer-editing {\n  width: 100%;\n}\n\n.omniscribe_human-message-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n}\n\n.omniscribe_human-message-content-text {\n  text-align: right;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-inline: calc(var(--spacing) * 2);\n  border-radius: var(--radius-3xl);\n  background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  font-weight: 500;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n  margin: 0;\n}\n.omniscribe_human-message-textarea {\n  min-height: 2.5rem !important; /* 40px */\n  max-height: 12rem !important; /* 192px - Allow more vertical space */\n  min-width: 200px !important; /* Minimum width for usability */\n  resize: both; /* Allow controlled resizing in both directions */\n  width: 100%;\n  overflow: auto; /* Enable scroll when content exceeds max dimensions */\n\n  &:focus-visible {\n    box-shadow: var(--tw-ring-inset,) 0 0 0\n      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\n  }\n}\n\n.omniscribe_human-message-textarea-chat-history-close {\n  max-width: 100% !important;\n}\n\n.omniscribe_human-message-textarea-chat-history-open {\n  max-width: 385px !important;\n}\n\n\n/* Source: modules/chat/components/messages/MessageImages.css */\n/* Message Files Container (for both images and documents) */\n.omniscribe_message-files {\n  margin-top: 8px;\n  margin-bottom: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* Message Images Container */\n.omniscribe_message-images {\n  display: flex;\n  flex-direction: column;\n}\n\n.omniscribe_message-images-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  max-width: 100%;\n}\n\n/* Individual Image Container */\n.omniscribe_message-image-container {\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  background-color: var(--omniscribe-surface-alt, #f5f5f5);\n  border: 1px solid var(--omniscribe-border, #e0e0e0);\n  cursor: pointer;\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.omniscribe_message-image-container:hover {\n  transform: scale(1.02);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.omniscribe_message-image-container-single {\n  max-width: 200px;\n  max-height: 200px;\n}\n\n.omniscribe_message-image-container-multiple {\n  width: 80px;\n  height: 80px;\n  flex-shrink: 0;\n}\n\n/* Image Element */\n.omniscribe_message-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.omniscribe_message-image-container-single .omniscribe_message-image {\n  max-width: 200px;\n  max-height: 200px;\n  width: auto;\n  height: auto;\n}\n\n/* Loading State */\n.omniscribe_message-image-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  min-height: 60px;\n  background-color: var(--omniscribe-surface-alt, #f8f9fa);\n  color: var(--omniscribe-text-muted, #6c757d);\n  font-size: 12px;\n  border-radius: 8px;\n}\n\n/* Error State */\n.omniscribe_message-image-error {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  min-height: 60px;\n  background-color: var(--omniscribe-surface-alt, #f8f9fa);\n  color: var(--omniscribe-text-muted, #6c757d);\n  font-size: 12px;\n  border-radius: 8px;\n  text-align: center;\n  cursor: default;\n}\n\n.omniscribe_message-image-error span {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.omniscribe_message-image-error small {\n  font-size: 10px;\n}\n\n/* Image Counter for Multiple Images */\n.omniscribe_message-image-counter {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  background-color: rgba(0, 0, 0, 0.7);\n  color: white;\n  font-size: 10px;\n  font-weight: bold;\n  padding: 2px 6px;\n  border-radius: 12px;\n  min-width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Images Count */\n.omniscribe_message-images-count {\n  margin-top: 4px;\n  font-size: 11px;\n  color: var(--omniscribe-text-muted, #6c757d);\n  font-style: italic;\n}\n\n/* Modal for Full-Size Images */\n.omniscribe_message-image-modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.omniscribe_message-image-modal-backdrop {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n}\n\n.omniscribe_message-image-modal-content {\n  position: relative;\n  max-width: 90vw;\n  max-height: 90vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.omniscribe_message-image-modal-img {\n  max-width: 100%;\n  max-height: 100%;\n  border-radius: 8px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n}\n\n.omniscribe_message-image-modal-close {\n  position: absolute;\n  top: -10px;\n  right: -10px;\n  background-color: var(--omniscribe-surface, #fff);\n  border: none;\n  border-radius: 50%;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: bold;\n  color: var(--omniscribe-text, #333);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n  transition: background-color 0.2s ease;\n}\n\n.omniscribe_message-image-modal-close:hover {\n  background-color: var(--omniscribe-surface-alt, #f5f5f5);\n}\n\n/* Message Documents Container */\n.omniscribe_message-documents {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_message-document {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border-radius: 8px;\n  background-color: var(--omniscribe-surface-alt, #f8f9fa);\n  border: 1px solid var(--omniscribe-border, #e0e0e0);\n  transition: background-color 0.2s ease;\n  max-width: 280px;\n}\n\n.omniscribe_message-document:hover {\n  background-color: var(--omniscribe-surface-alt, #f0f0f0);\n}\n\n.omniscribe_message-document-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.omniscribe_message-document-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.omniscribe_message-document-name {\n  font-weight: 500;\n  font-size: 13px;\n  color: var(--omniscribe-text, #333);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.omniscribe_message-document-size {\n  font-size: 11px;\n  color: var(--omniscribe-text-muted, #6c757d);\n}\n\n.omniscribe_message-documents-count {\n  margin-top: 4px;\n  font-size: 11px;\n  color: var(--omniscribe-text-muted, #6c757d);\n  font-style: italic;\n}\n\n\n/* Source: modules/chat/components/messages/ToolCalls.css */\n.omniscribe_tool-calls-container {\n  margin-block-start: calc(calc(var(--spacing) * 4) * var(0));\n  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(0)));\n  width: 100%;\n  max-width: var(--container-4xl) /* 56rem = 896px */;\n}\n\n.omniscribe_tool-calls-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  max-width: 100%;\n  flex-wrap: wrap;\n  gap: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n}\n.omniscribe_tool-calls-h3 {\n  font-weight: var(--font-weight-bold);\n  color: var(--color-gray-900) /* oklch(21% 0.034 264.665) = #101828 */;\n  word-break: break-all;\n  font-size: 14px;\n  margin: 0;\n}\n\n.omniscribe_tool-calls-item-args {\n  align-items: flex-start;\n  flex-wrap: wrap;\n}\n.omniscribe_tool-calls-item-args-text {\n  word-break: break-all;\n  margin-right: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n  padding-block: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n}\n\n.omniscribe_tool-calls-item-args-code {\n  background-color: var(--color-gray-50);\n  border-radius: 0.25rem /* 4px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n  word-break: break-all;\n}\n\n.omniscribe_tool-calls-pre {\n  font-size: 12px;\n}\n\n\n/* Source: modules/chat/components/messages/ToolResults.css */\n/* ToolResult Component Styles */\n\n.omniscribe_tool-result {\n  margin-top: 2px;\n  border: 1px solid var(--grey-200);\n  border-radius: 0.5rem !important; /* !rounded-lg */\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */\n  overflow: hidden; /* overflow-hidden */\n  width: 100%;\n}\n\n.omniscribe_tool-result-header {\n  background-color: var(--grey-50); /* bg-gray-50 */\n  padding-left: 1rem; /* px-4 */\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  display: flex; /* flex */\n  align-items: center; /* items-center */\n  justify-content: space-between; /* justify-between */\n}\n\n.omniscribe_tool-result-header--expanded {\n  border-bottom: 1px solid var(--grey-200);\n}\n\n.omniscribe_tool-result-header-content {\n  display: flex; /* flex */\n  align-items: center; /* items-center */\n  gap: 0.5rem; /* gap-2 */\n  min-width: 0; /* min-w-0 */\n}\n\n.omniscribe_tool-result-title {\n  font-weight: 500; /* font-medium */\n  color: var(--grey-900);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; /* truncate */\n  margin: 0;\n  font-size: 14px;\n}\n\n.omniscribe_expand-button {\n  padding: 0.25rem; /* p-1 */\n  flex-shrink: 0; /* flex-shrink-0 */\n}\n\n.omniscribe_expand-icon {\n  width: 1.25rem; /* w-5 */\n  height: 1.25rem; /* h-5 */\n}\n\n.omniscribe_tool-result-content {\n  padding: 1rem; /* p-4 */\n  background-color: var(--omniscribe-surface, #ffffff); /* bg-white */\n  max-height: 24rem; /* max-h-96 */\n  overflow-y: auto; /* overflow-y-auto */\n}\n\n.omniscribe_tool-result-content > * + * {\n  margin-top: 0.5rem; /* space-y-2 */\n}\n\n/* Scrollbar styles for webkit browsers */\n.omniscribe_tool-result-content::-webkit-scrollbar {\n  width: 8px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-track {\n  background: #f1f5f9;\n  border-radius: 4px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 4px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}\n\n.omniscribe_result-card {\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */\n  border: 1px solid var(--color-gray-100);\n  padding-top: 0.5rem !important; /* !py-2 */\n  padding-bottom: 0.5rem !important;\n  gap: 0 !important; /* !gap-0 */\n}\n\n.omniscribe_result-card-header {\n  padding-top: 0.5rem !important; /* !pt-2 */\n  padding-left: 0.5rem !important; /* !px-2 */\n  padding-right: 0.5rem !important;\n  padding-bottom: 0 !important; /* !pb-0 */\n}\n\n.omniscribe_result-card-title {\n  font-size: 0.875rem; /* text-sm */\n  line-height: 1.25rem;\n  font-weight: 600; /* font-semibold */\n}\n\n.omniscribe_result-link {\n  color: var(--blue-600);\n  text-decoration: none;\n  transition-property: color, text-decoration;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.omniscribe_result-link:hover {\n  text-decoration: underline; /* hover:underline */\n  color: #1e40af; /* hover:text-blue-800 */\n}\n\n.omniscribe_result-card-content {\n  padding: 0.5rem !important; /* !p-2 */\n  padding-top: 0 !important; /* !pt-0 */\n}\n\n.omniscribe_result-description {\n  font-size: 0.75rem; /* text-xs */\n  line-height: 1rem;\n  color: var(--omniscribe-text, #374151); /* text-gray-700 */\n  line-height: 1.625; /* leading-relaxed */\n  word-break: break-all; /* break-all */\n  display: -webkit-box;\n  -webkit-line-clamp: 2; /* line-clamp-2 */\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms; /* transition-all duration-150 ease-in-out */\n  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); /* ease-in-out */\n}\n\n.omniscribe_result-description:hover {\n  -webkit-line-clamp: unset; /* hover:line-clamp-none */\n  display: block;\n}\n\n.omniscribe_result-source {\n  font-size: 0.75rem; /* text-xs */\n  line-height: 1rem;\n  color: var(--omniscribe-text-muted, #6b7280); /* text-gray-500 */\n  margin-top: 0.25rem; /* mt-1 */\n  padding-top: 0.25rem; /* pt-1 */\n  border-top: 1px solid var(--color-gray-100);\n}\n\n.omniscribe_string-result {\n  font-size: 0.875rem; /* text-sm */\n  line-height: 1.25rem;\n  white-space: pre-wrap; /* whitespace-pre-wrap */\n  background-color: var(--grey-50);\n  padding: 0.75rem; /* p-3 */\n  border-radius: 0.375rem; /* rounded-md */\n  border: 1px solid var(--grey-200);\n  font-family:\n    ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo,\n    monospace; /* pre tag font */\n}\n\n\n/* Source: modules/header/components/ConfigHeader.css */\n/* Config Header Styles */\n.omniscribe_config-view {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  max-height: 17px;\n  padding: 16px;\n}\n\n.omniscribe_config-back-group {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n}\n\n.omniscribe_config-back-label {\n  margin: 0;\n  color: var(--omniscribe-text, #000000);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 17px;\n}\n\n.omniscribe_config-close-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background-color: var(--omniscribe-surface-alt, #edeff2);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: var(--Radius-radius-round, 99999px);\n  cursor: pointer;\n  color: var(--omniscribe-text, #000000);\n  font-size: 14px;\n  line-height: 1;\n  padding: 0;\n}\n\n\n/* Source: modules/header/components/ConnectedButtons.css */\n/* Connected Buttons Styles */\n.omniscribe_connected-buttons {\n  display: flex;\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  overflow: hidden;\n}\n\n.omniscribe_connected-btn-left {\n  border: none !important;\n  border-radius: 0 !important;\n  border-right: 1px solid var(--omniscribe-border, #e5e7ec) !important;\n}\n\n.omniscribe_connected-btn-right {\n  border: none !important;\n  border-radius: 0 !important;\n}\n\n/* Ensure connected buttons have consistent styling */\n.omniscribe_connected-buttons .omniscribe_utility-btns {\n  min-height: 40px;\n}\n\n\n/* Source: modules/header/components/ConsentIndicator.css */\n.omniscribe_consent-indicator {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  border-radius: 12px;\n  font-size: 10px;\n  font-weight: var(--Font-Weight-Regular, 400);\n  line-height: var(--text-xs--line-height, 14.4px);\n  letter-spacing: var(--text-xs--letter-spacing, 0.05px);\n  white-space: nowrap;\n  margin-right: 8px;\n  gap: 4px;\n  border: 1px solid var(--border, #e5e7ec);\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n.omniscribe_consent-indicator-tooltip {\n  border-radius: var(--radius-lg, 12px) !important;\n  border: 1px solid var(--border, #e5e7ec) !important;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) !important;\n  display: flex !important;\n  padding: 10px 8px !important;\n  font-size: 10px !important;\n  font-weight: 400 !important;\n  line-height: var(--text-xs--line-height, 14.4px) !important;\n  letter-spacing: var(--text-xs--letter-spacing, 0.05px) !important;\n}\n\n/* SOF-844: express refusal of AI use. Distinct from \"not signed yet\" — the\n   whole point of the third state is that they must not look alike. */\n.omniscribe_consent-indicator--refused {\n  background-color: var(--omniscribe-danger-soft, #fee2e2);\n  color: var(--omniscribe-danger, #b91c1c);\n  border-color: var(--omniscribe-danger, #b91c1c);\n}\n\n/* SOF-845: the consent may be signed and the assistant still blocked by another\n   rule. The badge stays truthful about the consent, but must not read as \"all\n   clear\" at a glance while recording is disabled. */\n.omniscribe_consent-indicator--blocked {\n  background-color: var(--omniscribe-warning-soft, #fef3c7);\n  color: var(--omniscribe-warning, #92400e);\n  border-color: var(--omniscribe-warning, #92400e);\n}\n\n\n/* Source: modules/header/components/MainHeader.css */\n/* Main Header Styles */\n.omniscribe_main-header {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.omniscribe_main-header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n.omniscribe_main-header-title {\n  margin: 0;\n  color: var(--omniscribe-text, #252a32);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n}\n\n.omniscribe_main-header-separator {\n  width: 1px;\n  align-self: stretch;\n  margin: -16px 0;\n  background-color: var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_main-header-spacer {\n  flex: 1;\n}\n\n.omniscribe_main-header-settings {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n.omniscribe_main-header-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n\n/* Source: modules/header/components/UtilityButton.css */\n/* Utility Button Styles */\n.omniscribe_utility-btn-audio {\n  min-height: 40px; /* Match connected buttons height */\n}\n\n.omniscribe_utility-btn-right {\n  /* Settings button specific styles can be added here */\n}\n\n/* Base utility button styles are inherited from parent UtilityButtons.css */\n\n\n/* Source: modules/header/components/WarningBanner.css */\n/* Warning Banner Styles */\n.omniscribe_warning-banner {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  border-top: 1px solid var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_warning-banner-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  padding: 0;\n  border: none;\n  background-color: var(--omniscribe-border, #e5e7ec);\n  border-radius: 50%;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.omniscribe_warning-banner-close:hover {\n  background-color: #d1d5db;\n}\n\n.omniscribe_warning-banner-text {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.25;\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n\n/* Source: modules/header/section/UtilityButtons.css */\n.omniscribe_header-wrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background-color: var(--omniscribe-surface, #ffffff);\n  border-top-right-radius: 12px;\n  border-top-left-radius: 12px;\n}\n\n.omniscribe_utility-btns-container {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--omniscribe-surface, #ffffff);\n  overflow: hidden;\n  border-bottom: 1px solid var(--omniscribe-border, #e5e7ec);\n  align-self: stretch;\n  border-top-right-radius: inherit;\n  border-top-left-radius: inherit;\n}\n\n.omniscribe_utility-btns-left,\n.omniscribe_utility-btns-right {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  align-items: center;\n}\n\n.omniscribe_utility-btn-right {\n  border-radius: var(--Radius-radius-round, 99999px) !important;\n  background-color: var(--omniscribe-surface-alt, #f6f7f9) !important;\n  border: none !important;\n}\n\n.omniscribe_utility-btns {\n  cursor: pointer;\n  transition-duration: 300ms;\n  background-color: color-mix(in oklab, var(--white) 30%, transparent);\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  position: relative;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n\n  &:hover {\n    background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  }\n}\n\n.omniscribe_utility-btns-pointer {\n  pointer-events: auto;\n}\n\n.omniscribe_utility-btns-no-pointer {\n  pointer-events: none;\n  background-color: var(--white);\n}\n\n.omniscribe_utility-btns-no-pointer-opacity {\n  pointer-events: none;\n  opacity: 50%;\n}\n\n.omniscribe_utility-btns-opacity {\n  background-color: var(--white);\n  opacity: 100%;\n}\n\n.omniscribe_utility-btns-active {\n  background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  border: 1px solid var(--omniscribe-primary, #105bdb);\n}\n\n.omniscribe_btn-label {\n  margin-left: 6px;\n  font-size: 14px;\n  color: var(--omniscribe-text, #212529);\n  font-weight: 500;\n}\n\n.omniscribe_btn-label-active {\n  color: var(--omniscribe-primary, #105bdb);\n}\n\n.omniscribe_btn-label-inactive {\n  color: var(--omniscribe-text, #212529);\n}\n\n.omniscribe_icon {\n  color: var(--active-black);\n}\n\n.omniscribe_icon-active {\n  color: var(--omniscribe-primary, #105bdb);\n}\n\n\n/* Source: modules/insertionPreview/InsertionPreviewModal.css */\n/* Insertion Preview Modal — ported from the demo's .sugg-* styles\n   (dev-tools/demo/src/style.css:715-891). Uses BEM-style naming under\n   omniscribe_insertion-preview to stay scoped inside the SDK shadow DOM.\n\n   Theming hooks (set on the `<sofia-sdk>` element, they cross the shadow\n   boundary; classes don't):\n\n     --omniscribe-insertion-preview-reserve         px reserved for chat widget on the right\n     --omniscribe-insertion-preview-primary         brand color (selection / apply button)\n     --omniscribe-insertion-preview-primary-soft    soft pill background using primary\n     --omniscribe-insertion-preview-primary-text    text color sitting on primary-soft\n     --omniscribe-insertion-preview-accent          attention color (gaps)\n     --omniscribe-insertion-preview-accent-soft     soft pill background using accent\n     --omniscribe-insertion-preview-accent-bg       gap-section background\n     --omniscribe-insertion-preview-text            primary text\n     --omniscribe-insertion-preview-text-muted      secondary text / chrome\n     --omniscribe-insertion-preview-border          panel + group border\n     --omniscribe-insertion-preview-border-soft     in-panel separators\n     --omniscribe-insertion-preview-input-border    form-control border\n     --omniscribe-insertion-preview-checkbox-border unchecked checkbox stroke\n     --omniscribe-insertion-preview-surface         panel background\n     --omniscribe-insertion-preview-surface-alt     header / footer / hover background\n\n   Defaults cascade THROUGH the main SDK tokens (`--omniscribe-*`) before\n   falling back to a hard-coded literal. So:\n\n     1. If the host sets `--omniscribe-insertion-preview-primary` →\n        only the modal picks it up (per-surface theming).\n     2. Else if the host sets `--omniscribe-primary` (the chat-widget\n        token) → BOTH chat and modal share it (unified theme — the\n        out-of-the-box experience).\n     3. Else → falls back to the hard-coded SDK default (Sofia blue),\n        matching the chat widget's stock look.\n\n   Tokens without a chat-widget counterpart (accent / text-muted /\n   border-soft / surface-alt etc.) keep their own defaults. */\n\n.omniscribe_insertion-preview__backdrop,\n.omniscribe_insertion-preview__panel {\n  --_primary: var(\n    --omniscribe-insertion-preview-primary,\n    var(--omniscribe-primary, #105bdb)\n  );\n  --_primary-soft: var(\n    --omniscribe-insertion-preview-primary-soft,\n    var(--omniscribe-primary-soft, #e7effd)\n  );\n  --_primary-text: var(\n    --omniscribe-insertion-preview-primary-text,\n    var(--omniscribe-primary, #105bdb)\n  );\n  --_accent: var(--omniscribe-insertion-preview-accent, #c77700);\n  --_accent-soft: var(--omniscribe-insertion-preview-accent-soft, #fdebc6);\n  --_accent-bg: var(--omniscribe-insertion-preview-accent-bg, #fffbf1);\n  --_text: var(\n    --omniscribe-insertion-preview-text,\n    var(--omniscribe-text, #1f2733)\n  );\n  --_text-muted: var(\n    --omniscribe-insertion-preview-text-muted,\n    var(--omniscribe-text-muted, #6a7385)\n  );\n  --_border: var(\n    --omniscribe-insertion-preview-border,\n    var(--omniscribe-border, #e5e7ec)\n  );\n  --_border-soft: var(\n    --omniscribe-insertion-preview-border-soft,\n    var(--omniscribe-border, #eef1f6)\n  );\n  --_input-border: var(\n    --omniscribe-insertion-preview-input-border,\n    var(--omniscribe-border, #d6dbe5)\n  );\n  --_checkbox-border: var(\n    --omniscribe-insertion-preview-checkbox-border,\n    #b7bfcc\n  );\n  --_surface: var(\n    --omniscribe-insertion-preview-surface,\n    var(--omniscribe-surface, #fff)\n  );\n  --_surface-alt: var(\n    --omniscribe-insertion-preview-surface-alt,\n    var(--omniscribe-surface-alt, #f6f8fb)\n  );\n}\n\n/* The modal must sit above every other surface in the SDK shadow DOM\n   (chat panel, toasts, tooltips). 2147483640+ ensures that even with a\n   max-int z-index race, the modal wins. */\n.omniscribe_insertion-preview__backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(15, 27, 45, 0.42);\n  backdrop-filter: blur(2px);\n  -webkit-backdrop-filter: blur(2px);\n  z-index: 2147483640;\n  animation: omniscribe_insertion-preview__fade 0.18s ease-out;\n}\n@keyframes omniscribe_insertion-preview__fade {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* `--omniscribe-insertion-preview-reserve` lets the host budget space\n   for a floating chat widget so the panel centers in the area NOT\n   covered by it. Default: 0px → centered in the full viewport. */\n.omniscribe_insertion-preview__panel {\n  position: fixed;\n  top: 50%;\n  left: calc((100vw - var(--omniscribe-insertion-preview-reserve, 0px)) / 2);\n  transform: translate(-50%, -50%);\n  z-index: 2147483641;\n  width: 680px;\n  max-width: calc(\n    100vw - var(--omniscribe-insertion-preview-reserve, 0px) - 32px\n  );\n  max-height: 84vh;\n  background: var(--_surface);\n  border: 1px solid var(--_border);\n  border-radius: 14px;\n  box-shadow: 0 24px 64px rgba(15, 27, 45, 0.18);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  animation: omniscribe_insertion-preview__in 0.22s ease-out;\n  font-family: 'Lato', sans-serif;\n  color: var(--_text);\n}\n\n/* Below 1100px there isn't room to sit beside the widget; centered\n   fallback (will overlap the widget — same trade-off as the demo). */\n@media (max-width: 1100px) {\n  .omniscribe_insertion-preview__panel {\n    left: 50%;\n    width: 92vw;\n    max-width: 720px;\n  }\n}\n@keyframes omniscribe_insertion-preview__in {\n  from {\n    opacity: 0;\n    transform: translate(-50%, calc(-50% + 8px)) scale(0.985);\n  }\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n.omniscribe_insertion-preview__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 14px;\n  border-bottom: 1px solid var(--_border);\n  background: var(--_surface-alt);\n}\n.omniscribe_insertion-preview__title {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n}\n.omniscribe_insertion-preview__close {\n  background: transparent;\n  border: 0;\n  color: var(--_text-muted);\n  font-size: 18px;\n  line-height: 1;\n  padding: 2px 6px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.omniscribe_insertion-preview__close:hover {\n  background: var(--_border-soft);\n  color: var(--_text);\n}\n\n.omniscribe_insertion-preview__sub {\n  margin: 0;\n  padding: 8px 14px;\n  font-size: 11.5px;\n  color: var(--_text-muted);\n  border-bottom: 1px solid var(--_border-soft);\n}\n\n.omniscribe_insertion-preview__body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 4px 0;\n}\n\n.omniscribe_insertion-preview__group {\n  border-bottom: 1px solid var(--_border-soft);\n}\n.omniscribe_insertion-preview__group:last-child {\n  border-bottom: 0;\n}\n.omniscribe_insertion-preview__group-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px 4px;\n}\n/* The parent label of an array-of-objects group lives inside .group-head\n   which already supplies 14px left padding. Without zeroing the inner\n   .row padding here, the parent ends up doubly indented (28px) while\n   children directly under the section have a single 14px — making the\n   parent appear LEFT-shifted relative to its own children. */\n.omniscribe_insertion-preview__group-head .omniscribe_insertion-preview__row {\n  padding: 0;\n}\n.omniscribe_insertion-preview__group-name {\n  font-size: 10.5px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--_text-muted);\n}\n.omniscribe_insertion-preview__group-count {\n  background: var(--_primary-soft);\n  color: var(--_primary-text);\n  font-size: 10.5px;\n  font-weight: 600;\n  border-radius: 999px;\n  padding: 1px 7px;\n}\n\n.omniscribe_insertion-preview__row {\n  display: grid;\n  grid-template-columns: 16px 1fr;\n  gap: 10px;\n  padding: 8px 14px;\n  align-items: flex-start;\n  cursor: pointer;\n  border-radius: 6px;\n}\n.omniscribe_insertion-preview__row:hover {\n  background: var(--_surface-alt);\n}\n.omniscribe_insertion-preview__row-checkbox {\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  border: 1px solid var(--_checkbox-border);\n  border-radius: 3px;\n  background: var(--_surface);\n  margin-top: 2px;\n  cursor: pointer;\n}\n.omniscribe_insertion-preview__row-checkbox:checked {\n  background: var(--_primary);\n  border-color: var(--_primary);\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>\");\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.omniscribe_insertion-preview__row-body {\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.omniscribe_insertion-preview__row-label {\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--_text);\n  margin-bottom: 8px;\n}\n.omniscribe_insertion-preview__row-preview {\n  font-size: 11.5px;\n  color: var(--_text-muted);\n  word-break: break-word;\n}\n.omniscribe_insertion-preview__row-line {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 2px 0;\n}\n.omniscribe_insertion-preview__row-line-text {\n  flex: 1;\n}\n\n.omniscribe_insertion-preview__row-edit {\n  margin-top: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.omniscribe_insertion-preview__row-edit-grid {\n  display: grid;\n  grid-template-columns: 140px 1fr;\n  gap: 6px 12px;\n  align-items: center;\n}\n.omniscribe_insertion-preview__row-edit-label {\n  font-size: 11px;\n  color: var(--_text-muted);\n}\n\n.omniscribe_insertion-preview__edit {\n  font: inherit;\n  font-size: 12px;\n  color: var(--_text);\n  border: 1px solid var(--_input-border);\n  border-radius: 4px;\n  padding: 4px 8px;\n  background: var(--_surface);\n  width: 100%;\n  box-sizing: border-box;\n}\n.omniscribe_insertion-preview__edit--prose {\n  min-height: 60px;\n  resize: vertical;\n}\n.omniscribe_insertion-preview__edit--toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  border: 0;\n  padding: 0;\n  background: transparent;\n}\n.omniscribe_insertion-preview__edit--multi-enum {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  border: 0;\n  padding: 0;\n  background: transparent;\n}\n.omniscribe_insertion-preview__edit__chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  border: 1px solid var(--_input-border);\n  border-radius: 999px;\n  padding: 2px 8px;\n  cursor: pointer;\n}\n.omniscribe_insertion-preview__edit__chip--on {\n  background: var(--_primary);\n  color: #fff;\n  border-color: var(--_primary);\n}\n.omniscribe_insertion-preview__edit__chip input {\n  display: none;\n}\n\n/* Searchable enum select */\n.omniscribe_insertion-preview__searchable-select {\n  position: relative;\n  width: 100%;\n}\n.omniscribe_insertion-preview__searchable-select__trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  font: inherit;\n  font-size: 12px;\n  border: 1px solid var(--_input-border);\n  border-radius: 4px;\n  padding: 4px 8px;\n  background: var(--_surface);\n  cursor: pointer;\n  text-align: left;\n}\n.omniscribe_insertion-preview__searchable-select__chevron {\n  color: var(--_text-muted);\n}\n.omniscribe_insertion-preview__searchable-select__dropdown {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 5;\n  background: var(--_surface);\n  border: 1px solid var(--_input-border);\n  border-radius: 4px;\n  box-shadow: 0 8px 24px rgba(15, 27, 45, 0.12);\n  max-height: 200px;\n  display: flex;\n  flex-direction: column;\n}\n.omniscribe_insertion-preview__searchable-select__search {\n  font: inherit;\n  font-size: 12px;\n  border: 0;\n  border-bottom: 1px solid var(--_border-soft);\n  padding: 6px 8px;\n  outline: none;\n}\n.omniscribe_insertion-preview__searchable-select__list {\n  list-style: none;\n  margin: 0;\n  padding: 4px 0;\n  overflow-y: auto;\n}\n.omniscribe_insertion-preview__searchable-select__option {\n  padding: 4px 10px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.omniscribe_insertion-preview__searchable-select__option:hover,\n.omniscribe_insertion-preview__searchable-select__option--selected {\n  background: var(--_surface-alt);\n}\n.omniscribe_insertion-preview__searchable-select__option--custom {\n  color: var(--_text-muted);\n  font-style: italic;\n}\n\n.omniscribe_insertion-preview__row--will-replace {\n  background: rgba(199, 119, 0, 0.06);\n}\n.omniscribe_insertion-preview__row-tag {\n  font-size: 10px;\n  font-weight: 600;\n  background: var(--_accent-soft);\n  color: var(--_accent);\n  padding: 2px 6px;\n  border-radius: 999px;\n  align-self: flex-start;\n  margin-top: 1px;\n}\n\n/* Gaps group */\n.omniscribe_insertion-preview__group--gaps {\n  background: var(--_accent-bg);\n  border-top: 1px solid var(--_border);\n}\n.omniscribe_insertion-preview__group-name--gap {\n  color: var(--_accent);\n}\n.omniscribe_insertion-preview__group-count--gap {\n  background: var(--_accent-soft);\n  color: var(--_accent);\n}\n.omniscribe_insertion-preview__row--gap {\n  grid-template-columns: 18px 1fr;\n  cursor: default;\n}\n.omniscribe_insertion-preview__row--gap:hover {\n  background: rgba(199, 119, 0, 0.06);\n}\n.omniscribe_insertion-preview__gap-icon {\n  color: var(--_accent);\n  margin-top: 1px;\n}\n.omniscribe_insertion-preview__row-preview--gap {\n  color: var(--_accent);\n}\n\n.omniscribe_insertion-preview__footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 10px 14px;\n  border-top: 1px solid var(--_border);\n  background: var(--_surface-alt);\n}\n.omniscribe_insertion-preview__btn {\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  border: 1px solid var(--_input-border);\n  background: var(--_surface);\n  border-radius: 6px;\n  padding: 6px 14px;\n  cursor: pointer;\n  color: var(--_text);\n}\n.omniscribe_insertion-preview__btn--primary {\n  background: var(--_primary);\n  color: #fff;\n  border-color: var(--_primary);\n}\n.omniscribe_insertion-preview__btn--primary:disabled {\n  background: #a3b1ad;\n  border-color: #a3b1ad;\n  cursor: not-allowed;\n}\n\n/* \"Edit with voice\" — secondary action style. Picks up the host's\n   --omniscribe-secondary token (falls back to a neutral teal). */\n.omniscribe_insertion-preview__btn--voice {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--_surface);\n  color: var(--_primary);\n  border-color: var(--_primary);\n}\n.omniscribe_insertion-preview__btn--voice:hover {\n  background: var(--_primary-soft);\n}\n.omniscribe_insertion-preview__btn-icon {\n  display: inline-block;\n  vertical-align: middle;\n  flex-shrink: 0;\n}\n.omniscribe_insertion-preview__btn-icon--stop {\n  width: 10px;\n  height: 10px;\n  background: currentColor;\n  border-radius: 1px;\n}\n\n/* While recording the voice button morphs into a destructive-styled\n   \"Stop\" button so the action reads as final. */\n.omniscribe_insertion-preview__btn--voice-stop {\n  background: #dc3545;\n  color: #fff;\n  border-color: #dc3545;\n}\n.omniscribe_insertion-preview__btn--voice-stop:hover {\n  background: #c82333;\n  border-color: #c82333;\n}\n\n/* Voice status banner — rendered just under the modal header while the\n   chat surface is recording / starting / generating. */\n.omniscribe_insertion-preview__voice-banner {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 14px;\n  font-size: 12px;\n  border-bottom: 1px solid var(--_border-soft);\n  background: var(--_surface-alt);\n  color: var(--_text);\n}\n.omniscribe_insertion-preview__voice-banner--recording {\n  background: rgba(220, 53, 69, 0.08);\n  color: #b21f2c;\n}\n.omniscribe_insertion-preview__voice-banner--generating {\n  background: var(--_primary-soft);\n  color: var(--_primary-text);\n}\n.omniscribe_insertion-preview__voice-pulse {\n  width: 10px;\n  height: 10px;\n  border-radius: 999px;\n  background: #dc3545;\n  animation: omniscribe_insertion-preview__pulse 1s ease-in-out infinite;\n  flex-shrink: 0;\n}\n@keyframes omniscribe_insertion-preview__pulse {\n  0%,\n  100% {\n    opacity: 0.4;\n    transform: scale(0.85);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.15);\n  }\n}\n.omniscribe_insertion-preview__voice-spinner {\n  width: 12px;\n  height: 12px;\n  border: 2px solid currentColor;\n  border-top-color: transparent;\n  border-radius: 999px;\n  animation: omniscribe_insertion-preview__spin 0.8s linear infinite;\n  flex-shrink: 0;\n  display: inline-block;\n}\n@keyframes omniscribe_insertion-preview__spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Tiny visual cue on the panel itself while recording. */\n.omniscribe_insertion-preview__panel--voice {\n  border-color: rgba(220, 53, 69, 0.4);\n}\n.omniscribe_insertion-preview__close:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.omniscribe_insertion-preview__footer-spacer {\n  flex: 1;\n}\n\n/* Mandatory styling — distinct from the soft amber gap treatment so the\n   doctor immediately sees what's blocking. Red border + red pill. */\n.omniscribe_insertion-preview__row--mandatory {\n  background: rgba(220, 53, 69, 0.06);\n  border-left: 3px solid #dc3545;\n}\n.omniscribe_insertion-preview__row--mandatory\n  .omniscribe_insertion-preview__row-preview--gap,\n.omniscribe_insertion-preview__row--mandatory\n  .omniscribe_insertion-preview__row-label {\n  color: var(--omniscribe-text, #1f2733);\n}\n.omniscribe_insertion-preview__gap-icon--mandatory {\n  color: #dc3545;\n}\n.omniscribe_insertion-preview__row-edit-grid--mandatory {\n  background: rgba(220, 53, 69, 0.04);\n  border-radius: 4px;\n  padding: 4px 6px;\n}\n.omniscribe_insertion-preview__mandatory-pill {\n  display: inline-block;\n  margin-left: 8px;\n  padding: 1px 6px;\n  font-size: 9.5px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  background: #dc3545;\n  color: #fff;\n  border-radius: 999px;\n}\n.omniscribe_insertion-preview__sub--blocking {\n  color: #dc3545;\n  font-weight: 600;\n}\n\n/* AI-suggested field: the agent inferred this from context rather\n   than from an explicit doctor statement. We tint the editor\n   background so the doctor visually distinguishes it from\n   confirmed-from-dictation fields, and a small ✨ pill on the\n   label tells them what it means. Less alarming than the\n   mandatory-red treatment because the field IS filled — we just\n   want the doctor to double-check it. */\n.omniscribe_insertion-preview__row-edit-grid--suggested {\n  background: rgba(176, 122, 255, 0.06);\n  border-left: 2px solid #b07aff;\n  border-radius: 4px;\n  padding: 4px 6px;\n}\n.omniscribe_insertion-preview__suggested-pill {\n  display: inline-block;\n  margin-left: 8px;\n  padding: 1px 7px;\n  font-size: 9.5px;\n  font-weight: 600;\n  letter-spacing: 0.03em;\n  background: rgba(176, 122, 255, 0.12);\n  color: #6f48b8;\n  border: 1px solid rgba(176, 122, 255, 0.5);\n  border-radius: 999px;\n}\n\n/* SOF-659 — read-only \"Attachments\" section (file previews by type). */\n.omniscribe_insertion-preview__attachments {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.omniscribe_insertion-preview__attachments__list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.omniscribe_insertion-preview__attachment {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 8px;\n  overflow: hidden;\n  background: rgba(0, 0, 0, 0.02);\n}\n\n.omniscribe_insertion-preview__attachment--image {\n  display: block;\n  max-width: 100%;\n  max-height: 240px;\n  object-fit: contain;\n}\n\n.omniscribe_insertion-preview__attachment--audio {\n  width: 100%;\n  padding: 8px;\n}\n\n.omniscribe_insertion-preview__attachment--pdf {\n  width: 100%;\n  height: 360px;\n  border: none;\n}\n\n.omniscribe_insertion-preview__attachment--text {\n  margin: 0;\n  padding: 10px 12px;\n  max-height: 200px;\n  overflow: auto;\n  font-size: 12px;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.omniscribe_insertion-preview__attachment--file {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 12px;\n}\n\n.omniscribe_insertion-preview__attachment__name {\n  font-size: 13px;\n  color: #333;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n/* Source: modules/layout/components/OmniscribeContainer/OmniscribeContainer.css */\n.omniscribe_container {\n  isolation: isolate;\n  position: fixed;\n  bottom: calc(var(--spacing) * 5);\n  right: 0;\n  border-top-left-radius: 30px;\n  border-bottom-left-radius: 30px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n  z-index: 80;\n}\n\n[dir='ltr'] .omniscribe_container {\n  right: 0;\n  border-top-left-radius: 30px;\n  border-bottom-left-radius: 30px;\n}\n\n[dir='rtl'] .omniscribe_container {\n  left: 0;\n  right: auto;\n  border-top-right-radius: 30px;\n  border-bottom-right-radius: 30px;\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n\n\n/* Source: modules/layout/components/OmniscribeLayout/DraggableCollapsed.css */\n/* Draggable Collapsed Container */\n.omniscribe_draggable-collapsed {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  cursor: grab;\n  z-index: 9999;\n  transition: transform 0.1s ease-out;\n  user-select: none;\n  touch-action: none;\n}\n\n.omniscribe_draggable-collapsed--dragging {\n  cursor: grabbing;\n  transition: none;\n}\n\n/* Horizontal mode - rotated 90 degrees */\n.omniscribe_draggable-collapsed--horizontal {\n  bottom: 20px;\n}\n\n.omniscribe_draggable-collapsed--horizontal .omniscribe_transcribe-collapsed {\n  flex-direction: row;\n  transform: none;\n}\n\n/* RTL support */\n[dir='rtl'] .omniscribe_draggable-collapsed {\n  right: auto;\n  left: 20px;\n}\n\n\n/* Source: modules/layout/components/OmniscribeLayout/OmniscribeLayout.css */\n.omniscribe_layout {\n  position: fixed;\n  width: var(--layout-w);\n  background: var(--white);\n  bottom: calc(var(--spacing) * 5);\n  border-bottom-left-radius: 12px;\n  border: solid 1px var(--omniscribe-border, var(--light-border));\n  box-shadow: 0px 4px 4px 0px #00000040;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 500ms;\n  transition-property: transform, translate, scale, rotate;\n  display: flex;\n  flex-direction: column;\n  height: var(--layout-h);\n  min-width: 500px;\n  min-height: 500px;\n  right: 0;\n  border-radius: 12px;\n}\n\n[dir='rtl'] .omniscribe_layout {\n  left: 0;\n  right: auto;\n  border-bottom-right-radius: 12px;\n}\n\n[dir='ltr'] .omniscribe_layout {\n  right: 0;\n  border-bottom-left-radius: 12px;\n}\n\n.omniscribe_layout-open {\n  background: var(--white);\n  translate: 0;\n}\n\n.omniscribe_layout-close {\n  translate: var(--layout-w);\n}\n\n[dir='rtl'] .omniscribe_layout-close {\n  translate: calc(var(--layout-w) * -1);\n}\n\n[dir='ltr'] .omniscribe_layout-close {\n  translate: var(--layout-w);\n}\n\n\n/* Source: modules/settings/components/chat/Chat.css */\n.omniscribe_chat-config {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  min-height: 0; /* Permite que los hijos controlen su altura */\n  flex: 1; /* Toma el espacio disponible */\n}\n\n/* Espaciado específico para el separador en el contexto de chat */\n.omniscribe_chat-config .omniscribe_separator {\n  margin: 8px 0; /* Margen vertical consistente */\n}\n\n.omniscribe_chat-prompt-container {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-right: 16px;\n}\n\n.omniscribe_chat-prompt-textarea {\n  width: 100%;\n  height: 74px;\n  padding: 8px;\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  line-height: 1.5;\n  color: var(--omniscribe-text, #374151);\n  background-color: var(--omniscribe-surface, white);\n  resize: none;\n  outline: none;\n  transition: border-color 0.15s ease;\n}\n\n.omniscribe_chat-prompt-textarea::placeholder {\n  color: var(--omniscribe-text-muted, #9ca3af);\n  font-style: italic;\n}\n\n.omniscribe_chat-character-count {\n  font-size: 12px;\n  color: var(--omniscribe-text-muted, #6b7280);\n  align-self: flex-start;\n}\n\n\n/* Source: modules/settings/components/chat/PromptCustomization.css */\n.omniscribe_chat-prompt-title {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--omniscribe-text, #252a32);\n  line-height: 14.4px;\n  margin: 0 0 12px 0;\n}\n\n.omniscribe_chat-prompt-container {\n  position: relative;\n}\n\n.omniscribe_chat-prompt-textarea {\n  width: 100%;\n  min-height: 80px;\n  padding: 12px;\n  border: 1px solid var(--border-color, #ddd);\n  border-radius: 8px;\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.4;\n  resize: none;\n  transition: border-color 0.2s ease;\n}\n\n.omniscribe_chat-prompt-textarea:focus {\n  outline: none;\n  border-color: var(--omniscribe-primary, #007bff);\n  box-shadow: 0 0 0 2px var(--primary-color-alpha, rgba(0, 123, 255, 0.1));\n}\n\n.omniscribe_chat-character-count {\n  font-size: 12px;\n  color: var(--text-secondary, #666);\n  margin-top: 6px;\n  text-align: right;\n}\n\n\n/* Source: modules/settings/components/chat/SourceItem.css */\n.omniscribe_source-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.omniscribe_source-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  /* Let the label shrink inside the row so a long name can wrap instead of\n     pushing the row wider. */\n  flex: 1;\n  min-width: 0;\n}\n\n.omniscribe_source-checkbox {\n  width: 16px;\n  height: 16px;\n  accent-color: var(--primary, #105bdb);\n  cursor: pointer;\n}\n\n.omniscribe_source-name {\n  flex: 1;\n  min-width: 0;\n  /* A source name with no spaces (e.g. a bare domain) has no wrap points, so\n     without this it overflows the row. `anywhere` breaks it only when needed. */\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  color: var(--omniscribe-text, #374151);\n}\n/* Removed link styles for source name - now handled by icon button only */\n.omniscribe_source-external-icon {\n  width: 12px;\n  height: 12px;\n  stroke: var(--primary, #105bdb);\n  cursor: pointer;\n  transition: stroke 0.2s;\n  flex-shrink: 0;\n}\n\n.omniscribe_source-external-icon:hover {\n  stroke: #0d47a1;\n}\n\n.omniscribe_source-checkbox:checked + .omniscribe_source-name {\n  font-weight: 500;\n  color: var(--omniscribe-text, #1f2937);\n}\n\n\n/* Source: modules/settings/components/chat/SourceSelector.css */\n.omniscribe_source-selector {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-bottom: 24px;\n  min-height: 0;\n  flex: 1;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.omniscribe_source-selector-title {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--omniscribe-text, #252a32);\n  margin: 0;\n}\n\n.omniscribe_source-selector-description {\n  font-size: 14px;\n  color: var(--omniscribe-text-muted, #6b7280);\n  line-height: 1.5;\n  margin: 0;\n}\n\n.omniscribe_source-list {\n  width: 100%;\n  max-width: 100%;\n  min-height: 105px;\n  max-height: 285px;\n  border-radius: 12px;\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  background: var(--omniscribe-surface, #ffffff);\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  overflow-y: auto;\n  flex: 1;\n  box-sizing: border-box;\n}\n\n.omniscribe_source-list--compact {\n  max-height: 105px;\n}\n\n\n/* Source: modules/settings/section/Configuration.css */\n.omniscribe_config-content {\n  width: 650px;\n  max-height: 590px;\n  opacity: 1;\n  background-color: var(--omniscribe-surface, #ffffff);\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n}\n\n.omniscribe_config-list {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  flex: 1;\n}\n\n.omniscribe_config-item {\n  width: 100%;\n  height: 75px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  opacity: 1;\n  padding: 10px 22px 10px 16px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  box-sizing: border-box;\n  flex-shrink: 0;\n}\n\n.omniscribe_config-item:hover {\n  background-color: var(--omniscribe-surface-alt, #f9fafb);\n}\n\n.omniscribe_config-item:focus {\n  outline: none;\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n}\n\n.omniscribe_config-item:last-child {\n  border-bottom: none;\n}\n\n.omniscribe_config-item-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n}\n\n.omniscribe_config-icon {\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n.omniscribe_config-item-content {\n  flex: 1;\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 4px;\n}\n\n.omniscribe_config-item-title {\n  margin: 0;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n  color: var(--omniscribe-text, #252a32);\n}\n\n.omniscribe_config-item-description {\n  margin: 0;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n.omniscribe_config-item-arrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--omniscribe-text-muted, #9ca3af);\n  flex-shrink: 0;\n}\n\n/* Sub-screen styles */\n.omniscribe_config-subscreen-header {\n  display: flex;\n  align-items: center;\n  padding: 16px 16px 8px 16px;\n}\n\n.omniscribe_config-back-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease;\n}\n\n.omniscribe_config-subscreen-title {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 500;\n  color: var(--omniscribe-text, #252a32);\n  line-height: 21.6px;\n}\n\n.omniscribe_config-subscreen-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 16px;\n  min-height: 0; /* Permite que los hijos se compriman */\n  box-sizing: border-box; /* Incluye padding en el cálculo */\n}\n\n.omniscribe_config-subscreen-content.no-border {\n  /* no-border variant */\n}\n\n.omniscribe_config-subscreen-content-template {\n  flex: 1;\n  overflow-y: auto;\n  padding-bottom: 50px;\n}\n\n.omniscribe_config-section-label {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--omniscribe-text, #374151);\n  line-height: 1.4;\n}\n\n.omniscribe_config-language-section {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Audio-environment (VAD) section: titled control with helper text below. */\n.omniscribe_config-audio-env {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.omniscribe_config-language-section-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--omniscribe-text, #374151);\n  margin-bottom: 8px;\n}\n\n.omniscribe_config-subscreen-description,\n.omniscribe_config-subscreen-subdescription {\n  margin: 0 0 0 0;\n  font-size: 14px;\n  line-height: 18px;\n  color: var(--omniscribe-text, #13161a);\n  font-weight: 400;\n}\n\n.omniscribe_config-subscreen-subdescription {\n  font-style: italic;\n}\n/* Dictionary Options View Styles */\n.omniscribe_config-dictionary-section {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.omniscribe_config-dictionary-add-section {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.omniscribe_config-dictionary-input-row {\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n}\n\n.omniscribe_config-dictionary-input {\n  height: 32px;\n  border: 1px solid var(--omniscribe-border, #e5e8eb) !important;\n  border-radius: 8px !important;\n  padding: 0 12px !important;\n  font-size: 14px !important;\n  line-height: 1.4 !important;\n  background-color: var(--omniscribe-surface, #ffffff) !important;\n  transition:\n    border-color 0.2s ease,\n    box-shadow 0.2s ease !important;\n}\n\n.omniscribe_config-dictionary-input:focus {\n  outline: none !important;\n  border-color: #4f46e5 !important;\n  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;\n}\n\n.omniscribe_config-dictionary-input::placeholder {\n  color: var(--omniscribe-text-muted, #9ca3af) !important;\n  font-size: 14px !important;\n}\n\n.omniscribe_config-dictionary-input.error {\n  border-color: #dc3545 !important;\n  background-color: #fff5f5 !important;\n}\n\n.omniscribe_config-dictionary-input.error:focus {\n  border-color: #dc3545 !important;\n  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1) !important;\n}\n\n.omniscribe_config-dictionary-add-btn {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--primary);\n  border: 1px solid var(--primary);\n  border-radius: 8px;\n  color: var(--primary-foreground);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  margin-top: 0;\n  font-size: 0;\n}\n\n.omniscribe_config-dictionary-add-btn:hover:not(:disabled) {\n  background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n  border-color: color-mix(in oklab, var(--primary) 90%, transparent);\n}\n\n.omniscribe_config-dictionary-add-btn:disabled {\n  background-color: #e5e8eb;\n  border-color: var(--omniscribe-border, #e5e8eb);\n  color: var(--omniscribe-text-muted, #9ca3af);\n  cursor: not-allowed;\n  transform: none;\n  box-shadow: none;\n}\n\n.omniscribe_config-dictionary-list {\n  display: flex;\n  padding-top: 16px;\n  flex-direction: column;\n  gap: 8px;\n  max-height: 410px;\n  overflow-y: auto;\n  margin-top: 4px;\n}\n\n.omniscribe_config-dictionary-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  background-color: var(--omniscribe-surface-alt, #f9fafb);\n  border: 1px solid var(--omniscribe-border, #e5e8eb);\n  border-radius: 8px;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_config-dictionary-row:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  border-color: var(--omniscribe-border, #d1d5db);\n}\n\n.omniscribe_config-dictionary-cell {\n  flex: 1;\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--omniscribe-text, #374151);\n  word-break: break-word;\n  font-weight: 500;\n}\n\n.omniscribe_config-dictionary-arrow {\n  color: var(--omniscribe-text-muted, #9ca3af);\n  font-size: 16px;\n  font-weight: 600;\n  flex-shrink: 0;\n  margin: 0 4px;\n}\n\n.omniscribe_config-dictionary-delete-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 6px;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--omniscribe-text-muted, #6b7280);\n  transition: all 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_config-dictionary-delete-btn:hover {\n  background-color: #fee2e2;\n  color: #dc2626;\n  transform: scale(1.05);\n}\n\n.omniscribe_config-dictionary-empty {\n  padding: 40px 16px;\n  margin-top: 16px;\n  text-align: center;\n  color: var(--omniscribe-text-muted, #6b7280);\n  font-size: 14px;\n  line-height: 20px;\n  background-color: var(--omniscribe-surface-alt, #f9fafb);\n  border: 2px dashed var(--omniscribe-border, #e5e8eb);\n  border-radius: 12px;\n  font-style: italic;\n}\n\n/* Template specific styles */\n\n/* General prompt section */\n.omniscribe_template-general-prompt-section {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n\n.omniscribe_template-section-title {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--omniscribe-text, #374151);\n  line-height: 1.4;\n}\n\n.omniscribe_template-section-subtitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--omniscribe-text-muted, #6b7280);\n  line-height: 1.4;\n}\n\n.omniscribe_template-general-prompt-textarea {\n  width: 100%;\n  min-height: 80px;\n  max-height: 200px;\n  padding: 12px;\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  line-height: 1.5;\n  color: var(--omniscribe-text, #374151);\n  background-color: var(--omniscribe-surface, white);\n  resize: vertical;\n  box-sizing: border-box;\n  outline: none;\n  transition: border-color 0.15s ease;\n}\n\n.omniscribe_template-general-prompt-textarea::placeholder {\n  color: var(--omniscribe-text-muted, #9ca3af);\n  font-style: italic;\n}\n\n.omniscribe_template-general-prompt-textarea:focus {\n  border-color: #3b5edb;\n  box-shadow: 0 0 0 3px rgba(59, 94, 219, 0.1);\n}\n\n/* Fields section */\n.omniscribe_template-fields-section {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-top: 8px;\n}\n\n.omniscribe_template-field {\n  background: var(--omniscribe-surface, white);\n  border-bottom: 1px solid var(--omniscribe-border, #e1e8ed);\n  margin-bottom: 0;\n}\n\n.omniscribe_template-field:last-child {\n  border-bottom: none;\n}\n\n.omniscribe_template-field-header {\n  display: flex;\n  align-items: center;\n  padding: 12px 0;\n  background: var(--omniscribe-surface, #ffffff);\n}\n\n.omniscribe_template-field-checkbox {\n  background: none;\n  border: none;\n  padding: 0;\n  margin-right: 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.omniscribe_template-field-label {\n  flex: 1;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--omniscribe-text, #2c3e50);\n}\n\n.omniscribe_template-field-prompt-btn {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_template-field-prompt-btn:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n}\n\n.omniscribe_template-field-content {\n  padding: 0 0 12px 34px;\n  background: var(--omniscribe-surface, white);\n}\n\n.omniscribe_template-textarea {\n  width: 100%;\n  min-height: 80px;\n  max-height: 300px;\n  padding: 12px;\n  border: 1px solid var(--omniscribe-border, #e1e8ed);\n  border-radius: 6px;\n  font-size: 14px;\n  font-family: inherit;\n  resize: vertical;\n  background: var(--omniscribe-surface, white);\n  box-sizing: border-box;\n  overflow-y: auto;\n}\n\n.omniscribe_template-textarea:focus {\n  outline: none;\n  border-color: #3b5edb;\n  box-shadow: 0 0 0 3px rgba(59, 94, 219, 0.1);\n}\n\n.omniscribe_template-character-count {\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--omniscribe-text-muted, #95a5a6);\n  display: flex;\n}\n\n/* Template fields container */\n.omniscribe_template-fields {\n  display: flex;\n  flex-direction: column;\n  background: var(--omniscribe-surface, white);\n}\n\n/* Improved scrollbar for template fields */\n.omniscribe_template-fields::-webkit-scrollbar {\n  width: 6px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-track {\n  background: #f1f1f1;\n  border-radius: 3px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-thumb {\n  background: #c1c1c1;\n  border-radius: 3px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-thumb:hover {\n  background: #a8a8a8;\n}\n\n.omniscribe_config-version-section {\n  background: var(--omniscribe-surface-alt, #f6f7f9);\n  color: var(--omniscribe-text-muted, #4a5364);\n  padding: 8px 24px;\n  font-weight: 700;\n  line-height: 16.8px;\n  font-size: 14px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n}\n\n\n/* Source: modules/transcription/components/audio-visualizer/AudioVisualizer.css */\n.omniscribe_audio-visualizer-container {\n  display: flex;\n  border-radius: var(--radius-md);\n  width: calc(var(--spacing) * 60);\n  align-items: center;\n  justify-content: center;\n  height: 60px;\n  background: transparent;\n  overflow: hidden;\n}\n\n.omniscribe_audio-visualizer-subcontainer {\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  width: 100%;\n  height: 100%;\n}\n\n.omniscribe_audio-visualizer-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  padding-inline: 1px;\n  margin-top: 0.25rem;\n}\n\n.omniscribe_audio-visualizer-item {\n  width: 2px;\n  height: 2px;\n  background-color: rgba(48, 54, 68, 0.85);\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 50ms;\n}\n\n.lk-audio-bar-visualizer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  background: var(--lk-bg);\n  gap: var(--lk-va-bar-gap, 24px);\n}\n.lk-audio-bar-visualizer > .lk-audio-bar {\n  transform-origin: 'center';\n  height: 100%;\n  width: var(--lk-va-bar-width, 12px);\n  border-radius: var(--lk-va-bar-border-radius, 32px);\n  background-color: var(--lk-va-bar-bg, rgba(136, 136, 136, 0.2));\n  transition: background-color 0.25s ease-out;\n}\n.lk-audio-bar-visualizer[data-lk-va-state='speaking'] > .lk-audio-bar,\n.lk-audio-bar-visualizer > .lk-audio-bar.lk-highlighted,\n.lk-audio-bar-visualizer > [data-lk-highlighted='true'] {\n  background-color: var(--lk-fg, rgb(136, 136, 136));\n  transition: none;\n}\n.lk-audio-bar-visualizer[data-lk-va-state='thinking'] {\n  transition: background-color 0.15s ease-out;\n}\n\n\n/* Source: modules/transcription/components/content-container/content-containter.css */\n.omniscribe_audio-content-container {\n  background-color: var(--white);\n  width: -webkit-fill-available;\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  overflow: hidden !important;\n}\n\n.omniscribe_audio-content-messages {\n  color: var(--black);\n}\n\n.omniscribe_transcription-footer-container {\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  bottom: 0;\n  padding-bottom: calc(var(--spacing) * 3);\n}\n\n.omniscribe_audio-content-render {\n  color: var(--black);\n  font-weight: var(--font-weight-medium);\n  padding-block: 0.5rem;\n  padding-inline: 0.75rem;\n  margin-bottom: 0.25rem;\n}\n\n.omniscribe_patient {\n  color: #db10c1;\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_doctor {\n  color: var(--blue-500);\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_speaker {\n  color: #28a745;\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_transcription {\n  color: var(--black);\n}\n\n.omniscribe_transcription-down-btn-container {\n  background-color: var(--omniscribe-surface, white);\n}\n\n.omniscribe_transcription-down-btn {\n  width: calc(0.25rem /* 4px */ * 4);\n  height: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Chrome, Safari, Edge (Webkit) */\n.omniscribe_audio-content-container > div::-webkit-scrollbar {\n  width: 6px !important;\n}\n\n.omniscribe_audio-content-container > div::-webkit-scrollbar-thumb {\n  border-radius: 10px !important;\n  background-color: var(--omni-secondary) !important;\n}\n\n.omniscribe_audio-content-container > div::-webkit-scrollbar-track {\n  background-color: transparent !important;\n}\n\n/* Firefox */\n.omniscribe_audio-content-container > div {\n  scrollbar-width: thin !important;\n  scrollbar-color: var(--omni-secondary) transparent !important;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-processing {\n  padding: 12px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-processing-lines {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-skeleton-line {\n  height: 14px;\n  width: 70%;\n}\n\n.omniscribe_transcription-skeleton-line--short {\n  width: 40%;\n}\n\n.omniscribe_transcription-processing-text {\n  font-size: var(--text-xs);\n  color: var(--omni-secondary, #6b7280);\n}\n\n\n/* Source: modules/transcription/components/recorder-counter/RecorderCounter.css */\n.omniscribe_audio-recorder-timer {\n  color: var(--blue-500);\n  font-weight: 600; /* SemiBold */\n  font-style: normal; /* SemiBold is a weight, not a style */\n  font-size: var(--font-size-400); /* design token */\n  line-height: var(--line-height-400); /* design token */\n  letter-spacing: 0;\n  text-align: center;\n}\n\n\n/* Source: modules/transcription/components/toggle-record/ToggleRecord.css */\n.omniscribe_record-button-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.omniscribe_record-button-classname {\n  background-color: transparent;\n  border: none;\n  padding: 4px;\n}\n\n.omniscribe_record-button {\n  background-color: var(--primary-button);\n  border-radius: 50%;\n  cursor: pointer;\n  width: 56px;\n  height: 56px;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  transition-duration: 300ms;\n  box-shadow:\n    inset 0 2px 4px rgb(0 0 0 / 0.05),\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n.omniscribe_record-button-enabled {\n  opacity: 100%;\n  pointer-events: auto;\n  scale: 110%;\n  &:hover {\n    scale: 150%;\n  }\n}\n.omniscribe_record-button-not-enabled {\n  opacity: 50%;\n  &:hover {\n    scale: 150%;\n  }\n}\n.omniscribe_record-button-disabled {\n  opacity: 50%;\n  background-color: dimgray;\n  pointer-events: none;\n}\n\n.omniscribe_record-enabled {\n  width: 50px;\n  height: 50px;\n  background-color: var(--primary-button);\n  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n  position: absolute;\n  z-index: -1;\n  border-radius: calc(infinity * 1px);\n  opacity: 100%;\n}\n\n@keyframes ping {\n  75%,\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n\n/* Source: modules/transcription/section/AudioRecorder.css */\n.omniscribe_audio-recorder {\n  align-items: center;\n  padding-block: calc(var(--spacing) * 5);\n  border-bottom-left-radius: 12px;\n  background-color: var(--white);\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n}\n\n[dir='ltr'] .omniscribe_audio-recorder {\n  border-bottom-left-radius: 12px;\n}\n\n[dir='rtl'] .omniscribe_audio-recorder {\n  border-bottom-right-radius: 12px;\n  border-bottom-left-radius: 0px;\n}\n\n.omniscribe_audio-recorder-container {\n  display: flex;\n  align-items: center;\n  border: solid 1px var(--light-border);\n  background-color: var(--white);\n  max-height: 42px;\n  border-radius: 9999px;\n  border-width: 1px;\n  justify-content: space-between;\n  margin-bottom: 5px;\n  flex: 1;\n  align-self: stretch;\n  margin-inline: calc(var(--spacing) * 4);\n  padding-inline: calc(var(--spacing) * 2);\n}\n\n.omniscribe_audio-recorder-audio-container {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: center;\n}\n\n.omniscribe_audio-recorder-refresh-btn {\n  cursor: pointer;\n  background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  border-radius: 100px;\n  transition:\n    transform 0.3s ease,\n    opacity 0.3s ease,\n    background-color 0.3s ease;\n  transform: scale(1);\n}\n.omniscribe_audio-recorder-refresh-btn-enabled {\n  pointer-events: auto;\n  opacity: 1;\n\n  &:hover {\n    transform: scale(1.15);\n  }\n}\n.omniscribe_audio-recorder-refresh-btn-disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}\n.omniscribe_audio-recorder-audio-content-container {\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  border-radius: 8px;\n  margin-top: 18px;\n  padding-top: 8px;\n  padding-inline: calc(var(--spacing) * 4);\n  padding-bottom: 8px;\n  align-self: stretch;\n  margin-inline: calc(var(--spacing) * 4);\n}\n.omniscribe_audio-recorder-footer {\n  border-top: 1px solid var(--omniscribe-border, #e5e7ec);\n  padding-top: 16px;\n  margin-top: 12px;\n  display: flex;\n  width: 100%;\n}\n.omniscribe_audio-recorder-footer-content {\n  padding-inline: calc(var(--spacing) * 4);\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n.omniscribe_audio-recorder-audio-info {\n  font-size: var(--text-xs);\n  line-height: var(--tw-leading, var(--text-xs--line-height));\n  color: var(--omniscribe-text-muted, #6f7d95);\n  padding-block: 8px;\n}\n\n.omniscribe_audio-recorder-audio-star-icons {\n  display: flex;\n  justify-content: center;\n  gap: 4px;\n}\n\n.omniscribe_audio-recorder-audio-feedback {\n  color: var(--omniscribe-text-muted, #a4adbc);\n}\n\n.omniscribe_audio-recorder-refresh-icon {\n  color: var(--omniscribe-text, #252a32);\n}\n\n.omniscribe_audio-recorder-star-icon {\n  cursor: pointer;\n  display: inline-block;\n}\n\n\n/* Source: shared/components/ActivationGuardDialog.css */\n/* The shared Modal overlay is absolutely positioned against its nearest\n   positioned ancestor, which for this dialog is wherever the provider happens\n   to sit in the tree. Force fixed so it centers over the viewport. */\n.omniscribe_modal-overlay:has(.omniscribe_activation-guard-modal) {\n  position: fixed;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n\n.omniscribe_activation-guard-modal {\n  width: 480px;\n  max-width: 90vw;\n  padding: 24px !important;\n}\n\n/* Override Modal's default h2 size for this dialog. */\n.omniscribe_activation-guard-modal .omniscribe_modal-title-container {\n  margin-bottom: 16px;\n  align-items: flex-start;\n}\n\n.omniscribe_activation-guard-modal .omniscribe_modal-title {\n  font-size: 18px;\n  line-height: 1.3;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: var(--color-gray-900, #0f172a);\n}\n\n.omniscribe_activation-guard-body {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.omniscribe_activation-guard-summary {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.omniscribe_activation-guard-summary-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 9999px;\n  background-color: #fef3c7;\n  color: #b45309;\n}\n\n.omniscribe_activation-guard-summary-text {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--color-gray-800, #1f2937);\n  flex: 1;\n}\n\n.omniscribe_activation-guard-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 16px;\n  margin-top: 4px;\n}\n\n.omniscribe_activation-guard-secondary {\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 8px 12px;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--omniscribe-text-muted, #374151);\n  border-radius: 9999px;\n  transition: background-color 0.15s ease;\n}\n\n.omniscribe_activation-guard-secondary:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--color-gray-900, #0f172a);\n}\n\n.omniscribe_activation-guard-primary {\n  border-radius: 9999px !important;\n  gap: 8px;\n  padding-block: 10px !important;\n  padding-inline: 18px !important;\n  height: auto !important;\n  font-weight: 600;\n}\n\n\n/* Source: shared/components/Card.css */\n.omniscribe_card {\n  background-color: var(--color-card, #ffffff);\n  color: var(--color-card-foreground, #000000);\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  border-radius: 0.75rem;\n  border: 1px solid var(--color-border, var(--grey-200));\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.omniscribe_card-header {\n  container-type: inline-size;\n  container-name: card-header;\n  display: grid;\n  grid-auto-rows: min-content;\n  grid-template-rows: auto auto;\n  align-items: start;\n  gap: 0.375rem;\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n/* When card-header has card-action, adjust grid layout */\n.omniscribe_card-header:has([data-slot='card-action']) {\n  grid-template-columns: 1fr auto;\n}\n\n/* When card-header has border-b class, add padding bottom */\n.omniscribe_card-header.border-b {\n  padding-bottom: 1.5rem;\n}\n\n.omniscribe_card-title {\n  line-height: 1;\n  font-weight: 600;\n}\n\n.omniscribe_card-description {\n  color: var(--color-muted-foreground, #6b7280);\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.omniscribe_card-action {\n  grid-column-start: 2;\n  grid-row: span 2 / span 2;\n  grid-row-start: 1;\n  align-self: start;\n  justify-self: end;\n}\n\n.omniscribe_card-content {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.omniscribe_card-footer {\n  display: flex;\n  align-items: center;\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.omniscribe_card-footer.border-t {\n  padding-top: 1.5rem;\n}\n\n\n/* Source: shared/components/app-skeleton.css */\n.omniscribe_app-skeleton {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--white);\n  border-radius: 12px;\n}\n\n/* Header */\n.omniscribe_app-skeleton-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 16px;\n  border-bottom: 1px solid var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-header-left,\n.omniscribe_app-skeleton-header-right {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.omniscribe_app-skeleton-icon {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n}\n\n.omniscribe_app-skeleton-title {\n  width: 48px;\n  height: 20px;\n  border-radius: 4px;\n}\n\n.omniscribe_app-skeleton-badge {\n  width: 150px;\n  height: 32px;\n  border-radius: 99999px;\n}\n\n/* Disclaimer banner */\n.omniscribe_app-skeleton-banner {\n  padding: 6px 16px;\n  border-bottom: 1px solid var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-banner-text {\n  width: 100%;\n  height: 16px;\n  border-radius: 4px;\n}\n\n/* Content */\n.omniscribe_app-skeleton-content {\n  flex: 1;\n  padding: 20px;\n}\n\n.omniscribe_app-skeleton-welcome {\n  width: 240px;\n  height: 28px;\n  border-radius: 4px;\n  margin-bottom: 10px;\n}\n\n.omniscribe_app-skeleton-suggestions {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.omniscribe_app-skeleton-suggestion {\n  height: 25px;\n  border-radius: 99999px;\n}\n\n.omniscribe_app-skeleton-suggestion--long {\n  width: 320px;\n}\n\n.omniscribe_app-skeleton-suggestion--longer {\n  width: 380px;\n}\n\n.omniscribe_app-skeleton-suggestion--medium {\n  width: 280px;\n}\n\n/* Bottom bar */\n.omniscribe_app-skeleton-bottom {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  border-top: 1px solid var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-transcribe-btn {\n  width: 140px;\n  height: 40px;\n  border-radius: 99999px;\n  flex-shrink: 0;\n}\n\n.omniscribe_app-skeleton-input {\n  flex: 1;\n  height: 40px;\n  border-radius: 99999px;\n}\n\n\n/* Source: shared/components/button.css */\n.omniscribe_button {\n  border: none;\n  background: transparent;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: calc(var(--spacing) * 2);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  outline-style: none;\n  /* Enabled buttons must show the pointer affordance; the base rule never set\n     it, so variants without their own cursor (e.g. outline, used by the chat\n     mic button) rendered the default arrow. `:disabled` below overrides it. */\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n    pointer-events: none;\n    opacity: 50%;\n  }\n  & svg {\n    pointer-events: none;\n    flex-shrink: 0;\n  }\n  & svg:not([class*='size-svg']) {\n    width: calc(var(--spacing) * 4) /* 1rem = 16px */;\n    height: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  }\n  &:focus-visible {\n    border-color: var(--ring);\n    box-shadow: 0 0 0 calc(3px + var(--tw-ring-offset-width))\n      color-mix(in oklab, var(--ring) 50%, transparent);\n  }\n  &[aria-invalid='true'] {\n    border-color: var(--destructive);\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n  }\n}\n\n.omniscribe_button-variant-default {\n  background-color: var(--primary);\n  color: var(--primary-foreground);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n  }\n}\n.omniscribe_button-variant-destructive {\n  background-color: var(--destructive);\n  color: var(--white);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: color-mix(in oklab, var(--destructive) 90%, transparent);\n  }\n  &:focus-visible {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n  }\n}\n.omniscribe_button-variant-outline {\n  border: solid 1px var(--input);\n  background-color: var(--background);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: var(--accent);\n    color: var(--accent-foreground);\n  }\n}\n.omniscribe_button-variant-icon {\n  align-items: center;\n  border-radius: 100%;\n  padding: 10px;\n  & svg {\n    pointer-events: auto;\n    flex-shrink: 0;\n  }\n  & svg:not([class*='size-svg']) {\n    width: auto;\n    height: auto;\n  }\n}\n.omniscribe_button-variant-secondadry {\n  background-color: var(--secondary);\n  pointer-events: cursor;\n  cursor: pointer;\n  color: var(--secondary-foreground);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: var(--secondary-hover) !important;\n  }\n  &:disabled {\n    background-color: var(--omniscribe-surface-alt, #edeff2);\n    cursor: not-allowed;\n    color: var(--omniscribe-text-muted, #d5d9e0);\n  }\n}\n.omniscribe_button-variant-ghost:hover {\n  background-color: var(--accent);\n  color: var(--accent-foreground);\n}\n.omniscribe_button-variant-empty {\n  cursor: pointer;\n}\n.omniscribe_button-variant-primary {\n  cursor: pointer;\n  background-color: var(--primary-button);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  font-size: 16px !important;\n  color: var(--white);\n  &:hover {\n    background-color: color-mix(\n      in oklab,\n      var(--primary-button) 60%,\n      transparent\n    );\n  }\n}\n.omniscribe_button-size-default {\n  height: calc(var(--spacing) * 9);\n  padding-inline: calc(var(--spacing) * 4);\n  padding-block: calc(var(--spacing) * 2);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 3) /* 0.75rem = 12px */;\n  }\n}\n.omniscribe_button-size-sm {\n  height: calc(var(--spacing) * 8);\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  gap: calc(var(--spacing) * 1.5) /* 0.375rem = 6px */;\n  padding-inline: calc(var(--spacing) * 3);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n}\n\n.omniscribe_button-size-lg {\n  height: calc(var(--spacing) * 10);\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  padding-inline: calc(var(--spacing) * 6);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n}\n\n.omniscribe_button-size-icon {\n  height: calc(var(--spacing) * 5);\n  width: calc(var(--spacing) * 5);\n}\n.omniscribe_button-size-padding {\n  padding: calc(var(--spacing) * 2);\n  min-width: calc(var(--spacing) * 40);\n}\n\n.omniscribe_button-text {\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(--text-sm--line-height);\n}\n.omniscribe_button-whitespace {\n  white-space: nowrap;\n}\n.omniscribe_button-rounded {\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n}\n.omniscribe_button-disabled {\n  pointer-events: none;\n}\n.omniscribe_button-loading {\n  opacity: 50%;\n}\n.omniscribe_button-animate-spin {\n  animation: spin 1s linear infinite;\n}\n.omniscribe_button-variant-report {\n  cursor: pointer;\n  background-color: var(--report);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  font-size: 16px;\n  color: var(--white);\n  &:hover {\n    background-color: color-mix(in oklab, var(--report) 60%, transparent);\n  }\n}\n\n\n/* Source: shared/components/feedback-modal.css */\n.omniscribe_feedback-modal {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  background: var(--omniscribe-surface, white);\n  border: 1px solid var(--omniscribe-border, #e2e8f0);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  margin-top: 8px;\n  min-width: 200px;\n  width: 200px;\n  transform-origin: top left;\n}\n\n.omniscribe_feedback-input-container {\n  position: relative;\n  display: flex;\n  align-items: flex-end;\n  border: 1px solid var(--omniscribe-border, #d1d5db);\n  border-radius: 8px;\n}\n\n.omniscribe_feedback-textarea {\n  flex: 1;\n  border: transparent;\n  border-radius: 8px;\n  padding: 12px 12px 12px 12px;\n  font-size: 14px;\n  outline: none;\n  transition: border-color 0.2s;\n  resize: none;\n  min-height: 20px;\n  max-height: 200px;\n  overflow-y: auto;\n  font-family: inherit;\n  line-height: 1.4;\n  width: 100%;\n  box-sizing: border-box;\n}\n.omniscribe_feedback-textarea-padding {\n  margin-bottom: 34px;\n  padding-bottom: 0px !important;\n}\n\n.omniscribe_feedback-icons {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_feedback-icons:has(.omniscribe_feedback-send) {\n  bottom: 8px;\n  top: auto;\n  transform: none;\n}\n\n.omniscribe_feedback-close {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--omniscribe-text-muted, #6b7280);\n  transition:\n    background-color 0.2s,\n    color 0.2s;\n}\n\n.omniscribe_feedback-close:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--omniscribe-text, #374151);\n}\n\n.omniscribe_feedback-close svg {\n  width: 12px;\n  height: 12px;\n}\n\n.omniscribe_feedback-send {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--blue-500);\n  transition:\n    background-color 0.2s,\n    color 0.2s;\n}\n\n.omniscribe_feedback-send:hover {\n  background-color: #f0f7ff;\n  color: #0d47a1;\n}\n\n.omniscribe_feedback-send svg {\n  width: 12px;\n  height: 12px;\n}\n\n.omniscribe_feedback-confirmation {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  background: var(--omniscribe-surface, white);\n  color: var(--omniscribe-text, black);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-top: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n  animation: fadeInOut 3s ease-in-out;\n}\n\n.omniscribe_feedback-confirmation-icon {\n  width: 12px;\n  height: 12px;\n  flex-shrink: 0;\n}\n\n/* Right-positioned modal styles */\n.omniscribe_feedback-modal-right {\n  position: absolute;\n  top: 7px;\n  left: 17%;\n  z-index: 10000;\n  background: var(--omniscribe-surface, white);\n  border: 1px solid var(--omniscribe-border, #e2e8f0);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  margin-left: 8px;\n  width: 200px;\n  transform-origin: bottom left;\n}\n\n.omniscribe_feedback-sending-center {\n  top: 100%;\n  left: 0;\n}\n\n.omniscribe_feedback-sending-right {\n  top: 20px;\n  left: 17%;\n}\n\n.omniscribe_feedback-sending {\n  position: absolute;\n  z-index: 10000;\n  background: var(--omniscribe-surface, white);\n  color: var(--omniscribe-text, black);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-left: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.omniscribe_feedback-confirmation-right {\n  position: absolute;\n  top: 20px;\n  left: 17%;\n  z-index: 10000;\n  background: var(--omniscribe-surface, white);\n  color: var(--omniscribe-text, black);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-left: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n  animation: fadeInOut 3s ease-in-out;\n}\n\n@keyframes fadeInOut {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  10% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  90% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n}\n\n\n/* Source: shared/components/input.css */\n.omniscribe_input {\n  height: calc(var(--spacing) * 9);\n  width: 100%;\n  display: flex;\n  border-radius: calc(var(--radius));\n  border: solid 1px var(--input);\n  background-color: transparent;\n  padding-inline: calc(var(--spacing) * 3);\n  padding-block: calc(var(--spacing) * 1);\n  font-size: var(--text-base) /* 1rem = 16px */;\n  line-height: var(--text-base--line-height);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  outline-style: none;\n  &::file-selector-button {\n    color: var(--foreground);\n    display: inline-flex;\n    height: calc(var(--spacing) * 7);\n    border: none;\n    background-color: transparent;\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height);\n    font-weight: var(--font-weight-medium);\n  }\n  &::placeholder {\n    color: var(--muted-foreground);\n  }\n  &::selection {\n    background-color: var(--primary);\n    color: var(--primary-foreground);\n  }\n  &:disabled {\n    pointer-events: none;\n    cursor: not-allowed;\n    opacity: 50%;\n  }\n  &[aria-invalid='true'] {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    border-color: var(--destructive);\n  }\n  @media (width >= 48rem /* 768px */) {\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */;\n  }\n}\n\n.omniscribe_input-container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.omniscribe_input.invalid {\n  border-color: #dc3545;\n  background-color: #fff5f5;\n  box-shadow: 0 0 0 0.125rem rgba(220, 53, 69, 0.25);\n}\n\n.omniscribe_input-error {\n  color: #dc3545;\n  font-size: 10px;\n  margin-block: 0.25rem;\n  display: block;\n  line-height: 1;\n}\n\n\n/* Source: shared/components/loading-modal.css */\n.omniscribe_loading-modal-container {\n  position: absolute;\n  background-color: color-mix(in oklab, var(--black) 50%, transparent);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 50;\n  height: 100vh;\n  width: 100vw;\n  right: 0;\n  bottom: calc(var(--spacing) * -5.2);\n}\n.omniscribe_loading-modal-subcontainer {\n  background-color: var(--white);\n  padding: calc(var(--spacing) * 8);\n  border-radius: var(--radius);\n  box-shadow:\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n  text-align: center;\n  max-width: var(--container-md);\n}\n.omniscribe_loading-modal-msg {\n  font-size: var(--text-xl) /* 1.25rem = 20px */;\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-bold);\n  margin-bottom: calc(var(--spacing) * 4);\n}\n.omniscribe_loading-modal-spin {\n  display: inline-block;\n  width: calc(var(--spacing) * 12);\n  height: calc(var(--spacing) * 12);\n  border: solid 4px var(--color-gray-200);\n  border-top-color: var(--blue-500);\n  border-radius: calc(infinity * 1px);\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.omniscribe_app-loading {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n\n\n/* Source: shared/components/modal.css */\n.omniscribe_modal-overlay {\n  position: absolute;\n  background-color: color-mix(in oklab, var(--black) 50%, transparent);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 50;\n  height: 100vh;\n  width: 100vw;\n  right: 0;\n  bottom: calc(var(--spacing) * -5.2);\n}\n\n.omniscribe_modal-container {\n  position: relative;\n  background-color: var(--white);\n  z-index: 100;\n  border-radius: 12px;\n  border: solid 1px var(--light-border);\n  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  padding: calc(var(--spacing) * 5);\n  transition-duration: 300ms;\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  max-width: 90vw;\n  max-height: 90vh;\n}\n.omniscribe_modal-container-scroll {\n  overflow: auto;\n}\n\n.omniscribe_modal-container-show {\n  opacity: 100%;\n}\n\n.omniscribe_modal-container-hide {\n  opacity: 0%;\n}\n\n.omniscribe_modal-subcontainer {\n  display: flex;\n  flex-direction: column;\n}\n\n.omniscribe_modal-title-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: calc(var(--spacing) * 2);\n}\n\n.omniscribe_modal-title {\n  font-size: var(--text-3xl); /* 1.875rem = 30px */\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-bold);\n  margin: 0;\n}\n\n.omniscribe_modal-button {\n  border: none;\n  background: transparent;\n  line-height: var(--text-2xl--line-height);\n  cursor: pointer;\n  color: var(--black);\n}\n\n@media (min-width: 768px) {\n  .omniscribe_modal-container {\n    max-width: 60vw;\n  }\n}\n\n/* Large screens: desktop */\n@media (min-width: 1024px) {\n  .omniscribe_modal-container {\n    max-width: 50vw;\n  }\n}\n\n/* Very large screens: large desktop and ultra-wide */\n@media (min-width: 1440px) {\n  .omniscribe_modal-container {\n    max-width: 40vw;\n  }\n}\n\n/* Intermediate breakpoint: large tablets */\n@media (min-width: 640px) and (max-width: 767px) {\n  .omniscribe_modal-container {\n    max-width: 70vw;\n  }\n}\n\n\n/* Source: shared/components/select.css */\n.omniscribe_select-container {\n  position: relative;\n  width: 100%;\n  padding-block: calc(var(--spacing) * 3);\n}\n.omniscribe_select-button {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: calc(var(--spacing) * 3);\n  background-color: var(--white);\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: solid 1px var(--omniscribe-border, var(--light-border));\n  cursor: pointer;\n}\n.omniscribe_select-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.omniscribe_select-text {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--spacing) * 2);\n}\n.omniscribe_select-content-container {\n  position: absolute;\n  width: 100%;\n  margin-top: calc(var(--spacing) * 2);\n  border: solid 1px var(--omniscribe-border, var(--light-border));\n  background-color: var(--white);\n  border-radius: var(--radius);\n  box-shadow:\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n  bottom: calc(var(--spacing) * 15);\n  padding-inline: calc(var(--spacing) * 1);\n  padding-block: calc(var(--spacing) * 0.5);\n  z-index: 9999;\n}\n.omniscribe_select-content-ul {\n  overflow-y: scroll;\n  max-height: calc(var(--spacing) * 44);\n  padding-inline: 5px;\n}\n.omniscribe_select-content-li {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: calc(var(--spacing) * 3);\n  cursor: pointer;\n  &:hover {\n    @media (hover: hover) {\n      background-color: var(--omniscribe-surface-alt, var(--color-gray-100));\n    }\n  }\n}\n.omniscribe_select-check-icon {\n  width: calc(var(--spacing) * 5);\n  height: calc(var(--spacing) * 5);\n  color: var(--color-slate-500) /* oklch(55.4% 0.046 257.417) = #62748e */;\n}\n.omniscribe_select-content-li-span {\n  display: flex;\n  align-items: center;\n  gap: calc(0.25rem /* 4px */ * 2);\n}\n\n\n/* Source: shared/components/separator.css */\n/* Separator Component Styles */\n.omniscribe_separator {\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  flex-shrink: 0;\n}\n\n.omniscribe_separator--horizontal {\n  height: 0;\n  width: 100%;\n  border-top: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-right: none;\n  border-bottom: none;\n  border-left: none;\n}\n\n.omniscribe_separator--vertical {\n  width: 0;\n  height: 100%;\n  border-left: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-top: none;\n  border-right: none;\n  border-bottom: none;\n}\n\n\n/* Source: shared/components/skeleton.css */\n.omniscribe_skeleton {\n  background-color: color-mix(in oklab, var(--primary) 10%, transparent);\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n}\n\n\n/* Source: shared/components/textarea.css */\n.omniscribe_textarea-default {\n  display: flex;\n  min-height: calc(var(--spacing) * 16);\n  width: -webkit-fill-available;\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  border: solid 1px var(--input);\n  background-color: transparent;\n  padding-inline: calc(var(--spacing) * 3);\n  padding-block: calc(var(--spacing) * 2);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  &::placeholder {\n    color: var(--muted-foreground);\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height);\n  }\n  &:focus-visible {\n    border-color: var(--ring);\n    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    box-shadow: var(--tw-ring-inset,) 0 0 0\n      calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\n  }\n  &[aria-invalid='true'] {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    border-color: var(--destructive);\n  }\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 50%;\n  }\n}\n\n.omniscribe_textarea-secondary {\n  padding: calc(var(--spacing) * 3.5);\n  padding-bottom: calc(var(--spacing) * 0);\n  border-style: none;\n  background-color: transparent;\n  resize: none;\n  &:focus {\n    outline-style: none;\n  }\n}\n.omniscribe_textarea-general {\n  font-family: 'Lato', sans-serif;\n  font-size: var(--font-size-100);\n  outline: none;\n}\n\n\n/* Source: shared/components/toast.css */\n.omniscribe_toast-stack {\n  position: fixed;\n  top: calc(var(--spacing) * 4);\n  right: calc(var(--spacing) * 4);\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing) * 2);\n  z-index: 9999;\n  pointer-events: none;\n}\n\n.omniscribe_toast-item {\n  border-radius: var(--radius);\n  padding: calc(var(--spacing) * 4);\n  width: calc(var(--spacing) * 120);\n  display: flex;\n  align-items: flex-start;\n  transition:\n    transform 300ms cubic-bezier(0.4, 0, 0.2, 1),\n    opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  pointer-events: auto;\n}\n\n.omniscribe_toast-item-danger {\n  background-color: var(--color-red-500);\n}\n.omniscribe_toast-item-black {\n  background-color: var(--black);\n}\n.omniscribe_toast-item-show {\n  transform: translateX(0);\n  opacity: 1;\n}\n.omniscribe_toast-item-hide {\n  transform: translateX(120%);\n  opacity: 0;\n}\n.omniscribe_toast-subcontainer {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 100ms;\n  display: flex;\n  flex-direction: column;\n  color: var(--white);\n  flex: 1;\n}\n.omniscribe_toast-title {\n  font-size: 18px;\n  font-weight: var(--font-weight-bold);\n}\n.omniscribe_toast-msg {\n  font-size: 16px;\n}\n.omniscribe_toast-close {\n  background: none;\n  border: none;\n  color: var(--white);\n  font-size: 18px;\n  cursor: pointer;\n  padding: calc(var(--spacing) * 1) calc(var(--spacing) * 2);\n  align-self: flex-start;\n  opacity: 0.8;\n}\n.omniscribe_toast-close:hover {\n  opacity: 1;\n}\n\n\n/* Source: shared/components/toggle.css */\n.omniscribe_toggle-container {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  flex-direction: column;\n}\n\n.omniscribe_toggle-label {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--omniscribe-text, #374151);\n  flex: 1;\n}\n\n.omniscribe_toggle-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.omniscribe_toggle-switch {\n  position: relative;\n  width: 29px;\n  height: 16px;\n  background-color: #d1d5db;\n  border-radius: 8px;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  outline: none;\n}\n\n.omniscribe_toggle-switch:focus-visible {\n  box-shadow: 0 0 0 2px var(--secondary, #132caa);\n}\n\n.omniscribe_toggle-switch-checked {\n  background-color: var(--secondary, #132caa);\n}\n\n.omniscribe_toggle-switch-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_toggle-thumb {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  /* High-contrast fill that sits on top of the track — must contrast the   */\n  /* track color, not inherit the panel surface (which would vanish in a    */\n  /* dark theme). Hosts theming dark set --omniscribe-on-accent to a dark   */\n  /* ink; light hosts fall back to white (unchanged).                       */\n  background-color: var(--omniscribe-on-accent, white);\n  border-radius: 50%;\n  transition: transform 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.omniscribe_toggle-switch-checked .omniscribe_toggle-thumb {\n  transform: translateX(13px);\n}\n\n.omniscribe_toggle-status {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--omniscribe-text-muted, #6b7280);\n  min-width: 70px;\n}\n\n.omniscribe_toggle-switch-checked + .omniscribe_toggle-status {\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n\n/* Source: shared/components/tooltip.css */\n.tooltip-base {\n  position: fixed;\n  z-index: 9999;\n  border-radius: 0.375rem; /* rounded-md */\n  background-color: #111827;\n  padding: 0.5rem 0.75rem; /* px-3 py-2 */\n  font-size: 0.875rem; /* text-sm */\n  font-family: 'Lato', sans-serif;\n  color: #ffffff; /* text-white */\n  box-shadow:\n    0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */\n  transition: opacity 0.2s ease-in-out; /* transition-opacity duration-200 */\n  pointer-events: none;\n  user-select: none;\n  word-wrap: break-word;\n  line-height: 1.4;\n}\n\n/* Tooltip Arrow Styles */\n.tooltip-arrow {\n  position: absolute;\n  width: 0.5rem; /* w-2 */\n  height: 0.5rem; /* h-2 */\n  background-color: #111827;\n  transform: rotate(45deg);\n}\n\n/* Arrow positioning for each side */\n.tooltip-arrow-top {\n  bottom: -0.25rem; /* bottom-[-4px] */\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-bottom {\n  top: -0.25rem; /* top-[-4px] */\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-left {\n  right: -0.25rem; /* right-[-4px] */\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-right {\n  left: -0.25rem; /* left-[-4px] */\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n}\n\n/* Width classes based on message length */\n.tooltip-width-auto {\n  width: auto;\n  white-space: nowrap;\n}\n\n.tooltip-width-200 {\n  width: auto;\n  max-width: 200px;\n}\n\n.tooltip-width-xs {\n  width: auto;\n  max-width: 20rem; /* max-w-xs */\n}\n\n.tooltip-width-sm {\n  width: auto;\n  max-width: 24rem; /* max-w-sm */\n}\n\n.tooltip-width-400 {\n  width: auto;\n  max-width: 400px;\n}\n\n/* Trigger container styles */\n.tooltip-trigger {\n  display: inline-flex;\n}\n\n/* Animation classes */\n.tooltip-enter {\n  opacity: 0;\n  transform: scale(0.95);\n}\n\n.tooltip-enter-active {\n  opacity: 1;\n  transform: scale(1);\n  transition:\n    opacity 0.2s ease-in-out,\n    transform 0.2s ease-in-out;\n}\n\n.tooltip-exit {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.tooltip-exit-active {\n  opacity: 0;\n  transform: scale(0.95);\n  transition:\n    opacity 0.15s ease-in-out,\n    transform 0.15s ease-in-out;\n}\n\n/* Dark theme variant */\n.tooltip-dark {\n  background-color: #1f2937; /* bg-gray-800 */\n  color: var(--grey-50);\n}\n\n.tooltip-dark .tooltip-arrow {\n  background-color: #1f2937;\n}\n\n/* Light theme variant */\n.tooltip-light {\n  background-color: var(--omniscribe-surface, #ffffff);\n  color: var(--omniscribe-text, #374151); /* text-gray-700 */\n  box-shadow:\n    0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05),\n    0 0 0 1px rgba(0, 0, 0, 0.05);\n}\n\n.tooltip-light .tooltip-arrow {\n  background-color: var(--omniscribe-surface, #ffffff);\n}\n\n/* Responsive breakpoints */\n@media (max-width: 640px) {\n  .tooltip-base {\n    max-width: calc(100vw - 2rem);\n    font-size: 0.8125rem; /* Slightly smaller on mobile */\n  }\n\n  .tooltip-width-400,\n  .tooltip-width-sm,\n  .tooltip-width-xs {\n    max-width: calc(100vw - 2rem);\n  }\n}\n\n/* High contrast mode support */\n@media (prefers-contrast: high) {\n  .tooltip-base {\n    border: 2px solid #ffffff;\n  }\n\n  .tooltip-light {\n    border: 2px solid #000000;\n  }\n}\n\n/* Reduced motion support */\n@media (prefers-reduced-motion: reduce) {\n  .tooltip-base,\n  .tooltip-enter-active,\n  .tooltip-exit-active {\n    transition: none;\n  }\n}\n\n\n/* Source: test/mocks/empty.css */\n/* Empty CSS file for mocking styles */\n";
+	const injectedCss = "/* Source: index.css */\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');\n\n/* ------------------------------------------------------------------ */\n/* Theming hooks (host-overridable).                                  */\n/*                                                                    */\n/* CSS custom properties defined on the `<sofia-sdk>` element inherit */\n/* across the shadow DOM boundary. Hosts override any of these on the */\n/* element to retheme the SDK without touching internals:             */\n/*                                                                    */\n/*   <sofia-sdk style=\"--omniscribe-primary: #1f6f5f\"></sofia-sdk>    */\n/*                                                                    */\n/* Internal tokens that map to a host override use                    */\n/* `var(--omniscribe-*, <default>)`.                                  */\n/*                                                                    */\n/* Available hooks:                                                   */\n/*   --omniscribe-font-family                                          */\n/*   --omniscribe-primary           main brand / primary action        */\n/*   --omniscribe-primary-soft      light tint of primary              */\n/*   --omniscribe-secondary         secondary action                   */\n/*   --omniscribe-secondary-hover   secondary hover state              */\n/*   --omniscribe-accent            highlight / report color           */\n/*   --omniscribe-warning           gap / warning chrome               */\n/*   --omniscribe-text              primary text                       */\n/*   --omniscribe-text-muted        secondary text                     */\n/*   --omniscribe-surface           card / panel background            */\n/*   --omniscribe-surface-alt       header / footer / hover bg         */\n/*   --omniscribe-border            primary border                     */\n/*   --omniscribe-border-soft       in-card separators                 */\n/*                                                                    */\n/* The insertion-preview modal has its own (more granular) variables  */\n/* documented in InsertionPreviewModal.css.                           */\n/* ------------------------------------------------------------------ */\n\n/* Color scheme of the shadow subtree. Defaults to light so native    */\n/* form controls (<select>, <input>) and assistant-ui surfaces don't  */\n/* follow the host OS dark mode. A host that themes the SDK dark       */\n/* (e.g. the radiology reading room) sets --omniscribe-color-scheme:   */\n/* dark so native controls render light-on-dark and stay legible.     */\n:host {\n  color-scheme: var(--omniscribe-color-scheme, light);\n}\n\n#Omniscribe {\n  font-family: var(--omniscribe-font-family, 'Lato', sans-serif);\n  color-scheme: var(--omniscribe-color-scheme, light);\n  /* define colors */\n  --active: #0a3785;\n  --background-primary: var(--omniscribe-primary-soft, #e7effd);\n  --warning: var(--omniscribe-warning, #ffc107);\n  --grey-50: #f9fafb;\n  --grey-100: #f6f7f9;\n  --grey-200: #e5e7eb;\n  --grey-700: #6f7d95;\n  --grey-800: #4a5364;\n  --grey-900: #252a32;\n  --active-black: #252a32;\n  --placeholder: #a4adbc;\n  --line: var(--omniscribe-border, #e5e7ec);\n  --custom-black: #13161a;\n  --primary: var(--omniscribe-primary, #105bdb);\n  --border: var(--omniscribe-border, #e5e7ec);\n  --white: var(--omniscribe-surface, #fdfdfd);\n  --omni: #daf2ff;\n  --omni-secondary: rgba(219, 219, 219, 0.75);\n  --primary-button: var(--omniscribe-primary, #105bdb);\n  --primary-text: #36a3cf;\n  --primary-900: var(--omniscribe-primary, #061044);\n  --blue-100: var(--omniscribe-primary-soft, #dbeafe);\n  --blue-200: var(--omniscribe-primary-soft, #bfdbfe);\n  --blue-500: var(--omniscribe-primary, #105bdb);\n  --blue-600: var(--omniscribe-primary, #2563eb);\n  --blue-700: var(--omniscribe-primary, #1d4ed8);\n  --report: var(--primary-button);\n  --gray: #616161;\n  --black: #1b2125;\n  --sky-blue: var(--omniscribe-primary-soft, #dbecff);\n  --blue: var(--omniscribe-primary, #5886ba);\n  --blue-600: var(--omniscribe-primary, #0b1962);\n  --background: var(--omniscribe-surface-alt, #f3f3f3bb);\n  --foreground: var(--omniscribe-text, oklch(0.145 0 0));\n  --primary: var(--omniscribe-primary, #061044);\n  --primary-foreground: var(--omniscribe-on-accent, oklch(0.985 0 0));\n  --secondary: var(--omniscribe-secondary, #132caa);\n  --secondary-foreground: var(--omniscribe-on-accent, #fff);\n  --secondary-hover: var(--omniscribe-secondary-hover, #2847e7);\n  --muted: oklch(0.97 0 0);\n  --muted-foreground: oklch(0.556 0 0);\n  --accent: var(--omniscribe-surface-alt, oklch(0.97 0 0));\n  --accent-foreground: var(--omniscribe-text, oklch(0.205 0 0));\n  --destructive: oklch(0.577 0.245 27.325);\n  --destructive-foreground: oklch(0.577 0.245 27.325);\n  --light-border: oklch(0.922 0 0);\n  --input: var(--omniscribe-border, oklch(0.922 0 0));\n  --ring: oklch(0.87 0 0);\n  --radius: 0.625rem;\n  /* TEXT */\n  --text-3xs: 8px;\n  --text-3xs--line-height: calc(0.5 / 0.25);\n  --text-2xs: 10px;\n  --text-2xs--line-height: calc(0.75 / 0.5);\n  --text-xs: 12px;\n  --text-xs--line-height: 14.4px;\n  --text-xs--letter-spacing: 0.05px;\n  --text-sm: 14px;\n  --text-sm--line-height: 16.8px;\n  --text-xs--letter-spacing: 0.05px;\n  --text-base: 16px;\n  --text-base--line-height: calc(1.5 / 1);\n  --text-lg: 18px;\n  --text-lg--line-height: calc(1.75 / 1.125);\n  --text-xl: 20px;\n  --text-xl--line-height: calc(1.75 / 1.25);\n  --text-2xl: 22px;\n  --text-2xl--line-height: calc(2 / 1.5);\n  --text-3xl: 24px;\n  --text-3xl--line-height: calc(2.25 / 1.875);\n  --text-4xl: 26px;\n  --text-4xl--line-height: calc(2.5 / 2.25);\n  --text-5xl: 28px;\n  --text-5xl--line-height: 1;\n  --text-6xl: 30px;\n  --text-6xl--line-height: 1;\n  --text-7xl: 32px;\n  --text-7xl--line-height: 1;\n  --text-8xl: 34px;\n  --text-8xl--line-height: 1;\n  --text-9xl: 46px;\n  --text-9xl--line-height: 1;\n  --font-weight-thin: 100;\n  --font-weight-extralight: 200;\n  --font-weight-light: 300;\n  --font-weight-normal: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --font-weight-extrabold: 800;\n  --font-weight-black: 900;\n  /* custom colors */\n  --color-white: var(--white);\n  --color-light-border: var(--light-border);\n  --color-omni: var(--omni);\n  --color-report: var(--report);\n  --color-omni-secondary: var(--omni-secondary);\n  --color-primary-text: var(--primary-text);\n  --color-primary-900: var(--primary-900);\n  --color-blue-500: var(--blue-500);\n  --color-gray: var(--gray);\n  --color-black: var(--black);\n  --color-sky-blue: var(--sky-blue);\n  --color-cream: var(--cream);\n  --color-pink: var(--pink);\n  --color-blue: var(--blue);\n  --color-blue-600: var(--blue-600);\n  --color-sky-blue-100: var(--sky-blue-100);\n  --color-white-2: var(--white-2);\n  --color-primary-700: var(--primary-700);\n  --color-primary-500: var(--primary-500);\n  --color-neutral-800: var(--neutral-800);\n  --color-blue-2: var(--blue-2);\n  --color-light-blue: var(--light-blue);\n  --color-primary-100: var(--primary-100);\n  --color-primary-300: var(--primary-300);\n  --color-black-2: var(--black-2);\n  --color-primary-button: var(--primary-button);\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --color-card: var(--card);\n  --color-card-foreground: var(--card-foreground);\n  --color-popover: var(--popover);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-primary: var(--primary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-secondary: var(--secondary);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-muted: var(--muted);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-accent: var(--accent);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-destructive: var(--destructive);\n  --color-destructive-foreground: var(--destructive-foreground);\n  --color-border: var(--border);\n  --color-input: var(--input);\n  --color-ring: var(--ring);\n  --color-chart-1: var(--chart-1);\n  --color-chart-2: var(--chart-2);\n  --color-chart-3: var(--chart-3);\n  --color-chart-4: var(--chart-4);\n  --color-chart-5: var(--chart-5);\n  --color-red-100: oklch(93.6% 0.032 17.717);\n  --color-red-500: oklch(63.7% 0.237 25.331);\n  --color-green-500: oklch(72.3% 0.219 149.579);\n  --color-slate-200: oklch(92.9% 0.013 255.508);\n  --color-slate-500: oklch(55.4% 0.046 257.417);\n  --color-gray-50: oklch(98.5% 0.002 247.839);\n  --color-gray-100: #f3f4f6;\n  --color-gray-200: oklch(92.8% 0.006 264.531);\n  --color-gray-500: oklch(55.1% 0.027 264.364);\n  --color-gray-900: oklch(21% 0.034 264.665);\n  --color-zinc-900: oklch(21% 0.006 285.885);\n  --color-sidebar: var(--sidebar);\n  --color-sidebar-foreground: var(--sidebar-foreground);\n  --color-sidebar-primary: var(--sidebar-primary);\n  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n  --color-sidebar-accent: var(--sidebar-accent);\n  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n  --color-sidebar-border: var(--sidebar-border);\n  --color-sidebar-ring: var(--sidebar-ring);\n  /* rounded */\n  --radius-sm: calc(var(--radius) - 4px);\n  --radius-md: calc(var(--radius) - 2px);\n  --radius-lg: 12px;\n  --radius-xl: calc(var(--radius) + 4px);\n  --radius-2xl: 1rem;\n  --radius-3xl: 1.5rem;\n  /* spacing */\n  --spacing-layout-w: var(--layout-w);\n  --spacing-layout-h: var(--layout-h);\n  --spacing: 0.25rem;\n  /* size */\n  --container-md: 28rem;\n  --container-xl: 36rem;\n  --container-3xl: 48rem;\n  --container-4xl: 56rem;\n\n  --tracking-tight: -0.025em;\n  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n  --animate-spin: spin 1s linear infinite;\n  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  --default-transition-duration: 150ms;\n  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  --default-font-family: var(--font-sans);\n  --default-mono-font-family: var(--font-mono);\n\n  .no-scrollbar::-webkit-scrollbar {\n    display: none;\n  }\n  a,\n  p,\n  textarea,\n  button,\n  span,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  div {\n    font-family: 'Lato', sans-serif;\n  }\n  /* Hide scrollbar for IE, Edge and Firefox */\n  .no-scrollbar {\n    -ms-overflow-style: none; /* IE and Edge */\n    scrollbar-width: none; /* Firefox */\n  }\n  .shadow-inner-right {\n    box-shadow: inset -9px 0 6px -1px rgb(0 0 0 / 0.02);\n  }\n  .shadow-inner-left {\n    box-shadow: inset 9px 0 6px -1px rgb(0 0 0 / 0.02);\n  }\n  .annotation {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-normal);\n  }\n  .annotation-semi {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-semibold);\n  }\n  .annotation-bold {\n    font-size: var(--text-3xs);\n    font-weight: var(--font-weight-semibold);\n  }\n  .info {\n    font-size: var(--text-2xs);\n    font-weight: var(--font-weight-normal);\n  }\n  .info-semi {\n    font-size: var(--text-2s);\n    font-weight: var(--font-weight-semibold);\n  }\n  .info-bold {\n    font-size: var(--text-2s);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-p-xs {\n    font-size: var(--text-xs) !important;\n    font-weight: var(--font-weight-normal);\n    line-height: var(--text-xs--line-height);\n    letter-spacing: var(--text-xs--letter-spacing);\n  }\n  .text-p {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-normal);\n    letter-spacing: var(--text-sm--letter-spacing);\n  }\n  .text-p-semi {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-semibold);\n  }\n  .text-p-bold {\n    font-size: var(--text-sm);\n    font-weight: var(--font-weight-semibold);\n  }\n  .omniscribe_shadow-xl {\n    box-shadow:\n      0 20px 25px -5px rgb(0 0 0 / 0.1),\n      0 8px 10px -6px rgb(0 0 0 / 0.1);\n  }\n  .scrollbar-pretty {\n    &::-webkit-scrollbar {\n      width: 6px;\n    }\n    &::-webkit-scrollbar-thumb {\n      border-radius: 10px;\n      background-color: var(--omni-secondary);\n    }\n    &::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n  }\n\n  .omniscribe_visible {\n    visibility: visible;\n    display: flex;\n    flex: 1;\n  }\n  .omniscribe_hidden {\n    display: none;\n    height: 0;\n  }\n\n  .omniscribe_animate-spin {\n    animation: spin 1s linear infinite;\n  }\n}\n\n\n/* Source: modules/chat/components/AudioCutsWarningDialog.css */\n/* The shared Modal overlay uses position: absolute anchored to its\n   nearest positioned ancestor — which in our case is the chat footer,\n   not the widget root. That puts the modal at the bottom of the widget.\n   Override to position: fixed so the overlay covers the full viewport\n   and the modal truly centers regardless of where in the React tree it\n   was rendered. */\n.omniscribe_modal-overlay:has(.omniscribe_audio-cuts-modal) {\n  position: fixed;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n\n.omniscribe_audio-cuts-modal {\n  width: 480px;\n  max-width: 90vw;\n  padding: 24px !important;\n}\n\n/* Override Modal's giant default h2 size for this dialog. */\n.omniscribe_audio-cuts-modal .omniscribe_modal-title-container {\n  margin-bottom: 16px;\n  align-items: flex-start;\n}\n\n.omniscribe_audio-cuts-modal .omniscribe_modal-title {\n  font-size: 18px;\n  line-height: 1.3;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: var(--color-gray-900, #0f172a);\n}\n\n.omniscribe_audio-cuts-body {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* Summary card: warning icon + paragraph in a soft container. */\n.omniscribe_audio-cuts-summary {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.omniscribe_audio-cuts-summary-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 9999px;\n  background-color: #fef3c7;\n  color: #b45309;\n}\n\n.omniscribe_audio-cuts-summary-text {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--color-gray-800, #1f2937);\n  flex: 1;\n}\n\n/* Cut list: rounded gray container, clock icon per row, no bullets. */\n.omniscribe_audio-cuts-list {\n  margin: 0;\n  padding: 12px 14px;\n  border-radius: 12px;\n  background-color: var(--omniscribe-surface-alt, #f9fafb);\n  border: 1px solid var(--color-gray-200, #e5e7eb);\n  list-style: none;\n  max-height: 240px;\n  overflow-y: auto;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_audio-cuts-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--omniscribe-text-muted, #374151);\n  font-variant-numeric: tabular-nums;\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.omniscribe_audio-cuts-item-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: var(--omniscribe-text-muted, #6b7280);\n}\n\n/* Action row: right-aligned, secondary as text-link, primary as blue pill. */\n.omniscribe_audio-cuts-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 16px;\n  margin-top: 4px;\n}\n\n.omniscribe_audio-cuts-secondary {\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 8px 12px;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--omniscribe-text-muted, #374151);\n  border-radius: 9999px;\n  transition: background-color 0.15s ease;\n}\n\n.omniscribe_audio-cuts-secondary:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--color-gray-900, #0f172a);\n}\n\n.omniscribe_audio-cuts-primary {\n  border-radius: 9999px !important;\n  gap: 8px;\n  padding-block: 10px !important;\n  padding-inline: 18px !important;\n  height: auto !important;\n  font-weight: 600;\n}\n\n\n/* Source: modules/chat/components/ChatView.css */\n.omniscribe_chat-view-container {\n  flex: 1;\n  border-style: none;\n  display: flex;\n  overflow: hidden;\n  background: transparent;\n  bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  margin-block: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  right: 20px;\n  border-bottom-left-radius: 12px;\n  width: 100%;\n}\n\n.omniscribe_chat-view-container-history-cont {\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 0;\n  z-index: 30;\n  height: 100%;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  display: block;\n  border-top-left-radius: 12px;\n  border-bottom-left-radius: 12px;\n  overflow: hidden;\n  background-color: var(--omniscribe-surface, white);\n  transition:\n    width 300ms cubic-bezier(0.4, 0, 0.2, 1),\n    min-width 300ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.omniscribe_chat-view-container-history-cont-open {\n  width: 33%;\n}\n\n/* Overlay that covers the chat when history is open */\n.omniscribe_chat-view-overlay {\n  position: absolute;\n  inset: 0;\n  background-color: rgba(0, 0, 0, 0.4);\n  z-index: 25;\n  opacity: 0;\n  pointer-events: none;\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  border-radius: 12px;\n}\n\n.omniscribe_chat-view-overlay-visible {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n.omniscribe_chat-view-content-container {\n  display: flex;\n  flex: 1;\n  width: 100%;\n  flex-direction: column;\n  overflow: hidden;\n  position: relative;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n  border-bottom-right-radius: 12px;\n}\n\n.omniscribe_chat-view-stick-to-bottom {\n  font-size: 14px;\n}\n.omniscribe_chat-view-stick-to-bottom-content {\n  position: absolute;\n  inset: 0;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  display: grid;\n  grid-template-rows: 1fr auto;\n}\n\n/* Disable scroll when SummaryLoading is shown */\n.omniscribe_chat-view-stick-to-bottom-content--no-scroll {\n  overflow-y: hidden;\n}\n\n.omniscribe_chat-view-stick-to-bottom-content-class {\n  padding-bottom: calc(var(--spacing) * 13);\n  display: flex;\n  flex-direction: column;\n  padding-left: calc(var(--spacing) * 4);\n  padding-right: calc(var(--spacing) * 4);\n  min-width: 0;\n  padding-top: 12px;\n}\n\n.omniscribe_chat-view-footer-container {\n  position: sticky;\n  display: flex;\n  background-color: var(--omniscribe-surface, white);\n  flex-direction: column;\n  align-items: center;\n  bottom: 0;\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n}\n\n/*\n * The footer is sticky inside the scroll container, so mid-scroll the\n * conversation passes behind it and was cut off mid-line — text simply ended\n * where the buttons began. This is not a spacing problem: at rest the content\n * clears the footer. What was missing is a boundary, so the last visible line\n * dissolves into the footer's surface instead of being guillotined by it.\n */\n.omniscribe_chat-view-footer-container::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 100%;\n  /*\n   * Tall enough to dissolve two or three lines. A short band is worse than no\n   * band at all: at one line-height it ghosts a single row of text and reads as\n   * a rendering fault rather than a transition.\n   */\n  height: 64px;\n  pointer-events: none;\n  /* Fallback first: browsers without color-mix keep this. */\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    var(--omniscribe-surface, #fff)\n  );\n  /*\n   * Fading to `transparent` interpolates through transparent BLACK, which\n   * greys the middle of the band. Fading from the surface colour at zero alpha\n   * keeps it clean and still themable.\n   */\n  background: linear-gradient(\n    to bottom,\n    color-mix(in srgb, var(--omniscribe-surface, #fff) 0%, transparent) 0%,\n    var(--omniscribe-surface, #fff) 100%\n  );\n}\n\n/*\n * Floats over the conversation, so it needs to be opaque. It inherited the\n * outline button's translucent fill, which let the text underneath read\n * straight through it — the label and the message competing in the same\n * pixels. A solid fill plus a shadow is what makes it read as a control\n * sitting above the content rather than printed onto it.\n */\n/*\n * Pinned to the footer's top edge, not to the viewport.\n *\n * It used to be `position: fixed; bottom: 17%`, i.e. anchored to the browser\n * window: its distance from the composer depended on the window height, and at\n * common sizes it landed ON the action buttons — measured 3px below the\n * footer's top edge. Anchoring to the footer instead means it tracks whatever\n * the footer currently is: with or without the action row, with the\n * transcription panel expanded, with files attached.\n */\n.omniscribe_chat-view-footer-scroll-to-bottom {\n  position: absolute;\n  bottom: calc(100% + 12px);\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 2;\n}\n\n/*\n * Qualified with `.omniscribe_button` on purpose. The outline variant sets the\n * same properties at equal specificity and `button.css` is concatenated after\n * this file, so a single-class selector here loses on source order alone.\n */\n.omniscribe_button.omniscribe_chat-view-footer-scroll-to-bottom {\n  background-color: var(--omniscribe-surface, #fff);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  box-shadow: 0 2px 10px rgba(16, 23, 37, 0.16);\n}\n\n.omniscribe_button.omniscribe_chat-view-footer-scroll-to-bottom:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n}\n\n.omniscribe_chat-view-down-btn {\n  width: calc(0.25rem /* 4px */ * 4);\n  height: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Combined Footer - Frame 532 Design */\n.omniscribe_chat-view-combined-footer {\n  width: 100%;\n  padding-bottom: 12px;\n  background-color: var(--omniscribe-surface, white);\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  position: relative;\n}\n\n/* Action row — no background of its own; only the pills carry a border */\n.omniscribe_chat-footer-actions-row {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  padding-inline: calc(var(--spacing) * 4);\n  padding-bottom: 8px;\n  flex-shrink: 0;\n  min-width: 0;\n  width: 100%;\n  box-sizing: border-box;\n  transition: padding-top 0.5s ease;\n}\n\n/* With the transcription expanded, keeps the buttons off the panel's bottom\n   line (the expanded wrapper's border-bottom). */\n.omniscribe_transcription-panel-wrapper--expanded\n  + .omniscribe_chat-footer-actions-row {\n  padding-top: 10px;\n}\n\n.omniscribe_chat-view-combined-footer-row {\n  display: flex;\n  flex-direction: row;\n  align-items: end;\n  box-sizing: border-box;\n  width: 100%;\n  gap: 8px;\n  flex-shrink: 0;\n  background-color: var(--omniscribe-surface, white);\n  overflow: hidden;\n  padding-inline: calc(var(--spacing) * 4);\n  padding-top: 7px;\n}\n\n/* Frame 34 - Input container */\n.omniscribe_chat-view-combined-input-container {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  padding: 8px;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 20px;\n  background-color: var(--omniscribe-surface, white);\n  gap: 0;\n  transition:\n    border-color 0.2s ease,\n    box-shadow 0.2s ease;\n  box-sizing: border-box;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);\n  margin-bottom: 7px;\n  margin-right: 1px;\n}\n\n/* When files are attached, change border-radius to rounded rectangle */\n/*\n * Attaching a file must not resize the composer. There is deliberately no\n * max-width here: the base rule is `flex: 1`, and capping it made the composer\n * jump from the full footer width down to a fixed size the moment a file was\n * added — a leftover from a narrower Figma frame, and the only place that\n * number appeared. Several files scroll horizontally inside\n * `.omniscribe_chat-view-combined-files-row`, which owns `overflow-x: auto`.\n */\n.omniscribe_chat-view-combined-input-container--with-files {\n  gap: 12px;\n  align-items: flex-start;\n  min-width: 0;\n  overflow: hidden;\n}\n\n/* Files row inside input container - horizontal scroll, no wrapping */\n.omniscribe_chat-view-combined-files-row {\n  display: flex;\n  flex-wrap: nowrap;\n  justify-content: flex-start;\n  align-items: flex-start;\n  gap: 8px;\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  padding-bottom: 4px;\n  scrollbar-width: thin;\n  min-width: 0;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar {\n  height: 4px;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.omniscribe_chat-view-combined-files-row::-webkit-scrollbar-thumb {\n  background-color: var(--color-gray-300, #d1d5db);\n  border-radius: 4px;\n}\n\n/* Input row with clip icon, textarea, and action button */\n.omniscribe_chat-view-combined-input-row {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 4px;\n}\n\n/* Clip icon */\n.omniscribe_chat-view-combined-clip-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  height: 24px;\n  border-radius: 9999px;\n  background-color: var(--omniscribe-surface, white);\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  border: solid 1px var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_chat-view-combined-clip-icon:hover {\n  background-color: var(--omniscribe-surface-alt, #e5e7eb);\n  color: var(--color-gray-600);\n}\n\n/* Action button inside input */\n.omniscribe_chat-view-combined-action-btn {\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-textarea {\n  flex: 1;\n  resize: none;\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n  min-height: 20px;\n  max-height: 56px;\n  font-weight: 500 !important;\n  padding: 0 !important;\n  background: transparent;\n  color: var(--omniscribe-text-muted, #4a5364);\n  height: 20px;\n}\n\n.omniscribe_chat-view-combined-textarea::placeholder {\n  color: var(--omniscribe-text-muted, #9ca3af);\n}\n\n.omniscribe_chat-view-combined-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-send-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  padding: 0;\n  border: none;\n  border-radius: 9999px;\n  background-color: var(--secondary, #132caa);\n  color: white;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_chat-view-combined-send-btn:hover:not(:disabled) {\n  background-color: var(--secondary-hover, #2847e7);\n}\n\n.omniscribe_chat-view-combined-send-btn:disabled {\n  background-color: var(--omniscribe-surface-alt, #dfe2e7);\n  cursor: not-allowed;\n}\n\n/* Stop button - red variant of send button */\n.omniscribe_chat-view-combined-stop-btn {\n  background-color: var(--secondary, #132caa);\n}\n\n.omniscribe_chat-view-combined-stop-btn:hover {\n  background-color: var(--secondary, #132caa);\n}\n\n/* Drag-and-drop overlay */\n.omniscribe_chat-view-drag-overlay {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(37, 99, 235, 0.05);\n  border: 2px dashed var(--blue-600, #2563eb);\n  border-radius: var(--radius);\n  z-index: 10;\n  pointer-events: none;\n}\n\n.omniscribe_chat-view-drag-overlay-text {\n  color: var(--blue-600, #2563eb);\n  font-size: var(--text-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n\n/* Source: modules/chat/components/FileLimitBanner.css */\n/* File Limit Banner */\n.omniscribe_file-limit-banner {\n  position: fixed;\n  top: 20px;\n  left: 50%;\n  transform: translateX(-50%);\n  z-index: 1000;\n  background-color: #dc2626;\n  color: white;\n  border-radius: 12px;\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n  animation:\n    slideInFromTop 0.3s ease-out,\n    slideOutToTop 0.3s ease-in 4.7s;\n  animation-fill-mode: forwards;\n  width: auto;\n  max-width: 90vw;\n  padding: 0;\n  margin: 0 auto;\n}\n\n.omniscribe_file-limit-banner-content {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 12px 20px;\n  gap: 12px;\n  white-space: nowrap;\n}\n\n.omniscribe_file-limit-banner-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  color: white;\n}\n\n.omniscribe_file-limit-banner-message {\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 1.4;\n  text-align: center;\n}\n\n.omniscribe_file-limit-banner-close {\n  background: none;\n  border: none;\n  color: white;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n  margin-left: auto;\n}\n\n.omniscribe_file-limit-banner-close:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n\n.omniscribe_file-limit-banner-close svg {\n  width: 16px;\n  height: 16px;\n}\n\n/* Animations */\n@keyframes slideInFromTop {\n  0% {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-20px);\n  }\n  100% {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n}\n\n@keyframes slideOutToTop {\n  0% {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateX(-50%) translateY(-20px);\n  }\n}\n\n\n/* Source: modules/chat/components/PredefinedQuestions.css */\n.omniscribe_predefined-questions-container {\n  margin-top: calc(var(--spacing) * 2) /* 1rem = 16px */;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  display: flex;\n  flex-direction: column;\n}\n.omniscribe_predefined-questions-span {\n  color: var(--omniscribe-text, #13161a);\n  line-height: 21.6px;\n  font-size: 18px !important;\n  font-weight: 500 !important;\n}\n\n.omniscribe_predefined-title {\n  margin-bottom: 8px;\n  word-break: break-word;\n}\n\n.omniscribe_predefined-questions-msg-container {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  word-break: break-word;\n}\n\n.omniscribe_predefined-questions-content {\n  background-color: var(--background-primary, #e7effd) !important;\n  color: var(--primary, #105bdb) !important;\n  border-radius: 999px !important;\n  text-align: left;\n  padding-top: 4px;\n  padding-right: 16px;\n  padding-bottom: 4px;\n  padding-left: 16px;\n  width: fit-content;\n  height: fit-content;\n}\n\n\n/* Source: modules/chat/components/SummaryLoading.css */\n/* Auto-summary loading styles */\n.omniscribe_auto-summary-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  padding-top: calc(var(--spacing) * 13);\n  pointer-events: none;\n  width: 100%;\n  height: 100%;\n}\n\n.omniscribe_auto-summary-text {\n  font-size: 18px;\n  text-align: center;\n  margin-bottom: 20px;\n  font-weight: 500;\n  color: var(--omniscribe-text, #2b303a);\n}\n\n.omniscribe_auto-summary-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Loading dots animation */\n.omniscribe_loading-dots {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_loading-dots::after {\n  content: '';\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n}\n\n.omniscribe_loading-dots::before {\n  content: '';\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n  animation-delay: -0.16s;\n  margin-right: 4px;\n}\n\n.omniscribe_loading-dots span {\n  display: inline-block;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-dot-flashing 1.4s infinite linear;\n  animation-delay: -0.32s;\n  margin-right: 4px;\n}\n\n@keyframes omniscribe-dot-flashing {\n  0%,\n  80%,\n  100% {\n    opacity: 0;\n  }\n  40% {\n    opacity: 1;\n  }\n}\n\n\n/* Source: modules/chat/components/history/ChatHistory.css */\n.omniscribe_thread-list-container {\n  width: 100%;\n  height: 100%;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  padding-inline: calc(var(--spacing) * 1);\n  margin: 8px;\n}\n\n.omniscribe_thread-list-content {\n  padding-bottom: calc(var(--spacing) * 16);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.omniscribe_thread-list-item {\n  width: 100%;\n  padding-inline: 0;\n}\n\n.omniscribe_thread-list-btn {\n  text-align: left;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  width: calc(100% - var(--spacing) * 4);\n  border-radius: 4px !important;\n  margin-bottom: 4px;\n  font-weight: var(--font-weight-normal);\n  padding-inline: calc(var(--spacing) * 1) !important;\n}\n\n.omniscribe_thread-list-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--omniscribe-text, #252a32);\n  font-size: var(--Font-Size-font-size-100, 12px);\n  font-style: normal;\n  font-weight: var(--Font-Weight-Regular, 400);\n  line-height: var(--Font-Line-Height-line-height-100, 14.4px);\n  /* 120% */\n  letter-spacing: var(--Font-Letter-Spacing-letter-spacing-100, 0.05px);\n}\n\n.omniscribe_thread-history-loading {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing) * 2);\n  align-items: flex-start;\n  justify-content: flex-start;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  padding-inline: calc(var(--spacing) * 1);\n}\n\n.omniscribe_thread-history-loading-skeleton {\n  width: 100%;\n  height: calc(var(--spacing) * 10);\n}\n\n.omniscribe_thread-history-container {\n  display: flex;\n  flex-direction: column;\n  border-right: 1px solid var(--omniscribe-border, #e5e7ec);\n  align-items: flex-start;\n  justify-content: flex-start;\n  /* gap: calc(var(--spacing) * 6); */\n  height: 100%;\n  flex-shrink: 0;\n}\n\n.omniscribe_thread-history-header {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  padding: 16px;\n  background: var(--omniscribe-surface, white);\n  border-bottom: 1px solid var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_thread-history-header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding: 0;\n}\n\n.omniscribe_thread-history-header-title {\n  margin: 0;\n  color: var(--omniscribe-text, #252a32);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n}\n\n.omniscribe_thread-history-new-chat-btn {\n  margin: 12px 0 0 12px;\n  border-radius: 8px;\n  gap: 4px;\n  padding-block: 4px;\n}\n\n.omniscribe_thread-history-new-chat-btn:hover:not(:disabled) {\n  background-color: #0f2080;\n}\n\n.omniscribe_thread-history-new-chat-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_thread-history-chat-started-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: calc(var(--spacing) * 2);\n  padding-block: calc(var(--spacing) * 1);\n  background-color: color-mix(in oklab, var(--blue) 40%, transparent);\n  width: stretch;\n  width: -moz-available;\n  width: -webkit-fill-available;\n  width: fill-available;\n  box-shadow:\n    inset 0 2px 4px rgb(0 0 0 / 0.05),\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n.omniscribe_thread-history-no-chat-started-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-inline: calc(var(--spacing) * 2);\n  width: 100%;\n}\n\n.omniscribe_thread-history-chat-started-btn {\n  border: none;\n  background: transparent;\n  padding: 0px;\n  display: flex;\n  flex-direction: row;\n  gap: calc(var(--spacing) * 2);\n  align-items: center;\n  cursor: pointer;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 300ms;\n}\n\n.omniscribe_thread-history-chat-started-btn-text {\n  font-size: var(--text-xl);\n  line-height: var(--tw-leading, var(--text-xl--line-height));\n  font-weight: var(--font-weight-semibold);\n  letter-spacing: var(--tracking-tight);\n}\n\n.omniscribe_thread-tooltip {\n  padding: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Processing thread indicator */\n.omniscribe_thread-list-btn.omniscribe_thread-processing {\n  position: relative;\n}\n\n.omniscribe_thread-list-btn.omniscribe_thread-processing::before {\n  content: '';\n  position: absolute;\n  left: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 6px;\n  height: 6px;\n  background: var(--secondary, #132caa);\n  border-radius: 50%;\n  animation: omniscribe_pulse 1.5s infinite;\n}\n\n.omniscribe_thread-list-btn.omniscribe_thread-processing\n  .omniscribe_thread-list-text {\n  padding-left: 12px;\n}\n\n@keyframes omniscribe_pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.4;\n  }\n}\n\n\n/* Source: modules/chat/components/input/AudioBars.css */\n/* Granola-style animated audio bars: 3 rounded bars (short / tall / medium).\n   Accent-colored and \"dancing\" while recording, muted and static otherwise. */\n.omniscribe_audio-bars {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 3px;\n}\n\n.omniscribe_audio-bar {\n  width: 3.5px;\n  background-color: var(--omniscribe-primary, #1a73e8);\n  border-radius: 9999px;\n  transition:\n    height 0.15s ease,\n    background-color 0.2s ease;\n}\n\n/* Muted gray when not recording */\n.omniscribe_audio-bar--inactive {\n  background-color: var(--grey-700, #9ca3af);\n}\n\n/* Live mode — heights are driven per-frame from the mic level, so use a\n   short linear transition that dampens the movement without lagging it */\n.omniscribe_audio-bar--live {\n  transition:\n    height 0.08s linear,\n    background-color 0.2s ease;\n}\n\n/* Static heights: short / tall / medium (Granola pattern) */\n.omniscribe_audio-bar--1 {\n  height: 50%;\n}\n\n.omniscribe_audio-bar--2 {\n  height: 100%;\n}\n\n.omniscribe_audio-bar--3 {\n  height: 65%;\n}\n\n/* Dancing equalizer animation while recording */\n.omniscribe_audio-bar--animating.omniscribe_audio-bar--1 {\n  animation: omniscribe-audio-dance-1 0.9s ease-in-out infinite;\n}\n\n.omniscribe_audio-bar--animating.omniscribe_audio-bar--2 {\n  animation: omniscribe-audio-dance-2 1.1s ease-in-out infinite;\n}\n\n.omniscribe_audio-bar--animating.omniscribe_audio-bar--3 {\n  animation: omniscribe-audio-dance-3 1s ease-in-out infinite;\n}\n\n/* The dance is decorative — it runs while connecting, when there is no stream\n   to visualise yet. The --live bars are deliberately left out: those track\n   real microphone input, so they are information, not decoration. */\n@media (prefers-reduced-motion: reduce) {\n  .omniscribe_audio-bar--animating.omniscribe_audio-bar--1,\n  .omniscribe_audio-bar--animating.omniscribe_audio-bar--2,\n  .omniscribe_audio-bar--animating.omniscribe_audio-bar--3 {\n    animation: none;\n  }\n}\n\n@keyframes omniscribe-audio-dance-1 {\n  0%,\n  100% {\n    height: 50%;\n  }\n  25% {\n    height: 85%;\n  }\n  50% {\n    height: 35%;\n  }\n  75% {\n    height: 70%;\n  }\n}\n\n@keyframes omniscribe-audio-dance-2 {\n  0%,\n  100% {\n    height: 100%;\n  }\n  30% {\n    height: 55%;\n  }\n  60% {\n    height: 90%;\n  }\n  80% {\n    height: 65%;\n  }\n}\n\n@keyframes omniscribe-audio-dance-3 {\n  0%,\n  100% {\n    height: 65%;\n  }\n  20% {\n    height: 95%;\n  }\n  55% {\n    height: 45%;\n  }\n  85% {\n    height: 80%;\n  }\n}\n\n\n/* Source: modules/chat/components/input/ExtrasButtons.css */\n/*\n * Category names come from the host's templateExtras schema, so their length is\n * not ours to control. Left unbounded, one long name grew its pill until it\n * pushed the overflow trigger — and with it every remaining category — off the\n * right edge of the widget, with no way to reach them.\n *\n * The row cannot simply clip: the overflow menu is absolutely positioned and\n * opens upwards, so `overflow: hidden` on the row would cut the menu instead.\n * The pills give up the space themselves: they are the only shrinkable items in\n * the row, capped, and their label truncates.\n */\n/* Qualified: `.omniscribe_action-btn` is shared with the generate button and\n   lives in another file, so an unqualified rule here would depend on which\n   stylesheet the bundler concatenates last. */\n.omniscribe_action-btn.omniscribe_extras-btn {\n  min-width: 0;\n  max-width: 180px;\n  flex-shrink: 1;\n}\n\n.omniscribe_extras-btn-label {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Overflow container for extras categories beyond the first two. */\n.omniscribe_extras-overflow {\n  position: relative;\n  display: inline-flex;\n  /* Never squeezed out: it is the only route to the remaining categories. */\n  flex-shrink: 0;\n}\n\n/* Three-dots trigger — mirrors the neutral pill styling of the action row. */\n.omniscribe_extras-overflow-trigger {\n  flex-shrink: 0;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 9999px;\n  background-color: var(--omniscribe-surface, #ffffff);\n  color: var(--grey-700, #6f7d95);\n  cursor: pointer;\n  transition:\n    background-color 0.2s ease,\n    color 0.2s ease,\n    border-color 0.2s ease;\n}\n\n.omniscribe_extras-overflow-trigger:hover,\n.omniscribe_extras-overflow-trigger--open {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--omniscribe-text, #13161a);\n}\n\n/* Dropdown floats UP above the trigger (footer sits at the bottom), with a\n   gap so it doesn't sit flush against the action buttons row. */\n.omniscribe_extras-overflow-menu {\n  position: absolute;\n  bottom: calc(100% + 12px);\n  right: 0;\n  z-index: 20;\n  min-width: 160px;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  background-color: var(--omniscribe-surface, #ffffff);\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: var(--radius-lg, 12px);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n}\n\n.omniscribe_extras-overflow-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 8px 10px;\n  border: none;\n  border-radius: 8px;\n  background-color: transparent;\n  color: var(--omniscribe-text, #13161a);\n  text-align: left;\n  white-space: nowrap;\n  cursor: pointer;\n  transition: background-color 0.15s ease;\n}\n\n.omniscribe_extras-overflow-item:hover:not(:disabled) {\n  background-color: var(--omniscribe-primary-soft, #e8f0fe);\n  color: var(--omniscribe-primary, #1a73e8);\n}\n\n.omniscribe_extras-overflow-item:disabled {\n  opacity: 0.6;\n  cursor: default;\n}\n\n\n/* Source: modules/chat/components/input/FilePreview.css */\n/* File Preview Container - Figma Frame 532 */\n.omniscribe_file-preview-container {\n  display: contents;\n}\n\n.omniscribe_file-preview-container-history-open {\n  width: 372px;\n}\n\n/* Custom scrollbar */\n.omniscribe_file-preview-container::-webkit-scrollbar {\n  height: 6px;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-thumb {\n  background-color: #d1d5db;\n  border-radius: 3px;\n}\n\n.omniscribe_file-preview-container::-webkit-scrollbar-thumb:hover {\n  background-color: #9ca3af;\n}\n\n/* Individual image thumbnail */\n.omniscribe_file-preview-image {\n  position: relative;\n  width: 80px;\n  height: 80px;\n  border-radius: 12px;\n  background-color: var(--omniscribe-surface-alt, #e8edf5);\n  overflow: hidden;\n  flex-shrink: 0;\n}\n\n.omniscribe_file-preview-image-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 12px;\n}\n\n.omniscribe_file-preview-image-placeholder {\n  width: 100%;\n  height: 100%;\n  background-color: var(--omniscribe-surface-alt, #e8edf5);\n  border-radius: 12px;\n}\n\n/* Document card */\n/* Document card - matches Figma design */\n.omniscribe_file-preview-document {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background-color: var(--omniscribe-surface, white);\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 16px;\n  position: relative;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);\n  flex-shrink: 0;\n  max-height: 38px;\n}\n\n.omniscribe_file-preview-document-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 46px;\n  height: 46px;\n  background-color: #dc3545;\n  border-radius: var(--radius-lg, 12px);\n  flex-shrink: 0;\n}\n\n.omniscribe_file-preview-document-icon svg {\n  color: white;\n}\n\n.omniscribe_file-preview-document-info {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  flex: 1;\n  padding-right: 16px;\n}\n\n.omniscribe_file-preview-document-title {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--grey-900);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 180px;\n}\n\n.omniscribe_file-preview-document-type {\n  font-size: 12px;\n  color: var(--grey-700);\n  font-weight: 500;\n}\n\n/* Individual image thumbnail - larger size matching Figma */\n.omniscribe_file-preview-image {\n  position: relative;\n  width: 64px;\n  height: 64px;\n  border-radius: 16px;\n  background-color: #1a1a2e;\n  flex-shrink: 0;\n  /* overflow: visible to allow X button to show outside bounds */\n}\n\n.omniscribe_file-preview-image-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 16px;\n  /* Apply overflow hidden to the image itself */\n  overflow: hidden;\n}\n\n.omniscribe_file-preview-image-placeholder {\n  width: 100%;\n  height: 100%;\n  background-color: var(--omniscribe-surface-alt, #e8edf5);\n  border-radius: 16px;\n}\n\n/* Remove button - blue circle with X - positioned inside bounds */\n.omniscribe_file-preview-remove-btn {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border: none;\n  border-radius: 50%;\n  background-color: var(--blue-600, #2563eb);\n  color: white;\n  cursor: pointer;\n  padding: 0;\n  transition: background-color 0.2s ease;\n  z-index: 2;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n.omniscribe_file-preview-remove-btn:hover {\n  background-color: var(--blue-700, #1d4ed8);\n}\n\n.omniscribe_file-preview-remove-btn--image {\n  top: 4px;\n  right: 4px;\n  width: 20px;\n  height: 20px;\n}\n\n\n/* Source: modules/chat/components/input/MicrophoneButton.css */\n/* Microphone Button Styles */\n.microphone-button {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  min-width: 24px !important;\n  min-height: 24px !important;\n  padding: 0 !important;\n  border-radius: 9999px !important;\n  border: none !important;\n  background-color: var(--omniscribe-surface-alt, #f3f4f6) !important;\n  box-shadow: none !important;\n  transition: background-color 0.2s ease !important;\n  flex-shrink: 0;\n}\n\n.microphone-button:hover:not(:disabled) {\n  background-color: var(--omniscribe-surface-alt, #e5e7eb) !important;\n}\n\n.microphone-button--recording {\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  background-color: #fee2e2 !important;\n}\n\n/* Pulse animation for recording state */\n@keyframes pulse {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n}\n\n\n/* Source: modules/chat/components/input/TranscribeDropdown.css */\n/* Ensure tooltip trigger properly wraps the button in flex context */\n.omniscribe_thread-combined-footer-row > .tooltip-trigger {\n  display: flex;\n  flex-shrink: 0;\n}\n\n/* Granola-style transcribe pill: [bars chevron] ··· [stop square | text]\n   A single flat capsule — no nested containers, no shadow, and its chrome\n   stays constant across idle/recording/paused (only the bars change). */\n.omniscribe_transcribe-dropdown {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 9999px;\n  background-color: var(--omniscribe-surface, white);\n  transition:\n    background-color 0.15s ease,\n    border-color 0.15s ease;\n  font-size: var(--font-size-100, 13px);\n  font-weight: 500;\n  color: var(--omniscribe-text, #1f2937);\n  white-space: nowrap;\n  overflow: hidden;\n  flex-shrink: 0;\n  padding: 10px 18px;\n}\n\n.omniscribe_transcribe-dropdown:hover:not(\n    .omniscribe_transcribe-dropdown--disabled\n  ) {\n  background-color: var(--omniscribe-surface-alt, #fafafa);\n  border-color: var(--color-gray-300, #d1d5db);\n}\n\n/* Left group: bars + chevron sit flat inside the capsule (no inner pill) */\n.omniscribe_transcribe-controls-group {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n/* Bars & chevron buttons — chromeless icon buttons */\n.omniscribe_transcribe-bars-button,\n.omniscribe_transcribe-chevron-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n}\n\n.omniscribe_transcribe-bars-button:disabled,\n.omniscribe_transcribe-chevron-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Right: plain accent text control (Granola's \"Resume\") — no chrome */\n.omniscribe_transcribe-text-button {\n  display: flex;\n  align-items: center;\n  padding: 0;\n  border: none;\n  background: none;\n  cursor: pointer;\n  font-size: inherit;\n  font-weight: 500;\n  color: var(--omniscribe-primary, #1a73e8);\n}\n\n.omniscribe_transcribe-text-button:hover:not(:disabled) {\n  color: var(--blue-700, #1558d6);\n}\n\n.omniscribe_transcribe-text-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Right: play triangle shown when idle/paused — no chrome, accent color */\n.omniscribe_transcribe-play-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  color: var(--omniscribe-primary, #1a73e8);\n  transition: color 0.15s ease;\n}\n\n.omniscribe_transcribe-play-button:hover:not(:disabled) {\n  color: var(--blue-700, #1558d6);\n}\n\n.omniscribe_transcribe-play-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Right: filled rounded stop square shown while recording — no chrome */\n.omniscribe_transcribe-stop-button {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  color: var(--omniscribe-text-muted, #5f6368);\n  transition: color 0.15s ease;\n}\n\n.omniscribe_transcribe-stop-button:hover:not(:disabled) {\n  color: var(--omniscribe-text, #1f2937);\n}\n\n.omniscribe_transcribe-stop-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.omniscribe_transcribe-dropdown--disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_transcribe-dropdown-label {\n  text-align: left;\n  white-space: nowrap;\n}\n\n/* Chevron points up (panel closed) and rotates to down when expanded */\n.omniscribe_transcribe-dropdown-chevron {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--omniscribe-text-muted, #6b7280);\n  transition:\n    transform 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcribe-dropdown-chevron--expanded {\n  transform: rotate(180deg);\n}\n\n.omniscribe_transcribe-dropdown:hover .omniscribe_transcribe-dropdown-chevron {\n  color: var(--omniscribe-text, #374151);\n}\n\n/* Connection status pill - inline banner replacing toasts.\n   Three states: reconnecting (neutral), disconnected (red), restored (dark). */\n.omniscribe_connection-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: 9999px;\n  white-space: nowrap;\n  flex-shrink: 0;\n  font-weight: 500;\n  margin-inline: 8px;\n}\n\n.omniscribe_connection-pill-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.omniscribe_connection-pill-icon--spin {\n  animation: omniscribe-connection-spin 1s linear infinite;\n}\n\n@keyframes omniscribe-connection-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.omniscribe_connection-pill--reconnecting {\n  background-color: var(--omniscribe-surface-alt, #f9fafb);\n  border: 1px solid var(--color-gray-200, #e5e7eb);\n  color: var(--omniscribe-text-muted, #374151);\n}\n\n.omniscribe_connection-pill--disconnected {\n  background-color: #fdecec;\n  border: 1px solid #f8c7c7;\n  color: #b42318;\n  padding-right: 4px;\n}\n\n.omniscribe_connection-pill--restored {\n  background-color: #1f2937;\n  border: 1px solid #1f2937;\n  color: #ffffff;\n}\n\n.omniscribe_connection-pill-retry {\n  border-radius: 9999px !important;\n  gap: 4px;\n  padding-block: 3px !important;\n  padding-inline: 8px !important;\n  height: auto !important;\n  background-color: #d92d20 !important;\n  color: #ffffff !important;\n  border: none !important;\n  margin-left: 2px;\n}\n\n.omniscribe_connection-pill-retry:hover:not(:disabled) {\n  background-color: #b42318 !important;\n}\n\n/* Action buttons - unified style for Generate, Petitions, Extras */\n.omniscribe_action-btn {\n  /* Fixed-label actions keep their size; only the extras pills, whose labels\n     are host-defined and can be arbitrarily long, give up space. */\n  flex-shrink: 0;\n  border-radius: 9999px !important;\n  gap: 6px;\n  padding-block: 6px !important;\n  padding-inline: 12px !important;\n  /* Match height of controls-group (border + padding + content) */\n  min-height: 32px !important;\n  font-size: var(--font-size-100, 13px) !important;\n  font-weight: 500 !important;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;\n  transition: all 0.15s ease !important;\n  display: inline-flex !important;\n  align-items: center !important;\n}\n\n.omniscribe_action-btn:hover:not(:disabled) {\n  background-color: var(--blue-700, #1558d6) !important;\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important;\n}\n\n.omniscribe_action-btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n/* Collapsed state - vertical pill with light theme */\n.omniscribe_transcribe-collapsed {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  background-color: var(--omniscribe-surface, white);\n  border: 1px solid var(--border, #e5e7eb);\n  border-radius: 9999px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/* Passive activity indicator — live bars while recording */\n.omniscribe_transcribe-collapsed-bars {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n}\n\n.omniscribe_transcribe-collapsed-play {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: none;\n  border-radius: 50%;\n  background-color: transparent;\n  color: var(--omniscribe-primary, #1a73e8);\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_transcribe-collapsed-play:hover:not(:disabled) {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  transform: scale(1.05);\n}\n\n.omniscribe_transcribe-collapsed-play:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_transcribe-collapsed-play--recording {\n  box-shadow: 0 0 8px rgba(26, 115, 232, 0.2);\n}\n\n.omniscribe_transcribe-collapsed-expand {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border: none;\n  border-radius: 50%;\n  background-color: transparent;\n  color: var(--omniscribe-text-muted, #6b7280);\n  cursor: pointer;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_transcribe-collapsed-expand:hover:not(:disabled) {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--omniscribe-text, #374151);\n}\n\n\n/* Source: modules/chat/components/input/TranscriptionPanel.css */\n/* Expand/collapse wrapper — absolutely positioned upwards so it does NOT\n   push the actions row or the form. Being out of the flow, animating the\n   height causes no footer reflow: the panel unfolds upwards (same\n   animation as the previous version). */\n.omniscribe_transcription-panel-wrapper {\n  position: absolute;\n  bottom: 100%;\n  left: 0;\n  right: 0;\n  height: 0;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: none;\n  transition:\n    height 0.5s ease,\n    opacity 0.5s ease;\n}\n\n.omniscribe_transcription-panel-wrapper--expanded {\n  height: calc(var(--content-height) * 0.55);\n  opacity: 1;\n  pointer-events: auto;\n  border-bottom: 1px solid var(--border, #e5e7eb);\n}\n\n/* TranscriptionPanel - Frame 655 from Figma */\n.omniscribe_transcription-panel {\n  width: 100%;\n  height: 100%;\n  background-color: var(--omniscribe-surface, #ffffff);\n  border: 1px solid var(--border, #e5e7eb);\n  border-top-left-radius: var(--radius-lg, 12px);\n  border-top-right-radius: var(--radius-lg, 12px);\n  overflow: hidden;\n  margin-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n}\n\n/* Header with action buttons */\n.omniscribe_transcription-panel-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--border);\n}\n\n.omniscribe_transcription-panel-header-section {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_transcription-panel-actions {\n  display: flex;\n  align-items: center;\n  gap: 1px;\n  margin-right: 2px;\n}\n\n.omniscribe_transcription-panel-action-btn {\n  width: 100%;\n  height: auto;\n  transition:\n    background-color 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcription-panel-close {\n  border-radius: 9999px;\n  border: none;\n  padding-inline: 5px !important;\n  padding-block: 2.5px !important;\n  margin-block: 5.5px;\n  transition:\n    background-color 0.2s ease,\n    color 0.2s ease;\n}\n\n.omniscribe_transcription-panel-close:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--color-gray-600, #4b5563);\n}\n\n/* Body container */\n.omniscribe_transcription-panel-body {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 150px;\n  overflow: hidden;\n}\n\n/* Idle state - white background with blue text */\n.omniscribe_transcription-panel-idle {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  flex: 1;\n  gap: 16px;\n  padding: 24px;\n}\n\n.omniscribe_transcription-panel-idle-text {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--color-primary, #2563eb);\n  text-align: center;\n  margin: 0;\n}\n\n.omniscribe_transcription-panel-play-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\n  border: none;\n  border-radius: 9999px;\n  background-color: var(--omniscribe-primary-soft, #e7effd);\n  cursor: pointer;\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.omniscribe_transcription-panel-play-btn:hover {\n  transform: scale(1.05);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n}\n\n.omniscribe_transcription-panel-play-btn svg {\n  color: var(--omniscribe-primary, #2563eb);\n}\n\n/* Content state - transcription display */\n.omniscribe_transcription-panel-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 16px;\n  max-height: 220px;\n}\n\n.omniscribe_transcription-panel-message {\n  margin-bottom: 8px;\n  text-align: left;\n  width: fit-content;\n  background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  padding: 4px;\n  border-radius: 8px;\n  color: var(--omniscribe-text, #13161a);\n  line-height: 1.7 !important;\n}\n\n/* Audio-loss divider rendered between segments where a recording cut\n   occurred. Visually separates captured speech from the gap so the doctor\n   can spot lost portions while reviewing the transcription. */\n.omniscribe_transcription-panel-cut {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-block: 10px;\n  padding-inline: 4px;\n}\n\n.omniscribe_transcription-panel-cut-line {\n  flex: 1;\n  height: 1px;\n  background-color: #fed7aa;\n}\n\n.omniscribe_transcription-panel-cut-label {\n  flex-shrink: 0;\n  padding: 2px 10px;\n  border-radius: 9999px;\n  background-color: #fff7ed;\n  border: 1px solid #fed7aa;\n  color: #c2410c;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n\n/* Scrollbar styles */\n.omniscribe_transcription-panel-content::-webkit-scrollbar {\n  width: 6px;\n}\n\n.omniscribe_transcription-panel-content::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background-color: var(--color-gray-300, #d1d5db);\n}\n\n.omniscribe_transcription-panel-content::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n/* Firefox */\n.omniscribe_transcription-panel-content {\n  scrollbar-width: thin;\n  scrollbar-color: var(--color-gray-300, #d1d5db) transparent;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-panel-processing {\n  padding-top: 5px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-processing {\n  padding: 12px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-processing-lines {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-skeleton-line {\n  height: 14px;\n  width: 70%;\n}\n\n.omniscribe_transcription-skeleton-line--short {\n  width: 40%;\n}\n\n.omniscribe_transcription-processing-text {\n  font-size: var(--text-xs);\n  color: var(--omni-secondary, #6b7280);\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupMenu.css */\n.omniscribe_link-menu-container {\n  width: 18rem;\n  border-radius: 0.5rem;\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n  border: 1px solid var(--grey-200);\n  background-color: var(--omniscribe-surface, #ffffff);\n}\n\n.omniscribe_link-menu-navigation {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  border-bottom: 1px solid var(--color-gray-100);\n  background-color: var(--grey-50);\n  border-top-left-radius: 0.5rem;\n  border-top-right-radius: 0.5rem;\n}\n\n.omniscribe_nav-button {\n  height: 1.5rem;\n  width: 1.5rem;\n  padding: 0.125rem;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 0.375rem;\n  color: var(--omniscribe-text-muted, #6b7280);\n  transition-property:\n    color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.omniscribe_nav-button:hover {\n  background-color: var(--color-gray-100);\n  color: var(--omniscribe-text, #374151);\n}\n\n.omniscribe_nav-button:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  box-shadow: 0 0 0 2px #3b82f6;\n}\n\n.omniscribe_nav-button:active {\n  background-color: var(--grey-200);\n}\n\n.omniscribe_nav-icon {\n  width: 0.875rem;\n  height: 0.875rem;\n}\n\n.omniscribe_page-indicator {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  color: var(--omniscribe-text-muted, #4b5563);\n}\n\n.omniscribe_link-menu-content {\n  padding: 0.375rem;\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupMenuCard.css */\n.omniscribe_card-link {\n  display: block;\n  border-radius: 0.5rem;\n  overflow: hidden;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 200ms;\n  background-color: var(--omniscribe-surface, #ffffff);\n  border: 1px solid var(--grey-200);\n  text-decoration: none;\n}\n\n.omniscribe_card {\n  border: 0;\n  box-shadow: none;\n  border-radius: 0.5rem;\n  margin: 0;\n  padding: 0;\n}\n\n.omniscribe_card:hover {\n  background-color: var(--grey-50);\n}\n\n.omniscribe_card-header {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n  border-bottom: 1px solid var(--color-gray-100);\n  background-color: rgba(249, 250, 251, 0.5);\n}\n\n.omniscribe_favicon {\n  width: 1rem;\n  height: 1rem;\n  flex-shrink: 0;\n}\n\n.omniscribe_fallback-icon {\n  width: 1rem;\n  height: 1rem;\n  border-radius: 0.125rem;\n  background-color: #d1d5db;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.omniscribe_fallback-text {\n  font-size: 8px;\n  font-weight: 700;\n  color: var(--grey-600);\n  text-transform: uppercase;\n}\n\n.omniscribe_card-title {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  color: var(--grey-800);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex-grow: 1;\n  min-width: 0;\n  margin: 0;\n}\n\n.omniscribe_card-content {\n  padding-left: 0.75rem;\n  padding-right: 0.75rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.omniscribe_card-content > * + * {\n  margin-top: 0.25rem;\n}\n\n.omniscribe_link-text {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  font-weight: 600;\n  color: var(--color-activeblack, #000000);\n  line-height: 1.375;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n.omniscribe_snippet-text {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  color: var(--omniscribe-text-muted, #4b5563);\n  line-height: 1.625;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n\n\n/* Source: modules/chat/components/markdown/LinkGroupPill.css */\n.omniscribe_pill-container {\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  margin-left: 0.125rem;\n  margin-right: 0.125rem;\n}\n\n.omniscribe_pill-button {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 9999px;\n  padding-left: 0.625rem;\n  padding-right: 0.625rem;\n  font-size: 0.75rem;\n  line-height: 1rem;\n  font-weight: 500;\n  background-color: var(--blue-100);\n  color: var(--blue-700);\n  border: 1px solid var(--blue-200);\n  transition-property:\n    color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  cursor: pointer;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.omniscribe_pill-button:hover {\n  background-color: var(--blue-200);\n}\n\n.omniscribe_pill-button:focus {\n  background-color: var(--blue-200);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  box-shadow:\n    0 0 0 2px #3b82f6,\n    0 0 0 4px rgba(59, 130, 246, 0.1);\n}\n\n.omniscribe_pill-button--active {\n  background-color: var(--blue-200);\n}\n\n.omniscribe_pill-domain {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n@media (min-width: 640px) {\n  .omniscribe_pill-domain {\n    max-width: 200px;\n  }\n}\n\n.omniscribe_pill-counter {\n  margin-left: 0.375rem;\n  background-color: var(--blue-200);\n  color: #1e40af;\n  border-radius: 9999px;\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 600;\n}\n\n.omniscribe_menu-portal {\n  position: absolute;\n  z-index: 100;\n}\n\n\n/* Source: modules/chat/components/markdown/MarkdownText.css */\n.omniscribe_markdown-code-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  border-top-left-radius: var(--radius) /* 0.25rem = 4px */;\n  border-top-right-radius: var(--radius) /* 0.25rem = 4px */;\n  background-color: var(--color-zinc-900)\n    /* oklch(21% 0.006 285.885) = #18181b */;\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  color: var(--white);\n}\n\n.omniscribe_markdown-code-span {\n  text-transform: lowercase;\n  & > span {\n    font-size: var(--text-xs) /* 0.75rem = 12px */;\n    line-height: var(--text-xs--line-height) /* calc(1 / 0.75) ≈ 1.3333 */;\n  }\n}\n\n.omniscribe_markdown-h1 {\n  margin-bottom: calc(var(--spacing) * 8) /* 2rem = 32px */;\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-4xl) /* 2.25rem = 36px */;\n  line-height: var(--text-4xl--line-height) /* calc(2.5 / 2.25) ≈ 1.1111 */;\n  font-weight: var(--font-weight-extrabold) /* 800 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h2 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 8) /* 2rem = 32px */;\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-3xl) /* 1.875rem = 30px */;\n  line-height: var(--text-3xl--line-height) /* calc(2.25 / 1.875) ≈ 1.2 */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n.omniscribe_markdown-h3 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 6);\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-2xl);\n  line-height: var(--text-2xl--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h4 {\n  margin-bottom: calc(var(--spacing) * 4);\n  margin-top: calc(var(--spacing) * 6);\n  scroll-margin: calc(var(--spacing) * 20) /* 5rem = 80px */;\n  font-size: var(--text-xl);\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  letter-spacing: var(--tracking-tight) /* -0.025em */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n.omniscribe_markdown-h5 {\n  margin-block: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  font-size: var(--text-lg);\n  line-height: var(--text-lg--line-height);\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-h6 {\n  margin-block: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-p {\n  margin-block: calc(var(--spacing) * 2.5);\n  line-height: calc(var(--spacing) * 5);\n  &:first-child {\n    margin-top: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n  &:last-child {\n    margin-bottom: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  }\n}\n\n.omniscribe_markdown-a {\n  color: var(--primary);\n  font-weight: var(--font-weight-medium) /* 500 */;\n  text-decoration-line: underline;\n  text-underline-offset: 4px;\n  overflow-wrap: break-word;\n}\n\n.omniscribe_markdown-blockquote {\n  border-left-width: 2px;\n  padding-left: calc(var(--spacing) * 6) /* 1.5rem = 24px */;\n  font-style: italic;\n}\n\n.omniscribe_markdown-ul {\n  list-style-type: disc;\n  padding-inline-start: 20px;\n  word-break: break-word;\n  & > li {\n    margin-top: calc(var(--spacing) * 1) /* 0.5rem = 8px */;\n  }\n}\n\n.omniscribe_markdown-ol {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  margin-left: calc(var(--spacing) * 6) /* 1.5rem = 24px */;\n  list-style-type: decimal;\n  & > li {\n    margin-top: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  }\n}\n\n.omniscribe_markdown-hr {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  border-bottom-width: 1px;\n}\n.omniscribe_markdown-table {\n  margin-block: calc(var(--spacing) * 5) /* 1.25rem = 20px */;\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  overflow-y: auto;\n}\n.omniscribe_markdown-th {\n  background-color: var(--muted);\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  text-align: left;\n  font-weight: var(--font-weight-bold) /* 700 */;\n  &:first-child {\n    border-top-left-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &:last-child {\n    border-top-right-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &[align='center'] {\n    text-align: center;\n  }\n  &[align='right'] {\n    text-align: right;\n  }\n}\n\n.omniscribe_markdown-td {\n  border-bottom-width: 1px;\n  border-left-width: 1px;\n  padding-inline: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  padding-block: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  text-align: left;\n  &:last-child {\n    border-right-width: 1px;\n  }\n  &[align='center'] {\n    text-align: center;\n  }\n  &[align='right'] {\n    text-align: right;\n  }\n}\n\n.omniscribe_markdown-tr {\n  margin: calc(var(--spacing) * 0) /* 0rem = 0px */;\n  &:first-child {\n    border-top-width: 1px;\n  }\n  &:last-child > td:first-child {\n    border-bottom-left-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n  &:last-child > td:last-child {\n    border-bottom-right-radius: var(--radius) /* 0.25rem = 4px */;\n  }\n}\n\n.omniscribe_markdown-sup {\n  font-size: var(--text-xs) /* 0.75rem = 12px */;\n  line-height: var(--text-xs--line-height) /* calc(1 / 0.75) ≈ 1.3333 */;\n  & > a {\n    text-decoration-line: none;\n  }\n}\n\n.omniscribe_markdown-pre {\n  overflow-x: auto;\n  border-bottom-right-radius: var(--radius) /* 0.25rem = 4px */;\n  border-bottom-left-radius: var(--radius) /* 0.25rem = 4px */;\n  background-color: var(--black);\n  padding: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  color: var(--white);\n  max-width: var(--container-4xl) /* 56rem = 896px */;\n}\n\n.omniscribe_markdown-code {\n  border-radius: 0.25rem /* 4px */;\n  font-weight: var(--font-weight-semibold) /* 600 */;\n}\n\n.omniscribe_markdown-link {\n  color: var(--color-primary); /* text-primary */\n  font-weight: 500; /* font-medium */\n  text-decoration: underline; /* underline */\n  text-underline-offset: 4px; /* underline-offset-4 */\n  word-wrap: break-word; /* break-words */\n}\n\n.omniscribe_markdown-link:hover {\n  color: var(--color-primary-dark); /* hover:text-primary-dark */\n}\n\n.omniscribe_assistant-markdown-container strong,\n.omniscribe_assistant-markdown-container b {\n  font-weight: bold !important;\n}\n\n\n/* Source: modules/chat/components/markdown/tooltip-icon-button.css */\n/* Tooltip icon button styles */\n.omniscribe_tooltip-icon-button-btn {\n  padding: 4px;\n  min-width: auto;\n  min-height: auto;\n}\n\n.omniscribe_tooltip-icon-button-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n\n/* Source: modules/chat/components/messages/AssistantMessage.css */\n.omniscribe_assistant-message-container {\n  display: flex;\n  align-items: flex-start;\n  margin-right: auto;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  width: 100%;\n}\n\n.omniscribe_assistant-message-calls-container {\n  display: flex;\n  flex-direction: column;\n  max-width: 100%;\n}\n\n.omniscribe_assistant-markdown-container {\n  padding-block: calc(var(--spacing) * 0.5) /* 0.25rem = 4px */;\n}\n\n.omniscribe_assistant-commands-container {\n  display: flex;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  align-items: center;\n  margin-right: auto;\n}\n.omniscribe_assistant-message-container:hover,\n.omniscribe_assistant-message-container:focus {\n  .omniscribe_assistant-commands-container {\n    opacity: 100%;\n  }\n}\n\n\n/* Source: modules/chat/components/messages/AssistantMessageLoading.css */\n/* Assistant message loading animation */\n.omniscribe_assistant-message-loading-container {\n  display: flex;\n  align-items: center;\n  padding: 8px 0;\n}\n\n.omniscribe_assistant-message-loading {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_assistant-message-loading-dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: #666;\n  animation: omniscribe-assistant-dot-flashing 1.4s infinite linear;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(1) {\n  animation-delay: -0.32s;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(2) {\n  animation-delay: -0.16s;\n}\n\n.omniscribe_assistant-message-loading-dot:nth-child(3) {\n  animation-delay: 0s;\n}\n\n@keyframes omniscribe-assistant-dot-flashing {\n  0%,\n  80%,\n  100% {\n    opacity: 0;\n  }\n  40% {\n    opacity: 1;\n  }\n}\n\n\n/* Source: modules/chat/components/messages/BranchSwitcher.css */\n.omniscribe_brand-switcher-container {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n}\n\n.omniscribe_brand-switcher-text {\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n}\n\n.omniscribe_brand-switcher-btn {\n  width: calc(0.25rem /* 4px */ * 6) /* 1.5rem = 24px */;\n  height: calc(0.25rem /* 4px */ * 6) /* 1.5rem = 24px */;\n  padding: calc(0.25rem /* 4px */ * 1) /* 0.25rem = 4px */;\n}\n\n\n/* Source: modules/chat/components/messages/CommandBar.css */\n.omniscribe_command-bar-container {\n  display: flex;\n  align-items: center;\n  padding-right: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n  transition: opacity 0.2s ease-in-out;\n}\n\n.omniscribe_command-bar-container.omniscribe_command-bar-hidden {\n  opacity: 0;\n  pointer-events: none;\n}\n\n.thumbs.active {\n  color: var(--blue-500);\n}\n\n.omniscribe_feedback-button-container {\n  position: relative;\n  display: inline-block;\n}\n\n.omniscribe_command-bar-container-icon-color,\n.thumbs {\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n.omniscribe_command-bar-container svg {\n  width: 12px !important;\n  height: 12px !important;\n}\n\n.omniscribe_command-bar-container .omniscribe_tooltip-icon-button-btn {\n  padding: calc(var(--spacing) * 0.5) !important;\n}\n\n.omniscribe_command-bar-container .tooltip-base {\n  padding: 0.25rem 0.5rem;\n}\n\n.omniscribe_command-bar-container .tooltip-trigger {\n  padding: 1px;\n  margin: 1px;\n}\n\n.omniscribe_command-bar-container .omniscribe_button-size-icon {\n  height: calc(var(--spacing) * 3);\n  width: calc(var(--spacing) * 3);\n}\n\n\n/* Source: modules/chat/components/messages/HumanMessage.css */\n.omniscribe_human-message-container {\n  display: flex;\n  align-items: center;\n  margin-left: auto;\n  gap: calc(var(--spacing) * 2) /* 0.5rem = 8px */;\n}\n.omniscribe_human-message-container-editing {\n  width: 100%;\n  max-width: var(--container-xl) /* 36rem = 576px */;\n}\n.omniscribe_human-message-container-no-editing {\n  max-width: 100%;\n}\n\n.omniscribe_human-message-command-container {\n  display: flex;\n  gap: calc(var(--spacing) * 1) /* 0.5rem = 8px */;\n  align-items: center;\n  margin-left: auto;\n}\n.omniscribe_human-message-command-container-editing {\n  opacity: 100%;\n}\n\n.omniscribe_human-message-container:focus,\n.omniscribe_human-message-container:hover {\n  .omniscribe_human-message-command-container {\n    opacity: 100%;\n  }\n}\n\n.omniscribe_human-message-subcontainer {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.omniscribe_human-message-subcontainer-editing {\n  width: 100%;\n}\n\n.omniscribe_human-message-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n}\n\n.omniscribe_human-message-content-text {\n  text-align: right;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  padding-inline: calc(var(--spacing) * 2);\n  border-radius: var(--radius-3xl);\n  background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  font-weight: 500;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n  margin: 0;\n}\n.omniscribe_human-message-textarea {\n  min-height: 2.5rem !important; /* 40px */\n  max-height: 12rem !important; /* 192px - Allow more vertical space */\n  min-width: 200px !important; /* Minimum width for usability */\n  resize: both; /* Allow controlled resizing in both directions */\n  width: 100%;\n  overflow: auto; /* Enable scroll when content exceeds max dimensions */\n\n  &:focus-visible {\n    box-shadow: var(--tw-ring-inset,) 0 0 0\n      calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\n  }\n}\n\n.omniscribe_human-message-textarea-chat-history-close {\n  max-width: 100% !important;\n}\n\n.omniscribe_human-message-textarea-chat-history-open {\n  max-width: 385px !important;\n}\n\n\n/* Source: modules/chat/components/messages/MessageImages.css */\n/* Message Files Container (for both images and documents) */\n.omniscribe_message-files {\n  margin-top: 8px;\n  margin-bottom: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* Message Images Container */\n.omniscribe_message-images {\n  display: flex;\n  flex-direction: column;\n}\n\n.omniscribe_message-images-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  max-width: 100%;\n}\n\n/* Individual Image Container */\n.omniscribe_message-image-container {\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  background-color: var(--omniscribe-surface-alt, #f5f5f5);\n  border: 1px solid var(--omniscribe-border, #e0e0e0);\n  cursor: pointer;\n  transition:\n    transform 0.2s ease,\n    box-shadow 0.2s ease;\n}\n\n.omniscribe_message-image-container:hover {\n  transform: scale(1.02);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.omniscribe_message-image-container-single {\n  max-width: 200px;\n  max-height: 200px;\n}\n\n.omniscribe_message-image-container-multiple {\n  width: 80px;\n  height: 80px;\n  flex-shrink: 0;\n}\n\n/* Image Element */\n.omniscribe_message-image {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.omniscribe_message-image-container-single .omniscribe_message-image {\n  max-width: 200px;\n  max-height: 200px;\n  width: auto;\n  height: auto;\n}\n\n/* Loading State */\n.omniscribe_message-image-loading {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  min-height: 60px;\n  background-color: var(--omniscribe-surface-alt, #f8f9fa);\n  color: var(--omniscribe-text-muted, #6c757d);\n  font-size: 12px;\n  border-radius: 8px;\n}\n\n/* Error State */\n.omniscribe_message-image-error {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  min-height: 60px;\n  background-color: var(--omniscribe-surface-alt, #f8f9fa);\n  color: var(--omniscribe-text-muted, #6c757d);\n  font-size: 12px;\n  border-radius: 8px;\n  text-align: center;\n  cursor: default;\n}\n\n.omniscribe_message-image-error span {\n  font-size: 20px;\n  margin-bottom: 4px;\n}\n\n.omniscribe_message-image-error small {\n  font-size: 10px;\n}\n\n/* Image Counter for Multiple Images */\n.omniscribe_message-image-counter {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  background-color: rgba(0, 0, 0, 0.7);\n  color: white;\n  font-size: 10px;\n  font-weight: bold;\n  padding: 2px 6px;\n  border-radius: 12px;\n  min-width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Images Count */\n.omniscribe_message-images-count {\n  margin-top: 4px;\n  font-size: 11px;\n  color: var(--omniscribe-text-muted, #6c757d);\n  font-style: italic;\n}\n\n/* Modal for Full-Size Images */\n.omniscribe_message-image-modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 9999;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.omniscribe_message-image-modal-backdrop {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.8);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 20px;\n}\n\n.omniscribe_message-image-modal-content {\n  position: relative;\n  max-width: 90vw;\n  max-height: 90vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.omniscribe_message-image-modal-img {\n  max-width: 100%;\n  max-height: 100%;\n  border-radius: 8px;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n}\n\n.omniscribe_message-image-modal-close {\n  position: absolute;\n  top: -10px;\n  right: -10px;\n  background-color: var(--omniscribe-surface, #fff);\n  border: none;\n  border-radius: 50%;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  font-size: 18px;\n  font-weight: bold;\n  color: var(--omniscribe-text, #333);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\n  transition: background-color 0.2s ease;\n}\n\n.omniscribe_message-image-modal-close:hover {\n  background-color: var(--omniscribe-surface-alt, #f5f5f5);\n}\n\n/* Message Documents Container */\n.omniscribe_message-documents {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_message-document {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  border-radius: 8px;\n  background-color: var(--omniscribe-surface-alt, #f8f9fa);\n  border: 1px solid var(--omniscribe-border, #e0e0e0);\n  transition: background-color 0.2s ease;\n  max-width: 280px;\n}\n\n.omniscribe_message-document:hover {\n  background-color: var(--omniscribe-surface-alt, #f0f0f0);\n}\n\n.omniscribe_message-document-icon {\n  font-size: 24px;\n  flex-shrink: 0;\n}\n\n.omniscribe_message-document-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.omniscribe_message-document-name {\n  font-weight: 500;\n  font-size: 13px;\n  color: var(--omniscribe-text, #333);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.omniscribe_message-document-size {\n  font-size: 11px;\n  color: var(--omniscribe-text-muted, #6c757d);\n}\n\n.omniscribe_message-documents-count {\n  margin-top: 4px;\n  font-size: 11px;\n  color: var(--omniscribe-text-muted, #6c757d);\n  font-style: italic;\n}\n\n\n/* Source: modules/chat/components/messages/ToolCalls.css */\n.omniscribe_tool-calls-container {\n  margin-block-start: calc(calc(var(--spacing) * 4) * var(0));\n  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(0)));\n  width: 100%;\n  max-width: var(--container-4xl) /* 56rem = 896px */;\n}\n\n.omniscribe_tool-calls-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  max-width: 100%;\n  flex-wrap: wrap;\n  gap: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n}\n.omniscribe_tool-calls-h3 {\n  font-weight: var(--font-weight-bold);\n  color: var(--color-gray-900) /* oklch(21% 0.034 264.665) = #101828 */;\n  word-break: break-all;\n  font-size: 14px;\n  margin: 0;\n}\n\n.omniscribe_tool-calls-item-args {\n  align-items: flex-start;\n  flex-wrap: wrap;\n}\n.omniscribe_tool-calls-item-args-text {\n  word-break: break-all;\n  margin-right: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n  padding-block: calc(var(--spacing) * 1) /* 0.25rem = 4px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n}\n\n.omniscribe_tool-calls-item-args-code {\n  background-color: var(--color-gray-50);\n  border-radius: 0.25rem /* 4px */;\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(\n    --tw-leading,\n    var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */\n  );\n  word-break: break-all;\n}\n\n.omniscribe_tool-calls-pre {\n  font-size: 12px;\n}\n\n\n/* Source: modules/chat/components/messages/ToolResults.css */\n/* ToolResult Component Styles */\n\n.omniscribe_tool-result {\n  margin-top: 2px;\n  border: 1px solid var(--grey-200);\n  border-radius: 0.5rem !important; /* !rounded-lg */\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */\n  overflow: hidden; /* overflow-hidden */\n  width: 100%;\n}\n\n.omniscribe_tool-result-header {\n  background-color: var(--grey-50); /* bg-gray-50 */\n  padding-left: 1rem; /* px-4 */\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  display: flex; /* flex */\n  align-items: center; /* items-center */\n  justify-content: space-between; /* justify-between */\n}\n\n.omniscribe_tool-result-header--expanded {\n  border-bottom: 1px solid var(--grey-200);\n}\n\n.omniscribe_tool-result-header-content {\n  display: flex; /* flex */\n  align-items: center; /* items-center */\n  gap: 0.5rem; /* gap-2 */\n  min-width: 0; /* min-w-0 */\n}\n\n.omniscribe_tool-result-title {\n  font-weight: 500; /* font-medium */\n  color: var(--grey-900);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap; /* truncate */\n  margin: 0;\n  font-size: 14px;\n}\n\n.omniscribe_expand-button {\n  padding: 0.25rem; /* p-1 */\n  flex-shrink: 0; /* flex-shrink-0 */\n}\n\n.omniscribe_expand-icon {\n  width: 1.25rem; /* w-5 */\n  height: 1.25rem; /* h-5 */\n}\n\n.omniscribe_tool-result-content {\n  padding: 1rem; /* p-4 */\n  background-color: var(--omniscribe-surface, #ffffff); /* bg-white */\n  max-height: 24rem; /* max-h-96 */\n  overflow-y: auto; /* overflow-y-auto */\n}\n\n.omniscribe_tool-result-content > * + * {\n  margin-top: 0.5rem; /* space-y-2 */\n}\n\n/* Scrollbar styles for webkit browsers */\n.omniscribe_tool-result-content::-webkit-scrollbar {\n  width: 8px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-track {\n  background: #f1f5f9;\n  border-radius: 4px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-thumb {\n  background: #cbd5e1;\n  border-radius: 4px;\n}\n\n.omniscribe_tool-result-content::-webkit-scrollbar-thumb:hover {\n  background: #94a3b8;\n}\n\n.omniscribe_result-card {\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */\n  border: 1px solid var(--color-gray-100);\n  padding-top: 0.5rem !important; /* !py-2 */\n  padding-bottom: 0.5rem !important;\n  gap: 0 !important; /* !gap-0 */\n}\n\n.omniscribe_result-card-header {\n  padding-top: 0.5rem !important; /* !pt-2 */\n  padding-left: 0.5rem !important; /* !px-2 */\n  padding-right: 0.5rem !important;\n  padding-bottom: 0 !important; /* !pb-0 */\n}\n\n.omniscribe_result-card-title {\n  font-size: 0.875rem; /* text-sm */\n  line-height: 1.25rem;\n  font-weight: 600; /* font-semibold */\n}\n\n.omniscribe_result-link {\n  color: var(--blue-600);\n  text-decoration: none;\n  transition-property: color, text-decoration;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.omniscribe_result-link:hover {\n  text-decoration: underline; /* hover:underline */\n  color: #1e40af; /* hover:text-blue-800 */\n}\n\n.omniscribe_result-card-content {\n  padding: 0.5rem !important; /* !p-2 */\n  padding-top: 0 !important; /* !pt-0 */\n}\n\n.omniscribe_result-description {\n  font-size: 0.75rem; /* text-xs */\n  line-height: 1rem;\n  color: var(--omniscribe-text, #374151); /* text-gray-700 */\n  line-height: 1.625; /* leading-relaxed */\n  word-break: break-all; /* break-all */\n  display: -webkit-box;\n  -webkit-line-clamp: 2; /* line-clamp-2 */\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms; /* transition-all duration-150 ease-in-out */\n  transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); /* ease-in-out */\n}\n\n.omniscribe_result-description:hover {\n  -webkit-line-clamp: unset; /* hover:line-clamp-none */\n  display: block;\n}\n\n.omniscribe_result-source {\n  font-size: 0.75rem; /* text-xs */\n  line-height: 1rem;\n  color: var(--omniscribe-text-muted, #6b7280); /* text-gray-500 */\n  margin-top: 0.25rem; /* mt-1 */\n  padding-top: 0.25rem; /* pt-1 */\n  border-top: 1px solid var(--color-gray-100);\n}\n\n.omniscribe_string-result {\n  font-size: 0.875rem; /* text-sm */\n  line-height: 1.25rem;\n  white-space: pre-wrap; /* whitespace-pre-wrap */\n  background-color: var(--grey-50);\n  padding: 0.75rem; /* p-3 */\n  border-radius: 0.375rem; /* rounded-md */\n  border: 1px solid var(--grey-200);\n  font-family:\n    ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo,\n    monospace; /* pre tag font */\n}\n\n\n/* Source: modules/header/components/ConfigHeader.css */\n/* Config Header Styles */\n.omniscribe_config-view {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  max-height: 17px;\n  padding: 16px;\n}\n\n.omniscribe_config-back-group {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n}\n\n.omniscribe_config-back-label {\n  margin: 0;\n  color: var(--omniscribe-text, #000000);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 17px;\n}\n\n.omniscribe_config-close-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  background-color: var(--omniscribe-surface-alt, #edeff2);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: var(--Radius-radius-round, 99999px);\n  cursor: pointer;\n  color: var(--omniscribe-text, #000000);\n  font-size: 14px;\n  line-height: 1;\n  padding: 0;\n}\n\n\n/* Source: modules/header/components/ConnectedButtons.css */\n/* Connected Buttons Styles */\n.omniscribe_connected-buttons {\n  display: flex;\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  overflow: hidden;\n}\n\n.omniscribe_connected-btn-left {\n  border: none !important;\n  border-radius: 0 !important;\n  border-right: 1px solid var(--omniscribe-border, #e5e7ec) !important;\n}\n\n.omniscribe_connected-btn-right {\n  border: none !important;\n  border-radius: 0 !important;\n}\n\n/* Ensure connected buttons have consistent styling */\n.omniscribe_connected-buttons .omniscribe_utility-btns {\n  min-height: 40px;\n}\n\n\n/* Source: modules/header/components/ConsentIndicator.css */\n.omniscribe_consent-indicator {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  border-radius: 12px;\n  font-size: 10px;\n  font-weight: var(--Font-Weight-Regular, 400);\n  line-height: var(--text-xs--line-height, 14.4px);\n  letter-spacing: var(--text-xs--letter-spacing, 0.05px);\n  white-space: nowrap;\n  margin-right: 8px;\n  gap: 4px;\n  border: 1px solid var(--border, #e5e7ec);\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n.omniscribe_consent-indicator-tooltip {\n  border-radius: var(--radius-lg, 12px) !important;\n  border: 1px solid var(--border, #e5e7ec) !important;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25) !important;\n  display: flex !important;\n  padding: 10px 8px !important;\n  font-size: 10px !important;\n  font-weight: 400 !important;\n  line-height: var(--text-xs--line-height, 14.4px) !important;\n  letter-spacing: var(--text-xs--letter-spacing, 0.05px) !important;\n}\n\n/* SOF-844: express refusal of AI use. Distinct from \"not signed yet\" — the\n   whole point of the third state is that they must not look alike. */\n.omniscribe_consent-indicator--refused {\n  background-color: var(--omniscribe-danger-soft, #fee2e2);\n  color: var(--omniscribe-danger, #b91c1c);\n  border-color: var(--omniscribe-danger, #b91c1c);\n}\n\n/* SOF-845: the consent may be signed and the assistant still blocked by another\n   rule. The badge stays truthful about the consent, but must not read as \"all\n   clear\" at a glance while recording is disabled. */\n.omniscribe_consent-indicator--blocked {\n  background-color: var(--omniscribe-warning-soft, #fef3c7);\n  color: var(--omniscribe-warning, #92400e);\n  border-color: var(--omniscribe-warning, #92400e);\n}\n\n\n/* Source: modules/header/components/MainHeader.css */\n/* Main Header Styles */\n.omniscribe_main-header {\n  display: flex;\n  align-items: center;\n  width: 100%;\n}\n\n.omniscribe_main-header-left {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n.omniscribe_main-header-title {\n  margin: 0;\n  color: var(--omniscribe-text, #252a32);\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n}\n\n.omniscribe_main-header-separator {\n  width: 1px;\n  align-self: stretch;\n  margin: -16px 0;\n  background-color: var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_main-header-spacer {\n  flex: 1;\n}\n\n.omniscribe_main-header-settings {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n.omniscribe_main-header-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n  border: none;\n  background: none;\n  cursor: pointer;\n}\n\n\n/* Source: modules/header/components/UtilityButton.css */\n/* Utility Button Styles */\n.omniscribe_utility-btn-audio {\n  min-height: 40px; /* Match connected buttons height */\n}\n\n.omniscribe_utility-btn-right {\n  /* Settings button specific styles can be added here */\n}\n\n/* Base utility button styles are inherited from parent UtilityButtons.css */\n\n\n/* Source: modules/header/components/WarningBanner.css */\n/* Warning Banner Styles */\n.omniscribe_warning-banner {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n  background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  border-top: 1px solid var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_warning-banner-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  padding: 0;\n  border: none;\n  background-color: var(--omniscribe-border, #e5e7ec);\n  border-radius: 50%;\n  cursor: pointer;\n  flex-shrink: 0;\n}\n\n.omniscribe_warning-banner-close:hover {\n  background-color: #d1d5db;\n}\n\n.omniscribe_warning-banner-text {\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 1.25;\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n\n/* Source: modules/header/section/UtilityButtons.css */\n.omniscribe_header-wrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  background-color: var(--omniscribe-surface, #ffffff);\n  border-top-right-radius: 12px;\n  border-top-left-radius: 12px;\n}\n\n.omniscribe_utility-btns-container {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  background-color: var(--omniscribe-surface, #ffffff);\n  overflow: hidden;\n  border-bottom: 1px solid var(--omniscribe-border, #e5e7ec);\n  align-self: stretch;\n  border-top-right-radius: inherit;\n  border-top-left-radius: inherit;\n}\n\n.omniscribe_utility-btns-left,\n.omniscribe_utility-btns-right {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  align-items: center;\n}\n\n.omniscribe_utility-btn-right {\n  border-radius: var(--Radius-radius-round, 99999px) !important;\n  background-color: var(--omniscribe-surface-alt, #f6f7f9) !important;\n  border: none !important;\n}\n\n.omniscribe_utility-btns {\n  cursor: pointer;\n  transition-duration: 300ms;\n  background-color: color-mix(in oklab, var(--white) 30%, transparent);\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  position: relative;\n  padding: 8px;\n  display: flex;\n  align-items: center;\n\n  &:hover {\n    background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  }\n}\n\n.omniscribe_utility-btns-pointer {\n  pointer-events: auto;\n}\n\n.omniscribe_utility-btns-no-pointer {\n  pointer-events: none;\n  background-color: var(--white);\n}\n\n.omniscribe_utility-btns-no-pointer-opacity {\n  pointer-events: none;\n  opacity: 50%;\n}\n\n.omniscribe_utility-btns-opacity {\n  background-color: var(--white);\n  opacity: 100%;\n}\n\n.omniscribe_utility-btns-active {\n  background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  border: 1px solid var(--omniscribe-primary, #105bdb);\n}\n\n.omniscribe_btn-label {\n  margin-left: 6px;\n  font-size: 14px;\n  color: var(--omniscribe-text, #212529);\n  font-weight: 500;\n}\n\n.omniscribe_btn-label-active {\n  color: var(--omniscribe-primary, #105bdb);\n}\n\n.omniscribe_btn-label-inactive {\n  color: var(--omniscribe-text, #212529);\n}\n\n.omniscribe_icon {\n  color: var(--active-black);\n}\n\n.omniscribe_icon-active {\n  color: var(--omniscribe-primary, #105bdb);\n}\n\n\n/* Source: modules/insertionPreview/InsertionPreviewModal.css */\n/* Insertion Preview Modal — ported from the demo's .sugg-* styles\n   (dev-tools/demo/src/style.css:715-891). Uses BEM-style naming under\n   omniscribe_insertion-preview to stay scoped inside the SDK shadow DOM.\n\n   Theming hooks (set on the `<sofia-sdk>` element, they cross the shadow\n   boundary; classes don't):\n\n     --omniscribe-insertion-preview-reserve         px reserved for chat widget on the right\n     --omniscribe-insertion-preview-primary         brand color (selection / apply button)\n     --omniscribe-insertion-preview-primary-soft    soft pill background using primary\n     --omniscribe-insertion-preview-primary-text    text color sitting on primary-soft\n     --omniscribe-insertion-preview-accent          attention color (gaps)\n     --omniscribe-insertion-preview-accent-soft     soft pill background using accent\n     --omniscribe-insertion-preview-accent-bg       gap-section background\n     --omniscribe-insertion-preview-text            primary text\n     --omniscribe-insertion-preview-text-muted      secondary text / chrome\n     --omniscribe-insertion-preview-border          panel + group border\n     --omniscribe-insertion-preview-border-soft     in-panel separators\n     --omniscribe-insertion-preview-input-border    form-control border\n     --omniscribe-insertion-preview-checkbox-border unchecked checkbox stroke\n     --omniscribe-insertion-preview-surface         panel background\n     --omniscribe-insertion-preview-surface-alt     header / footer / hover background\n\n   Defaults cascade THROUGH the main SDK tokens (`--omniscribe-*`) before\n   falling back to a hard-coded literal. So:\n\n     1. If the host sets `--omniscribe-insertion-preview-primary` →\n        only the modal picks it up (per-surface theming).\n     2. Else if the host sets `--omniscribe-primary` (the chat-widget\n        token) → BOTH chat and modal share it (unified theme — the\n        out-of-the-box experience).\n     3. Else → falls back to the hard-coded SDK default (Sofia blue),\n        matching the chat widget's stock look.\n\n   Tokens without a chat-widget counterpart (accent / text-muted /\n   border-soft / surface-alt etc.) keep their own defaults. */\n\n.omniscribe_insertion-preview__backdrop,\n.omniscribe_insertion-preview__panel {\n  --_primary: var(\n    --omniscribe-insertion-preview-primary,\n    var(--omniscribe-primary, #105bdb)\n  );\n  --_primary-soft: var(\n    --omniscribe-insertion-preview-primary-soft,\n    var(--omniscribe-primary-soft, #e7effd)\n  );\n  --_primary-text: var(\n    --omniscribe-insertion-preview-primary-text,\n    var(--omniscribe-primary, #105bdb)\n  );\n  --_accent: var(--omniscribe-insertion-preview-accent, #c77700);\n  --_accent-soft: var(--omniscribe-insertion-preview-accent-soft, #fdebc6);\n  --_accent-bg: var(--omniscribe-insertion-preview-accent-bg, #fffbf1);\n  --_text: var(\n    --omniscribe-insertion-preview-text,\n    var(--omniscribe-text, #1f2733)\n  );\n  --_text-muted: var(\n    --omniscribe-insertion-preview-text-muted,\n    var(--omniscribe-text-muted, #6a7385)\n  );\n  --_border: var(\n    --omniscribe-insertion-preview-border,\n    var(--omniscribe-border, #e5e7ec)\n  );\n  --_border-soft: var(\n    --omniscribe-insertion-preview-border-soft,\n    var(--omniscribe-border, #eef1f6)\n  );\n  --_input-border: var(\n    --omniscribe-insertion-preview-input-border,\n    var(--omniscribe-border, #d6dbe5)\n  );\n  --_checkbox-border: var(\n    --omniscribe-insertion-preview-checkbox-border,\n    #b7bfcc\n  );\n  --_surface: var(\n    --omniscribe-insertion-preview-surface,\n    var(--omniscribe-surface, #fff)\n  );\n  --_surface-alt: var(\n    --omniscribe-insertion-preview-surface-alt,\n    var(--omniscribe-surface-alt, #f6f8fb)\n  );\n}\n\n/* The modal must sit above every other surface in the SDK shadow DOM\n   (chat panel, toasts, tooltips). 2147483640+ ensures that even with a\n   max-int z-index race, the modal wins. */\n.omniscribe_insertion-preview__backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(15, 27, 45, 0.42);\n  backdrop-filter: blur(2px);\n  -webkit-backdrop-filter: blur(2px);\n  z-index: 2147483640;\n  animation: omniscribe_insertion-preview__fade 0.18s ease-out;\n}\n@keyframes omniscribe_insertion-preview__fade {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* `--omniscribe-insertion-preview-reserve` lets the host budget space\n   for a floating chat widget so the panel centers in the area NOT\n   covered by it. Default: 0px → centered in the full viewport. */\n.omniscribe_insertion-preview__panel {\n  position: fixed;\n  top: 50%;\n  left: calc((100vw - var(--omniscribe-insertion-preview-reserve, 0px)) / 2);\n  transform: translate(-50%, -50%);\n  z-index: 2147483641;\n  width: 680px;\n  max-width: calc(\n    100vw - var(--omniscribe-insertion-preview-reserve, 0px) - 32px\n  );\n  max-height: 84vh;\n  background: var(--_surface);\n  border: 1px solid var(--_border);\n  border-radius: 14px;\n  box-shadow: 0 24px 64px rgba(15, 27, 45, 0.18);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  animation: omniscribe_insertion-preview__in 0.22s ease-out;\n  font-family: 'Lato', sans-serif;\n  color: var(--_text);\n}\n\n/* Below 1100px there isn't room to sit beside the widget; centered\n   fallback (will overlap the widget — same trade-off as the demo). */\n@media (max-width: 1100px) {\n  .omniscribe_insertion-preview__panel {\n    left: 50%;\n    width: 92vw;\n    max-width: 720px;\n  }\n}\n@keyframes omniscribe_insertion-preview__in {\n  from {\n    opacity: 0;\n    transform: translate(-50%, calc(-50% + 8px)) scale(0.985);\n  }\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n.omniscribe_insertion-preview__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 14px;\n  border-bottom: 1px solid var(--_border);\n  background: var(--_surface-alt);\n}\n.omniscribe_insertion-preview__title {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 600;\n}\n.omniscribe_insertion-preview__close {\n  background: transparent;\n  border: 0;\n  color: var(--_text-muted);\n  font-size: 18px;\n  line-height: 1;\n  padding: 2px 6px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.omniscribe_insertion-preview__close:hover {\n  background: var(--_border-soft);\n  color: var(--_text);\n}\n\n.omniscribe_insertion-preview__sub {\n  margin: 0;\n  padding: 8px 14px;\n  font-size: 11.5px;\n  color: var(--_text-muted);\n  border-bottom: 1px solid var(--_border-soft);\n}\n\n.omniscribe_insertion-preview__body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 4px 0;\n}\n\n.omniscribe_insertion-preview__group {\n  border-bottom: 1px solid var(--_border-soft);\n}\n.omniscribe_insertion-preview__group:last-child {\n  border-bottom: 0;\n}\n.omniscribe_insertion-preview__group-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 10px 14px 4px;\n}\n/* The parent label of an array-of-objects group lives inside .group-head\n   which already supplies 14px left padding. Without zeroing the inner\n   .row padding here, the parent ends up doubly indented (28px) while\n   children directly under the section have a single 14px — making the\n   parent appear LEFT-shifted relative to its own children. */\n.omniscribe_insertion-preview__group-head .omniscribe_insertion-preview__row {\n  padding: 0;\n}\n.omniscribe_insertion-preview__group-name {\n  font-size: 10.5px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--_text-muted);\n}\n.omniscribe_insertion-preview__group-count {\n  background: var(--_primary-soft);\n  color: var(--_primary-text);\n  font-size: 10.5px;\n  font-weight: 600;\n  border-radius: 999px;\n  padding: 1px 7px;\n}\n\n.omniscribe_insertion-preview__row {\n  display: grid;\n  grid-template-columns: 16px 1fr;\n  gap: 10px;\n  padding: 8px 14px;\n  align-items: flex-start;\n  cursor: pointer;\n  border-radius: 6px;\n}\n.omniscribe_insertion-preview__row:hover {\n  background: var(--_surface-alt);\n}\n.omniscribe_insertion-preview__row-checkbox {\n  appearance: none;\n  width: 14px;\n  height: 14px;\n  border: 1px solid var(--_checkbox-border);\n  border-radius: 3px;\n  background: var(--_surface);\n  margin-top: 2px;\n  cursor: pointer;\n}\n.omniscribe_insertion-preview__row-checkbox:checked {\n  background: var(--_primary);\n  border-color: var(--_primary);\n  background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>\");\n  background-repeat: no-repeat;\n  background-position: center;\n}\n.omniscribe_insertion-preview__row-body {\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.omniscribe_insertion-preview__row-label {\n  font-size: 12.5px;\n  font-weight: 600;\n  color: var(--_text);\n  margin-bottom: 8px;\n}\n.omniscribe_insertion-preview__row-preview {\n  font-size: 11.5px;\n  color: var(--_text-muted);\n  word-break: break-word;\n}\n.omniscribe_insertion-preview__row-line {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 2px 0;\n}\n.omniscribe_insertion-preview__row-line-text {\n  flex: 1;\n}\n\n.omniscribe_insertion-preview__row-edit {\n  margin-top: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.omniscribe_insertion-preview__row-edit-grid {\n  display: grid;\n  grid-template-columns: 140px 1fr;\n  gap: 6px 12px;\n  align-items: center;\n}\n.omniscribe_insertion-preview__row-edit-label {\n  font-size: 11px;\n  color: var(--_text-muted);\n}\n\n.omniscribe_insertion-preview__edit {\n  font: inherit;\n  font-size: 12px;\n  color: var(--_text);\n  border: 1px solid var(--_input-border);\n  border-radius: 4px;\n  padding: 4px 8px;\n  background: var(--_surface);\n  width: 100%;\n  box-sizing: border-box;\n}\n.omniscribe_insertion-preview__edit--prose {\n  min-height: 60px;\n  resize: vertical;\n}\n.omniscribe_insertion-preview__edit--toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  border: 0;\n  padding: 0;\n  background: transparent;\n}\n.omniscribe_insertion-preview__edit--multi-enum {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  border: 0;\n  padding: 0;\n  background: transparent;\n}\n.omniscribe_insertion-preview__edit__chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 11px;\n  border: 1px solid var(--_input-border);\n  border-radius: 999px;\n  padding: 2px 8px;\n  cursor: pointer;\n}\n.omniscribe_insertion-preview__edit__chip--on {\n  background: var(--_primary);\n  color: #fff;\n  border-color: var(--_primary);\n}\n.omniscribe_insertion-preview__edit__chip input {\n  display: none;\n}\n\n/* Searchable enum select */\n.omniscribe_insertion-preview__searchable-select {\n  position: relative;\n  width: 100%;\n}\n.omniscribe_insertion-preview__searchable-select__trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  font: inherit;\n  font-size: 12px;\n  border: 1px solid var(--_input-border);\n  border-radius: 4px;\n  padding: 4px 8px;\n  background: var(--_surface);\n  cursor: pointer;\n  text-align: left;\n}\n.omniscribe_insertion-preview__searchable-select__chevron {\n  color: var(--_text-muted);\n}\n.omniscribe_insertion-preview__searchable-select__dropdown {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 5;\n  background: var(--_surface);\n  border: 1px solid var(--_input-border);\n  border-radius: 4px;\n  box-shadow: 0 8px 24px rgba(15, 27, 45, 0.12);\n  max-height: 200px;\n  display: flex;\n  flex-direction: column;\n}\n.omniscribe_insertion-preview__searchable-select__search {\n  font: inherit;\n  font-size: 12px;\n  border: 0;\n  border-bottom: 1px solid var(--_border-soft);\n  padding: 6px 8px;\n  outline: none;\n}\n.omniscribe_insertion-preview__searchable-select__list {\n  list-style: none;\n  margin: 0;\n  padding: 4px 0;\n  overflow-y: auto;\n}\n.omniscribe_insertion-preview__searchable-select__option {\n  padding: 4px 10px;\n  font-size: 12px;\n  cursor: pointer;\n}\n.omniscribe_insertion-preview__searchable-select__option:hover,\n.omniscribe_insertion-preview__searchable-select__option--selected {\n  background: var(--_surface-alt);\n}\n.omniscribe_insertion-preview__searchable-select__option--custom {\n  color: var(--_text-muted);\n  font-style: italic;\n}\n\n.omniscribe_insertion-preview__row--will-replace {\n  background: rgba(199, 119, 0, 0.06);\n}\n.omniscribe_insertion-preview__row-tag {\n  font-size: 10px;\n  font-weight: 600;\n  background: var(--_accent-soft);\n  color: var(--_accent);\n  padding: 2px 6px;\n  border-radius: 999px;\n  align-self: flex-start;\n  margin-top: 1px;\n}\n\n/* Gaps group */\n.omniscribe_insertion-preview__group--gaps {\n  background: var(--_accent-bg);\n  border-top: 1px solid var(--_border);\n}\n.omniscribe_insertion-preview__group-name--gap {\n  color: var(--_accent);\n}\n.omniscribe_insertion-preview__group-count--gap {\n  background: var(--_accent-soft);\n  color: var(--_accent);\n}\n.omniscribe_insertion-preview__row--gap {\n  grid-template-columns: 18px 1fr;\n  cursor: default;\n}\n.omniscribe_insertion-preview__row--gap:hover {\n  background: rgba(199, 119, 0, 0.06);\n}\n.omniscribe_insertion-preview__gap-icon {\n  color: var(--_accent);\n  margin-top: 1px;\n}\n.omniscribe_insertion-preview__row-preview--gap {\n  color: var(--_accent);\n}\n\n.omniscribe_insertion-preview__footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n  padding: 10px 14px;\n  border-top: 1px solid var(--_border);\n  background: var(--_surface-alt);\n}\n.omniscribe_insertion-preview__btn {\n  font: inherit;\n  font-size: 12px;\n  font-weight: 600;\n  border: 1px solid var(--_input-border);\n  background: var(--_surface);\n  border-radius: 6px;\n  padding: 6px 14px;\n  cursor: pointer;\n  color: var(--_text);\n}\n.omniscribe_insertion-preview__btn--primary {\n  background: var(--_primary);\n  color: #fff;\n  border-color: var(--_primary);\n}\n.omniscribe_insertion-preview__btn--primary:disabled {\n  background: #a3b1ad;\n  border-color: #a3b1ad;\n  cursor: not-allowed;\n}\n\n/* \"Edit with voice\" — secondary action style. Picks up the host's\n   --omniscribe-secondary token (falls back to a neutral teal). */\n.omniscribe_insertion-preview__btn--voice {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--_surface);\n  color: var(--_primary);\n  border-color: var(--_primary);\n}\n.omniscribe_insertion-preview__btn--voice:hover {\n  background: var(--_primary-soft);\n}\n.omniscribe_insertion-preview__btn-icon {\n  display: inline-block;\n  vertical-align: middle;\n  flex-shrink: 0;\n}\n.omniscribe_insertion-preview__btn-icon--stop {\n  width: 10px;\n  height: 10px;\n  background: currentColor;\n  border-radius: 1px;\n}\n\n/* While recording the voice button morphs into a destructive-styled\n   \"Stop\" button so the action reads as final. */\n.omniscribe_insertion-preview__btn--voice-stop {\n  background: #dc3545;\n  color: #fff;\n  border-color: #dc3545;\n}\n.omniscribe_insertion-preview__btn--voice-stop:hover {\n  background: #c82333;\n  border-color: #c82333;\n}\n\n/* Voice status banner — rendered just under the modal header while the\n   chat surface is recording / starting / generating. */\n.omniscribe_insertion-preview__voice-banner {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 14px;\n  font-size: 12px;\n  border-bottom: 1px solid var(--_border-soft);\n  background: var(--_surface-alt);\n  color: var(--_text);\n}\n.omniscribe_insertion-preview__voice-banner--recording {\n  background: rgba(220, 53, 69, 0.08);\n  color: #b21f2c;\n}\n.omniscribe_insertion-preview__voice-banner--generating {\n  background: var(--_primary-soft);\n  color: var(--_primary-text);\n}\n.omniscribe_insertion-preview__voice-pulse {\n  width: 10px;\n  height: 10px;\n  border-radius: 999px;\n  background: #dc3545;\n  animation: omniscribe_insertion-preview__pulse 1s ease-in-out infinite;\n  flex-shrink: 0;\n}\n@keyframes omniscribe_insertion-preview__pulse {\n  0%,\n  100% {\n    opacity: 0.4;\n    transform: scale(0.85);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.15);\n  }\n}\n.omniscribe_insertion-preview__voice-spinner {\n  width: 12px;\n  height: 12px;\n  border: 2px solid currentColor;\n  border-top-color: transparent;\n  border-radius: 999px;\n  animation: omniscribe_insertion-preview__spin 0.8s linear infinite;\n  flex-shrink: 0;\n  display: inline-block;\n}\n@keyframes omniscribe_insertion-preview__spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Tiny visual cue on the panel itself while recording. */\n.omniscribe_insertion-preview__panel--voice {\n  border-color: rgba(220, 53, 69, 0.4);\n}\n.omniscribe_insertion-preview__close:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n.omniscribe_insertion-preview__footer-spacer {\n  flex: 1;\n}\n\n/* Mandatory styling — distinct from the soft amber gap treatment so the\n   doctor immediately sees what's blocking. Red border + red pill. */\n.omniscribe_insertion-preview__row--mandatory {\n  background: rgba(220, 53, 69, 0.06);\n  border-left: 3px solid #dc3545;\n}\n.omniscribe_insertion-preview__row--mandatory\n  .omniscribe_insertion-preview__row-preview--gap,\n.omniscribe_insertion-preview__row--mandatory\n  .omniscribe_insertion-preview__row-label {\n  color: var(--omniscribe-text, #1f2733);\n}\n.omniscribe_insertion-preview__gap-icon--mandatory {\n  color: #dc3545;\n}\n.omniscribe_insertion-preview__row-edit-grid--mandatory {\n  background: rgba(220, 53, 69, 0.04);\n  border-radius: 4px;\n  padding: 4px 6px;\n}\n.omniscribe_insertion-preview__mandatory-pill {\n  display: inline-block;\n  margin-left: 8px;\n  padding: 1px 6px;\n  font-size: 9.5px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  background: #dc3545;\n  color: #fff;\n  border-radius: 999px;\n}\n.omniscribe_insertion-preview__sub--blocking {\n  color: #dc3545;\n  font-weight: 600;\n}\n\n/* AI-suggested field: the agent inferred this from context rather\n   than from an explicit doctor statement. We tint the editor\n   background so the doctor visually distinguishes it from\n   confirmed-from-dictation fields, and a small ✨ pill on the\n   label tells them what it means. Less alarming than the\n   mandatory-red treatment because the field IS filled — we just\n   want the doctor to double-check it. */\n.omniscribe_insertion-preview__row-edit-grid--suggested {\n  background: rgba(176, 122, 255, 0.06);\n  border-left: 2px solid #b07aff;\n  border-radius: 4px;\n  padding: 4px 6px;\n}\n.omniscribe_insertion-preview__suggested-pill {\n  display: inline-block;\n  margin-left: 8px;\n  padding: 1px 7px;\n  font-size: 9.5px;\n  font-weight: 600;\n  letter-spacing: 0.03em;\n  background: rgba(176, 122, 255, 0.12);\n  color: #6f48b8;\n  border: 1px solid rgba(176, 122, 255, 0.5);\n  border-radius: 999px;\n}\n\n/* SOF-659 — read-only \"Attachments\" section (file previews by type). */\n.omniscribe_insertion-preview__attachments {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-bottom: 12px;\n}\n\n.omniscribe_insertion-preview__attachments__list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.omniscribe_insertion-preview__attachment {\n  border: 1px solid rgba(0, 0, 0, 0.08);\n  border-radius: 8px;\n  overflow: hidden;\n  background: rgba(0, 0, 0, 0.02);\n}\n\n.omniscribe_insertion-preview__attachment--image {\n  display: block;\n  max-width: 100%;\n  max-height: 240px;\n  object-fit: contain;\n}\n\n.omniscribe_insertion-preview__attachment--audio {\n  width: 100%;\n  padding: 8px;\n}\n\n.omniscribe_insertion-preview__attachment--pdf {\n  width: 100%;\n  height: 360px;\n  border: none;\n}\n\n.omniscribe_insertion-preview__attachment--text {\n  margin: 0;\n  padding: 10px 12px;\n  max-height: 200px;\n  overflow: auto;\n  font-size: 12px;\n  white-space: pre-wrap;\n  word-break: break-word;\n}\n\n.omniscribe_insertion-preview__attachment--file {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 12px;\n}\n\n.omniscribe_insertion-preview__attachment__name {\n  font-size: 13px;\n  color: #333;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n/* Source: modules/layout/components/OmniscribeContainer/OmniscribeContainer.css */\n.omniscribe_container {\n  isolation: isolate;\n  position: fixed;\n  bottom: calc(var(--spacing) * 5);\n  right: 0;\n  border-top-left-radius: 30px;\n  border-bottom-left-radius: 30px;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);\n  z-index: 80;\n}\n\n[dir='ltr'] .omniscribe_container {\n  right: 0;\n  border-top-left-radius: 30px;\n  border-bottom-left-radius: 30px;\n}\n\n[dir='rtl'] .omniscribe_container {\n  left: 0;\n  right: auto;\n  border-top-right-radius: 30px;\n  border-bottom-right-radius: 30px;\n  border-top-left-radius: 0px;\n  border-bottom-left-radius: 0px;\n}\n\n\n/* Source: modules/layout/components/OmniscribeLayout/DraggableCollapsed.css */\n/* Draggable Collapsed Container */\n.omniscribe_draggable-collapsed {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  cursor: grab;\n  z-index: 9999;\n  transition: transform 0.1s ease-out;\n  user-select: none;\n  touch-action: none;\n}\n\n.omniscribe_draggable-collapsed--dragging {\n  cursor: grabbing;\n  transition: none;\n}\n\n/* Horizontal mode - rotated 90 degrees */\n.omniscribe_draggable-collapsed--horizontal {\n  bottom: 20px;\n}\n\n.omniscribe_draggable-collapsed--horizontal .omniscribe_transcribe-collapsed {\n  flex-direction: row;\n  transform: none;\n}\n\n/* RTL support */\n[dir='rtl'] .omniscribe_draggable-collapsed {\n  right: auto;\n  left: 20px;\n}\n\n\n/* Source: modules/layout/components/OmniscribeLayout/OmniscribeLayout.css */\n.omniscribe_layout {\n  position: fixed;\n  width: var(--layout-w);\n  background: var(--white);\n  bottom: calc(var(--spacing) * 5);\n  border-bottom-left-radius: 12px;\n  border: solid 1px var(--omniscribe-border, var(--light-border));\n  box-shadow: 0px 4px 4px 0px #00000040;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 500ms;\n  transition-property: transform, translate, scale, rotate;\n  display: flex;\n  flex-direction: column;\n  height: var(--layout-h);\n  min-width: 500px;\n  min-height: 500px;\n  right: 0;\n  border-radius: 12px;\n}\n\n[dir='rtl'] .omniscribe_layout {\n  left: 0;\n  right: auto;\n  border-bottom-right-radius: 12px;\n}\n\n[dir='ltr'] .omniscribe_layout {\n  right: 0;\n  border-bottom-left-radius: 12px;\n}\n\n.omniscribe_layout-open {\n  background: var(--white);\n  translate: 0;\n}\n\n.omniscribe_layout-close {\n  translate: var(--layout-w);\n}\n\n[dir='rtl'] .omniscribe_layout-close {\n  translate: calc(var(--layout-w) * -1);\n}\n\n[dir='ltr'] .omniscribe_layout-close {\n  translate: var(--layout-w);\n}\n\n\n/* Source: modules/settings/components/chat/Chat.css */\n.omniscribe_chat-config {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  min-height: 0; /* Permite que los hijos controlen su altura */\n  flex: 1; /* Toma el espacio disponible */\n}\n\n/* Espaciado específico para el separador en el contexto de chat */\n.omniscribe_chat-config .omniscribe_separator {\n  margin: 8px 0; /* Margen vertical consistente */\n}\n\n.omniscribe_chat-prompt-container {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-right: 16px;\n}\n\n.omniscribe_chat-prompt-textarea {\n  width: 100%;\n  height: 74px;\n  padding: 8px;\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  line-height: 1.5;\n  color: var(--omniscribe-text, #374151);\n  background-color: var(--omniscribe-surface, white);\n  resize: none;\n  outline: none;\n  transition: border-color 0.15s ease;\n}\n\n.omniscribe_chat-prompt-textarea::placeholder {\n  color: var(--omniscribe-text-muted, #9ca3af);\n  font-style: italic;\n}\n\n.omniscribe_chat-character-count {\n  font-size: 12px;\n  color: var(--omniscribe-text-muted, #6b7280);\n  align-self: flex-start;\n}\n\n\n/* Source: modules/settings/components/chat/PromptCustomization.css */\n.omniscribe_chat-prompt-title {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--omniscribe-text, #252a32);\n  line-height: 14.4px;\n  margin: 0 0 12px 0;\n}\n\n.omniscribe_chat-prompt-container {\n  position: relative;\n}\n\n.omniscribe_chat-prompt-textarea {\n  width: 100%;\n  min-height: 80px;\n  padding: 12px;\n  border: 1px solid var(--border-color, #ddd);\n  border-radius: 8px;\n  font-family: inherit;\n  font-size: 14px;\n  line-height: 1.4;\n  resize: none;\n  transition: border-color 0.2s ease;\n}\n\n.omniscribe_chat-prompt-textarea:focus {\n  outline: none;\n  border-color: var(--omniscribe-primary, #007bff);\n  box-shadow: 0 0 0 2px var(--primary-color-alpha, rgba(0, 123, 255, 0.1));\n}\n\n.omniscribe_chat-character-count {\n  font-size: 12px;\n  color: var(--text-secondary, #666);\n  margin-top: 6px;\n  text-align: right;\n}\n\n\n/* Source: modules/settings/components/chat/SourceItem.css */\n.omniscribe_source-item {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n}\n\n.omniscribe_source-label {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  /* Let the label shrink inside the row so a long name can wrap instead of\n     pushing the row wider. */\n  flex: 1;\n  min-width: 0;\n}\n\n.omniscribe_source-checkbox {\n  width: 16px;\n  height: 16px;\n  accent-color: var(--primary, #105bdb);\n  cursor: pointer;\n}\n\n.omniscribe_source-name {\n  flex: 1;\n  min-width: 0;\n  /* A source name with no spaces (e.g. a bare domain) has no wrap points, so\n     without this it overflows the row. `anywhere` breaks it only when needed. */\n  overflow-wrap: anywhere;\n  font-size: 12px;\n  color: var(--omniscribe-text, #374151);\n}\n/* Removed link styles for source name - now handled by icon button only */\n.omniscribe_source-external-icon {\n  width: 12px;\n  height: 12px;\n  stroke: var(--primary, #105bdb);\n  cursor: pointer;\n  transition: stroke 0.2s;\n  flex-shrink: 0;\n}\n\n.omniscribe_source-external-icon:hover {\n  stroke: #0d47a1;\n}\n\n.omniscribe_source-checkbox:checked + .omniscribe_source-name {\n  font-weight: 500;\n  color: var(--omniscribe-text, #1f2937);\n}\n\n\n/* Source: modules/settings/components/chat/SourceSelector.css */\n.omniscribe_source-selector {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-bottom: 24px;\n  min-height: 0;\n  flex: 1;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n.omniscribe_source-selector-title {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--omniscribe-text, #252a32);\n  margin: 0;\n}\n\n.omniscribe_source-selector-description {\n  font-size: 14px;\n  color: var(--omniscribe-text-muted, #6b7280);\n  line-height: 1.5;\n  margin: 0;\n}\n\n.omniscribe_source-list {\n  width: 100%;\n  max-width: 100%;\n  min-height: 105px;\n  max-height: 285px;\n  border-radius: 12px;\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  background: var(--omniscribe-surface, #ffffff);\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  overflow-y: auto;\n  flex: 1;\n  box-sizing: border-box;\n}\n\n.omniscribe_source-list--compact {\n  max-height: 105px;\n}\n\n\n/* Source: modules/settings/section/Configuration.css */\n.omniscribe_config-content {\n  width: 650px;\n  max-height: 590px;\n  opacity: 1;\n  background-color: var(--omniscribe-surface, #ffffff);\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n}\n\n.omniscribe_config-list {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  flex: 1;\n}\n\n.omniscribe_config-item {\n  width: 100%;\n  height: 75px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  opacity: 1;\n  padding: 10px 22px 10px 16px;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  box-sizing: border-box;\n  flex-shrink: 0;\n}\n\n.omniscribe_config-item:hover {\n  background-color: var(--omniscribe-surface-alt, #f9fafb);\n}\n\n.omniscribe_config-item:focus {\n  outline: none;\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n}\n\n.omniscribe_config-item:last-child {\n  border-bottom: none;\n}\n\n.omniscribe_config-item-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n}\n\n.omniscribe_config-icon {\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n.omniscribe_config-item-content {\n  flex: 1;\n  margin-left: 16px;\n  margin-right: 16px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 4px;\n}\n\n.omniscribe_config-item-title {\n  margin: 0;\n  font-weight: 700;\n  font-size: 14px;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n  color: var(--omniscribe-text, #252a32);\n}\n\n.omniscribe_config-item-description {\n  margin: 0;\n  font-weight: 500;\n  font-size: 14px;\n  line-height: 16.8px;\n  letter-spacing: 0.05px;\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n.omniscribe_config-item-arrow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--omniscribe-text-muted, #9ca3af);\n  flex-shrink: 0;\n}\n\n/* Sub-screen styles */\n.omniscribe_config-subscreen-header {\n  display: flex;\n  align-items: center;\n  padding: 16px 16px 8px 16px;\n}\n\n.omniscribe_config-back-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background-color 0.2s ease;\n}\n\n.omniscribe_config-subscreen-title {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 500;\n  color: var(--omniscribe-text, #252a32);\n  line-height: 21.6px;\n}\n\n.omniscribe_config-subscreen-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 16px;\n  min-height: 0; /* Permite que los hijos se compriman */\n  box-sizing: border-box; /* Incluye padding en el cálculo */\n}\n\n.omniscribe_config-subscreen-content.no-border {\n  /* no-border variant */\n}\n\n.omniscribe_config-subscreen-content-template {\n  flex: 1;\n  overflow-y: auto;\n  padding-bottom: 50px;\n}\n\n.omniscribe_config-section-label {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--omniscribe-text, #374151);\n  line-height: 1.4;\n}\n\n.omniscribe_config-language-section {\n  display: flex;\n  flex-direction: column;\n}\n\n/* Audio-environment (VAD) section: titled control with helper text below. */\n.omniscribe_config-audio-env {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.omniscribe_config-language-section-title {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--omniscribe-text, #374151);\n  margin-bottom: 8px;\n}\n\n.omniscribe_config-subscreen-description,\n.omniscribe_config-subscreen-subdescription {\n  margin: 0 0 0 0;\n  font-size: 14px;\n  line-height: 18px;\n  color: var(--omniscribe-text, #13161a);\n  font-weight: 400;\n}\n\n.omniscribe_config-subscreen-subdescription {\n  font-style: italic;\n}\n/* Dictionary Options View Styles */\n.omniscribe_config-dictionary-section {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.omniscribe_config-dictionary-add-section {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.omniscribe_config-dictionary-input-row {\n  display: flex;\n  gap: 12px;\n  align-items: flex-start;\n}\n\n.omniscribe_config-dictionary-input {\n  height: 32px;\n  border: 1px solid var(--omniscribe-border, #e5e8eb) !important;\n  border-radius: 8px !important;\n  padding: 0 12px !important;\n  font-size: 14px !important;\n  line-height: 1.4 !important;\n  background-color: var(--omniscribe-surface, #ffffff) !important;\n  transition:\n    border-color 0.2s ease,\n    box-shadow 0.2s ease !important;\n}\n\n.omniscribe_config-dictionary-input:focus {\n  outline: none !important;\n  border-color: #4f46e5 !important;\n  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;\n}\n\n.omniscribe_config-dictionary-input::placeholder {\n  color: var(--omniscribe-text-muted, #9ca3af) !important;\n  font-size: 14px !important;\n}\n\n.omniscribe_config-dictionary-input.error {\n  border-color: #dc3545 !important;\n  background-color: #fff5f5 !important;\n}\n\n.omniscribe_config-dictionary-input.error:focus {\n  border-color: #dc3545 !important;\n  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1) !important;\n}\n\n.omniscribe_config-dictionary-add-btn {\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--primary);\n  border: 1px solid var(--primary);\n  border-radius: 8px;\n  color: var(--primary-foreground);\n  cursor: pointer;\n  transition: all 0.2s ease;\n  margin-top: 0;\n  font-size: 0;\n}\n\n.omniscribe_config-dictionary-add-btn:hover:not(:disabled) {\n  background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n  border-color: color-mix(in oklab, var(--primary) 90%, transparent);\n}\n\n.omniscribe_config-dictionary-add-btn:disabled {\n  background-color: #e5e8eb;\n  border-color: var(--omniscribe-border, #e5e8eb);\n  color: var(--omniscribe-text-muted, #9ca3af);\n  cursor: not-allowed;\n  transform: none;\n  box-shadow: none;\n}\n\n.omniscribe_config-dictionary-list {\n  display: flex;\n  padding-top: 16px;\n  flex-direction: column;\n  gap: 8px;\n  max-height: 410px;\n  overflow-y: auto;\n  margin-top: 4px;\n}\n\n.omniscribe_config-dictionary-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px;\n  background-color: var(--omniscribe-surface-alt, #f9fafb);\n  border: 1px solid var(--omniscribe-border, #e5e8eb);\n  border-radius: 8px;\n  transition: all 0.2s ease;\n}\n\n.omniscribe_config-dictionary-row:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  border-color: var(--omniscribe-border, #d1d5db);\n}\n\n.omniscribe_config-dictionary-cell {\n  flex: 1;\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--omniscribe-text, #374151);\n  word-break: break-word;\n  font-weight: 500;\n}\n\n.omniscribe_config-dictionary-arrow {\n  color: var(--omniscribe-text-muted, #9ca3af);\n  font-size: 16px;\n  font-weight: 600;\n  flex-shrink: 0;\n  margin: 0 4px;\n}\n\n.omniscribe_config-dictionary-delete-btn {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 6px;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--omniscribe-text-muted, #6b7280);\n  transition: all 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_config-dictionary-delete-btn:hover {\n  background-color: #fee2e2;\n  color: #dc2626;\n  transform: scale(1.05);\n}\n\n.omniscribe_config-dictionary-empty {\n  padding: 40px 16px;\n  margin-top: 16px;\n  text-align: center;\n  color: var(--omniscribe-text-muted, #6b7280);\n  font-size: 14px;\n  line-height: 20px;\n  background-color: var(--omniscribe-surface-alt, #f9fafb);\n  border: 2px dashed var(--omniscribe-border, #e5e8eb);\n  border-radius: 12px;\n  font-style: italic;\n}\n\n/* Template specific styles */\n\n/* General prompt section */\n.omniscribe_template-general-prompt-section {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n\n.omniscribe_template-section-title {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--omniscribe-text, #374151);\n  line-height: 1.4;\n}\n\n.omniscribe_template-section-subtitle {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 400;\n  color: var(--omniscribe-text-muted, #6b7280);\n  line-height: 1.4;\n}\n\n.omniscribe_template-general-prompt-textarea {\n  width: 100%;\n  min-height: 80px;\n  max-height: 200px;\n  padding: 12px;\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  line-height: 1.5;\n  color: var(--omniscribe-text, #374151);\n  background-color: var(--omniscribe-surface, white);\n  resize: vertical;\n  box-sizing: border-box;\n  outline: none;\n  transition: border-color 0.15s ease;\n}\n\n.omniscribe_template-general-prompt-textarea::placeholder {\n  color: var(--omniscribe-text-muted, #9ca3af);\n  font-style: italic;\n}\n\n.omniscribe_template-general-prompt-textarea:focus {\n  border-color: #3b5edb;\n  box-shadow: 0 0 0 3px rgba(59, 94, 219, 0.1);\n}\n\n/* Fields section */\n.omniscribe_template-fields-section {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-top: 8px;\n}\n\n.omniscribe_template-field {\n  background: var(--omniscribe-surface, white);\n  border-bottom: 1px solid var(--omniscribe-border, #e1e8ed);\n  margin-bottom: 0;\n}\n\n.omniscribe_template-field:last-child {\n  border-bottom: none;\n}\n\n.omniscribe_template-field-header {\n  display: flex;\n  align-items: center;\n  padding: 12px 0;\n  background: var(--omniscribe-surface, #ffffff);\n}\n\n.omniscribe_template-field-checkbox {\n  background: none;\n  border: none;\n  padding: 0;\n  margin-right: 12px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.omniscribe_template-field-label {\n  flex: 1;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--omniscribe-text, #2c3e50);\n}\n\n.omniscribe_template-field-prompt-btn {\n  background: none;\n  border: none;\n  padding: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  transition: background-color 0.2s ease;\n  flex-shrink: 0;\n}\n\n.omniscribe_template-field-prompt-btn:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n}\n\n.omniscribe_template-field-content {\n  padding: 0 0 12px 34px;\n  background: var(--omniscribe-surface, white);\n}\n\n.omniscribe_template-textarea {\n  width: 100%;\n  min-height: 80px;\n  max-height: 300px;\n  padding: 12px;\n  border: 1px solid var(--omniscribe-border, #e1e8ed);\n  border-radius: 6px;\n  font-size: 14px;\n  font-family: inherit;\n  resize: vertical;\n  background: var(--omniscribe-surface, white);\n  box-sizing: border-box;\n  overflow-y: auto;\n}\n\n.omniscribe_template-textarea:focus {\n  outline: none;\n  border-color: #3b5edb;\n  box-shadow: 0 0 0 3px rgba(59, 94, 219, 0.1);\n}\n\n.omniscribe_template-character-count {\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--omniscribe-text-muted, #95a5a6);\n  display: flex;\n}\n\n/* Template fields container */\n.omniscribe_template-fields {\n  display: flex;\n  flex-direction: column;\n  background: var(--omniscribe-surface, white);\n}\n\n/* Improved scrollbar for template fields */\n.omniscribe_template-fields::-webkit-scrollbar {\n  width: 6px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-track {\n  background: #f1f1f1;\n  border-radius: 3px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-thumb {\n  background: #c1c1c1;\n  border-radius: 3px;\n}\n\n.omniscribe_template-fields::-webkit-scrollbar-thumb:hover {\n  background: #a8a8a8;\n}\n\n.omniscribe_config-version-section {\n  background: var(--omniscribe-surface-alt, #f6f7f9);\n  color: var(--omniscribe-text-muted, #4a5364);\n  padding: 8px 24px;\n  font-weight: 700;\n  line-height: 16.8px;\n  font-size: 14px;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  border-bottom-left-radius: 12px;\n  border-bottom-right-radius: 12px;\n}\n\n\n/* Source: modules/transcription/components/content-container/content-containter.css */\n.omniscribe_audio-content-container {\n  background-color: var(--white);\n  width: -webkit-fill-available;\n  flex: 1 1 0 !important;\n  min-height: 0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  overflow: hidden !important;\n}\n\n.omniscribe_audio-content-messages {\n  color: var(--black);\n}\n\n.omniscribe_transcription-footer-container {\n  position: sticky;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  bottom: 0;\n  padding-bottom: calc(var(--spacing) * 3);\n}\n\n.omniscribe_audio-content-render {\n  color: var(--black);\n  font-weight: var(--font-weight-medium);\n  padding-block: 0.5rem;\n  padding-inline: 0.75rem;\n  margin-bottom: 0.25rem;\n}\n\n.omniscribe_patient {\n  color: #db10c1;\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_doctor {\n  color: var(--blue-500);\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_speaker {\n  color: #28a745;\n  padding-right: 0.5rem;\n  font-size: var(--text-sm);\n  line-height: 1.25rem;\n  letter-spacing: 0;\n}\n\n.omniscribe_transcription {\n  color: var(--black);\n}\n\n.omniscribe_transcription-down-btn-container {\n  background-color: var(--omniscribe-surface, white);\n}\n\n.omniscribe_transcription-down-btn {\n  width: calc(0.25rem /* 4px */ * 4);\n  height: calc(0.25rem /* 4px */ * 4);\n}\n\n/* Chrome, Safari, Edge (Webkit) */\n.omniscribe_audio-content-container > div::-webkit-scrollbar {\n  width: 6px !important;\n}\n\n.omniscribe_audio-content-container > div::-webkit-scrollbar-thumb {\n  border-radius: 10px !important;\n  background-color: var(--omni-secondary) !important;\n}\n\n.omniscribe_audio-content-container > div::-webkit-scrollbar-track {\n  background-color: transparent !important;\n}\n\n/* Firefox */\n.omniscribe_audio-content-container > div {\n  scrollbar-width: thin !important;\n  scrollbar-color: var(--omni-secondary) transparent !important;\n}\n\n/* Processing skeleton indicator */\n.omniscribe_transcription-processing {\n  padding: 12px 0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-processing-lines {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.omniscribe_transcription-skeleton-line {\n  height: 14px;\n  width: 70%;\n}\n\n.omniscribe_transcription-skeleton-line--short {\n  width: 40%;\n}\n\n.omniscribe_transcription-processing-text {\n  font-size: var(--text-xs);\n  color: var(--omni-secondary, #6b7280);\n}\n\n\n/* Source: modules/transcription/components/recorder-counter/RecorderCounter.css */\n.omniscribe_audio-recorder-timer {\n  color: var(--blue-500);\n  font-weight: 600; /* SemiBold */\n  font-style: normal; /* SemiBold is a weight, not a style */\n  font-size: var(--font-size-400); /* design token */\n  line-height: var(--line-height-400); /* design token */\n  letter-spacing: 0;\n  text-align: center;\n}\n\n\n/* Source: modules/transcription/components/toggle-record/ToggleRecord.css */\n.omniscribe_record-button-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n}\n.omniscribe_record-button-classname {\n  background-color: transparent;\n  border: none;\n  padding: 4px;\n}\n\n.omniscribe_record-button {\n  background-color: var(--primary-button);\n  border-radius: 50%;\n  cursor: pointer;\n  width: 56px;\n  height: 56px;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  transition-duration: 300ms;\n  box-shadow:\n    inset 0 2px 4px rgb(0 0 0 / 0.05),\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n}\n\n.omniscribe_record-button-enabled {\n  opacity: 100%;\n  pointer-events: auto;\n  scale: 110%;\n  &:hover {\n    scale: 150%;\n  }\n}\n.omniscribe_record-button-not-enabled {\n  opacity: 50%;\n  &:hover {\n    scale: 150%;\n  }\n}\n.omniscribe_record-button-disabled {\n  opacity: 50%;\n  background-color: dimgray;\n  pointer-events: none;\n}\n\n.omniscribe_record-enabled {\n  width: 50px;\n  height: 50px;\n  background-color: var(--primary-button);\n  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n  position: absolute;\n  z-index: -1;\n  border-radius: calc(infinity * 1px);\n  opacity: 100%;\n}\n\n@keyframes ping {\n  75%,\n  100% {\n    transform: scale(2);\n    opacity: 0;\n  }\n}\n\n\n/* Source: modules/transcription/section/AudioRecorder.css */\n.omniscribe_audio-recorder {\n  align-items: center;\n  padding-block: calc(var(--spacing) * 5);\n  border-bottom-left-radius: 12px;\n  background-color: var(--white);\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n}\n\n[dir='ltr'] .omniscribe_audio-recorder {\n  border-bottom-left-radius: 12px;\n}\n\n[dir='rtl'] .omniscribe_audio-recorder {\n  border-bottom-right-radius: 12px;\n  border-bottom-left-radius: 0px;\n}\n\n.omniscribe_audio-recorder-container {\n  display: flex;\n  align-items: center;\n  border: solid 1px var(--light-border);\n  background-color: var(--white);\n  max-height: 42px;\n  border-radius: 9999px;\n  border-width: 1px;\n  justify-content: space-between;\n  margin-bottom: 5px;\n  flex: 1;\n  align-self: stretch;\n  margin-inline: calc(var(--spacing) * 4);\n  padding-inline: calc(var(--spacing) * 2);\n}\n\n.omniscribe_audio-recorder-audio-container {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: center;\n}\n\n.omniscribe_audio-recorder-refresh-btn {\n  cursor: pointer;\n  background-color: var(--omniscribe-surface-alt, #f6f7f9);\n  border-radius: 100px;\n  transition:\n    transform 0.3s ease,\n    opacity 0.3s ease,\n    background-color 0.3s ease;\n  transform: scale(1);\n}\n.omniscribe_audio-recorder-refresh-btn-enabled {\n  pointer-events: auto;\n  opacity: 1;\n\n  &:hover {\n    transform: scale(1.15);\n  }\n}\n.omniscribe_audio-recorder-refresh-btn-disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}\n.omniscribe_audio-recorder-audio-content-container {\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  border-radius: 8px;\n  margin-top: 18px;\n  padding-top: 8px;\n  padding-inline: calc(var(--spacing) * 4);\n  padding-bottom: 8px;\n  align-self: stretch;\n  margin-inline: calc(var(--spacing) * 4);\n}\n.omniscribe_audio-recorder-footer {\n  border-top: 1px solid var(--omniscribe-border, #e5e7ec);\n  padding-top: 16px;\n  margin-top: 12px;\n  display: flex;\n  width: 100%;\n}\n.omniscribe_audio-recorder-footer-content {\n  padding-inline: calc(var(--spacing) * 4);\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  display: flex;\n}\n.omniscribe_audio-recorder-audio-info {\n  font-size: var(--text-xs);\n  line-height: var(--tw-leading, var(--text-xs--line-height));\n  color: var(--omniscribe-text-muted, #6f7d95);\n  padding-block: 8px;\n}\n\n.omniscribe_audio-recorder-audio-star-icons {\n  display: flex;\n  justify-content: center;\n  gap: 4px;\n}\n\n.omniscribe_audio-recorder-audio-feedback {\n  color: var(--omniscribe-text-muted, #a4adbc);\n}\n\n.omniscribe_audio-recorder-refresh-icon {\n  color: var(--omniscribe-text, #252a32);\n}\n\n.omniscribe_audio-recorder-star-icon {\n  cursor: pointer;\n  display: inline-block;\n}\n\n\n/* Source: shared/components/ActivationGuardDialog.css */\n/* The shared Modal overlay is absolutely positioned against its nearest\n   positioned ancestor, which for this dialog is wherever the provider happens\n   to sit in the tree. Force fixed so it centers over the viewport. */\n.omniscribe_modal-overlay:has(.omniscribe_activation-guard-modal) {\n  position: fixed;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n}\n\n.omniscribe_activation-guard-modal {\n  width: 480px;\n  max-width: 90vw;\n  padding: 24px !important;\n}\n\n/* Override Modal's default h2 size for this dialog. */\n.omniscribe_activation-guard-modal .omniscribe_modal-title-container {\n  margin-bottom: 16px;\n  align-items: flex-start;\n}\n\n.omniscribe_activation-guard-modal .omniscribe_modal-title {\n  font-size: 18px;\n  line-height: 1.3;\n  font-weight: 700;\n  letter-spacing: -0.01em;\n  color: var(--color-gray-900, #0f172a);\n}\n\n.omniscribe_activation-guard-body {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.omniscribe_activation-guard-summary {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n}\n\n.omniscribe_activation-guard-summary-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 32px;\n  height: 32px;\n  border-radius: 9999px;\n  background-color: #fef3c7;\n  color: #b45309;\n}\n\n.omniscribe_activation-guard-summary-text {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n  color: var(--color-gray-800, #1f2937);\n  flex: 1;\n}\n\n.omniscribe_activation-guard-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 16px;\n  margin-top: 4px;\n}\n\n.omniscribe_activation-guard-secondary {\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 8px 12px;\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--omniscribe-text-muted, #374151);\n  border-radius: 9999px;\n  transition: background-color 0.15s ease;\n}\n\n.omniscribe_activation-guard-secondary:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--color-gray-900, #0f172a);\n}\n\n.omniscribe_activation-guard-primary {\n  border-radius: 9999px !important;\n  gap: 8px;\n  padding-block: 10px !important;\n  padding-inline: 18px !important;\n  height: auto !important;\n  font-weight: 600;\n}\n\n\n/* Source: shared/components/Card.css */\n.omniscribe_card {\n  background-color: var(--color-card, #ffffff);\n  color: var(--color-card-foreground, #000000);\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n  border-radius: 0.75rem;\n  border: 1px solid var(--color-border, var(--grey-200));\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\n\n.omniscribe_card-header {\n  container-type: inline-size;\n  container-name: card-header;\n  display: grid;\n  grid-auto-rows: min-content;\n  grid-template-rows: auto auto;\n  align-items: start;\n  gap: 0.375rem;\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n/* When card-header has card-action, adjust grid layout */\n.omniscribe_card-header:has([data-slot='card-action']) {\n  grid-template-columns: 1fr auto;\n}\n\n/* When card-header has border-b class, add padding bottom */\n.omniscribe_card-header.border-b {\n  padding-bottom: 1.5rem;\n}\n\n.omniscribe_card-title {\n  line-height: 1;\n  font-weight: 600;\n}\n\n.omniscribe_card-description {\n  color: var(--color-muted-foreground, #6b7280);\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n}\n\n.omniscribe_card-action {\n  grid-column-start: 2;\n  grid-row: span 2 / span 2;\n  grid-row-start: 1;\n  align-self: start;\n  justify-self: end;\n}\n\n.omniscribe_card-content {\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.omniscribe_card-footer {\n  display: flex;\n  align-items: center;\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n}\n\n.omniscribe_card-footer.border-t {\n  padding-top: 1.5rem;\n}\n\n\n/* Source: shared/components/app-skeleton.css */\n.omniscribe_app-skeleton {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background-color: var(--white);\n  border-radius: 12px;\n}\n\n/* Header */\n.omniscribe_app-skeleton-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 16px;\n  border-bottom: 1px solid var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-header-left,\n.omniscribe_app-skeleton-header-right {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.omniscribe_app-skeleton-icon {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n}\n\n.omniscribe_app-skeleton-title {\n  width: 48px;\n  height: 20px;\n  border-radius: 4px;\n}\n\n.omniscribe_app-skeleton-badge {\n  width: 150px;\n  height: 32px;\n  border-radius: 99999px;\n}\n\n/* Disclaimer banner */\n.omniscribe_app-skeleton-banner {\n  padding: 6px 16px;\n  border-bottom: 1px solid var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-banner-text {\n  width: 100%;\n  height: 16px;\n  border-radius: 4px;\n}\n\n/* Content */\n.omniscribe_app-skeleton-content {\n  flex: 1;\n  padding: 20px;\n}\n\n.omniscribe_app-skeleton-welcome {\n  width: 240px;\n  height: 28px;\n  border-radius: 4px;\n  margin-bottom: 10px;\n}\n\n.omniscribe_app-skeleton-suggestions {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.omniscribe_app-skeleton-suggestion {\n  height: 25px;\n  border-radius: 99999px;\n}\n\n.omniscribe_app-skeleton-suggestion--long {\n  width: 320px;\n}\n\n.omniscribe_app-skeleton-suggestion--longer {\n  width: 380px;\n}\n\n.omniscribe_app-skeleton-suggestion--medium {\n  width: 280px;\n}\n\n/* Bottom bar */\n.omniscribe_app-skeleton-bottom {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  border-top: 1px solid var(--omniscribe-border, #e5e7ec);\n}\n\n.omniscribe_app-skeleton-transcribe-btn {\n  width: 140px;\n  height: 40px;\n  border-radius: 99999px;\n  flex-shrink: 0;\n}\n\n.omniscribe_app-skeleton-input {\n  flex: 1;\n  height: 40px;\n  border-radius: 99999px;\n}\n\n\n/* Source: shared/components/button.css */\n.omniscribe_button {\n  border: none;\n  background: transparent;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: calc(var(--spacing) * 2);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  outline-style: none;\n  /* Enabled buttons must show the pointer affordance; the base rule never set\n     it, so variants without their own cursor (e.g. outline, used by the chat\n     mic button) rendered the default arrow. `:disabled` below overrides it. */\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n    pointer-events: none;\n    opacity: 50%;\n  }\n  & svg {\n    pointer-events: none;\n    flex-shrink: 0;\n  }\n  & svg:not([class*='size-svg']) {\n    width: calc(var(--spacing) * 4) /* 1rem = 16px */;\n    height: calc(var(--spacing) * 4) /* 1rem = 16px */;\n  }\n  &:focus-visible {\n    border-color: var(--ring);\n    box-shadow: 0 0 0 calc(3px + var(--tw-ring-offset-width))\n      color-mix(in oklab, var(--ring) 50%, transparent);\n  }\n  &[aria-invalid='true'] {\n    border-color: var(--destructive);\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n  }\n}\n\n.omniscribe_button-variant-default {\n  background-color: var(--primary);\n  color: var(--primary-foreground);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n  }\n}\n.omniscribe_button-variant-destructive {\n  background-color: var(--destructive);\n  color: var(--white);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: color-mix(in oklab, var(--destructive) 90%, transparent);\n  }\n  &:focus-visible {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n  }\n}\n.omniscribe_button-variant-outline {\n  border: solid 1px var(--input);\n  background-color: var(--background);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: var(--accent);\n    color: var(--accent-foreground);\n  }\n}\n.omniscribe_button-variant-icon {\n  align-items: center;\n  border-radius: 100%;\n  padding: 10px;\n  & svg {\n    pointer-events: auto;\n    flex-shrink: 0;\n  }\n  & svg:not([class*='size-svg']) {\n    width: auto;\n    height: auto;\n  }\n}\n.omniscribe_button-variant-secondadry {\n  background-color: var(--secondary);\n  pointer-events: cursor;\n  cursor: pointer;\n  color: var(--secondary-foreground);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  &:hover {\n    background-color: var(--secondary-hover) !important;\n  }\n  &:disabled {\n    background-color: var(--omniscribe-surface-alt, #edeff2);\n    cursor: not-allowed;\n    color: var(--omniscribe-text-muted, #d5d9e0);\n  }\n}\n.omniscribe_button-variant-ghost:hover {\n  background-color: var(--accent);\n  color: var(--accent-foreground);\n}\n.omniscribe_button-variant-empty {\n  cursor: pointer;\n}\n.omniscribe_button-variant-primary {\n  cursor: pointer;\n  background-color: var(--primary-button);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  font-size: 16px !important;\n  color: var(--white);\n  &:hover {\n    background-color: color-mix(\n      in oklab,\n      var(--primary-button) 60%,\n      transparent\n    );\n  }\n}\n.omniscribe_button-size-default {\n  height: calc(var(--spacing) * 9);\n  padding-inline: calc(var(--spacing) * 4);\n  padding-block: calc(var(--spacing) * 2);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 3) /* 0.75rem = 12px */;\n  }\n}\n.omniscribe_button-size-sm {\n  height: calc(var(--spacing) * 8);\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  gap: calc(var(--spacing) * 1.5) /* 0.375rem = 6px */;\n  padding-inline: calc(var(--spacing) * 3);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 2.5);\n  }\n}\n\n.omniscribe_button-size-lg {\n  height: calc(var(--spacing) * 10);\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  padding-inline: calc(var(--spacing) * 6);\n  &:has(> svg) {\n    padding-inline: calc(var(--spacing) * 4);\n  }\n}\n\n.omniscribe_button-size-icon {\n  height: calc(var(--spacing) * 5);\n  width: calc(var(--spacing) * 5);\n}\n.omniscribe_button-size-padding {\n  padding: calc(var(--spacing) * 2);\n  min-width: calc(var(--spacing) * 40);\n}\n\n.omniscribe_button-text {\n  font-size: var(--text-sm) /* 0.875rem = 14px */;\n  line-height: var(--text-sm--line-height);\n}\n.omniscribe_button-whitespace {\n  white-space: nowrap;\n}\n.omniscribe_button-rounded {\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n}\n.omniscribe_button-disabled {\n  pointer-events: none;\n}\n.omniscribe_button-loading {\n  opacity: 50%;\n}\n.omniscribe_button-animate-spin {\n  animation: spin 1s linear infinite;\n}\n.omniscribe_button-variant-report {\n  cursor: pointer;\n  background-color: var(--report);\n  box-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));\n  font-size: 16px;\n  color: var(--white);\n  &:hover {\n    background-color: color-mix(in oklab, var(--report) 60%, transparent);\n  }\n}\n\n\n/* Source: shared/components/feedback-modal.css */\n.omniscribe_feedback-modal {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  background: var(--omniscribe-surface, white);\n  border: 1px solid var(--omniscribe-border, #e2e8f0);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  margin-top: 8px;\n  min-width: 200px;\n  width: 200px;\n  transform-origin: top left;\n}\n\n.omniscribe_feedback-input-container {\n  position: relative;\n  display: flex;\n  align-items: flex-end;\n  border: 1px solid var(--omniscribe-border, #d1d5db);\n  border-radius: 8px;\n}\n\n.omniscribe_feedback-textarea {\n  flex: 1;\n  border: transparent;\n  border-radius: 8px;\n  padding: 12px 12px 12px 12px;\n  font-size: 14px;\n  outline: none;\n  transition: border-color 0.2s;\n  resize: none;\n  min-height: 20px;\n  max-height: 200px;\n  overflow-y: auto;\n  font-family: inherit;\n  line-height: 1.4;\n  width: 100%;\n  box-sizing: border-box;\n}\n.omniscribe_feedback-textarea-padding {\n  margin-bottom: 34px;\n  padding-bottom: 0px !important;\n}\n\n.omniscribe_feedback-icons {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.omniscribe_feedback-icons:has(.omniscribe_feedback-send) {\n  bottom: 8px;\n  top: auto;\n  transform: none;\n}\n\n.omniscribe_feedback-close {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--omniscribe-text-muted, #6b7280);\n  transition:\n    background-color 0.2s,\n    color 0.2s;\n}\n\n.omniscribe_feedback-close:hover {\n  background-color: var(--omniscribe-surface-alt, #f3f4f6);\n  color: var(--omniscribe-text, #374151);\n}\n\n.omniscribe_feedback-close svg {\n  width: 12px;\n  height: 12px;\n}\n\n.omniscribe_feedback-send {\n  background: none;\n  border: none;\n  cursor: pointer;\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--blue-500);\n  transition:\n    background-color 0.2s,\n    color 0.2s;\n}\n\n.omniscribe_feedback-send:hover {\n  background-color: #f0f7ff;\n  color: #0d47a1;\n}\n\n.omniscribe_feedback-send svg {\n  width: 12px;\n  height: 12px;\n}\n\n.omniscribe_feedback-confirmation {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  z-index: 1000;\n  background: var(--omniscribe-surface, white);\n  color: var(--omniscribe-text, black);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-top: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n  animation: fadeInOut 3s ease-in-out;\n}\n\n.omniscribe_feedback-confirmation-icon {\n  width: 12px;\n  height: 12px;\n  flex-shrink: 0;\n}\n\n/* Right-positioned modal styles */\n.omniscribe_feedback-modal-right {\n  position: absolute;\n  top: 7px;\n  left: 17%;\n  z-index: 10000;\n  background: var(--omniscribe-surface, white);\n  border: 1px solid var(--omniscribe-border, #e2e8f0);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  margin-left: 8px;\n  width: 200px;\n  transform-origin: bottom left;\n}\n\n.omniscribe_feedback-sending-center {\n  top: 100%;\n  left: 0;\n}\n\n.omniscribe_feedback-sending-right {\n  top: 20px;\n  left: 17%;\n}\n\n.omniscribe_feedback-sending {\n  position: absolute;\n  z-index: 10000;\n  background: var(--omniscribe-surface, white);\n  color: var(--omniscribe-text, black);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-left: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n}\n.omniscribe_feedback-confirmation-right {\n  position: absolute;\n  top: 20px;\n  left: 17%;\n  z-index: 10000;\n  background: var(--omniscribe-surface, white);\n  color: var(--omniscribe-text, black);\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  padding: 8px 0px;\n  margin-left: 8px;\n  min-width: 160px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  font-size: 14px;\n  font-weight: 500;\n  animation: fadeInOut 3s ease-in-out;\n}\n\n@keyframes fadeInOut {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  10% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  90% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  100% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n}\n\n\n/* Source: shared/components/input.css */\n.omniscribe_input {\n  height: calc(var(--spacing) * 9);\n  width: 100%;\n  display: flex;\n  border-radius: calc(var(--radius));\n  border: solid 1px var(--input);\n  background-color: transparent;\n  padding-inline: calc(var(--spacing) * 3);\n  padding-block: calc(var(--spacing) * 1);\n  font-size: var(--text-base) /* 1rem = 16px */;\n  line-height: var(--text-base--line-height);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  outline-style: none;\n  &::file-selector-button {\n    color: var(--foreground);\n    display: inline-flex;\n    height: calc(var(--spacing) * 7);\n    border: none;\n    background-color: transparent;\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height);\n    font-weight: var(--font-weight-medium);\n  }\n  &::placeholder {\n    color: var(--muted-foreground);\n  }\n  &::selection {\n    background-color: var(--primary);\n    color: var(--primary-foreground);\n  }\n  &:disabled {\n    pointer-events: none;\n    cursor: not-allowed;\n    opacity: 50%;\n  }\n  &[aria-invalid='true'] {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    border-color: var(--destructive);\n  }\n  @media (width >= 48rem /* 768px */) {\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height) /* calc(1.25 / 0.875) ≈ 1.4286 */;\n  }\n}\n\n.omniscribe_input-container {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n}\n\n.omniscribe_input.invalid {\n  border-color: #dc3545;\n  background-color: #fff5f5;\n  box-shadow: 0 0 0 0.125rem rgba(220, 53, 69, 0.25);\n}\n\n.omniscribe_input-error {\n  color: #dc3545;\n  font-size: 10px;\n  margin-block: 0.25rem;\n  display: block;\n  line-height: 1;\n}\n\n\n/* Source: shared/components/loading-modal.css */\n.omniscribe_loading-modal-container {\n  position: absolute;\n  background-color: color-mix(in oklab, var(--black) 50%, transparent);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 50;\n  height: 100vh;\n  width: 100vw;\n  right: 0;\n  bottom: calc(var(--spacing) * -5.2);\n}\n.omniscribe_loading-modal-subcontainer {\n  background-color: var(--white);\n  padding: calc(var(--spacing) * 8);\n  border-radius: var(--radius);\n  box-shadow:\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n  text-align: center;\n  max-width: var(--container-md);\n}\n.omniscribe_loading-modal-msg {\n  font-size: var(--text-xl) /* 1.25rem = 20px */;\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-bold);\n  margin-bottom: calc(var(--spacing) * 4);\n}\n.omniscribe_loading-modal-spin {\n  display: inline-block;\n  width: calc(var(--spacing) * 12);\n  height: calc(var(--spacing) * 12);\n  border: solid 4px var(--color-gray-200);\n  border-top-color: var(--blue-500);\n  border-radius: calc(infinity * 1px);\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.omniscribe_app-loading {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1;\n}\n\n\n/* Source: shared/components/modal.css */\n.omniscribe_modal-overlay {\n  position: absolute;\n  background-color: color-mix(in oklab, var(--black) 50%, transparent);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  z-index: 50;\n  height: 100vh;\n  width: 100vw;\n  right: 0;\n  bottom: calc(var(--spacing) * -5.2);\n}\n\n.omniscribe_modal-container {\n  position: relative;\n  background-color: var(--white);\n  z-index: 100;\n  border-radius: 12px;\n  border: solid 1px var(--light-border);\n  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n  padding: calc(var(--spacing) * 5);\n  transition-duration: 300ms;\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  max-width: 90vw;\n  max-height: 90vh;\n}\n.omniscribe_modal-container-scroll {\n  overflow: auto;\n}\n\n.omniscribe_modal-container-show {\n  opacity: 100%;\n}\n\n.omniscribe_modal-container-hide {\n  opacity: 0%;\n}\n\n.omniscribe_modal-subcontainer {\n  display: flex;\n  flex-direction: column;\n}\n\n.omniscribe_modal-title-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: calc(var(--spacing) * 2);\n}\n\n.omniscribe_modal-title {\n  font-size: var(--text-3xl); /* 1.875rem = 30px */\n  line-height: var(--text-xl--line-height);\n  font-weight: var(--font-weight-bold);\n  margin: 0;\n}\n\n.omniscribe_modal-button {\n  border: none;\n  background: transparent;\n  line-height: var(--text-2xl--line-height);\n  cursor: pointer;\n  color: var(--black);\n}\n\n@media (min-width: 768px) {\n  .omniscribe_modal-container {\n    max-width: 60vw;\n  }\n}\n\n/* Large screens: desktop */\n@media (min-width: 1024px) {\n  .omniscribe_modal-container {\n    max-width: 50vw;\n  }\n}\n\n/* Very large screens: large desktop and ultra-wide */\n@media (min-width: 1440px) {\n  .omniscribe_modal-container {\n    max-width: 40vw;\n  }\n}\n\n/* Intermediate breakpoint: large tablets */\n@media (min-width: 640px) and (max-width: 767px) {\n  .omniscribe_modal-container {\n    max-width: 70vw;\n  }\n}\n\n\n/* Source: shared/components/select.css */\n.omniscribe_select-container {\n  position: relative;\n  width: 100%;\n  padding-block: calc(var(--spacing) * 3);\n}\n.omniscribe_select-button {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  padding: calc(var(--spacing) * 3);\n  background-color: var(--white);\n  border-radius: var(--Radius-radius-medium, 8px);\n  border: solid 1px var(--omniscribe-border, var(--light-border));\n  cursor: pointer;\n}\n.omniscribe_select-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n.omniscribe_select-text {\n  display: flex;\n  align-items: center;\n  gap: calc(var(--spacing) * 2);\n}\n.omniscribe_select-content-container {\n  position: absolute;\n  width: 100%;\n  margin-top: calc(var(--spacing) * 2);\n  border: solid 1px var(--omniscribe-border, var(--light-border));\n  background-color: var(--white);\n  border-radius: var(--radius);\n  box-shadow:\n    0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);\n  bottom: calc(var(--spacing) * 15);\n  padding-inline: calc(var(--spacing) * 1);\n  padding-block: calc(var(--spacing) * 0.5);\n  z-index: 9999;\n}\n.omniscribe_select-content-ul {\n  overflow-y: scroll;\n  max-height: calc(var(--spacing) * 44);\n  padding-inline: 5px;\n}\n.omniscribe_select-content-li {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: calc(var(--spacing) * 3);\n  cursor: pointer;\n  &:hover {\n    @media (hover: hover) {\n      background-color: var(--omniscribe-surface-alt, var(--color-gray-100));\n    }\n  }\n}\n.omniscribe_select-check-icon {\n  width: calc(var(--spacing) * 5);\n  height: calc(var(--spacing) * 5);\n  color: var(--color-slate-500) /* oklch(55.4% 0.046 257.417) = #62748e */;\n}\n.omniscribe_select-content-li-span {\n  display: flex;\n  align-items: center;\n  gap: calc(0.25rem /* 4px */ * 2);\n}\n\n\n/* Source: shared/components/separator.css */\n/* Separator Component Styles */\n.omniscribe_separator {\n  border: 1px solid var(--omniscribe-border, #e5e7ec);\n  flex-shrink: 0;\n}\n\n.omniscribe_separator--horizontal {\n  height: 0;\n  width: 100%;\n  border-top: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-right: none;\n  border-bottom: none;\n  border-left: none;\n}\n\n.omniscribe_separator--vertical {\n  width: 0;\n  height: 100%;\n  border-left: 1px solid var(--omniscribe-border, #e5e7ec);\n  border-top: none;\n  border-right: none;\n  border-bottom: none;\n}\n\n\n/* Source: shared/components/skeleton.css */\n.omniscribe_skeleton {\n  background-color: color-mix(in oklab, var(--primary) 10%, transparent);\n  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n}\n\n\n/* Source: shared/components/textarea.css */\n.omniscribe_textarea-default {\n  display: flex;\n  min-height: calc(var(--spacing) * 16);\n  width: -webkit-fill-available;\n  border-radius: calc(var(--radius) /* 0.25rem = 4px */ - 2px);\n  border: solid 1px var(--input);\n  background-color: transparent;\n  padding-inline: calc(var(--spacing) * 3);\n  padding-block: calc(var(--spacing) * 2);\n  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n  transition-property: color, box-shadow;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n  &::placeholder {\n    color: var(--muted-foreground);\n    font-size: var(--text-sm) /* 0.875rem = 14px */;\n    line-height: var(--text-sm--line-height);\n  }\n  &:focus-visible {\n    border-color: var(--ring);\n    --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n    box-shadow: var(--tw-ring-inset,) 0 0 0\n      calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentColor);\n  }\n  &[aria-invalid='true'] {\n    --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n    border-color: var(--destructive);\n  }\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 50%;\n  }\n}\n\n.omniscribe_textarea-secondary {\n  padding: calc(var(--spacing) * 3.5);\n  padding-bottom: calc(var(--spacing) * 0);\n  border-style: none;\n  background-color: transparent;\n  resize: none;\n  &:focus {\n    outline-style: none;\n  }\n}\n.omniscribe_textarea-general {\n  font-family: 'Lato', sans-serif;\n  font-size: var(--font-size-100);\n  outline: none;\n}\n\n\n/* Source: shared/components/toast.css */\n.omniscribe_toast-stack {\n  position: fixed;\n  top: calc(var(--spacing) * 4);\n  right: calc(var(--spacing) * 4);\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--spacing) * 2);\n  z-index: 9999;\n  pointer-events: none;\n}\n\n.omniscribe_toast-item {\n  border-radius: var(--radius);\n  padding: calc(var(--spacing) * 4);\n  width: calc(var(--spacing) * 120);\n  display: flex;\n  align-items: flex-start;\n  transition:\n    transform 300ms cubic-bezier(0.4, 0, 0.2, 1),\n    opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  pointer-events: auto;\n}\n\n.omniscribe_toast-item-danger {\n  background-color: var(--color-red-500);\n}\n.omniscribe_toast-item-black {\n  background-color: var(--black);\n}\n.omniscribe_toast-item-show {\n  transform: translateX(0);\n  opacity: 1;\n}\n.omniscribe_toast-item-hide {\n  transform: translateX(120%);\n  opacity: 0;\n}\n.omniscribe_toast-subcontainer {\n  transition-property: opacity;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 100ms;\n  display: flex;\n  flex-direction: column;\n  color: var(--white);\n  flex: 1;\n}\n.omniscribe_toast-title {\n  font-size: 18px;\n  font-weight: var(--font-weight-bold);\n}\n.omniscribe_toast-msg {\n  font-size: 16px;\n}\n.omniscribe_toast-close {\n  background: none;\n  border: none;\n  color: var(--white);\n  font-size: 18px;\n  cursor: pointer;\n  padding: calc(var(--spacing) * 1) calc(var(--spacing) * 2);\n  align-self: flex-start;\n  opacity: 0.8;\n}\n.omniscribe_toast-close:hover {\n  opacity: 1;\n}\n\n\n/* Source: shared/components/toggle.css */\n.omniscribe_toggle-container {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  gap: 8px;\n  flex-direction: column;\n}\n\n.omniscribe_toggle-label {\n  font-size: 14px;\n  font-weight: 400;\n  color: var(--omniscribe-text, #374151);\n  flex: 1;\n}\n\n.omniscribe_toggle-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.omniscribe_toggle-switch {\n  position: relative;\n  width: 29px;\n  height: 16px;\n  background-color: #d1d5db;\n  border-radius: 8px;\n  border: none;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n  outline: none;\n}\n\n.omniscribe_toggle-switch:focus-visible {\n  box-shadow: 0 0 0 2px var(--secondary, #132caa);\n}\n\n.omniscribe_toggle-switch-checked {\n  background-color: var(--secondary, #132caa);\n}\n\n.omniscribe_toggle-switch-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.omniscribe_toggle-thumb {\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 12px;\n  height: 12px;\n  /* High-contrast fill that sits on top of the track — must contrast the   */\n  /* track color, not inherit the panel surface (which would vanish in a    */\n  /* dark theme). Hosts theming dark set --omniscribe-on-accent to a dark   */\n  /* ink; light hosts fall back to white (unchanged).                       */\n  background-color: var(--omniscribe-on-accent, white);\n  border-radius: 50%;\n  transition: transform 0.2s ease;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n.omniscribe_toggle-switch-checked .omniscribe_toggle-thumb {\n  transform: translateX(13px);\n}\n\n.omniscribe_toggle-status {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--omniscribe-text-muted, #6b7280);\n  min-width: 70px;\n}\n\n.omniscribe_toggle-switch-checked + .omniscribe_toggle-status {\n  color: var(--omniscribe-text-muted, #4a5364);\n}\n\n\n/* Source: shared/components/tooltip.css */\n.tooltip-base {\n  position: fixed;\n  z-index: 9999;\n  border-radius: 0.375rem; /* rounded-md */\n  background-color: #111827;\n  padding: 0.5rem 0.75rem; /* px-3 py-2 */\n  font-size: 0.875rem; /* text-sm */\n  font-family: 'Lato', sans-serif;\n  color: #ffffff; /* text-white */\n  box-shadow:\n    0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */\n  transition: opacity 0.2s ease-in-out; /* transition-opacity duration-200 */\n  pointer-events: none;\n  user-select: none;\n  word-wrap: break-word;\n  line-height: 1.4;\n}\n\n/* Tooltip Arrow Styles */\n.tooltip-arrow {\n  position: absolute;\n  width: 0.5rem; /* w-2 */\n  height: 0.5rem; /* h-2 */\n  background-color: #111827;\n  transform: rotate(45deg);\n}\n\n/* Arrow positioning for each side */\n.tooltip-arrow-top {\n  bottom: -0.25rem; /* bottom-[-4px] */\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-bottom {\n  top: -0.25rem; /* top-[-4px] */\n  left: 50%;\n  transform: translateX(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-left {\n  right: -0.25rem; /* right-[-4px] */\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n}\n\n.tooltip-arrow-right {\n  left: -0.25rem; /* left-[-4px] */\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n}\n\n/* Width classes based on message length */\n.tooltip-width-auto {\n  width: auto;\n  white-space: nowrap;\n}\n\n.tooltip-width-200 {\n  width: auto;\n  max-width: 200px;\n}\n\n.tooltip-width-xs {\n  width: auto;\n  max-width: 20rem; /* max-w-xs */\n}\n\n.tooltip-width-sm {\n  width: auto;\n  max-width: 24rem; /* max-w-sm */\n}\n\n.tooltip-width-400 {\n  width: auto;\n  max-width: 400px;\n}\n\n/* Trigger container styles */\n.tooltip-trigger {\n  display: inline-flex;\n}\n\n/* Animation classes */\n.tooltip-enter {\n  opacity: 0;\n  transform: scale(0.95);\n}\n\n.tooltip-enter-active {\n  opacity: 1;\n  transform: scale(1);\n  transition:\n    opacity 0.2s ease-in-out,\n    transform 0.2s ease-in-out;\n}\n\n.tooltip-exit {\n  opacity: 1;\n  transform: scale(1);\n}\n\n.tooltip-exit-active {\n  opacity: 0;\n  transform: scale(0.95);\n  transition:\n    opacity 0.15s ease-in-out,\n    transform 0.15s ease-in-out;\n}\n\n/* Dark theme variant */\n.tooltip-dark {\n  background-color: #1f2937; /* bg-gray-800 */\n  color: var(--grey-50);\n}\n\n.tooltip-dark .tooltip-arrow {\n  background-color: #1f2937;\n}\n\n/* Light theme variant */\n.tooltip-light {\n  background-color: var(--omniscribe-surface, #ffffff);\n  color: var(--omniscribe-text, #374151); /* text-gray-700 */\n  box-shadow:\n    0 10px 15px -3px rgba(0, 0, 0, 0.1),\n    0 4px 6px -2px rgba(0, 0, 0, 0.05),\n    0 0 0 1px rgba(0, 0, 0, 0.05);\n}\n\n.tooltip-light .tooltip-arrow {\n  background-color: var(--omniscribe-surface, #ffffff);\n}\n\n/* Responsive breakpoints */\n@media (max-width: 640px) {\n  .tooltip-base {\n    max-width: calc(100vw - 2rem);\n    font-size: 0.8125rem; /* Slightly smaller on mobile */\n  }\n\n  .tooltip-width-400,\n  .tooltip-width-sm,\n  .tooltip-width-xs {\n    max-width: calc(100vw - 2rem);\n  }\n}\n\n/* High contrast mode support */\n@media (prefers-contrast: high) {\n  .tooltip-base {\n    border: 2px solid #ffffff;\n  }\n\n  .tooltip-light {\n    border: 2px solid #000000;\n  }\n}\n\n/* Reduced motion support */\n@media (prefers-reduced-motion: reduce) {\n  .tooltip-base,\n  .tooltip-enter-active,\n  .tooltip-exit-active {\n    transition: none;\n  }\n}\n\n\n/* Source: test/mocks/empty.css */\n/* Empty CSS file for mocking styles */\n";
 
 	const injectedCss$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
 		__proto__: null,