issue-sticker 0.11.0 → 0.13.0

package/dist/issue-sticker-react.js

@@ -15,35 +15,175 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   }
 });
 var _focused, _cleanup, _setup, _b, _provider, _providerCalled, _c, _online, _cleanup2, _setup2, _d, _gcTimeout, _e, _queryType, _initialState, _revertState, _cache, _client, _retryer, _defaultOptions, _abortSignalConsumed, _Query_instances, isInitialPausedFetch_fn, dispatch_fn, _f, _client2, _currentQuery, _currentQueryInitialState, _currentResult, _currentResultState, _currentResultOptions, _currentThenable, _selectError, _selectFn, _selectResult, _lastQueryWithDefinedData, _staleTimeoutId, _refetchIntervalId, _currentRefetchInterval, _trackedProps, _QueryObserver_instances, executeFetch_fn, updateStaleTimeout_fn, computeRefetchInterval_fn, updateRefetchInterval_fn, updateTimers_fn, clearStaleTimeout_fn, clearRefetchInterval_fn, updateQuery_fn, notify_fn, _g, _client3, _observers, _mutationCache, _retryer2, _Mutation_instances, dispatch_fn2, _h, _mutations, _scopes, _mutationId, _i, _client4, _currentResult2, _currentMutation, _mutateOptions, _MutationObserver_instances, updateResult_fn, notify_fn2, _j, _queries, _k, _queryCache, _mutationCache2, _defaultOptions2, _queryDefaults, _mutationDefaults, _mountCount, _unsubscribeFocus, _unsubscribeOnline, _l, _m;
-import { O as OVERLAY_LAYER_INDEX, c as createLucideIcon$1, d as usePortalContainer, a as cn$1, e as OVERLAY_LAYER, s as stopEscapePropagation, P as Presence, f as Primitive, g as composeEventHandlers, h as useDismissableLayerSurface, i as useComposedRefs$1, j as Portal$1, k as createContextScope, l as createSlot, D as DismissableLayer, m as useControllableState, n as useId$1, o as useLayoutEffect2, p as useCallbackRef, u as ungzip_1, q as PortalContainerProvider, r as registerThree } from "./three-DQdLNs7v.js";
-import { A as trimLogBackupPayload, B as createSafeLogBackup, D as getLogBackupSessionId, N as NetworkCollector, C as ConsoleCollector, W as WebSocketCollector, E as createIndexedDbLogBackup, b as buildJiraCreateFields, P as Popover, F as PopoverTrigger, G as Input, H as PopoverContent, L as Label, J as Select, K as SelectTrigger, M as SelectValue, O as SelectContent, Q as SelectItem, R as JIRA_ISSUE_TYPE_VALUE_KEY, T as getJiraMetadata, U as buildJiraIssueFields, V as getJiraIssueTypeLabel, X as Button, Y as Root2$2, Z as Trigger$2, _ as ChevronDown, $ as Portal, a0 as Content2$1, a1 as Check, a2 as X$1, a3 as DatePicker, e as buildNotionCreateFields, a4 as getNotionPageMetadata, a5 as buildNotionFieldViews, c as captureWithModernScreenshot, p as pristineFetch, d as directUploadToSignedUrl, a6 as DirectUploadError, a7 as toast, a8 as getSnapshot, a9 as subscribe$1, a as uploadSignedMediaWithApi, t as sanitizeString, aa as getRegisteredUploadId, f as buildGuestOwnerQuery, j as devLogger, x as getCurrentPageUrl, ab as ChevronRight, ac as ReactRemoveScroll, ad as hideOthers, ae as useFocusGuards, af as FocusScope, ag as getExposedJiraFields, ah as isJiraFieldExposed, ai as normalizeExposedJiraFields, z as preloadModernScreenshot, g as getElementPosition, u as uploadScreenshotDataUrls, k as filterExcludeServiceRelatedLogs, l as filterExcludeServiceRelatedConsoleLogs, s as selectNetworkLogsForSubmit, m as compactNetworkLogsForTransport, n as CONSOLE_LOG_SUBMIT_LIMIT, o as buildExternalUserPayload, v as serializeSocketTranscript, w as uploadSocketTranscript, q as shrinkNetworkLogsToFit, r as measureJsonBytes, i as buildIssueIntegrationsPayload, y as SessionReplayCaptureController, aj as resolveJiraIssueTypeId, ak as pickJiraIssueTypeFields, al as switchJiraIssueType, am as getPrimaryJiraMapping, an as createCollection, ao as useDirection, ap as getPrimaryNotionMapping, aq as buttonVariants, ar as TEST_ATTR_KEYS, as as jaccard, at as textSimilarity, au as collectHeadings, av as buildElementLocator, aw as normalizeForCompare, ax as CONTAINER_SELECTOR, ay as safeRole, az as safeAccessibleName, aA as sameDigitGroups, aB as labelSimilarityKeepingDigits, aC as landmarkRole, aD as findElementBySelector, aE as findElementByXPath, S as ScreenRecordingController, h as composeIssueFilterGroups, aF as OnboardingProvider, aG as useOnboardingTarget, aH as useOnboardingFlow, aI as PopoverAnchor } from "./externalUserPayload-BbOEmKZD.js";
+import { M as MASKING_COPY, O as OVERLAY_LAYER_INDEX, c as createLucideIcon$1, h as usePortalContainer, e as cn$1, i as OVERLAY_LAYER, s as stopEscapePropagation, j as useControllableState, k as useId$1, P as Presence, l as Primitive, m as composeEventHandlers, n as useDismissableLayerSurface, o as useComposedRefs$1, p as Portal$1, q as createContextScope, t as createSlot, D as DismissableLayer, v as useLayoutEffect2, w as useCallbackRef, u as ungzip_1, x as PortalContainerProvider, r as registerThree } from "./three-FamoZZKK.js";
+import { a8 as toast, a9 as MASKING_NOTICE_TOAST_DURATION_MS, aa as trimLogBackupPayload, ab as createSafeLogBackup, ac as getLogBackupSessionId, N as NetworkCollector, C as ConsoleCollector, W as WebSocketCollector, ad as createIndexedDbLogBackup, e as buildJiraCreateFields, ae as Popover, af as PopoverTrigger, ag as Input, ah as PopoverContent, ai as Label, aj as Select, ak as SelectTrigger, al as SelectValue, am as SelectContent, an as SelectItem, ao as JIRA_ISSUE_TYPE_VALUE_KEY, ap as getJiraMetadata, aq as buildJiraIssueFields, ar as getJiraIssueTypeLabel, as as Button, at as Root2$2, au as Trigger$2, av as ChevronDown, aw as Portal, ax as Content2$1, ay as Check, az as X$1, aA as DatePicker, f as buildNotionCreateFields, aB as getNotionPageMetadata, aC as buildNotionFieldViews, b as captureScreenshotWithMasks, p as pristineFetch, d as directUploadToSignedUrl, aD as DirectUploadError, a as uploadSignedMediaWithApi, w as sanitizeString, aE as getRegisteredUploadId, h as buildGuestOwnerQuery, Q as createIssueUploadQueues, a2 as loadTusClient, a3 as createIndexedDbPendingUploadStore, a6 as createMediaUploadApi, a4 as ATTACHMENT_UPLOAD_DB_NAME, a5 as VIDEO_UPLOAD_DB_NAME, a1 as createMaskingPolicySource, a7 as createMemoryMaskingPolicyCache, Y as MASKING_POLICY_PREFETCH_TIMEOUT_MS, aF as getSnapshot, aG as subscribe$1, l as devLogger, P as getCurrentPageUrl, aH as ChevronRight, aI as ReactRemoveScroll, aJ as hideOthers, aK as useFocusGuards, aL as FocusScope, aM as createShadowDismissRoot, aN as getExposedJiraFields, aO as isJiraFieldExposed, aP as normalizeExposedJiraFields, u as uploadScreenshotDataUrls, c as captureViewportAndElementShots, M as MaskingCaptureError, T as preloadModernScreenshot, g as getElementPosition, _ as loadCaptureSelectors, i as isCapturedScreenshot, F as collectSnapshotSelectors, G as MaskingScreenRulesChangedError, K as assertScreenRulesCovered, L as isMaskingFailure, O as maskScreenshotsForSubmit, aQ as NO_MASKING_OUTCOME, aR as describeMaskingSubmitFailure, m as filterExcludeServiceRelatedLogs, n as filterExcludeServiceRelatedConsoleLogs, s as selectNetworkLogsForSubmit, o as compactNetworkLogsForTransport, q as CONSOLE_LOG_SUBMIT_LIMIT, k as buildIssueIntegrationsPayload, x as runMaskedSubmit, y as applySubmitMasking, r as buildExternalUserPayload, A as maskPositionForSubmit, D as appendMaskingNotice, E as screenshotExclusionNotice, z as collectAttachmentUploads, B as hasReplayUpload, t as shrinkNetworkLogsToFit, v as measureJsonBytes, U as enqueueIssueUploads, V as normalizeUploadMimeType, R as SessionReplayCaptureController, aS as resolveJiraIssueTypeId, aT as pickJiraIssueTypeFields, aU as switchJiraIssueType, a0 as resolveEffectivePolicy, $ as loadMaskingPolicyForSubmit, aV as getPrimaryNotionMapping, aW as getPrimaryJiraMapping, aX as createCollection, aY as useDirection, aZ as useShadowOutsideDismiss, a_ as buttonVariants, a$ as TEST_ATTR_KEYS, b0 as jaccard, b1 as textSimilarity, b2 as collectHeadings, b3 as buildElementLocator, b4 as normalizeForCompare, b5 as CONTAINER_SELECTOR, b6 as safeRole, b7 as safeAccessibleName, b8 as sameDigitGroups, b9 as labelSimilarityKeepingDigits, ba as landmarkRole, bb as findElementBySelector, bc as findElementByXPath, S as ScreenRecordingController, bd as maskingCompletionNotice, j as composeIssueFilterGroups, be as OnboardingProvider, bf as useOnboardingTarget, bg as useOnboardingFlow, bh as PopoverAnchor } from "./externalUserPayload-CdzgCq4t.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { useRef, useState, useEffect, useId, useLayoutEffect, useCallback, forwardRef, createElement, createContext, useContext, Component, Suspense, useInsertionEffect, useMemo, Children, isValidElement, Fragment as Fragment$1, useSyncExternalStore, useDeferredValue } from "react";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { createRoot } from "react-dom/client";
 import { createPortal } from "react-dom";
-import { T as TooltipProvider, a as Tooltip, b as TooltipTrigger, c as TooltipContent } from "./tooltip-DSCAsWIp.js";
-function readReleaseMarker() {
-  try {
-    const g = globalThis.__ISSUE_STICKER_RELEASE__;
-    if (g && typeof g.id === "string" && g.id.length > 0) {
-      return {
-        release: g.id,
-        release_source: typeof g.source === "string" && g.source.length > 0 ? g.source : "global"
-      };
+import { T as TooltipProvider, a as Tooltip, b as TooltipTrigger, c as TooltipContent } from "./tooltip-BVA6ikuJ.js";
+import { g as getDefaultExportFromCjs } from "./_commonjsHelpers-DWwsNxpa.js";
+function debounce(func, debounceMs, { signal, edges } = {}) {
+  let pendingThis = void 0;
+  let pendingArgs = null;
+  const leading = edges != null && edges.includes("leading");
+  const trailing = edges == null || edges.includes("trailing");
+  const invoke = () => {
+    if (pendingArgs !== null) {
+      func.apply(pendingThis, pendingArgs);
+      pendingThis = void 0;
+      pendingArgs = null;
     }
-    if (typeof document !== "undefined") {
-      const meta = document.querySelector('meta[name="issue-sticker:release"]');
-      const content2 = meta == null ? void 0 : meta.getAttribute("content");
-      if (content2 && content2.length > 0) {
-        return { release: content2, release_source: "meta" };
-      }
+  };
+  const onTimerEnd = () => {
+    if (trailing) invoke();
+    cancel();
+  };
+  let timeoutId = null;
+  const schedule = () => {
+    if (timeoutId != null) clearTimeout(timeoutId);
+    timeoutId = setTimeout(() => {
+      timeoutId = null;
+      onTimerEnd();
+    }, debounceMs);
+  };
+  const cancelTimer = () => {
+    if (timeoutId !== null) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
     }
-  } catch {
-  }
-  return null;
+  };
+  const cancel = () => {
+    cancelTimer();
+    pendingThis = void 0;
+    pendingArgs = null;
+  };
+  const flush = () => {
+    invoke();
+  };
+  const debounced = function(...args) {
+    if (signal == null ? void 0 : signal.aborted) return;
+    pendingThis = this;
+    pendingArgs = args;
+    const isFirstCall = timeoutId == null;
+    schedule();
+    if (leading && isFirstCall) invoke();
+  };
+  debounced.schedule = schedule;
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  signal == null ? void 0 : signal.addEventListener("abort", cancel, { once: true });
+  return debounced;
+}
+function throttle(func, throttleMs, { signal, edges = ["leading", "trailing"] } = {}) {
+  let pendingAt = null;
+  const debounced = debounce(function(...args) {
+    pendingAt = Date.now();
+    func.apply(this, args);
+  }, throttleMs, {
+    signal,
+    edges
+  });
+  const throttled = function(...args) {
+    if (pendingAt == null) pendingAt = Date.now();
+    if (Date.now() - pendingAt >= throttleMs) {
+      pendingAt = Date.now();
+      func.apply(this, args);
+      debounced.cancel();
+      debounced.schedule();
+      return;
+    }
+    debounced.apply(this, args);
+  };
+  throttled.cancel = debounced.cancel;
+  throttled.flush = debounced.flush;
+  return throttled;
 }
 const ISSUE_STICKER_REPORT_FORM_CLASS = "issue-sticker-report-form";
+function summarizeVideoUploads(states) {
+  if (states.length === 0) return void 0;
+  const remaining = states.filter((state) => state.status !== "failed");
+  const current2 = states.find((state) => state.status === "uploading");
+  const percent2 = current2 && current2.bytesTotal > 0 ? Math.floor(current2.bytesSent / current2.bytesTotal * 100) : 0;
+  return { percent: percent2, count: remaining.length, failed: remaining.length === 0 };
+}
+const VIDEO_UPLOAD_COPY = {
+  created: "이슈가 생성되었습니다. 영상 업로드가 끝나면 이슈에 첨부됩니다.",
+  resumed: (count) => `업로드하지 못한 영상 ${count}개를 이어서 업로드합니다.`
+};
+function visibleKinds(kinds) {
+  const video = kinds.includes("video");
+  const replay = kinds.includes("replay");
+  if (video && replay) return "both";
+  if (video) return "video";
+  return replay ? "replay" : null;
+}
+const ISSUE_UPLOAD_COPY = {
+  failedMessage: "네트워크 연결을 확인한 뒤 다시 시도해주세요.",
+  retry: "다시 시도",
+  failedTitle: {
+    video: "영상 업로드 실패",
+    replay: "세션 리플레이 업로드 실패",
+    both: "영상·세션 리플레이 업로드 실패"
+  },
+  aborted: {
+    video: "영상을 업로드하지 못했습니다.",
+    replay: "세션 리플레이를 업로드하지 못했습니다.",
+    both: "영상과 세션 리플레이를 업로드하지 못했습니다."
+  },
+  /** 완료는 영상이 있을 때만 알린다. 리플레이만 붙은 경우의 문구는 없다. */
+  attached: {
+    video: "영상이 이슈에 첨부되었습니다.",
+    both: "영상과 세션 리플레이가 이슈에 첨부되었습니다."
+  }
+};
+function createIssueUploadToaster() {
+  const failureToastIds = /* @__PURE__ */ new Map();
+  return {
+    show(notice, retry) {
+      var _a;
+      const previous2 = failureToastIds.get(notice.issueId);
+      if (previous2 !== void 0) {
+        toast.dismiss(previous2);
+        failureToastIds.delete(notice.issueId);
+      }
+      const failed = visibleKinds(notice.failed);
+      if (failed) {
+        const id2 = toast.error(ISSUE_UPLOAD_COPY.failedMessage, {
+          title: ISSUE_UPLOAD_COPY.failedTitle[failed],
+          duration: 0,
+          action: {
+            label: ISSUE_UPLOAD_COPY.retry,
+            onClick: () => {
+              failureToastIds.delete(notice.issueId);
+              retry(notice.issueId);
+            }
+          }
+        });
+        failureToastIds.set(notice.issueId, id2);
+        return;
+      }
+      let aborted = visibleKinds(notice.aborted);
+      if (((_a = notice.abortReasons) == null ? void 0 : _a.video) === "masking_video_excluded") {
+        toast.warning(MASKING_COPY.videoExcludedAfterCreate, {
+          duration: MASKING_NOTICE_TOAST_DURATION_MS
+        });
+        aborted = aborted === "both" ? "replay" : null;
+      }
+      if (aborted) {
+        toast.error(ISSUE_UPLOAD_COPY.aborted[aborted], {
+          title: ISSUE_UPLOAD_COPY.failedTitle[aborted]
+        });
+        return;
+      }
+      const completed = visibleKinds(notice.completed);
+      if (completed === "video" || completed === "both") {
+        toast.success(ISSUE_UPLOAD_COPY.attached[completed]);
+      }
+    }
+  };
+}
 const DEFAULT_DEBOUNCE_MS = 1e3;
 function bindLogBackup(options) {
   const { store, sessionId, snapshot, restoreInto } = options;
@@ -235,82 +375,6 @@ function getIntegrationFailureMessage(service) {
   const action = FAILED_ACTION_TEXT[service] ?? "연동 작업을 마치지 못했습니다.";
   return `이슈는 저장했지만 ${action}`;
 }
-function debounce(func, debounceMs, { signal, edges } = {}) {
-  let pendingThis = void 0;
-  let pendingArgs = null;
-  const leading = edges != null && edges.includes("leading");
-  const trailing = edges == null || edges.includes("trailing");
-  const invoke = () => {
-    if (pendingArgs !== null) {
-      func.apply(pendingThis, pendingArgs);
-      pendingThis = void 0;
-      pendingArgs = null;
-    }
-  };
-  const onTimerEnd = () => {
-    if (trailing) invoke();
-    cancel();
-  };
-  let timeoutId = null;
-  const schedule = () => {
-    if (timeoutId != null) clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => {
-      timeoutId = null;
-      onTimerEnd();
-    }, debounceMs);
-  };
-  const cancelTimer = () => {
-    if (timeoutId !== null) {
-      clearTimeout(timeoutId);
-      timeoutId = null;
-    }
-  };
-  const cancel = () => {
-    cancelTimer();
-    pendingThis = void 0;
-    pendingArgs = null;
-  };
-  const flush = () => {
-    invoke();
-  };
-  const debounced = function(...args) {
-    if (signal == null ? void 0 : signal.aborted) return;
-    pendingThis = this;
-    pendingArgs = args;
-    const isFirstCall = timeoutId == null;
-    schedule();
-    if (leading && isFirstCall) invoke();
-  };
-  debounced.schedule = schedule;
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  signal == null ? void 0 : signal.addEventListener("abort", cancel, { once: true });
-  return debounced;
-}
-function throttle(func, throttleMs, { signal, edges = ["leading", "trailing"] } = {}) {
-  let pendingAt = null;
-  const debounced = debounce(function(...args) {
-    pendingAt = Date.now();
-    func.apply(this, args);
-  }, throttleMs, {
-    signal,
-    edges
-  });
-  const throttled = function(...args) {
-    if (pendingAt == null) pendingAt = Date.now();
-    if (Date.now() - pendingAt >= throttleMs) {
-      pendingAt = Date.now();
-      func.apply(this, args);
-      debounced.cancel();
-      debounced.schedule();
-      return;
-    }
-    debounced.apply(this, args);
-  };
-  throttled.cancel = debounced.cancel;
-  throttled.flush = debounced.flush;
-  return throttled;
-}
 function getJiraFieldDefaultValues(exposedFields, fieldDefinitions = []) {
   const values = {};
   for (const field of buildJiraCreateFields(exposedFields, fieldDefinitions)) {
@@ -523,17 +587,105 @@ const HOST_POINTER_GUARD_EVENTS = [
   "touchstart",
   "touchend"
 ];
+const HOST_CAPTURE_GUARD_EVENTS = [
+  "pointerdown",
+  "mousedown",
+  "click",
+  "dblclick",
+  "auxclick",
+  "contextmenu"
+];
+const CLICK_EVENTS = /* @__PURE__ */ new Set(["click", "dblclick", "auxclick", "contextmenu"]);
+const ACTIVATION_INPUT_TYPES = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "submit",
+  "reset",
+  "image",
+  "file",
+  "color",
+  "date",
+  "datetime-local",
+  "month",
+  "time",
+  "week"
+]);
+function hasActivationBehavior(node2) {
+  if (!(node2 instanceof Element)) return false;
+  if (node2.matches("a[href], area[href], label, summary, [popovertarget], [commandfor]")) {
+    return true;
+  }
+  if (node2 instanceof HTMLButtonElement) return node2.type !== "button" && node2.form !== null;
+  if (node2 instanceof HTMLInputElement) return ACTIVATION_INPUT_TYPES.has(node2.type);
+  return false;
+}
+function cloneInsideShadow(event) {
+  const init = {
+    bubbles: event.bubbles,
+    cancelable: event.cancelable,
+    composed: false,
+    view: event.view,
+    detail: event.detail,
+    screenX: event.screenX,
+    screenY: event.screenY,
+    clientX: event.clientX,
+    clientY: event.clientY,
+    movementX: event.movementX,
+    movementY: event.movementY,
+    button: event.button,
+    buttons: event.buttons,
+    relatedTarget: event.relatedTarget,
+    ctrlKey: event.ctrlKey,
+    shiftKey: event.shiftKey,
+    altKey: event.altKey,
+    metaKey: event.metaKey
+  };
+  if (typeof PointerEvent !== "undefined" && event instanceof PointerEvent) {
+    return new PointerEvent(event.type, {
+      ...init,
+      pointerId: event.pointerId,
+      pointerType: event.pointerType,
+      isPrimary: event.isPrimary,
+      width: event.width,
+      height: event.height,
+      pressure: event.pressure,
+      tangentialPressure: event.tangentialPressure,
+      tiltX: event.tiltX,
+      tiltY: event.tiltY,
+      twist: event.twist
+    });
+  }
+  return new MouseEvent(event.type, init);
+}
 function attachHostPointerGuard(shadowRoot) {
+  const view = shadowRoot.ownerDocument.defaultView;
   const stopLeakingToPage = (event) => {
     event.stopPropagation();
   };
+  const forwardInsideWidget = (event) => {
+    const path2 = event.composedPath();
+    const origin = path2[0];
+    if (!(origin instanceof Node) || origin.getRootNode() !== shadowRoot) return;
+    if (CLICK_EVENTS.has(event.type)) {
+      const insideWidget = path2.slice(0, path2.indexOf(shadowRoot));
+      if (insideWidget.some(hasActivationBehavior)) return;
+    }
+    event.stopImmediatePropagation();
+    if (!origin.dispatchEvent(cloneInsideShadow(event))) event.preventDefault();
+  };
   HOST_POINTER_GUARD_EVENTS.forEach((type) => {
     shadowRoot.addEventListener(type, stopLeakingToPage);
   });
+  HOST_CAPTURE_GUARD_EVENTS.forEach((type) => {
+    view == null ? void 0 : view.addEventListener(type, forwardInsideWidget, true);
+  });
   return () => {
     HOST_POINTER_GUARD_EVENTS.forEach((type) => {
       shadowRoot.removeEventListener(type, stopLeakingToPage);
     });
+    HOST_CAPTURE_GUARD_EVENTS.forEach((type) => {
+      view == null ? void 0 : view.removeEventListener(type, forwardInsideWidget, true);
+    });
   };
 }
 const HOST_INTERACTION_GUARD_EVENTS = [
@@ -551,16 +703,32 @@ const HOST_INTERACTION_GUARD_EVENTS = [
   "dragend"
 ];
 function attachHostInteractionGuard(shadowRoot) {
+  const host = shadowRoot.host;
+  const view = shadowRoot.ownerDocument.defaultView;
   const stopLeakingToPage = (event) => {
     event.stopPropagation();
   };
+  const hideFocusLeavingForWidget = (event) => {
+    if (event.relatedTarget !== host) return;
+    if (event.composedPath().includes(host)) return;
+    event.stopPropagation();
+  };
+  const hideWidgetFocus = (event) => {
+    if (event.composedPath().includes(host)) event.stopImmediatePropagation();
+  };
   HOST_INTERACTION_GUARD_EVENTS.forEach((type) => {
     shadowRoot.addEventListener(type, stopLeakingToPage, { passive: true });
   });
+  view == null ? void 0 : view.addEventListener("focusout", hideFocusLeavingForWidget, true);
+  view == null ? void 0 : view.addEventListener("blur", hideFocusLeavingForWidget, true);
+  view == null ? void 0 : view.addEventListener("focus", hideWidgetFocus, true);
   return () => {
     HOST_INTERACTION_GUARD_EVENTS.forEach((type) => {
       shadowRoot.removeEventListener(type, stopLeakingToPage);
     });
+    view == null ? void 0 : view.removeEventListener("focusout", hideFocusLeavingForWidget, true);
+    view == null ? void 0 : view.removeEventListener("blur", hideFocusLeavingForWidget, true);
+    view == null ? void 0 : view.removeEventListener("focus", hideWidgetFocus, true);
   };
 }
 const RUNTIME_OWNER_MARKER_KEY = "__issueStickerRuntimeOwner";
@@ -899,6 +1067,17 @@ const EllipsisVertical = createLucideIcon$1("EllipsisVertical", [
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ]);
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ExternalLink$1 = createLucideIcon$1("ExternalLink", [
+  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
+  ["path", { d: "M10 14 21 3", key: "gplh6r" }],
+  ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
+]);
 /**
  * @license lucide-react v0.468.0 - ISC
  *
@@ -989,6 +1168,16 @@ const LocateFixed = createLucideIcon$1("LocateFixed", [
   ["circle", { cx: "12", cy: "12", r: "7", key: "fim9np" }],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ]);
+/**
+ * @license lucide-react v0.468.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Lock = createLucideIcon$1("Lock", [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
+]);
 /**
  * @license lucide-react v0.468.0 - ISC
  *
@@ -1482,7 +1671,7 @@ function MultiSelect({
   const contentRef = React.useRef(null);
   const portalContainer = usePortalContainer();
   React.useEffect(() => {
-    var _a, _b2;
+    var _a, _b2, _c2, _d2;
     if (!open) {
       return;
     }
@@ -1493,8 +1682,12 @@ function MultiSelect({
       }
       setOpen(false);
     };
-    ownerDocument.addEventListener("click", closeOnOutsideClick, true);
-    return () => ownerDocument.removeEventListener("click", closeOnOutsideClick, true);
+    const scopes = /* @__PURE__ */ new Set([
+      ownerDocument,
+      ((_c2 = contentRef.current) == null ? void 0 : _c2.getRootNode()) ?? ((_d2 = triggerRef.current) == null ? void 0 : _d2.getRootNode()) ?? ownerDocument
+    ]);
+    scopes.forEach((scope) => scope.addEventListener("click", closeOnOutsideClick, true));
+    return () => scopes.forEach((scope) => scope.removeEventListener("click", closeOnOutsideClick, true));
   }, [open]);
   const emitChange = (next) => {
     onValueChange == null ? void 0 : onValueChange(next);
@@ -3698,8 +3891,8 @@ var QueryObserver = (_g = class extends Subscribable {
         }
       };
       const recreateThenable = () => {
-        const pending = __privateSet(this, _currentThenable, nextResult.promise = pendingThenable());
-        finalizeThenableIfPossible(pending);
+        const pending2 = __privateSet(this, _currentThenable, nextResult.promise = pendingThenable());
+        finalizeThenableIfPossible(pending2);
       };
       const prevThenable = __privateGet(this, _currentThenable);
       switch (prevThenable.status) {
@@ -5039,6 +5232,231 @@ function useGuardedCallback(callback) {
   }, []);
   return { execute, isExecuting, reset };
 }
+function isSyncService(value) {
+  return value === "JIRA" || value === "NOTION";
+}
+function readUnsupported(metadata) {
+  if (typeof metadata !== "object" || metadata === null) return [];
+  const sync = metadata.description_sync;
+  if (typeof sync !== "object" || sync === null) return [];
+  const list2 = sync.unsupported;
+  if (!Array.isArray(list2)) return [];
+  return list2.filter(
+    (e) => typeof (e == null ? void 0 : e.type) === "string" && typeof (e == null ? void 0 : e.count) === "number"
+  );
+}
+function readDescriptionSyncLock(mappings) {
+  for (const mapping of mappings ?? []) {
+    if (!isSyncService(mapping.service_type)) continue;
+    const elements = readUnsupported(mapping.metadata);
+    if (elements.length === 0) continue;
+    return {
+      serviceType: mapping.service_type,
+      blocksEditing: elements.some((e) => e.type === "anchor_missing"),
+      elements
+    };
+  }
+  return null;
+}
+function isHiddenBlock(value) {
+  if (typeof value !== "object" || value === null) return false;
+  const { markdown, kinds, viewable } = value;
+  return typeof markdown === "string" && Array.isArray(kinds) && kinds.every((kind) => typeof kind === "string") && typeof viewable === "boolean";
+}
+function readHidden(metadata) {
+  if (typeof metadata !== "object" || metadata === null) return void 0;
+  const sync = metadata.description_sync;
+  if (typeof sync !== "object" || sync === null) return void 0;
+  const hidden = sync.hidden;
+  return Array.isArray(hidden) && hidden.every(isHiddenBlock) ? hidden : void 0;
+}
+const BLOCK_SEPARATOR = "\n\n";
+function removeHidden(description, hidden) {
+  let out = description;
+  let from = 0;
+  const cuts = [];
+  const atBoundary = (start, end) => (start === 0 || out.startsWith(BLOCK_SEPARATOR, start - BLOCK_SEPARATOR.length)) && (end === out.length || out.startsWith(BLOCK_SEPARATOR, end));
+  for (const block of hidden) {
+    const piece = block.markdown;
+    if (!piece) continue;
+    let start = out.indexOf(piece, from);
+    while (start !== -1 && !atBoundary(start, start + piece.length)) {
+      const next = start + 1 > out.length ? -1 : out.indexOf(piece, start + 1);
+      start = next > start ? next : -1;
+    }
+    if (start === -1) return null;
+    let end = start + piece.length;
+    if (out.startsWith(BLOCK_SEPARATOR, end)) end += BLOCK_SEPARATOR.length;
+    else if (start >= BLOCK_SEPARATOR.length && out.startsWith(BLOCK_SEPARATOR, start - BLOCK_SEPARATOR.length)) {
+      start -= BLOCK_SEPARATOR.length;
+    }
+    out = out.slice(0, start) + out.slice(end);
+    for (const cut of cuts) cut.at = Math.min(cut.at, start);
+    cuts.push({ block, at: start });
+    from = start;
+  }
+  const lead = out.length - out.trimStart().length;
+  const text2 = out.trim();
+  for (const cut of cuts) cut.at = Math.min(Math.max(cut.at - lead, 0), text2.length);
+  return { text: text2, cuts };
+}
+function trimBlankLines(markdown) {
+  return markdown.replace(/^(?:[ \t]*\n)+/, "").replace(/(?:\n[ \t]*)+$/, "");
+}
+function splitDescription(description, hidden) {
+  const removed = removeHidden(description, hidden);
+  if (!removed) return null;
+  const { text: text2, cuts } = removed;
+  const pieces = [];
+  const pushText2 = (slice) => {
+    const markdown = trimBlankLines(slice);
+    if (markdown.trim()) pieces.push({ kind: "text", markdown });
+  };
+  let prev = 0;
+  for (const { block, at } of cuts) {
+    pushText2(text2.slice(prev, at));
+    pieces.push({ kind: "hidden", block });
+    prev = at;
+  }
+  pushText2(text2.slice(prev));
+  return pieces;
+}
+function editableDescription(description, hidden) {
+  var _a;
+  return ((_a = removeHidden(description, hidden)) == null ? void 0 : _a.text) ?? null;
+}
+function editBasisOf(view, description) {
+  const blocks = ((view == null ? void 0 : view.pieces) ?? []).flatMap(
+    (piece) => piece.kind === "hidden" ? [piece.block] : []
+  );
+  if (blocks.length === 0) return [];
+  return editableDescription(description ?? "", blocks) === null ? [] : blocks.map((block) => block.markdown);
+}
+function descriptionStateSignature(view, description) {
+  return JSON.stringify([
+    (view == null ? void 0 : view.serviceType) ?? null,
+    editBasisOf(view, description),
+    !!(view == null ? void 0 : view.needsRefresh)
+  ]);
+}
+function isSaveRejectionRepeating(sent, fresh) {
+  if ((fresh.description ?? "") !== (sent.description ?? "")) return false;
+  const freshBasis = editBasisOf(
+    readDescriptionView(fresh.issue_external_mappings, fresh.description),
+    fresh.description
+  );
+  return freshBasis.length === sent.basis.length && freshBasis.every((markdown, index2) => markdown === sent.basis[index2]);
+}
+function collectHiddenKinds(pieces) {
+  const kinds = /* @__PURE__ */ new Set();
+  for (const piece of pieces) {
+    if (piece.kind === "hidden") for (const kind of piece.block.kinds) kinds.add(kind);
+  }
+  return [...kinds];
+}
+function readDescriptionView(mappings, description) {
+  for (const mapping of mappings ?? []) {
+    if (!isSyncService(mapping.service_type)) continue;
+    const unsupported = readUnsupported(mapping.metadata);
+    const hidden = readHidden(mapping.metadata);
+    if (unsupported.length === 0 && !(hidden == null ? void 0 : hidden.length)) continue;
+    const pieces = hidden ? splitDescription(description ?? "", hidden) : null;
+    return {
+      serviceType: mapping.service_type,
+      pieces,
+      // 조각을 못 만들었을 때: 위치를 못 찾은 hidden 이 있거나, hidden 없이 anchor_missing 밖
+      // 보호 요소만 있으면 편집란이 숨길 곳을 모른다.
+      needsRefresh: pieces === null && (!!(hidden == null ? void 0 : hidden.length) || unsupported.some((e) => e.type !== "anchor_missing"))
+    };
+  }
+  return null;
+}
+const ELEMENT_NAMES = {
+  panel: "패널",
+  expand: "접기 블록",
+  nestedExpand: "접기 블록",
+  mediaSingle: "첨부 이미지·파일",
+  mediaGroup: "첨부 이미지·파일",
+  media: "첨부 이미지·파일",
+  mediaInline: "첨부 이미지·파일",
+  mention: "멘션",
+  status: "상태 라벨",
+  date: "날짜",
+  emoji: "이모지",
+  blockTaskItem: "체크리스트 항목",
+  syncBlock: "동기화 블록",
+  bodiedSyncBlock: "동기화 블록",
+  textColor: "글자색",
+  underline: "밑줄",
+  subsup: "위첨자·아래첨자",
+  border: "테두리",
+  backgroundColor: "배경색",
+  decisionList: "의사결정 목록",
+  layoutSection: "다단 레이아웃",
+  table: "표",
+  blockCard: "링크 카드",
+  embedCard: "임베드",
+  extension: "매크로",
+  bodiedExtension: "매크로",
+  multiBodiedExtension: "매크로",
+  inlineExtension: "매크로",
+  anchor_missing: "지워진 설명 섹션 제목",
+  // Notion 블록 타입
+  callout: "콜아웃",
+  image: "첨부 이미지·파일",
+  video: "첨부 이미지·파일",
+  audio: "첨부 이미지·파일",
+  file: "첨부 이미지·파일",
+  pdf: "첨부 이미지·파일",
+  bookmark: "북마크",
+  embed: "임베드",
+  column_list: "다단 레이아웃",
+  table_of_contents: "목차",
+  toggle_heading: "토글 제목",
+  synced_block: "동기화 블록",
+  child_page: "하위 페이지",
+  child_database: "하위 데이터베이스",
+  link_preview: "링크 미리보기",
+  breadcrumb: "이동 경로",
+  link_to_page: "페이지 링크",
+  template: "템플릿 버튼",
+  code: "코드 블록"
+};
+const ELEMENT_NAME_PREFIXES = [
+  ["rich_text:mention:", "멘션"],
+  ["rich_text:", "지원하지 않는 서식"],
+  ["unsupported:", "지원하지 않는 블록"]
+];
+function knownElementName(type) {
+  var _a;
+  if (Object.prototype.hasOwnProperty.call(ELEMENT_NAMES, type)) return ELEMENT_NAMES[type];
+  return (_a = ELEMENT_NAME_PREFIXES.find(([prefix]) => type.startsWith(prefix))) == null ? void 0 : _a[1];
+}
+const UNKNOWN_ELEMENT_NAME = "지원하지 않는 블록";
+function describeUnsupportedElement(type) {
+  return knownElementName(type) ?? UNKNOWN_ELEMENT_NAME;
+}
+const ERROR_MESSAGES = {
+  DESCRIPTION_EXTERNAL_CHANGED: "연동된 서비스에서 설명이 먼저 바뀌어 최신 내용을 불러왔습니다. 내용을 확인하고 다시 저장해주세요.",
+  DESCRIPTION_NOT_REPRESENTABLE: "설명에 연동된 서비스가 표현할 수 없는 내용이 있어 저장하지 못했습니다. 해당 내용을 빼고 다시 저장해주세요.",
+  SERVICE_UNAVAILABLE: "연동된 서비스에 연결하지 못했습니다. 잠시 후 다시 시도해주세요."
+};
+const SERVICE_NAMES = { JIRA: "Jira", NOTION: "Notion" };
+function describeSyncService(serviceType) {
+  return SERVICE_NAMES[serviceType];
+}
+function describeHiddenKinds(kinds) {
+  return [...new Set(kinds.map(describeUnsupportedElement))].join(", ");
+}
+const DESCRIPTION_REFRESH_FAILED_MESSAGE = "설명을 다시 불러오지 못했습니다.";
+const DESCRIPTION_STRIPPED_SAVE_REJECTED_MESSAGE = "숨긴 내용을 뺀 설명을 저장하지 못했습니다.";
+function descriptionSyncErrorMessage(code2, serviceType) {
+  if (code2 === "DESCRIPTION_SYNC_LOCKED") {
+    const service = serviceType ? SERVICE_NAMES[serviceType] : "연동된 서비스";
+    return `${service}에서만 고칠 수 있는 부분을 바꿨거나 설명 섹션의 제목이 지워져 저장하지 못했습니다. 바꾼 부분은 원래대로 되돌리고, 지워진 제목은 ${service}에서 되살린 뒤 다시 저장해주세요.`;
+  }
+  return code2 && Object.prototype.hasOwnProperty.call(ERROR_MESSAGES, code2) ? ERROR_MESSAGES[code2] : null;
+}
 function createViewportBounds() {
   return {
     width: window.innerWidth,
@@ -5103,16 +5521,19 @@ class WebPlatform {
     this.screenshot = {
       capture: async (options) => {
         const excludeSelectors = (options == null ? void 0 : options.excludeSelectors) ?? [];
+        const maskSelectors = (options == null ? void 0 : options.maskSelectors) ?? [];
         if (options == null ? void 0 : options.element) {
-          return captureWithModernScreenshot({
+          return captureScreenshotWithMasks({
             element: options.element,
-            excludeSelectors
+            excludeSelectors,
+            maskSelectors
           });
         }
         const viewportBounds = createViewportBounds();
-        return captureWithModernScreenshot({
+        return captureScreenshotWithMasks({
           element: document.documentElement,
           excludeSelectors,
+          maskSelectors,
           width: viewportBounds.width,
           height: viewportBounds.height
         });
@@ -5127,149 +5548,44 @@ class WebPlatform {
     this.eventBus = eventBus;
   }
 }
-class EventBus {
-  constructor() {
-    this.listeners = /* @__PURE__ */ new Map();
-  }
-  on(event, callback) {
-    if (!this.listeners.has(event)) {
-      this.listeners.set(event, /* @__PURE__ */ new Set());
-    }
-    this.listeners.get(event).add(callback);
-    return () => this.off(event, callback);
-  }
-  off(event, callback) {
-    var _a;
-    (_a = this.listeners.get(event)) == null ? void 0 : _a.delete(callback);
-  }
-  emit(event, ...args) {
-    var _a, _b2;
-    (_a = this.listeners.get(event)) == null ? void 0 : _a.forEach((cb) => cb(...args));
-    (_b2 = this.listeners.get("*")) == null ? void 0 : _b2.forEach((cb) => cb(event, ...args));
-  }
-  once(event, callback) {
-    const wrapper = (...args) => {
-      this.off(event, wrapper);
-      callback(...args);
-    };
-    return this.on(event, wrapper);
-  }
-  removeAllListeners() {
-    this.listeners.clear();
-  }
+function isHttpStatusError(error) {
+  return typeof error === "object" && error !== null && typeof error.status === "number";
 }
-const DEFAULT_FLAGS = {
-  networkLogs: true,
-  consoleLogs: true,
-  screenshot: true,
-  screenRecording: true,
-  stickers: true,
-  keyboardShortcuts: true,
-  jiraIntegration: false,
-  fab: true
-};
-class FeatureFlags {
-  constructor(overrides) {
-    this.flags = { ...DEFAULT_FLAGS, ...overrides };
-  }
-  get(name2) {
-    return this.flags[name2];
-  }
-  set(name2, enabled) {
-    this.flags[name2] = enabled;
-  }
-  getAll() {
-    return { ...this.flags };
-  }
+const MAX_RETRIES = 3;
+const MAX_BACKOFF_MS = 3e4;
+const MAX_RETRY_AFTER_MS = 6e4;
+function parseRetryAfterMs(value, now2 = Date.now()) {
+  const trimmed = value == null ? void 0 : value.trim();
+  if (!trimmed) return void 0;
+  if (/^\d+$/.test(trimmed)) return Number(trimmed) * 1e3;
+  const date = Date.parse(trimmed);
+  return Number.isNaN(date) ? void 0 : Math.max(0, date - now2);
 }
-const _SDKManager = class _SDKManager {
-  constructor() {
-    this._config = null;
-    this._platform = null;
-    this._eventBus = null;
-    this._featureFlags = null;
-    this._initialized = false;
-  }
-  static getInstance() {
-    if (!_SDKManager.instance) {
-      _SDKManager.instance = new _SDKManager();
-    }
-    return _SDKManager.instance;
-  }
-  init(config) {
-    if (this._initialized) {
-      this.updateConfig(config);
-      return;
-    }
-    this._config = config;
-    this._eventBus = new EventBus();
-    this._platform = new WebPlatform(this._eventBus);
-    this._featureFlags = new FeatureFlags({});
-    this._initialized = true;
-  }
-  updateConfig(config) {
-    if (!this._initialized) {
-      this.init(config);
-      return;
-    }
-    this._config = config;
-  }
-  destroy() {
-    var _a;
-    (_a = this._eventBus) == null ? void 0 : _a.removeAllListeners();
-    this._config = null;
-    this._platform = null;
-    this._eventBus = null;
-    this._featureFlags = null;
-    this._initialized = false;
-  }
-  isInitialized() {
-    return this._initialized;
-  }
-  get config() {
-    if (!this._config) throw new Error("SDK not initialized");
-    return this._config;
-  }
-  get platform() {
-    if (!this._platform) throw new Error("SDK not initialized");
-    return this._platform;
-  }
-  get eventBus() {
-    if (!this._eventBus) throw new Error("SDK not initialized");
-    return this._eventBus;
-  }
-  get featureFlags() {
-    if (!this._featureFlags) throw new Error("SDK not initialized");
-    return this._featureFlags;
-  }
-  static resetInstance() {
-    if (_SDKManager.instance) {
-      _SDKManager.instance.destroy();
-      _SDKManager.instance = null;
-    }
-  }
-};
-_SDKManager.instance = null;
-let SDKManager = _SDKManager;
-const pendingListeners = /* @__PURE__ */ new Map();
-function addPendingSdkEventListener(event, callback) {
-  if (!pendingListeners.has(event)) {
-    pendingListeners.set(event, /* @__PURE__ */ new Set());
-  }
-  pendingListeners.get(event).add(callback);
+function retryAfterMsOf(response) {
+  var _a;
+  return parseRetryAfterMs((_a = response.headers) == null ? void 0 : _a.get("Retry-After"));
 }
-function removePendingSdkEventListener(event, callback) {
-  var _a, _b2;
-  (_a = pendingListeners.get(event)) == null ? void 0 : _a.delete(callback);
-  if (((_b2 = pendingListeners.get(event)) == null ? void 0 : _b2.size) === 0) {
-    pendingListeners.delete(event);
+function jitteredBackoffMs(failureCount, capMs = MAX_BACKOFF_MS) {
+  return Math.random() * Math.min(capMs, 1e3 * 2 ** failureCount);
+}
+function statusOf(error) {
+  return isHttpStatusError(error) ? error.status : 0;
+}
+function retryAfterOf(error) {
+  return isHttpStatusError(error) ? error.retryAfterMs : void 0;
+}
+function queryRetry(failureCount, error) {
+  const status = statusOf(error);
+  if (status === 429) {
+    const retryAfterMs = retryAfterOf(error);
+    return failureCount < 1 && retryAfterMs !== void 0 && retryAfterMs <= MAX_RETRY_AFTER_MS;
   }
+  if (status >= 400 && status < 500 && status !== 408) return false;
+  return failureCount < MAX_RETRIES;
 }
-function flushPendingSdkEventListeners(eventBus) {
-  pendingListeners.forEach((listeners2, event) => {
-    listeners2.forEach((callback) => eventBus.on(event, callback));
-  });
-  pendingListeners.clear();
+function queryRetryDelay(failureCount, error) {
+  const retryAfterMs = retryAfterOf(error);
+  return retryAfterMs !== void 0 ? Math.min(retryAfterMs, MAX_RETRY_AFTER_MS) : jitteredBackoffMs(failureCount);
 }
 function readApiBaseUrlFromEnv() {
   if (typeof process !== "undefined" && process.env && Object.prototype.hasOwnProperty.call(process.env, "VITE_API_BASE_URL")) {
@@ -5371,10 +5687,11 @@ async function clearToken() {
   tokenMemoryCache = null;
 }
 class ApiError extends Error {
-  constructor(message, status, data) {
+  constructor(message, status, data, retryAfterMs) {
     super(message);
     this.status = status;
     this.data = data;
+    this.retryAfterMs = retryAfterMs;
     this.name = "ApiError";
   }
 }
@@ -5443,7 +5760,8 @@ async function requestResponse(endpoint, options = {}) {
     throw new ApiError(
       extractErrorMessage(json.error) || json.message || `요청 실패: ${response.status}`,
       response.status,
-      json
+      json,
+      retryAfterMsOf(response)
     );
   }
   return json;
@@ -5506,7 +5824,8 @@ async function uploadRequest(endpoint, formData, skipAuth = false) {
     throw new ApiError(
       extractErrorMessage(json.error) || json.message || `업로드 실패: ${response.status}`,
       response.status,
-      json
+      json,
+      retryAfterMsOf(response)
     );
   }
   return json.data;
@@ -5544,6 +5863,456 @@ const apiClient = {
     return uploadRequest(endpoint, formData, skipAuth);
   }
 };
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      staleTime: 5 * 60 * 1e3,
+      // 5분
+      gcTime: 10 * 60 * 1e3,
+      // 10분 (v5에서는 cacheTime 대신 gcTime 사용)
+      refetchOnWindowFocus: true,
+      refetchOnReconnect: true,
+      retry: queryRetry,
+      retryDelay: queryRetryDelay
+    },
+    mutations: {
+      retry: 0
+    }
+  }
+});
+async function uploadSignedMedia(file, mediaType, issueId) {
+  return uploadSignedMediaWithApi(
+    {
+      post: (endpoint, body) => apiClient.post(endpoint, body),
+      directUpload
+    },
+    file,
+    mediaType,
+    { issueId }
+  );
+}
+function issuesEndpoint() {
+  return "/api/sdk/issues";
+}
+function guestOwnerQuery() {
+  var _a;
+  const mode = getSdkMode();
+  if (mode !== "public") return "";
+  return buildGuestOwnerQuery(mode, (_a = SDKManager.getInstance().config.user) == null ? void 0 : _a.id);
+}
+let issuesCache = null;
+const CACHE_DURATION_MS = 30 * 1e3;
+const STICKER_PAGE_SIZE = 500;
+const STICKER_FETCH_LIMIT = 2e3;
+function getFilterKey(filters) {
+  var _a;
+  const normalizeArray = (value) => {
+    if (value === "all" || !value) return "all";
+    if (Array.isArray(value)) {
+      return value.length === 0 ? "all" : [...value].sort().join(",");
+    }
+    return String(value);
+  };
+  const normalizeRecord = (record) => {
+    if (!record) return "";
+    const entries = Object.entries(record).map(([k, v]) => [k, [...v].sort()]).sort(([a], [b]) => a.localeCompare(b));
+    return JSON.stringify(entries);
+  };
+  return JSON.stringify({
+    sdkMode: getSdkMode() || "public",
+    url: normalizeArray(filters.url),
+    projectId: filters.projectId || "all",
+    externalUserId: filters.externalUserId || "",
+    search: ((_a = filters.search) == null ? void 0 : _a.trim()) || "",
+    dateFrom: filters.dateFrom || "",
+    dateTo: filters.dateTo || "",
+    page: filters.page ?? 0,
+    pageSize: filters.pageSize ?? 0,
+    custom: normalizeRecord(filters.customFieldValues),
+    jira: normalizeRecord(filters.jiraFieldValues),
+    notion: normalizeRecord(filters.notionFieldValues),
+    sortOrder: filters.sortOrder || ""
+  });
+}
+function invalidateIssuesCache() {
+  issuesCache = null;
+}
+function recordToFilterArray(record, keyFieldName) {
+  if (!record) return null;
+  const entries = Object.entries(record).filter(([, values]) => values.length > 0);
+  if (entries.length === 0) return null;
+  return entries.map(
+    ([key, values]) => ({ [keyFieldName]: key, values })
+  );
+}
+function buildFilterQueryParams(filters) {
+  var _a;
+  const params = new URLSearchParams();
+  if (filters.projectId) {
+    params.set("project_id", filters.projectId);
+  }
+  if (filters.url && filters.url !== "all") {
+    if (Array.isArray(filters.url) && filters.url.length > 0) {
+      params.set("url", filters.url.join(","));
+    } else if (typeof filters.url === "string") {
+      params.set("url", filters.url);
+    }
+  }
+  const search2 = (_a = filters.search) == null ? void 0 : _a.trim();
+  if (search2) {
+    params.set("search", search2);
+  }
+  if (filters.dateFrom) {
+    params.set("date_from", filters.dateFrom);
+  }
+  if (filters.dateTo) {
+    params.set("date_to", filters.dateTo);
+  }
+  const customArr = recordToFilterArray(filters.customFieldValues, "fieldDefinitionId");
+  if (customArr) {
+    params.set("custom_field_filters", JSON.stringify(customArr));
+  }
+  const jiraArr = recordToFilterArray(filters.jiraFieldValues, "fieldName");
+  if (jiraArr) {
+    params.set("jira_field_filters", JSON.stringify(jiraArr));
+  }
+  const notionArr = recordToFilterArray(filters.notionFieldValues, "fieldName");
+  if (notionArr) {
+    params.set("notion_field_filters", JSON.stringify(notionArr));
+  }
+  if (filters.externalUserId) {
+    params.set("external_user_id", filters.externalUserId);
+  }
+  if (typeof filters.page === "number" && filters.page > 0) {
+    params.set("page", String(filters.page));
+  }
+  if (typeof filters.pageSize === "number" && filters.pageSize > 0) {
+    params.set("page_size", String(filters.pageSize));
+  }
+  if (filters.sortOrder) {
+    params.set("sort_order", filters.sortOrder);
+  }
+  const queryString = params.toString();
+  return queryString ? `?${queryString}` : "";
+}
+const issueService = {
+  async createIssue(issueData) {
+    const sanitizedData = sanitizeString(issueData);
+    const screenshotUploadIds = (sanitizedData.screenshot || []).map((url) => getRegisteredUploadId(url, "screenshot")).filter((id2) => typeof id2 === "string" && id2.length > 0);
+    const videoUploadId = sanitizedData.video ? getRegisteredUploadId(sanitizedData.video, "video") : void 0;
+    if (screenshotUploadIds.length > 0) {
+      sanitizedData.screenshot_upload_ids = screenshotUploadIds;
+    }
+    if (videoUploadId) {
+      sanitizedData.video_upload_id = videoUploadId;
+    }
+    const issue = await apiClient.post(issuesEndpoint(), sanitizedData);
+    invalidateIssuesCache();
+    return issue;
+  },
+  async getIssues(filters = {}, options = {}) {
+    if (!filters.projectId) {
+      throw new Error("프로젝트 ID가 필요합니다. 로그인 상태를 확인해주세요.");
+    }
+    const filterKey = getFilterKey(filters);
+    const now2 = Date.now();
+    if (!options.forceRefresh && issuesCache && issuesCache.filterKey === filterKey && now2 - issuesCache.timestamp < CACHE_DURATION_MS) {
+      return issuesCache.data;
+    }
+    const queryParams = buildFilterQueryParams(filters);
+    const { items: issues = [] } = await apiClient.get(
+      `${issuesEndpoint()}${queryParams}`
+    );
+    issuesCache = {
+      data: issues,
+      timestamp: now2,
+      filterKey
+    };
+    return issues;
+  },
+  async getIssueStickers(filters = {}, options = {}) {
+    var _a, _b2;
+    if (!filters.projectId) {
+      throw new Error("프로젝트 ID가 필요합니다. 로그인 상태를 확인해주세요.");
+    }
+    const filterKey = `${getFilterKey(filters)}:stickers`;
+    const now2 = Date.now();
+    if (!options.forceRefresh && issuesCache && issuesCache.filterKey === filterKey && now2 - issuesCache.timestamp < CACHE_DURATION_MS) {
+      return issuesCache.data;
+    }
+    const issues = [];
+    let page = 1;
+    let hasMore = true;
+    while (hasMore && issues.length <= STICKER_FETCH_LIMIT) {
+      const response = await apiClient.getResponse(
+        `${issuesEndpoint()}/stickers${buildFilterQueryParams({
+          ...filters,
+          page,
+          pageSize: STICKER_PAGE_SIZE
+        })}`
+      );
+      const pageItems = ((_a = response.data) == null ? void 0 : _a.items) ?? [];
+      issues.push(...pageItems);
+      hasMore = Boolean((_b2 = response.data) == null ? void 0 : _b2.hasMore) && pageItems.length > 0;
+      page += 1;
+    }
+    issuesCache = {
+      data: issues,
+      timestamp: now2,
+      filterKey
+    };
+    return issues;
+  },
+  invalidateCache() {
+    invalidateIssuesCache();
+  },
+  // 계약 기준: 백엔드 GET /api/sdk/issues/:id 는 back#101부터 읽기-시점-스크럽된
+  // llm_prompt 를 상세 응답에 포함한다(목록 응답에는 없음) — 스코프를 이 반환 타입에만 한정한다.
+  async getIssue(id2) {
+    return apiClient.get(
+      `${issuesEndpoint()}/${id2}${guestOwnerQuery()}`
+    );
+  },
+  async updateIssue(id2, updates) {
+    const sanitizedUpdates = sanitizeString(updates);
+    const issue = await apiClient.put(
+      `${issuesEndpoint()}/${id2}${guestOwnerQuery()}`,
+      sanitizedUpdates
+    );
+    invalidateIssuesCache();
+    return issue;
+  },
+  /**
+   * Jira·Notion 의 현재 설명으로 이슈 설명과 숨길 묶음 기록을 다시 만든다.
+   *
+   * 응답(IssueMutationData)에는 연동 매핑이 없어 화면이 숨길 위치를 다시 판단할 수 없다. 호출부가
+   * 이슈를 다시 조회해야 한다. 게스트 소유자 쿼리는 형제 메서드와 같은 규칙이다.
+   */
+  async refreshIssueDescription(id2) {
+    const issue = await apiClient.post(
+      `${issuesEndpoint()}/${encodeURIComponent(id2)}/description/refresh${guestOwnerQuery()}`,
+      {}
+    );
+    invalidateIssuesCache();
+    return issue;
+  },
+  /**
+   * 재생성. 스펙상 세 채널 모두에서 되고 역할과 무관하다 — 검사는 역할이 아니라
+   * 그 이슈에 접근할 수 있는지다(백엔드가 판정한다).
+   *
+   * 응답으로 갱신된 이슈가 오지만 상태는 다시 pending 이다. 호출부는 응답을
+   * 그대로 쓰지 말고 폴링으로 이어받아야 한다.
+   */
+  async regenerateIssue(id2) {
+    const issue = await apiClient.post(
+      `${issuesEndpoint()}/${encodeURIComponent(id2)}/regenerate${guestOwnerQuery()}`,
+      {}
+    );
+    invalidateIssuesCache();
+    return issue;
+  },
+  async deleteIssue(id2, options) {
+    const endpoint = `${issuesEndpoint()}/${id2}${guestOwnerQuery()}`;
+    if (options == null ? void 0 : options.deleteExternal) {
+      await apiClient.delete(endpoint, {
+        body: { deleteExternal: true }
+      });
+    } else {
+      await apiClient.delete(endpoint);
+    }
+    invalidateIssuesCache();
+  }
+};
+function invalidateIssueQueries(issueId) {
+  issueService.invalidateCache();
+  queryClient.invalidateQueries({ queryKey: ["contentIssues"] });
+  queryClient.invalidateQueries({ queryKey: ["issue", issueId] });
+}
+function notifyIssueUpdated(issueId) {
+  SDKManager.getInstance().eventBus.emit("issue:updated", issueId);
+}
+function applyIssueMutationEffects(issueId) {
+  invalidateIssueQueries(issueId);
+  notifyIssueUpdated(issueId);
+}
+let queues = null;
+const toaster = createIssueUploadToaster();
+function getQueues() {
+  if (queues) return queues;
+  queues = createIssueUploadQueues({
+    api: createMediaUploadApi({ post: (endpoint, body) => apiClient.post(endpoint, body) }),
+    clientInfo: "issue-sticker-sdk",
+    videoStore: createIndexedDbPendingUploadStore(VIDEO_UPLOAD_DB_NAME),
+    attachmentStore: createIndexedDbPendingUploadStore(ATTACHMENT_UPLOAD_DB_NAME),
+    loadTus: loadTusClient,
+    onEvent: (event) => {
+      if (event.type !== "failed") invalidateIssueQueries(event.issueId);
+    },
+    onNotice: (notice) => toaster.show(notice, retryWidgetIssueUploads)
+  });
+  return queues;
+}
+function getWidgetVideoUploadQueue() {
+  return getQueues().video;
+}
+function getWidgetAttachmentUploadQueue() {
+  return getQueues().attachments;
+}
+function resumeWidgetIssueUploads(projectKey) {
+  return getQueues().resume([projectKey]);
+}
+function retryWidgetIssueUploads(issueId) {
+  queues == null ? void 0 : queues.retry(issueId);
+}
+function stopWidgetUploadQueues() {
+  queues == null ? void 0 : queues.stop();
+  queues = null;
+}
+class EventBus {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Map();
+  }
+  on(event, callback) {
+    if (!this.listeners.has(event)) {
+      this.listeners.set(event, /* @__PURE__ */ new Set());
+    }
+    this.listeners.get(event).add(callback);
+    return () => this.off(event, callback);
+  }
+  off(event, callback) {
+    var _a;
+    (_a = this.listeners.get(event)) == null ? void 0 : _a.delete(callback);
+  }
+  emit(event, ...args) {
+    var _a, _b2;
+    (_a = this.listeners.get(event)) == null ? void 0 : _a.forEach((cb) => cb(...args));
+    (_b2 = this.listeners.get("*")) == null ? void 0 : _b2.forEach((cb) => cb(event, ...args));
+  }
+  once(event, callback) {
+    const wrapper = (...args) => {
+      this.off(event, wrapper);
+      callback(...args);
+    };
+    return this.on(event, wrapper);
+  }
+  removeAllListeners() {
+    this.listeners.clear();
+  }
+}
+const DEFAULT_FLAGS = {
+  networkLogs: true,
+  consoleLogs: true,
+  screenshot: true,
+  screenRecording: true,
+  stickers: true,
+  keyboardShortcuts: true,
+  jiraIntegration: false,
+  fab: true
+};
+class FeatureFlags {
+  constructor(overrides) {
+    this.flags = { ...DEFAULT_FLAGS, ...overrides };
+  }
+  get(name2) {
+    return this.flags[name2];
+  }
+  set(name2, enabled) {
+    this.flags[name2] = enabled;
+  }
+  getAll() {
+    return { ...this.flags };
+  }
+}
+const _SDKManager = class _SDKManager {
+  constructor() {
+    this._config = null;
+    this._platform = null;
+    this._eventBus = null;
+    this._featureFlags = null;
+    this._initialized = false;
+  }
+  static getInstance() {
+    if (!_SDKManager.instance) {
+      _SDKManager.instance = new _SDKManager();
+    }
+    return _SDKManager.instance;
+  }
+  init(config) {
+    if (this._initialized) {
+      this.updateConfig(config);
+      return;
+    }
+    this._config = config;
+    this._eventBus = new EventBus();
+    this._platform = new WebPlatform(this._eventBus);
+    this._featureFlags = new FeatureFlags({});
+    this._initialized = true;
+  }
+  updateConfig(config) {
+    if (!this._initialized) {
+      this.init(config);
+      return;
+    }
+    this._config = config;
+  }
+  destroy() {
+    var _a;
+    stopWidgetUploadQueues();
+    (_a = this._eventBus) == null ? void 0 : _a.removeAllListeners();
+    this._config = null;
+    this._platform = null;
+    this._eventBus = null;
+    this._featureFlags = null;
+    this._initialized = false;
+  }
+  isInitialized() {
+    return this._initialized;
+  }
+  get config() {
+    if (!this._config) throw new Error("SDK not initialized");
+    return this._config;
+  }
+  get platform() {
+    if (!this._platform) throw new Error("SDK not initialized");
+    return this._platform;
+  }
+  get eventBus() {
+    if (!this._eventBus) throw new Error("SDK not initialized");
+    return this._eventBus;
+  }
+  get featureFlags() {
+    if (!this._featureFlags) throw new Error("SDK not initialized");
+    return this._featureFlags;
+  }
+  static resetInstance() {
+    if (_SDKManager.instance) {
+      _SDKManager.instance.destroy();
+      _SDKManager.instance = null;
+    }
+  }
+};
+_SDKManager.instance = null;
+let SDKManager = _SDKManager;
+const pendingListeners = /* @__PURE__ */ new Map();
+function addPendingSdkEventListener(event, callback) {
+  if (!pendingListeners.has(event)) {
+    pendingListeners.set(event, /* @__PURE__ */ new Set());
+  }
+  pendingListeners.get(event).add(callback);
+}
+function removePendingSdkEventListener(event, callback) {
+  var _a, _b2;
+  (_a = pendingListeners.get(event)) == null ? void 0 : _a.delete(callback);
+  if (((_b2 = pendingListeners.get(event)) == null ? void 0 : _b2.size) === 0) {
+    pendingListeners.delete(event);
+  }
+}
+function flushPendingSdkEventListeners(eventBus) {
+  pendingListeners.forEach((listeners2, event) => {
+    listeners2.forEach((callback) => eventBus.on(event, callback));
+  });
+  pendingListeners.clear();
+}
 let session = null;
 function resolveApiBaseUrl() {
   try {
@@ -5710,25 +6479,6 @@ const createShadowRoot = (hostElement, cssTexts = []) => {
 const getPortalContainer = () => {
   return _portalTarget || document.body;
 };
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      staleTime: 5 * 60 * 1e3,
-      // 5분
-      gcTime: 10 * 60 * 1e3,
-      // 10분 (v5에서는 cacheTime 대신 gcTime 사용)
-      refetchOnWindowFocus: true,
-      refetchOnReconnect: true,
-      retry: 3,
-      retryDelay: (attemptIndex) => Math.min(1e3 * 2 ** attemptIndex, 3e4)
-    },
-    mutations: {
-      retry: 1,
-      // Mutation은 1번만 재시도
-      retryDelay: 1e3
-    }
-  }
-});
 /**
  * @license lucide-react v0.562.0 - ISC
  *
@@ -5904,6 +6654,55 @@ const authService = {
     await apiClient.post("/api/auth/logout", {});
   }
 };
+function createWidgetSource() {
+  return createMaskingPolicySource({
+    // 키에 묶인 프로젝트의 유효 정책만 내려온다(계약 1장). issues:create 권한이 없으면 403 으로
+    // 던져져 정책을 쓸 수 없는 상태가 된다. 빈 정책으로 바꾸지 않는다.
+    fetchSnapshot: () => apiClient.get("/api/sdk/masking-policy", { cache: "no-store" }),
+    cache: createMemoryMaskingPolicyCache()
+  });
+}
+let current = createWidgetSource();
+let lastRefreshed = null;
+let lastRefreshedAt = null;
+let pending = null;
+function resetWidgetMaskingPolicy() {
+  current = createWidgetSource();
+  lastRefreshed = null;
+  lastRefreshedAt = null;
+  pending = null;
+}
+async function getMaskingPolicySnapshot() {
+  const fresh = lastRefreshed;
+  const stored = await current.getMaskingPolicySnapshot().catch((error) => {
+    if (!fresh) throw error;
+    return null;
+  });
+  return stored && (!fresh || stored.version >= fresh.version) ? stored : fresh;
+}
+async function refreshMaskingPolicySnapshot(options) {
+  const source = current;
+  const request2 = source.refreshMaskingPolicySnapshot(options);
+  pending = request2;
+  const snapshot = await request2;
+  if (source === current && (!lastRefreshed || snapshot.version >= lastRefreshed.version)) {
+    lastRefreshed = snapshot;
+    lastRefreshedAt = Date.now();
+  }
+  return snapshot;
+}
+function pendingWidgetMaskingPolicyRefresh() {
+  return pending;
+}
+function widgetMaskingPolicyRefreshedWithin(maxAgeMs) {
+  if (lastRefreshedAt === null) return false;
+  const age = Date.now() - lastRefreshedAt;
+  return age >= 0 && age <= maxAgeMs;
+}
+const widgetMaskingPolicySource = {
+  getMaskingPolicySnapshot,
+  refreshMaskingPolicySnapshot
+};
 const BRIDGE_READY = "ISSUE_STICKER_SDK_AUTH_BRIDGE_READY";
 const BRIDGE_REQUEST = "ISSUE_STICKER_SDK_AUTH_REQUEST";
 const BRIDGE_RESPONSE = "ISSUE_STICKER_SDK_AUTH_RESPONSE";
@@ -6047,10 +6846,16 @@ function AuthProvider({ apiKey, children }) {
     };
     await saveToken(result.accessToken);
     setSdkMode("member");
-    const current = stateRef.current;
-    const tenantId = ((_a = result.context) == null ? void 0 : _a.tenantId) || current.tenantId;
-    const projectId = ((_b2 = result.context) == null ? void 0 : _b2.projectId) || current.projectId;
-    const accountId = ((_c2 = result.context) == null ? void 0 : _c2.accountId) || current.accountId;
+    const current2 = stateRef.current;
+    const tenantId = ((_a = result.context) == null ? void 0 : _a.tenantId) || current2.tenantId;
+    const projectId = ((_b2 = result.context) == null ? void 0 : _b2.projectId) || current2.projectId;
+    const accountId = ((_c2 = result.context) == null ? void 0 : _c2.accountId) || current2.accountId;
+    if (projectId && projectId !== current2.projectId) {
+      resetWidgetMaskingPolicy();
+      void refreshMaskingPolicySnapshot({ timeoutMs: MASKING_POLICY_PREFETCH_TIMEOUT_MS }).catch(
+        () => void 0
+      );
+    }
     if (tenantId && projectId) {
       await saveAccountInfo({
         tenantId,
@@ -6164,6 +6969,7 @@ function AuthProvider({ apiKey, children }) {
   const applyPublicContext = useCallback(async () => {
     setSdkMode("public");
     setApiKey(apiKey);
+    resetWidgetMaskingPolicy();
     const result = await authService.publicInit(apiKey);
     const user = getConfiguredUser();
     const nextAuthBridgeUrl = result.authBridgeUrl ?? null;
@@ -6187,6 +6993,9 @@ function AuthProvider({ apiKey, children }) {
       token: null,
       error: null
     }));
+    void refreshMaskingPolicySnapshot({ timeoutMs: MASKING_POLICY_PREFETCH_TIMEOUT_MS }).catch(
+      () => void 0
+    );
     return result;
   }, [apiKey, getConfiguredUser]);
   useEffect(() => {
@@ -6223,14 +7032,14 @@ function AuthProvider({ apiKey, children }) {
         return;
       }
       if (message.type === BRIDGE_RESPONSE && message.requestId) {
-        const pending = pendingRequestsRef.current.get(message.requestId);
-        if (!pending) return;
-        window.clearTimeout(pending.timeoutId);
+        const pending2 = pendingRequestsRef.current.get(message.requestId);
+        if (!pending2) return;
+        window.clearTimeout(pending2.timeoutId);
         pendingRequestsRef.current.delete(message.requestId);
         if (message.success && message.data) {
-          pending.resolve(message.data);
+          pending2.resolve(message.data);
         } else {
-          pending.reject(new Error(((_b2 = message.error) == null ? void 0 : _b2.message) || ((_c2 = message.error) == null ? void 0 : _c2.code) || "Auth failed"));
+          pending2.reject(new Error(((_b2 = message.error) == null ? void 0 : _b2.message) || ((_c2 = message.error) == null ? void 0 : _c2.code) || "Auth failed"));
         }
         return;
       }
@@ -7393,20 +8202,20 @@ function spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce
         const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);
         const sin = Math.sin(angularFreq * t);
         const cos = Math.cos(angularFreq * t);
-        const current2 = target - envelope * (A * sin + initialDelta * cos);
+        const current3 = target - envelope * (A * sin + initialDelta * cos);
         const currentVelocity = /* @__PURE__ */ secondsToMilliseconds(envelope * (sinCoeff * sin + cosCoeff * cos));
-        state.done = Math.abs(currentVelocity) <= restSpeed && Math.abs(target - current2) <= restDelta;
-        state.value = state.done ? target : current2;
+        state.done = Math.abs(currentVelocity) <= restSpeed && Math.abs(target - current3) <= restDelta;
+        state.value = state.done ? target : current3;
         return state;
       }
-      const current = resolveSpring(t);
+      const current2 = resolveSpring(t);
       if (!isResolvedFromDuration) {
         const currentVelocity = /* @__PURE__ */ secondsToMilliseconds(resolveVelocity(t));
-        state.done = Math.abs(currentVelocity) <= restSpeed && Math.abs(target - current) <= restDelta;
+        state.done = Math.abs(currentVelocity) <= restSpeed && Math.abs(target - current2) <= restDelta;
       } else {
         state.done = t >= duration;
       }
-      state.value = state.done ? target : current;
+      state.value = state.done ? target : current2;
       return state;
     },
     toString: () => {
@@ -7427,9 +8236,9 @@ spring.applyToOptions = (options) => {
   return options;
 };
 const velocitySampleDuration = 5;
-function getGeneratorVelocity(resolveValue, t, current) {
+function getGeneratorVelocity(resolveValue, t, current2) {
   const prevT = Math.max(t - velocitySampleDuration, 0);
-  return /* @__PURE__ */ velocityPerSecond(current - resolveValue(prevT), t - prevT);
+  return /* @__PURE__ */ velocityPerSecond(current2 - resolveValue(prevT), t - prevT);
 }
 function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed }) {
   const origin = keyframes2[0];
@@ -7806,8 +8615,8 @@ class JSAnimation extends WithPromise {
     if (this.generator.velocity) {
       return this.generator.velocity(t);
     }
-    const current = this.generator.next(t).value;
-    return getGeneratorVelocity((s) => this.generator.next(s).value, t, current);
+    const current2 = this.generator.next(t).value;
+    return getGeneratorVelocity((s) => this.generator.next(s).value, t, current2);
   }
   get speed() {
     return this.playbackSpeed;
@@ -8436,11 +9245,11 @@ class NativeAnimationExtended extends NativeAnimation {
     });
     const sampleTime = Math.max(sampleDelta, time.now() - this.startTime);
     const delta = clamp$2(0, sampleDelta, sampleTime - sampleDelta);
-    const current = sampleAnimation.sample(sampleTime).value;
+    const current2 = sampleAnimation.sample(sampleTime).value;
     const { name: name2 } = this.options;
     if (element2 && name2)
-      setStyle(element2, name2, current);
-    motionValue2.setWithVelocity(sampleAnimation.sample(Math.max(0, sampleTime - delta)).value, current, delta);
+      setStyle(element2, name2, current2);
+    motionValue2.setWithVelocity(sampleAnimation.sample(Math.max(0, sampleTime - delta)).value, current2, delta);
     sampleAnimation.stop();
   }
 }
@@ -8457,11 +9266,11 @@ const isAnimatable = (value, name2) => {
   return false;
 };
 function hasKeyframesChanged(keyframes2) {
-  const current = keyframes2[0];
+  const current2 = keyframes2[0];
   if (keyframes2.length === 1)
     return true;
   for (let i = 0; i < keyframes2.length; i++) {
-    if (keyframes2[i] !== current)
+    if (keyframes2[i] !== current2)
       return true;
   }
 }
@@ -8720,10 +9529,10 @@ class MotionValue {
     this.setCurrent(init);
     this.owner = options.owner;
   }
-  setCurrent(current) {
-    this.current = current;
+  setCurrent(current2) {
+    this.current = current2;
     this.updatedAt = time.now();
-    if (this.canTrackVelocity === null && current !== void 0) {
+    if (this.canTrackVelocity === null && current2 !== void 0) {
       this.canTrackVelocity = isFloat(this.current);
     }
   }
@@ -8825,8 +9634,8 @@ class MotionValue {
       this.passiveEffect(v, this.updateAndNotify);
     }
   }
-  setWithVelocity(prev, current, delta) {
-    this.set(current);
+  setWithVelocity(prev, current2, delta) {
+    this.set(current2);
     this.prev = void 0;
     this.prevFrameValue = prev;
     this.prevUpdatedAt = this.updatedAt - delta;
@@ -9084,17 +9893,17 @@ const splitCSSVariableRegex = (
   // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
   /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
 );
-function parseCSSVariable(current) {
-  const match = splitCSSVariableRegex.exec(current);
+function parseCSSVariable(current2) {
+  const match = splitCSSVariableRegex.exec(current2);
   if (!match)
     return [,];
   const [, token1, token2, fallback] = match;
   return [`--${token1 ?? token2}`, fallback];
 }
 const maxDepth = 4;
-function getVariableValue(current, element2, depth = 1) {
-  invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [token, fallback] = parseCSSVariable(current);
+function getVariableValue(current2, element2, depth = 1) {
+  invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current2}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [token, fallback] = parseCSSVariable(current2);
   if (!token)
     return;
   const resolved = window.getComputedStyle(element2).getPropertyValue(token);
@@ -9114,15 +9923,15 @@ function getValueState(visualElement) {
 }
 function resolveVariantFromProps(props, definition2, custom, visualElement) {
   if (typeof definition2 === "function") {
-    const [current, velocity] = getValueState(visualElement);
-    definition2 = definition2(custom !== void 0 ? custom : props.custom, current, velocity);
+    const [current2, velocity] = getValueState(visualElement);
+    definition2 = definition2(custom !== void 0 ? custom : props.custom, current2, velocity);
   }
   if (typeof definition2 === "string") {
     definition2 = props.variants && props.variants[definition2];
   }
   if (typeof definition2 === "function") {
-    const [current, velocity] = getValueState(visualElement);
-    definition2 = definition2(custom !== void 0 ? custom : props.custom, current, velocity);
+    const [current2, velocity] = getValueState(visualElement);
+    definition2 = definition2(custom !== void 0 ? custom : props.custom, current2, velocity);
   }
   return definition2;
 }
@@ -13504,8 +14313,8 @@ const addPointerInfo = (handler) => (event) => isPrimaryPointer(event) && handle
 function addPointerEvent(target, eventName, handler, options) {
   return addDomEvent(target, eventName, addPointerInfo(handler), options);
 }
-const getContextWindow = ({ current }) => {
-  return current ? current.ownerDocument.defaultView : null;
+const getContextWindow = ({ current: current2 }) => {
+  return current2 ? current2.ownerDocument.defaultView : null;
 };
 const distance = (a, b) => Math.abs(a - b);
 function distance2D(a, b) {
@@ -13595,16 +14404,16 @@ class PanSession {
    * Start tracking scroll on ancestors and window.
    */
   startScrollTracking(element2) {
-    let current = element2.parentElement;
-    while (current) {
-      const style = getComputedStyle(current);
+    let current2 = element2.parentElement;
+    while (current2) {
+      const style = getComputedStyle(current2);
       if (overflowStyles.has(style.overflowX) || overflowStyles.has(style.overflowY)) {
-        this.scrollPositions.set(current, {
-          x: current.scrollLeft,
-          y: current.scrollTop
+        this.scrollPositions.set(current2, {
+          x: current2.scrollLeft,
+          y: current2.scrollTop
         });
       }
-      current = current.parentElement;
+      current2 = current2.parentElement;
     }
     this.scrollPositions.set(window, {
       x: window.scrollX,
@@ -13632,11 +14441,11 @@ class PanSession {
     if (!initial)
       return;
     const isWindow = target === window;
-    const current = isWindow ? { x: window.scrollX, y: window.scrollY } : {
+    const current2 = isWindow ? { x: window.scrollX, y: window.scrollY } : {
       x: target.scrollLeft,
       y: target.scrollTop
     };
-    const delta = { x: current.x - initial.x, y: current.y - initial.y };
+    const delta = { x: current2.x - initial.x, y: current2.y - initial.y };
     if (delta.x === 0 && delta.y === 0)
       return;
     if (isWindow) {
@@ -13650,7 +14459,7 @@ class PanSession {
         this.history[0].y -= delta.y;
       }
     }
-    this.scrollPositions.set(target, current);
+    this.scrollPositions.set(target, current2);
     frame.update(this.updatePoint, true);
   }
   updateHandlers(handlers2) {
@@ -13838,18 +14647,18 @@ class VisualElementDragControls {
         this.visualElement.projection.target = void 0;
       }
       eachAxis((axis) => {
-        let current = this.getAxisMotionValue(axis).get() || 0;
-        if (percent.test(current)) {
+        let current2 = this.getAxisMotionValue(axis).get() || 0;
+        if (percent.test(current2)) {
           const { projection } = this.visualElement;
           if (projection && projection.layout) {
             const measuredAxis = projection.layout.layoutBox[axis];
             if (measuredAxis) {
               const length = calcLength(measuredAxis);
-              current = length * (parseFloat(current) / 100);
+              current2 = length * (parseFloat(current2) / 100);
             }
           }
         }
-        this.originPoint[axis] = current;
+        this.originPoint[axis] = current2;
       });
       if (onDragStart) {
         frame.update(() => onDragStart(event, info), false, true);
@@ -14067,8 +14876,8 @@ class VisualElementDragControls {
       const axisValue = this.getAxisMotionValue(axis);
       if (projection && projection.layout) {
         const { min, max } = projection.layout.layoutBox[axis];
-        const current = axisValue.get() || 0;
-        axisValue.set(point2[axis] - mixNumber$1(min, max, 0.5) + current);
+        const current2 = axisValue.get() || 0;
+        axisValue.set(point2[axis] - mixNumber$1(min, max, 0.5) + current2);
       }
     });
   }
@@ -14399,10 +15208,10 @@ function handleHoverEvent(node2, event, lifecycle) {
 }
 class HoverGesture extends Feature {
   mount() {
-    const { current } = this.node;
-    if (!current)
+    const { current: current2 } = this.node;
+    if (!current2)
       return;
-    this.unmount = hover(current, (_element, startEvent) => {
+    this.unmount = hover(current2, (_element, startEvent) => {
       handleHoverEvent(this.node, startEvent, "Start");
       return (endEvent) => handleHoverEvent(this.node, endEvent, "End");
     });
@@ -14455,11 +15264,11 @@ function handlePressEvent(node2, event, lifecycle) {
 }
 class PressGesture extends Feature {
   mount() {
-    const { current } = this.node;
-    if (!current)
+    const { current: current2 } = this.node;
+    if (!current2)
       return;
     const { globalTapTarget, propagate } = this.node.props;
-    this.unmount = press(current, (_element, startEvent) => {
+    this.unmount = press(current2, (_element, startEvent) => {
       handlePressEvent(this.node, startEvent, "Start");
       return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? "End" : "Cancel");
     }, {
@@ -14657,7 +15466,10 @@ const ToastItem = forwardRef(function ToastItem2({ t, behindCount, onDismiss },
       ),
       children: /* @__PURE__ */ jsxs("div", { className: cn$1("flex items-center gap-2.5 px-3 py-2.5", style.tint), children: [
         t.type !== "default" ? /* @__PURE__ */ jsx(Icon2, { className: cn$1("h-4 w-4 shrink-0", style.iconColor) }) : null,
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 text-sm font-medium text-text-primary", children: t.message }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 text-sm text-text-primary", children: [
+          t.title ? /* @__PURE__ */ jsx("span", { className: "block font-semibold", children: t.title }) : null,
+          /* @__PURE__ */ jsx("span", { className: t.title ? "block" : "font-medium", children: t.message })
+        ] }),
         t.action ? /* @__PURE__ */ jsx(
           "button",
           {
@@ -14765,235 +15577,6 @@ function toIssueFilterParams(filters) {
     ...countRecord(filters.notionFieldValues) ? { notionFieldValues: filters.notionFieldValues } : {}
   };
 }
-async function uploadSignedMedia(file, mediaType, issueId) {
-  return uploadSignedMediaWithApi(
-    {
-      post: (endpoint, body) => apiClient.post(endpoint, body),
-      directUpload
-    },
-    file,
-    mediaType,
-    { issueId }
-  );
-}
-function issuesEndpoint() {
-  return "/api/sdk/issues";
-}
-function guestOwnerQuery() {
-  var _a;
-  const mode = getSdkMode();
-  if (mode !== "public") return "";
-  return buildGuestOwnerQuery(mode, (_a = SDKManager.getInstance().config.user) == null ? void 0 : _a.id);
-}
-let issuesCache = null;
-const CACHE_DURATION_MS = 30 * 1e3;
-const STICKER_PAGE_SIZE = 500;
-const STICKER_FETCH_LIMIT = 2e3;
-function getFilterKey(filters) {
-  var _a;
-  const normalizeArray = (value) => {
-    if (value === "all" || !value) return "all";
-    if (Array.isArray(value)) {
-      return value.length === 0 ? "all" : [...value].sort().join(",");
-    }
-    return String(value);
-  };
-  const normalizeRecord = (record) => {
-    if (!record) return "";
-    const entries = Object.entries(record).map(([k, v]) => [k, [...v].sort()]).sort(([a], [b]) => a.localeCompare(b));
-    return JSON.stringify(entries);
-  };
-  return JSON.stringify({
-    sdkMode: getSdkMode() || "public",
-    url: normalizeArray(filters.url),
-    projectId: filters.projectId || "all",
-    externalUserId: filters.externalUserId || "",
-    search: ((_a = filters.search) == null ? void 0 : _a.trim()) || "",
-    dateFrom: filters.dateFrom || "",
-    dateTo: filters.dateTo || "",
-    page: filters.page ?? 0,
-    pageSize: filters.pageSize ?? 0,
-    custom: normalizeRecord(filters.customFieldValues),
-    jira: normalizeRecord(filters.jiraFieldValues),
-    notion: normalizeRecord(filters.notionFieldValues),
-    sortOrder: filters.sortOrder || ""
-  });
-}
-function invalidateIssuesCache() {
-  issuesCache = null;
-}
-function recordToFilterArray(record, keyFieldName) {
-  if (!record) return null;
-  const entries = Object.entries(record).filter(([, values]) => values.length > 0);
-  if (entries.length === 0) return null;
-  return entries.map(
-    ([key, values]) => ({ [keyFieldName]: key, values })
-  );
-}
-function buildFilterQueryParams(filters) {
-  var _a;
-  const params = new URLSearchParams();
-  if (filters.projectId) {
-    params.set("project_id", filters.projectId);
-  }
-  if (filters.url && filters.url !== "all") {
-    if (Array.isArray(filters.url) && filters.url.length > 0) {
-      params.set("url", filters.url.join(","));
-    } else if (typeof filters.url === "string") {
-      params.set("url", filters.url);
-    }
-  }
-  const search2 = (_a = filters.search) == null ? void 0 : _a.trim();
-  if (search2) {
-    params.set("search", search2);
-  }
-  if (filters.dateFrom) {
-    params.set("date_from", filters.dateFrom);
-  }
-  if (filters.dateTo) {
-    params.set("date_to", filters.dateTo);
-  }
-  const customArr = recordToFilterArray(filters.customFieldValues, "fieldDefinitionId");
-  if (customArr) {
-    params.set("custom_field_filters", JSON.stringify(customArr));
-  }
-  const jiraArr = recordToFilterArray(filters.jiraFieldValues, "fieldName");
-  if (jiraArr) {
-    params.set("jira_field_filters", JSON.stringify(jiraArr));
-  }
-  const notionArr = recordToFilterArray(filters.notionFieldValues, "fieldName");
-  if (notionArr) {
-    params.set("notion_field_filters", JSON.stringify(notionArr));
-  }
-  if (filters.externalUserId) {
-    params.set("external_user_id", filters.externalUserId);
-  }
-  if (typeof filters.page === "number" && filters.page > 0) {
-    params.set("page", String(filters.page));
-  }
-  if (typeof filters.pageSize === "number" && filters.pageSize > 0) {
-    params.set("page_size", String(filters.pageSize));
-  }
-  if (filters.sortOrder) {
-    params.set("sort_order", filters.sortOrder);
-  }
-  const queryString = params.toString();
-  return queryString ? `?${queryString}` : "";
-}
-const issueService = {
-  async createIssue(issueData) {
-    const sanitizedData = sanitizeString(issueData);
-    const screenshotUploadIds = (sanitizedData.screenshot || []).map((url) => getRegisteredUploadId(url, "screenshot")).filter((id2) => typeof id2 === "string" && id2.length > 0);
-    const videoUploadId = sanitizedData.video ? getRegisteredUploadId(sanitizedData.video, "video") : void 0;
-    if (screenshotUploadIds.length > 0) {
-      sanitizedData.screenshot_upload_ids = screenshotUploadIds;
-    }
-    if (videoUploadId) {
-      sanitizedData.video_upload_id = videoUploadId;
-    }
-    const issue = await apiClient.post(issuesEndpoint(), sanitizedData);
-    invalidateIssuesCache();
-    return issue;
-  },
-  async getIssues(filters = {}, options = {}) {
-    if (!filters.projectId) {
-      throw new Error("프로젝트 ID가 필요합니다. 로그인 상태를 확인해주세요.");
-    }
-    const filterKey = getFilterKey(filters);
-    const now2 = Date.now();
-    if (!options.forceRefresh && issuesCache && issuesCache.filterKey === filterKey && now2 - issuesCache.timestamp < CACHE_DURATION_MS) {
-      return issuesCache.data;
-    }
-    const queryParams = buildFilterQueryParams(filters);
-    const { items: issues = [] } = await apiClient.get(
-      `${issuesEndpoint()}${queryParams}`
-    );
-    issuesCache = {
-      data: issues,
-      timestamp: now2,
-      filterKey
-    };
-    return issues;
-  },
-  async getIssueStickers(filters = {}, options = {}) {
-    var _a, _b2;
-    if (!filters.projectId) {
-      throw new Error("프로젝트 ID가 필요합니다. 로그인 상태를 확인해주세요.");
-    }
-    const filterKey = `${getFilterKey(filters)}:stickers`;
-    const now2 = Date.now();
-    if (!options.forceRefresh && issuesCache && issuesCache.filterKey === filterKey && now2 - issuesCache.timestamp < CACHE_DURATION_MS) {
-      return issuesCache.data;
-    }
-    const issues = [];
-    let page = 1;
-    let hasMore = true;
-    while (hasMore && issues.length <= STICKER_FETCH_LIMIT) {
-      const response = await apiClient.getResponse(
-        `${issuesEndpoint()}/stickers${buildFilterQueryParams({
-          ...filters,
-          page,
-          pageSize: STICKER_PAGE_SIZE
-        })}`
-      );
-      const pageItems = ((_a = response.data) == null ? void 0 : _a.items) ?? [];
-      issues.push(...pageItems);
-      hasMore = Boolean((_b2 = response.data) == null ? void 0 : _b2.hasMore) && pageItems.length > 0;
-      page += 1;
-    }
-    issuesCache = {
-      data: issues,
-      timestamp: now2,
-      filterKey
-    };
-    return issues;
-  },
-  invalidateCache() {
-    invalidateIssuesCache();
-  },
-  // 계약 기준: 백엔드 GET /api/sdk/issues/:id 는 back#101부터 읽기-시점-스크럽된
-  // llm_prompt 를 상세 응답에 포함한다(목록 응답에는 없음) — 스코프를 이 반환 타입에만 한정한다.
-  async getIssue(id2) {
-    return apiClient.get(
-      `${issuesEndpoint()}/${id2}${guestOwnerQuery()}`
-    );
-  },
-  async updateIssue(id2, updates) {
-    const sanitizedUpdates = sanitizeString(updates);
-    const issue = await apiClient.put(
-      `${issuesEndpoint()}/${id2}${guestOwnerQuery()}`,
-      sanitizedUpdates
-    );
-    invalidateIssuesCache();
-    return issue;
-  },
-  /**
-   * 재생성. 스펙상 세 채널 모두에서 되고 역할과 무관하다 — 검사는 역할이 아니라
-   * 그 이슈에 접근할 수 있는지다(백엔드가 판정한다).
-   *
-   * 응답으로 갱신된 이슈가 오지만 상태는 다시 pending 이다. 호출부는 응답을
-   * 그대로 쓰지 말고 폴링으로 이어받아야 한다.
-   */
-  async regenerateIssue(id2) {
-    const issue = await apiClient.post(
-      `${issuesEndpoint()}/${encodeURIComponent(id2)}/regenerate${guestOwnerQuery()}`,
-      {}
-    );
-    invalidateIssuesCache();
-    return issue;
-  },
-  async deleteIssue(id2, options) {
-    const endpoint = `${issuesEndpoint()}/${id2}${guestOwnerQuery()}`;
-    if (options == null ? void 0 : options.deleteExternal) {
-      await apiClient.delete(endpoint, {
-        body: { deleteExternal: true }
-      });
-    } else {
-      await apiClient.delete(endpoint);
-    }
-    invalidateIssuesCache();
-  }
-};
 async function loadIssuesFromServer(url, projectId, externalUserId, filters, options = {}) {
   if (!projectId) return [];
   try {
@@ -15171,18 +15754,18 @@ function UnrenderedStickerDialog({
         {
           role: "dialog",
           "aria-modal": "false",
-          "aria-label": "미표시 스티커 목록",
+          "aria-label": "표시하지 못한 스티커 목록",
           className: "pointer-events-auto flex h-[min(480px,calc(100vh-64px))] w-[min(560px,calc(100vw-32px))] flex-col overflow-hidden rounded-xl border border-slate-200 bg-white text-slate-900 shadow-2xl",
           children: [
             /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between border-b border-slate-100 px-5 py-3.5", children: [
-              /* @__PURE__ */ jsx("h2", { className: "min-w-0 truncate text-sm font-semibold", children: "미표시 스티커" }),
+              /* @__PURE__ */ jsx("h2", { className: "min-w-0 truncate text-sm font-semibold", children: "표시하지 못한 스티커" }),
               /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
                   className: "inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-slate-500 hover:bg-slate-100 hover:text-slate-900",
                   onClick: () => onOpenChange(false),
-                  "aria-label": "미표시 스티커 목록 닫기",
+                  "aria-label": "표시하지 못한 스티커 목록 닫기",
                   children: /* @__PURE__ */ jsx(X$1, { className: "h-4 w-4" })
                 }
               )
@@ -15360,7 +15943,8 @@ function OverlayShell({
 }
 const ISSUE_DRAFT_DISABLED_MESSAGE = "지금은 AI 작성을 사용할 수 없습니다. 제목과 설명을 직접 작성해주세요.";
 const LABEL = "기대한 동작";
-const PLACEHOLDER = "예: 할인 쿠폰을 적용하면 결제 금액에서 즉시 차감되어야 합니다";
+const ISSUE_INTENT_PLACEHOLDER = "기대한 동작을 적으면 AI가 제목과 설명을 작성합니다.\n예: 쿠폰을 적용하면 결제 금액이 바로 줄어야 합니다";
+const PLACEHOLDER = ISSUE_INTENT_PLACEHOLDER;
 const SWITCH_TO_MANUAL = "직접 작성";
 const SWITCH_TO_MANUAL_TOOLTIP = "제목, 설명 등 이슈 필드를 직접 작성합니다";
 const SUBMIT = "보내기";
@@ -15397,20 +15981,28 @@ function IssueIntentBubble({
       if (isFocused(node2) || Date.now() >= deadline) return;
       frame2 = requestAnimationFrame(attempt);
     };
-    window.addEventListener("pointerdown", abandon, { capture: true });
+    const pointerScopes = /* @__PURE__ */ new Set([window, node2.getRootNode()]);
+    pointerScopes.forEach(
+      (scope) => scope.addEventListener("pointerdown", abandon, { capture: true })
+    );
     window.addEventListener("keydown", abandon, { capture: true });
     attempt();
     return () => {
-      window.removeEventListener("pointerdown", abandon, { capture: true });
+      pointerScopes.forEach(
+        (scope) => scope.removeEventListener("pointerdown", abandon, { capture: true })
+      );
       window.removeEventListener("keydown", abandon, { capture: true });
       if (frame2) cancelAnimationFrame(frame2);
     };
   }, []);
+  const minHeightRef = useRef(null);
   useLayoutEffect(() => {
     const node2 = inputRef.current;
     if (!node2) return;
     node2.style.height = "auto";
-    node2.style.height = `${Math.min(node2.scrollHeight, MAX_INPUT_HEIGHT)}px`;
+    minHeightRef.current ?? (minHeightRef.current = node2.scrollHeight);
+    const next = Math.max(node2.scrollHeight, minHeightRef.current);
+    node2.style.height = `${Math.min(next, MAX_INPUT_HEIGHT)}px`;
   }, [value]);
   return (
     /*
@@ -15426,7 +16018,7 @@ function IssueIntentBubble({
     /* @__PURE__ */ jsxs(
       "div",
       {
-        className: `${ISSUE_STICKER_REPORT_FORM_CLASS} w-[min(20rem,calc(100vw_-_1.5rem))] space-y-1.5 rounded-md border border-line-subtle bg-surface-1 p-1.5 transition-colors duration-fast ease-out focus-within:border-line-focus`,
+        className: `${ISSUE_STICKER_REPORT_FORM_CLASS} w-[min(24rem,calc(100vw_-_1.5rem))] space-y-1.5 rounded-md border border-line-subtle bg-surface-1 p-1.5 transition-colors duration-fast ease-out focus-within:border-line-focus`,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-1.5", children: [
             /* @__PURE__ */ jsx(
@@ -15736,7 +16328,9 @@ DialogClose$1.displayName = CLOSE_NAME;
 function getState$2(open) {
   return open ? "open" : "closed";
 }
-const Dialog = Dialog$1;
+const [Dialog, useDialogContentDismissRef] = createShadowDismissRoot(Dialog$1, {
+  focusOutside: false
+});
 const DialogClose = DialogClose$1;
 const DialogPortal = ({ children }) => {
   const portalContainer = usePortalContainer();
@@ -15769,13 +16363,13 @@ const DialogContent = React.forwardRef(
     ...props
   }, ref) => {
     const [content2, setContent] = React.useState(null);
+    const dismissRef = useDialogContentDismissRef(ref);
     const composedRef = React.useCallback(
       (node2) => {
         setContent(node2);
-        if (typeof ref === "function") ref(node2);
-        else if (ref) ref.current = node2;
+        dismissRef(node2);
       },
-      [ref]
+      [dismissRef]
     );
     useOverlayFocus({ enabled: true, container: content2, initialFocusRef });
     return /* @__PURE__ */ jsxs(DialogPortal, { children: [
@@ -16048,7 +16642,11 @@ function appendSnippet(base, body) {
 ${trimmedBody}`;
 }
 const TRIGGER_LABEL = "고정 문구 선택";
+const TRIGGER_HINT = "이슈 설명 끝에 추가할 고정 문구를 선택합니다";
 const CLEAR_OPTION_LABEL = "선택 안 함";
+const EMPTY_TITLE = "등록된 고정 문구가 없습니다";
+const EMPTY_DESCRIPTION = "테스트 계정처럼 이슈마다 반복해서 적는 내용을 등록해두면 이슈 설명 끝에 추가됩니다.";
+const DEFAULT_EMPTY_HINT = "어드민 프로젝트 상세의 고정 문구 탭에서 등록합니다.";
 const GROUP_LABEL = {
   project: "공용 문구",
   personal: "내 문구"
@@ -16057,7 +16655,8 @@ function SnippetPicker({
   snippets,
   selectedId,
   onSelect,
-  disabled = false
+  disabled = false,
+  emptyHint = DEFAULT_EMPTY_HINT
 }) {
   const [open, setOpen] = useState(false);
   const listRef = useRef(null);
@@ -16116,7 +16715,8 @@ function SnippetPicker({
       "button",
       {
         type: "button",
-        disabled: disabled || isEmpty,
+        title: TRIGGER_HINT,
+        disabled,
         className: cn$1(
           "inline-flex max-w-[10rem] items-center gap-1 rounded-sm border border-transparent px-2 py-1 text-xs text-text-secondary outline-none",
           "hover:bg-surface-2 focus-visible:border-line-focus disabled:cursor-not-allowed disabled:opacity-40"
@@ -16134,8 +16734,18 @@ function SnippetPicker({
         align: "start",
         sideOffset: 4,
         onEscapeKeyDown: stopEscapePropagation(),
-        className: cn$1(`panel-shell-subtle w-72 p-1.5 shadow-lg ${OVERLAY_LAYER.floating}`),
-        children: /* @__PURE__ */ jsxs(
+        className: cn$1(
+          `panel-shell-subtle p-1.5 shadow-lg ${OVERLAY_LAYER.floating}`,
+          isEmpty ? "w-[min(30rem,calc(100vw_-_1.5rem))]" : "w-72"
+        ),
+        children: isEmpty ? (
+          // 비어 있다고 버튼을 막으면 무엇을 하는 버튼인지조차 알 수 없다. 열어서 이유를 알려준다.
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1 break-keep px-2.5 py-2 [overflow-wrap:anywhere]", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-text-primary", children: EMPTY_TITLE }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: EMPTY_DESCRIPTION }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: emptyHint })
+          ] })
+        ) : /* @__PURE__ */ jsxs(
           "div",
           {
             ref: listRef,
@@ -16365,7 +16975,7 @@ function useJiraConnectNudge(projectId, enabled) {
   const queryClient2 = useQueryClient();
   const isEnabled = enabled && Boolean(projectId);
   const {
-    data: pending,
+    data: pending2,
     refetch,
     isFetched
   } = useQuery({
@@ -16389,7 +16999,7 @@ function useJiraConnectNudge(projectId, enabled) {
     }
   }, [projectId, trackAttempt]);
   const needsConnect = Boolean(
-    projectId && (pending == null ? void 0 : pending.some((project) => project.projectId === projectId))
+    projectId && (pending2 == null ? void 0 : pending2.some((project) => project.projectId === projectId))
   );
   const isResolving = isEnabled && !isFetched;
   return { needsConnect, connect, isResolving };
@@ -16520,6 +17130,43 @@ function useAuthInfo() {
     getAuthInfo
   };
 }
+async function uploadScreenshot(screenshotDataUrl, issueId, options) {
+  const [firstUrl] = await uploadScreenshots([screenshotDataUrl], issueId, options);
+  if (typeof firstUrl === "string" && firstUrl.length > 0) {
+    return firstUrl;
+  }
+  throw new Error("스크린샷 업로드 응답에 URL이 없습니다.");
+}
+async function uploadScreenshots(screenshotDataUrls, issueId, options) {
+  const uploads = await uploadScreenshotDataUrls(
+    screenshotDataUrls,
+    uploadSignedMedia,
+    issueId,
+    options
+  );
+  return uploads.map((upload) => upload == null ? void 0 : upload.url);
+}
+function useScreenshotUpload() {
+  const upload = async (screenshotDataUrl, options) => {
+    try {
+      const screenshotUrl = await uploadScreenshot(screenshotDataUrl, void 0, options);
+      return screenshotUrl;
+    } catch {
+      return void 0;
+    }
+  };
+  const uploadMany = async (screenshotDataUrls, options) => {
+    try {
+      return await uploadScreenshots(screenshotDataUrls, void 0, options);
+    } catch {
+      return screenshotDataUrls.map(() => void 0);
+    }
+  };
+  return {
+    upload,
+    uploadMany
+  };
+}
 async function captureScreenshot(options) {
   try {
     const sdk = SDKManager.getInstance();
@@ -16527,26 +17174,33 @@ async function captureScreenshot(options) {
       return await sdk.platform.screenshot.capture(options);
     }
   } catch (err) {
+    if (err instanceof MaskingCaptureError) throw err;
     devLogger.error("screenshotCapture", "스크린샷 캡처 실패:", err);
   }
   return void 0;
 }
-function toScreenshotList(dataUrls, dataUrl) {
-  if (dataUrls && dataUrls.length > 0) {
-    return dataUrls;
+async function captureViewportAndElement(element2, excludeSelectors, maskSelectors) {
+  try {
+    if (SDKManager.getInstance().isInitialized()) {
+      return await captureViewportAndElementShots({ element: element2, excludeSelectors, maskSelectors });
+    }
+  } catch (err) {
+    devLogger.error("screenshotCapture", "스크린샷 캡처 실패:", err);
+    if (err instanceof MaskingCaptureError) return { maskingDropped: true };
   }
-  return dataUrl ? [dataUrl] : [];
+  return {};
 }
-async function resolveClickPositionScreenshots(position2) {
-  const immediate = toScreenshotList(position2.screenshotDataUrls, position2.screenshotDataUrl);
-  if (immediate.length > 0) {
-    return immediate;
-  }
-  if (!position2.screenshotCapture) {
-    return [];
-  }
-  const captured = await position2.screenshotCapture;
-  return toScreenshotList(captured.screenshotDataUrls, captured.screenshotDataUrl);
+function resolveCapturedScreenshots(captured) {
+  return {
+    screenshots: captured.screenshots ?? [],
+    maskingDropped: Boolean(captured.maskingDropped),
+    policyKnown: captured.policyKnown !== false
+  };
+}
+async function resolveClickPositionCapture(position2) {
+  return resolveCapturedScreenshots(
+    position2.screenshots && position2.screenshots.length > 0 || !position2.screenshotCapture ? position2 : await position2.screenshotCapture
+  );
 }
 const SCREENSHOT_EXCLUDE_SELECTORS = [
   '[data-issue-sticker-capture-ignore="true"]',
@@ -16582,6 +17236,8 @@ function useClickPosition(isCreatingIssueRef, recordedVideoFile) {
   const [clickPosition, setClickPosition] = useState(null);
   const clickPositionRef = useRef(null);
   const highlightedElementRef = useRef(null);
+  const captureInBackgroundRef = useRef(null);
+  const pendingCaptureRef = useRef(null);
   useEffect(() => {
     clickPositionRef.current = clickPosition;
   }, [clickPosition]);
@@ -16650,23 +17306,35 @@ function useClickPosition(isCreatingIssueRef, recordedVideoFile) {
     }
   }, [recordedVideoFile]);
   useEffect(() => {
-    const captureScreenshotsInBackground = async (position2) => {
+    const captureScreenshotsInBackground = async (position2, selectors) => {
       await waitForFormOpen();
-      const [fullScreenshotDataUrl, elementScreenshotDataUrl] = await pauseNetworkLogCollectionWhile(
-        () => Promise.all([
-          captureScreenshot({ excludeSelectors: SCREENSHOT_EXCLUDE_SELECTORS }),
-          captureScreenshot({
+      const loaded = selectors ?? await loadCaptureSelectors(() => widgetMaskingPolicySource.getMaskingPolicySnapshot());
+      const maskSelectors = loaded ?? [];
+      const captured = await pauseNetworkLogCollectionWhile(
+        async () => {
+          const viewport = await captureViewportAndElement(
+            position2.element,
+            SCREENSHOT_EXCLUDE_SELECTORS,
+            maskSelectors
+          );
+          let maskingDropped = Boolean(viewport.maskingDropped);
+          const elementShot = viewport.element ?? await captureScreenshot({
             element: position2.element,
-            excludeSelectors: SCREENSHOT_EXCLUDE_SELECTORS
-          })
-        ])
+            excludeSelectors: SCREENSHOT_EXCLUDE_SELECTORS,
+            maskSelectors
+          }).catch((error) => {
+            if (!(error instanceof MaskingCaptureError)) throw error;
+            maskingDropped = true;
+            return void 0;
+          });
+          const screenshots = [viewport.full, elementShot].filter(isCapturedScreenshot);
+          return {
+            screenshots,
+            ...maskingDropped ? { maskingDropped } : {},
+            ...loaded === null ? { policyKnown: false } : {}
+          };
+        }
       );
-      const captured = {
-        screenshotDataUrl: elementScreenshotDataUrl,
-        screenshotDataUrls: [fullScreenshotDataUrl, elementScreenshotDataUrl].filter(
-          (dataUrl) => typeof dataUrl === "string" && dataUrl.length > 0
-        )
-      };
       if (clickPositionRef.current === position2) {
         const merged = { ...position2, ...captured };
         setClickPosition(merged);
@@ -16674,6 +17342,17 @@ function useClickPosition(isCreatingIssueRef, recordedVideoFile) {
       }
       return captured;
     };
+    const startCapture = (position2, selectors) => {
+      const tracked = captureScreenshotsInBackground(
+        position2,
+        selectors
+      ).finally(() => {
+        if (pendingCaptureRef.current === tracked) pendingCaptureRef.current = null;
+      });
+      pendingCaptureRef.current = tracked;
+      return tracked;
+    };
+    captureInBackgroundRef.current = startCapture;
     const handleDocumentClick = (e) => {
       if (!isCreatingIssueRef.current) {
         return;
@@ -16704,7 +17383,7 @@ function useClickPosition(isCreatingIssueRef, recordedVideoFile) {
         videoFile: recordedVideoFile ?? void 0
       };
       if (!newClickPosition.videoFile) {
-        newClickPosition.screenshotCapture = captureScreenshotsInBackground(newClickPosition);
+        newClickPosition.screenshotCapture = startCapture(newClickPosition);
       }
       setClickPosition(newClickPosition);
       clickPositionRef.current = newClickPosition;
@@ -16743,85 +17422,95 @@ function useClickPosition(isCreatingIssueRef, recordedVideoFile) {
     setClickPosition(position2);
     clickPositionRef.current = position2;
   };
+  const recaptureScreenshots = (selectors) => {
+    const pending2 = pendingCaptureRef.current;
+    if (pending2) {
+      return pending2.catch(() => void 0).then(() => recaptureScreenshots(selectors));
+    }
+    const current2 = clickPositionRef.current;
+    const capture = captureInBackgroundRef.current;
+    if (!current2 || current2.videoFile || !capture) return Promise.resolve(null);
+    const next = {
+      ...current2,
+      screenshots: void 0,
+      maskingDropped: void 0,
+      policyKnown: void 0
+    };
+    const captured = capture(next, selectors);
+    next.screenshotCapture = captured;
+    setClickPosition(next);
+    clickPositionRef.current = next;
+    return captured;
+  };
   return {
     clickPosition,
     clickPositionRef,
     clearClickPosition,
-    setClickPositionManually
+    setClickPositionManually,
+    recaptureScreenshots
   };
 }
-async function uploadScreenshot(screenshotDataUrl, issueId, options) {
-  const [firstUrl] = await uploadScreenshots([screenshotDataUrl], issueId, options);
-  if (typeof firstUrl === "string" && firstUrl.length > 0) {
-    return firstUrl;
-  }
-  throw new Error("스크린샷 업로드 응답에 URL이 없습니다.");
-}
-async function uploadScreenshots(screenshotDataUrls, issueId, options) {
-  const uploads = await uploadScreenshotDataUrls(
-    screenshotDataUrls,
-    uploadSignedMedia,
-    issueId,
-    options
-  );
-  return uploads.map((upload) => upload == null ? void 0 : upload.url);
-}
-function useScreenshotUpload() {
-  const upload = async (screenshotDataUrl, options) => {
-    try {
-      const screenshotUrl = await uploadScreenshot(screenshotDataUrl, void 0, options);
-      return screenshotUrl;
-    } catch {
-      return void 0;
+async function prepareIssueScreenAttachments(input) {
+  var _a, _b2;
+  const { context } = input;
+  const replayController = ((_a = input.sessionReplay) == null ? void 0 : _a.canAttach) ? input.sessionReplay : void 0;
+  let capture = input.includeScreenshots ? await resolveClickPositionCapture(input.position) : null;
+  await (replayController == null ? void 0 : replayController.whenRestarted());
+  const memoSelectors = (replayController == null ? void 0 : replayController.getMaskMemoSelectors()) ?? null;
+  const memoSets = memoSelectors ? [memoSelectors] : [];
+  const assertCovered = (shots = []) => assertScreenRulesCovered(context.rules, [
+    ...shots.map((shot) => shot.masks.selectors),
+    ...memoSets
+  ]);
+  try {
+    assertCovered(capture == null ? void 0 : capture.screenshots);
+  } catch (error) {
+    if (!(error instanceof MaskingScreenRulesChangedError) || (capture == null ? void 0 : capture.policyKnown) !== false || !input.recaptureScreenshots) {
+      throw error;
     }
-  };
-  const uploadMany = async (screenshotDataUrls, options) => {
-    try {
-      return await uploadScreenshots(screenshotDataUrls, void 0, options);
-    } catch {
-      return screenshotDataUrls.map(() => void 0);
+    assertScreenRulesCovered(context.rules, memoSets);
+    const recaptured = await input.recaptureScreenshots(collectSnapshotSelectors(context.snapshot)).catch(() => null);
+    if (!recaptured) throw error;
+    const shotCount = capture.screenshots.length;
+    capture = resolveCapturedScreenshots(recaptured);
+    if (capture.screenshots.length < shotCount) capture.maskingDropped = true;
+    assertCovered(capture.screenshots);
+  }
+  const replay = replayController ? await replayController.takeSnapshot(((_b2 = context.rules) == null ? void 0 : _b2.screen.mask_selectors) ?? []).catch((error) => {
+    if (isMaskingFailure(error)) throw error;
+    devLogger.error(
+      "useIssueSubmission",
+      "세션 리플레이 스냅샷 실패 (이슈 생성 계속):",
+      error
+    );
+    return null;
+  }) : null;
+  let screenshotUrls = [];
+  let screenshotExcluded = null;
+  if (capture) {
+    const maskedDataUrls = await maskScreenshotsForSubmit(capture.screenshots, context.rules);
+    if (maskedDataUrls.length > 0) {
+      const uploaded = await input.uploadScreenshots(maskedDataUrls);
+      screenshotUrls = uploaded.filter(
+        (url) => typeof url === "string" && url.length > 0
+      );
     }
-  };
-  return {
-    upload,
-    uploadMany
-  };
-}
-async function uploadVideo(videoFile, issueId) {
-  devLogger.log("videoUpload", "영상 파일 업로드 시작", {
-    크기: `${(videoFile.size / 1024 / 1024).toFixed(2)}MB`,
-    타입: videoFile.type
-  });
-  const result = await uploadSignedMedia(videoFile, "video", issueId);
-  devLogger.log("videoUpload", "영상 파일 업로드 성공:", result.url);
-  return result.url;
+    if (capture.maskingDropped) screenshotExcluded = screenshotUrls.length > 0 ? "partial" : "all";
+  }
+  return { screenshotUrls, replay, screenshotExcluded };
 }
-function useVideoUpload() {
-  const upload = async (videoFile) => uploadVideo(videoFile);
-  return {
-    upload
-  };
+function restartReplayStartedWithoutPolicy(context, sessionReplay) {
+  var _a;
+  if ((sessionReplay == null ? void 0 : sessionReplay.canAttach) && ((_a = sessionReplay.getMaskMemoSelectors()) == null ? void 0 : _a.length) === 0 && collectSnapshotSelectors(context.snapshot).length > 0) {
+    void sessionReplay.restartRecording();
+  }
 }
-async function uploadSessionReplay(snapshot) {
+function readSocketConnections() {
   try {
-    const file = new File([snapshot.payload], "session-replay.gz", {
-      type: "application/gzip"
-    });
-    const { id: id2 } = await uploadSignedMedia(file, "replay");
-    const marker = readReleaseMarker();
-    return {
-      uploadId: id2,
-      meta: {
-        window_seconds: snapshot.windowSeconds,
-        event_count: snapshot.eventCount,
-        size_bytes: snapshot.sizeBytes,
-        rrweb_version: snapshot.rrwebVersion,
-        privacy_config_version: snapshot.privacyConfigVersion,
-        ...marker ? { release: marker.release, release_source: marker.release_source } : {}
-      }
-    };
-  } catch {
-    return null;
+    return getCollectorSession().socket.getConnections();
+  } catch (error) {
+    devLogger.error("useIssueSubmission", "소켓 연결 수집 실패 (이슈 생성 계속):", error);
+    return [];
   }
 }
 function assertSubmittable(data) {
@@ -16842,35 +17531,23 @@ function useIssueSubmission({
   notionIntegrationId,
   videoFile,
   sessionReplay,
-  snippetId
+  snippetId,
+  onScreenRulesChanged,
+  recaptureScreenshots,
+  videoExclusionNotified
 }) {
   const failedServicesRef = useRef([]);
+  const maskingOutcomeRef = useRef(NO_MASKING_OUTCOME);
   const { fetchNetworkLogs } = useNetworkLogs();
   const { fetchConsoleLogs } = useConsoleLogs();
   const { getAuthInfo } = useAuthInfo();
   const { uploadMany: uploadScreenshots2 } = useScreenshotUpload();
-  const { upload: uploadVideo2 } = useVideoUpload();
   const createIssueMutation = useDebouncedMutation({
     mutationFn: async (data) => {
-      var _a, _b2, _c2, _d2, _e2, _f2;
+      var _a;
       assertSubmittable(data);
-      let screenshotUrls;
-      let videoUrl;
-      if (data.videoFile) {
-        videoUrl = await uploadVideo2(data.videoFile);
-      } else if (data.position.videoFile) {
-        videoUrl = await uploadVideo2(data.position.videoFile);
-      } else {
-        const screenshotDataUrls = await resolveClickPositionScreenshots(data.position);
-        if (screenshotDataUrls.length > 0) {
-          const uploadedUrls = await uploadScreenshots2(screenshotDataUrls, {
-            useWebWorker: ((_a = SDKManager.getInstance().config.screenshotCompression) == null ? void 0 : _a.useWebWorker) ?? false
-          });
-          screenshotUrls = uploadedUrls.filter(
-            (url) => typeof url === "string" && url.length > 0
-          );
-        }
-      }
+      const videoFile2 = data.videoFile ?? data.position.videoFile;
+      const authInfo = getAuthInfo();
       const allNetworkLogs = await fetchNetworkLogs();
       const allConsoleLogs = await fetchConsoleLogs();
       const filteredNetworkLogs = filterExcludeServiceRelatedLogs(allNetworkLogs);
@@ -16878,100 +17555,141 @@ function useIssueSubmission({
       const limitedNetworkLogs = selectNetworkLogsForSubmit(filteredNetworkLogs);
       const networkLogs = compactNetworkLogsForTransport(limitedNetworkLogs) ?? [];
       const consoleLogs = filteredConsoleLogs.slice(-CONSOLE_LOG_SUBMIT_LIMIT);
+      const socketConnections = readSocketConnections();
       const positionData = data.position.tracked ?? getElementPosition(data.position.element, {
         clientX: data.position.x - window.scrollX,
         clientY: data.position.y - window.scrollY
       });
-      const authInfo = getAuthInfo();
-      const userAgent = navigator.userAgent;
-      const currentUrl = getCurrentPageUrl();
-      const issueData = {
-        url: currentUrl,
-        title: ((_b2 = data.title) == null ? void 0 : _b2.trim()) || void 0,
-        description: ((_c2 = data.description) == null ? void 0 : _c2.trim()) || void 0,
-        intent: ((_d2 = data.intent) == null ? void 0 : _d2.trim()) || void 0,
-        position: {
-          x: data.position.x,
-          y: data.position.y,
-          selector: positionData.selector,
-          xpath: positionData.xpath,
-          viewport: positionData.viewport,
-          elementRect: positionData.elementRect,
-          locator: positionData.locator,
-          component: positionData.component
-        },
-        screenshot: screenshotUrls && screenshotUrls.length > 0 ? screenshotUrls : void 0,
-        video: videoUrl,
-        network_logs: networkLogs,
-        console_logs: consoleLogs.length > 0 ? consoleLogs : void 0,
-        user_agent: userAgent,
-        tenant_id: authInfo.tenantId,
-        project_id: authInfo.projectId,
-        account_id: authInfo.accountId || void 0,
-        snippet_id: snippetId ?? void 0,
-        ...buildExternalUserPayload(SDKManager.getInstance().config.user),
-        // 비어 있는 값은 보내지 않는다 — 저장해봐야 값 없음과 같고 요청만 커진다.
-        custom_field_values: Object.entries(customFieldValues ?? {}).filter(([, value]) => value !== null && value !== void 0 && value !== "").map(([field_definition_id, value]) => ({ field_definition_id, value }))
-      };
-      if (((_e2 = issueData.custom_field_values) == null ? void 0 : _e2.length) === 0) {
-        delete issueData.custom_field_values;
-      }
-      if (sessionReplay == null ? void 0 : sessionReplay.canAttach) {
-        try {
-          const snapshot = await sessionReplay.takeSnapshot();
-          if (snapshot) {
-            const uploaded = await uploadSessionReplay(snapshot);
-            if (uploaded) {
-              issueData.session_replay_upload_id = uploaded.uploadId;
-              issueData.session_replay_meta = uploaded.meta;
-            }
-          }
-        } catch (replayError) {
-          devLogger.error(
-            "useIssueSubmission",
-            "세션 리플레이 첨부 실패 (이슈 생성 계속):",
-            replayError
-          );
-        }
-      }
-      try {
-        const socketSnapshot = await serializeSocketTranscript(
-          getCollectorSession().socket.getConnections()
-        );
-        if (socketSnapshot) {
-          const uploaded = await uploadSocketTranscript(
-            { post: (endpoint, body) => apiClient.post(endpoint, body), directUpload },
-            socketSnapshot
-          );
-          if (uploaded) {
-            issueData.socket_log_upload_id = uploaded.uploadId;
-          }
-        }
-      } catch (socketError) {
-        devLogger.error("useIssueSubmission", "소켓 전사 첨부 실패 (이슈 생성 계속):", socketError);
-      }
-      const { networkLogs: fittedNetworkLogs, stillOverBudget } = shrinkNetworkLogsToFit(
-        issueData.network_logs ?? [],
-        measureJsonBytes({ ...issueData, network_logs: void 0 })
-      );
-      issueData.network_logs = fittedNetworkLogs.length > 0 ? fittedNetworkLogs : void 0;
-      if (stillOverBudget) {
-        throw new Error(
-          "이슈 데이터가 전송 한도를 넘어 저장할 수 없습니다. 설명을 줄이거나 첨부를 빼고 다시 시도해주세요."
-        );
-      }
       const integrations = buildIssueIntegrationsPayload({
         jiraEnabled: jiraService.isConfigured(),
         jiraFields: data.jiraFields,
         notionEnabled: activeIntegrationType === "NOTION" && Boolean(notionIntegrationId),
         notionProperties: data.notionFields
       });
-      const createdIssue = await issueService.createIssue({ ...issueData, integrations });
+      const { createdIssue, attachments, excludeVideo, screenshotExcluded } = await runMaskedSubmit(
+        {
+          source: widgetMaskingPolicySource,
+          projectId: authInfo.projectId,
+          prepareScreen: (context) => {
+            var _a2;
+            return prepareIssueScreenAttachments({
+              context,
+              position: data.position,
+              // 정책이 영상을 빼면 이슈에 화면 근거가 남도록 스크린샷을 대신 올린다.
+              includeScreenshots: !videoFile2 || Boolean((_a2 = context.rules) == null ? void 0 : _a2.screen.exclude_video),
+              uploadScreenshots: (dataUrls) => {
+                var _a3;
+                return uploadScreenshots2(dataUrls, {
+                  useWebWorker: ((_a3 = SDKManager.getInstance().config.screenshotCompression) == null ? void 0 : _a3.useWebWorker) ?? false
+                });
+              },
+              sessionReplay,
+              recaptureScreenshots
+            });
+          },
+          submit: async (context, screen) => {
+            var _a2, _b2, _c2, _d2, _e2, _f2;
+            const masked = applySubmitMasking({
+              snapshot: context.snapshot,
+              projectId: authInfo.projectId,
+              networkLogs,
+              consoleLogs,
+              socketConnections,
+              pageUrl: getCurrentPageUrl()
+            });
+            const excludeVideo2 = Boolean(videoFile2 && ((_a2 = masked.rules) == null ? void 0 : _a2.screen.exclude_video));
+            const maskSelectors = ((_b2 = context.rules) == null ? void 0 : _b2.screen.mask_selectors) ?? [];
+            const issueData = {
+              url: masked.pageUrl,
+              title: ((_c2 = data.title) == null ? void 0 : _c2.trim()) || void 0,
+              // 마스킹 정책 때문에 버린 스크린샷은 이슈에도 남긴다. 말없이 빼지 않는다.
+              description: screen.screenshotExcluded ? appendMaskingNotice(
+                data.description,
+                screenshotExclusionNotice(screen.screenshotExcluded)
+              ) : ((_d2 = data.description) == null ? void 0 : _d2.trim()) || void 0,
+              intent: ((_e2 = data.intent) == null ? void 0 : _e2.trim()) || void 0,
+              position: {
+                x: data.position.x,
+                y: data.position.y,
+                xpath: positionData.xpath,
+                viewport: positionData.viewport,
+                elementRect: positionData.elementRect,
+                // 대상 규칙이 가린 요소의 페이지 텍스트는 selector·위치 지문에도 싣지 않는다.
+                ...maskPositionForSubmit(positionData, data.position.element, maskSelectors),
+                component: positionData.component
+              },
+              screenshot: screen.screenshotUrls.length > 0 ? screen.screenshotUrls : void 0,
+              ...videoFile2 && !excludeVideo2 ? { video_pending: true } : {},
+              network_logs: masked.networkLogs,
+              console_logs: masked.consoleLogs.length > 0 ? masked.consoleLogs : void 0,
+              user_agent: navigator.userAgent,
+              tenant_id: authInfo.tenantId,
+              project_id: authInfo.projectId,
+              account_id: authInfo.accountId || void 0,
+              snippet_id: snippetId ?? void 0,
+              masking_policy_version: masked.version,
+              ...buildExternalUserPayload(SDKManager.getInstance().config.user),
+              // 비어 있는 값은 보내지 않는다 — 저장해봐야 값 없음과 같고 요청만 커진다.
+              custom_field_values: Object.entries(customFieldValues ?? {}).filter(([, value]) => value !== null && value !== void 0 && value !== "").map(([field_definition_id, value]) => ({ field_definition_id, value }))
+            };
+            if (((_f2 = issueData.custom_field_values) == null ? void 0 : _f2.length) === 0) {
+              delete issueData.custom_field_values;
+            }
+            const replay = screen.replay;
+            const attachments2 = await collectAttachmentUploads({
+              takeReplay: replay ? async () => replay : void 0,
+              getConnections: () => masked.socketConnections,
+              onError: (kind, error) => devLogger.error(
+                "useIssueSubmission",
+                kind === "replay" ? "세션 리플레이 스냅샷 실패 (이슈 생성 계속):" : "소켓 전사 직렬화 실패 (이슈 생성 계속):",
+                error
+              )
+            });
+            if (hasReplayUpload(attachments2)) {
+              issueData.session_replay_pending = true;
+            }
+            const { networkLogs: fittedNetworkLogs, stillOverBudget } = shrinkNetworkLogsToFit(
+              issueData.network_logs ?? [],
+              measureJsonBytes({ ...issueData, network_logs: void 0 })
+            );
+            issueData.network_logs = fittedNetworkLogs.length > 0 ? fittedNetworkLogs : void 0;
+            if (stillOverBudget) {
+              throw new Error(
+                "이슈 데이터가 전송 한도를 넘어 저장할 수 없습니다. 설명을 줄이거나 첨부를 빼고 다시 시도해주세요."
+              );
+            }
+            const createdIssue2 = await issueService.createIssue({ ...issueData, integrations });
+            restartReplayStartedWithoutPolicy(context, sessionReplay);
+            return {
+              createdIssue: createdIssue2,
+              attachments: attachments2,
+              excludeVideo: excludeVideo2,
+              screenshotExcluded: screen.screenshotExcluded
+            };
+          }
+        }
+      );
+      maskingOutcomeRef.current = {
+        videoExcluded: excludeVideo,
+        videoExclusionNotified: Boolean(videoExclusionNotified),
+        ...screenshotExcluded ? { screenshotExcluded } : {}
+      };
+      const uploadVideo = videoFile2 && !excludeVideo ? videoFile2 : null;
+      if (uploadVideo || attachments.length > 0) {
+        await enqueueIssueUploads({
+          videoQueue: getWidgetVideoUploadQueue(),
+          attachmentQueue: getWidgetAttachmentUploadQueue(),
+          issueId: createdIssue.id,
+          projectKey: authInfo.projectId,
+          video: uploadVideo ? { blob: uploadVideo, mimeType: normalizeUploadMimeType(uploadVideo.type, "video") } : null,
+          attachments
+        });
+      }
       for (const service of createdIssue.failed_services ?? []) {
         toast.error(getIntegrationFailureMessage(service));
       }
       failedServicesRef.current = createdIssue.failed_services ?? [];
-      if (((_f2 = data.intent) == null ? void 0 : _f2.trim()) && createdIssue.generation_status === "skipped") {
+      if (((_a = data.intent) == null ? void 0 : _a.trim()) && createdIssue.generation_status === "skipped") {
         toast.warning(ISSUE_DRAFT_DISABLED_MESSAGE);
       }
       return createdIssue;
@@ -16980,7 +17698,17 @@ function useIssueSubmission({
       queryClient.invalidateQueries({ queryKey: ["contentIssues"] });
       SDKManager.getInstance().eventBus.emit("issue:created", createdIssue);
     },
-    onError: (error) => {
+    onError: (error, data) => {
+      const masking = describeMaskingSubmitFailure(error, {
+        replayRecording: Boolean(sessionReplay == null ? void 0 : sessionReplay.isRecording()),
+        screenshotsRecaptured: !data.position.videoFile
+      });
+      if (masking) {
+        toast.error(masking.message, { title: masking.title, duration: 0 });
+        if (masking.screenRulesChanged) onScreenRulesChanged == null ? void 0 : onScreenRulesChanged();
+        if (masking.restartReplay) void (sessionReplay == null ? void 0 : sessionReplay.restartRecording());
+        return;
+      }
       const billing = classifyBillingError(error);
       if ((billing == null ? void 0 : billing.kind) === "quota_exceeded") {
         toast.error("지금은 이슈를 제출할 수 없습니다. 잠시 후 다시 시도해주세요.");
@@ -16992,6 +17720,7 @@ function useIssueSubmission({
   const doSubmit = useCallback(
     async ({ title, description, intent }) => {
       failedServicesRef.current = [];
+      maskingOutcomeRef.current = NO_MASKING_OUTCOME;
       await createIssueMutation.mutateAsync({
         title,
         description,
@@ -17001,15 +17730,16 @@ function useIssueSubmission({
         notionFields,
         videoFile
       });
-      onSubmit(failedServicesRef.current.length > 0);
+      onSubmit(failedServicesRef.current.length > 0, maskingOutcomeRef.current);
     },
     [position2, onSubmit, jiraFields, notionFields, videoFile, createIssueMutation]
   );
   const { execute: submitIssue, isExecuting: isSubmitting } = useGuardedCallback(doSubmit);
+  const submissionError = createIssueMutation.error;
   return {
     submitIssue,
     isSubmitting,
-    error: createIssueMutation.error ? `이슈 생성에 실패했습니다: ${createIssueMutation.error instanceof Error ? createIssueMutation.error.message : "알 수 없는 오류"}` : null
+    error: submissionError && !describeMaskingSubmitFailure(submissionError) ? `이슈 생성에 실패했습니다: ${submissionError instanceof Error ? submissionError.message : "알 수 없는 오류"}` : null
   };
 }
 async function fetchSnippets(projectId) {
@@ -17147,11 +17877,17 @@ function mergeSnippetIntoDescription(currentDescription, prevBody, nextBody) {
   const base = prevBody ? trimmedCurrent.slice(0, trimmedCurrent.length - prevBody.length).trimEnd() : currentDescription;
   return { ref: normalizedNext, description: appendSnippet(base, nextBody) };
 }
-function useSessionReplayController() {
+function useSessionReplayController(identity = null) {
   const controllerRef = useRef(null);
   if (!controllerRef.current) {
     controllerRef.current = new SessionReplayCaptureController({
-      loadCapabilities: () => apiClient.get("/api/session-replays/capabilities")
+      loadCapabilities: () => apiClient.get("/api/session-replays/capabilities"),
+      // 키에 묶인 프로젝트 정책의 선택자를 메모한다. 위젯은 그 프로젝트로만 제출한다.
+      maskingPolicy: {
+        source: widgetMaskingPolicySource,
+        pendingRefresh: pendingWidgetMaskingPolicyRefresh,
+        refreshedWithin: widgetMaskingPolicyRefreshedWithin
+      }
     });
   }
   const controller = controllerRef.current;
@@ -17164,15 +17900,30 @@ function useSessionReplayController() {
       controller.destroy();
     };
   }, [controller]);
-  const takeSnapshot = useCallback(async () => {
-    return controller.takeSnapshot();
-  }, [controller]);
+  const startedIdentityRef = useRef(identity);
+  useEffect(() => {
+    if (startedIdentityRef.current === identity) return;
+    startedIdentityRef.current = identity;
+    void controller.restartRecording();
+  }, [controller, identity]);
+  const takeSnapshot = useCallback(
+    async (maskSelectors) => controller.takeSnapshot(maskSelectors),
+    [controller]
+  );
+  const isRecording = useCallback(() => controller.isRecording(), [controller]);
+  const getMaskMemoSelectors = useCallback(() => controller.getMaskMemoSelectors(), [controller]);
+  const whenRestarted = useCallback(() => controller.whenRestarted(), [controller]);
+  const restartRecording = useCallback(() => controller.restartRecording(), [controller]);
   const markReportStart = useCallback(() => controller.markReportStart(), [controller]);
   const clearReportStart = useCallback(() => controller.clearReportStart(), [controller]);
   return {
     available: snapshot.available,
     canAttach: snapshot.canAttach,
+    isRecording,
     takeSnapshot,
+    getMaskMemoSelectors,
+    whenRestarted,
+    restartRecording,
     markReportStart,
     clearReportStart
   };
@@ -17180,7 +17931,13 @@ function useSessionReplayController() {
 const DISABLED_CONTROLLER = {
   available: false,
   canAttach: false,
+  isRecording: () => false,
   takeSnapshot: async () => null,
+  getMaskMemoSelectors: () => null,
+  whenRestarted: async () => {
+  },
+  restartRecording: async () => {
+  },
   markReportStart: () => {
   },
   clearReportStart: () => {
@@ -17188,7 +17945,8 @@ const DISABLED_CONTROLLER = {
 };
 const SessionReplayContext = createContext(null);
 function SessionReplayProvider({ children }) {
-  const controller = useSessionReplayController();
+  const { tenantId, projectId } = useAuthContext();
+  const controller = useSessionReplayController(`${tenantId ?? ""}:${projectId ?? ""}`);
   return /* @__PURE__ */ jsx(SessionReplayContext.Provider, { value: controller, children });
 }
 function useSessionReplay() {
@@ -17443,7 +18201,7 @@ function useCustomFieldValueDraft({
   }, []);
   const setValue = useCallback(
     (fieldDefinitionId, value) => {
-      setDraft((current) => ({ ...current, [fieldDefinitionId]: value }));
+      setDraft((current2) => ({ ...current2, [fieldDefinitionId]: value }));
       clearTimeout(timersRef.current[fieldDefinitionId]);
       timersRef.current[fieldDefinitionId] = setTimeout(() => {
         delete timersRef.current[fieldDefinitionId];
@@ -17608,6 +18366,7 @@ function IssueFormError({ error }) {
   return /* @__PURE__ */ jsx("div", { className: "rounded-[18px] border border-danger/20 bg-danger-subtle px-4 py-3 text-sm text-danger", children: error });
 }
 const SWITCH_TO_AI = "AI 작성으로 돌아가기";
+const SWITCH_TO_AI_HINT = "기대한 동작만 적으면 AI가 제목과 설명을 작성합니다.";
 function IssueFormHeader({ title, onClose, onSwitchToAi }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
     /* @__PURE__ */ jsx("h2", { className: "m-0 text-lg font-semibold text-text-primary", children: title }),
@@ -17624,7 +18383,10 @@ function IssueFormHeader({ title, onClose, onSwitchToAi }) {
             children: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" })
           }
         ) }),
-        /* @__PURE__ */ jsx(TooltipContent, { side: "top", sideOffset: 10, children: SWITCH_TO_AI })
+        /* @__PURE__ */ jsxs(TooltipContent, { side: "top", sideOffset: 10, className: "max-w-[16rem]", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-medium", children: SWITCH_TO_AI }),
+          /* @__PURE__ */ jsx("p", { className: "mt-0.5 opacity-80", children: SWITCH_TO_AI_HINT })
+        ] })
       ] }) }) : null,
       /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", onClick: onClose, "aria-label": "닫기", children: /* @__PURE__ */ jsx(X$1, { className: "h-4 w-4" }) })
     ] })
@@ -17717,7 +18479,7 @@ function IssueFormJiraFields({
   const handleIssueTypeChange = (nextIssueTypeId) => {
     if (nextIssueTypeId === issueTypeId) return;
     onValuesReplace == null ? void 0 : onValuesReplace(
-      (current) => switchJiraIssueType(current, {
+      (current2) => switchJiraIssueType(current2, {
         exposedFields,
         previousFields: fieldDefinitions,
         nextFields: pickJiraIssueTypeFields(fields, issueTypes, nextIssueTypeId),
@@ -17852,12 +18614,35 @@ function SessionReplayLimitNotice({
   }
   return /* @__PURE__ */ jsx("p", { className: "text-xs text-warning", children: "이번 달 리플레이 한도를 모두 사용했습니다. 다음 달에 한도가 초기화되거나, 플랜을 업그레이드하면 다시 첨부할 수 있습니다." });
 }
+function MaskingVideoExcludedNotice({ excluded }) {
+  if (!excluded) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("p", { className: "text-xs text-warning", children: MASKING_COPY.videoExcluded });
+}
+function useMaskingVideoExcluded(source, projectId, hasVideo) {
+  var _a;
+  const { data: snapshot } = useQuery({
+    queryKey: ["maskingPolicySnapshot"],
+    queryFn: () => loadMaskingPolicyForSubmit(source).catch(() => null),
+    enabled: hasVideo,
+    // 워크스페이스를 바꾼 뒤 지난 워크스페이스 스냅샷이나 실패(null)를 신선한 값으로 읽으면 안내가
+    // 틀려 영상이 말없이 빠진다. 앱 전역 QueryClient 의 staleTime·gcTime 과 무관하게 마운트마다 새로 받는다.
+    staleTime: 0,
+    gcTime: 0,
+    refetchOnMount: "always"
+  });
+  if (!hasVideo || !projectId || !snapshot) return false;
+  return ((_a = resolveEffectivePolicy(snapshot, projectId)) == null ? void 0 : _a.screen.exclude_video) ?? false;
+}
 function IssueForm({
   position: position2,
   onSubmit,
   onCancel,
   activeIntegration,
-  isIntegrationLoading = false
+  isIntegrationLoading = false,
+  onScreenRulesChanged,
+  recaptureScreenshots
 }) {
   var _a, _b2;
   const { isMember } = useAuthContext();
@@ -17918,18 +18703,33 @@ function IssueForm({
   const integrationFieldSkeletonCount = Math.max(jiraService.getExposedFields().length, 2);
   const submitSucceededRef = useRef(false);
   const hadIntegrationFailureRef = useRef(false);
+  const maskingOutcomeRef = useRef(NO_MASKING_OUTCOME);
+  const videoExcludedByPolicy = useMaskingVideoExcluded(
+    widgetMaskingPolicySource,
+    selectedProjectId ?? null,
+    Boolean(position2.videoFile)
+  );
+  const handleScreenRulesChanged = () => {
+    onScreenRulesChanged == null ? void 0 : onScreenRulesChanged();
+    void sessionReplay.restartRecording();
+  };
   const issueSubmission = useIssueSubmission({
     position: position2,
-    onSubmit: (hasIntegrationFailure) => {
+    onScreenRulesChanged: handleScreenRulesChanged,
+    recaptureScreenshots,
+    onSubmit: (hasIntegrationFailure, outcome) => {
       void snippets.rememberSelection();
       if (formState.mode === "ai") {
-        onSubmit(hasIntegrationFailure);
+        onSubmit(hasIntegrationFailure, outcome);
         return;
       }
       submitSucceededRef.current = true;
       hadIntegrationFailureRef.current = hasIntegrationFailure;
+      maskingOutcomeRef.current = outcome;
       setIsOpen(false);
     },
+    // 녹화 제외 안내는 직접 작성 폼에만 있다. AI 작성 말풍선으로 냈으면 완료 토스트가 알린다.
+    videoExclusionNotified: formState.mode === "manual" && videoExcludedByPolicy,
     jiraFields,
     notionFields,
     customFieldValues,
@@ -18008,14 +18808,14 @@ function IssueForm({
               IssueFormJiraFieldDefaults,
               {
                 integrationId: jiraIntegrationId,
-                onDefaultsResolved: (defaults) => setJiraFields((current) => ({ ...defaults, ...current }))
+                onDefaultsResolved: (defaults) => setJiraFields((current2) => ({ ...defaults, ...current2 }))
               }
             ) }) : null,
             showCustomFields ? /* @__PURE__ */ jsx(QueryBoundary, { loadingFallback: null, onError: () => null, children: /* @__PURE__ */ jsx(
               IssueFormCustomFieldDefaults,
               {
                 projectId: selectedProjectId,
-                onDefaultsResolved: (defaults) => setCustomFieldValues((current) => ({ ...defaults, ...current }))
+                onDefaultsResolved: (defaults) => setCustomFieldValues((current2) => ({ ...defaults, ...current2 }))
               }
             ) }) : null,
             /* @__PURE__ */ jsx(QueryBoundary, { loadingFallback: null, onError: () => null, children: /* @__PURE__ */ jsx(IssueFormDraftCapabilityGate, { onResolved: handleDraftCapabilityResolved }) }),
@@ -18059,7 +18859,7 @@ function IssueForm({
             return;
           }
           if (submitSucceededRef.current) {
-            onSubmit(hadIntegrationFailureRef.current);
+            onSubmit(hadIntegrationFailureRef.current, maskingOutcomeRef.current);
           } else {
             onCancel();
           }
@@ -18088,6 +18888,7 @@ function IssueForm({
                     canAttach: sessionReplay.canAttach
                   }
                 ) : null,
+                /* @__PURE__ */ jsx(MaskingVideoExcludedNotice, { excluded: videoExcludedByPolicy }),
                 /* @__PURE__ */ jsx(
                   IssueFormTitleField,
                   {
@@ -18117,12 +18918,12 @@ function IssueForm({
                         values: jiraFields,
                         disabled: issueSubmission.isSubmitting,
                         onChange: (fieldId, value) => {
-                          setJiraFields((current) => ({
-                            ...current,
+                          setJiraFields((current2) => ({
+                            ...current2,
                             [fieldId]: value
                           }));
                         },
-                        onDefaultsResolved: (defaults) => setJiraFields((current) => ({ ...defaults, ...current })),
+                        onDefaultsResolved: (defaults) => setJiraFields((current2) => ({ ...defaults, ...current2 })),
                         onValuesReplace: setJiraFields
                       }
                     )
@@ -18146,8 +18947,8 @@ function IssueForm({
                         values: notionFields,
                         disabled: issueSubmission.isSubmitting,
                         onChange: (fieldId, value) => {
-                          setNotionFields((current) => ({
-                            ...current,
+                          setNotionFields((current2) => ({
+                            ...current2,
                             [fieldId]: value
                           }));
                         }
@@ -18161,8 +18962,8 @@ function IssueForm({
                     projectId: selectedProjectId,
                     values: customFieldValues,
                     disabled: issueSubmission.isSubmitting,
-                    onChange: (fieldId, value) => setCustomFieldValues((current) => ({ ...current, [fieldId]: value })),
-                    onDefaultsResolved: (defaults) => setCustomFieldValues((current) => ({ ...defaults, ...current }))
+                    onChange: (fieldId, value) => setCustomFieldValues((current2) => ({ ...current2, [fieldId]: value })),
+                    onDefaultsResolved: (defaults) => setCustomFieldValues((current2) => ({ ...defaults, ...current2 }))
                   }
                 ) }) : null
               ] }),
@@ -18175,17 +18976,17 @@ function IssueForm({
     getPortalContainer()
   );
 }
-function invalidateIssueQueries(issueId) {
-  issueService.invalidateCache();
-  queryClient.invalidateQueries({ queryKey: ["contentIssues"] });
-  queryClient.invalidateQueries({ queryKey: ["issue", issueId] });
-}
-function notifyIssueUpdated(issueId) {
-  SDKManager.getInstance().eventBus.emit("issue:updated", issueId);
-}
-function applyIssueMutationEffects(issueId) {
-  invalidateIssueQueries(issueId);
-  notifyIssueUpdated(issueId);
+function descriptionExternalUrl(issue, serviceType, jiraSiteUrl) {
+  var _a, _b2;
+  if (serviceType === "NOTION") {
+    return ((_a = getNotionPageMetadata(getPrimaryNotionMapping(issue))) == null ? void 0 : _a.notion_page_url) ?? null;
+  }
+  if (serviceType === "JIRA") {
+    const key = (_b2 = getJiraMetadata(getPrimaryJiraMapping(issue))) == null ? void 0 : _b2.jira_key;
+    const site = jiraSiteUrl == null ? void 0 : jiraSiteUrl.replace(/\/+$/, "");
+    return key && site ? `${site}/browse/${key}` : null;
+  }
+  return null;
 }
 function useJiraIssueSync(issue) {
   const [isSyncingAll, setIsSyncingAll] = useState(false);
@@ -18220,6 +19021,39 @@ function useJiraIssueSync(issue) {
     canSync
   };
 }
+const REFETCH_STATUSES = /* @__PURE__ */ new Set([400, 404, 409]);
+function useRefreshIssueDescription(issueId, issueQueryKey, onUpdated) {
+  const queryClient2 = useQueryClient();
+  const reload = useCallback(async () => {
+    await queryClient2.cancelQueries({ queryKey: issueQueryKey, exact: true });
+    return queryClient2.fetchQuery({
+      queryKey: issueQueryKey,
+      queryFn: () => issueService.getIssue(issueId),
+      staleTime: 0
+    });
+  }, [issueId, issueQueryKey, queryClient2]);
+  const refresh = useCallback(async () => {
+    try {
+      await issueService.refreshIssueDescription(issueId);
+    } catch (error) {
+      const status = error == null ? void 0 : error.status;
+      if (status !== void 0 && REFETCH_STATUSES.has(status)) invalidateIssueQueries(issueId);
+      throw error;
+    }
+    let fresh;
+    try {
+      fresh = await reload();
+    } catch (error) {
+      invalidateIssueQueries(issueId);
+      throw error;
+    }
+    queryClient2.invalidateQueries({ queryKey: ["contentIssues"] });
+    notifyIssueUpdated(issueId);
+    onUpdated == null ? void 0 : onUpdated();
+    return fresh;
+  }, [issueId, onUpdated, queryClient2, reload]);
+  return { refresh, reload };
+}
 const __vite_import_meta_env__ = { "BASE_URL": "/", "DEV": false, "MODE": "production", "PROD": true, "SSR": false, "VITE_ADMIN_BASE_URL": "https://app.issuesticker.com", "VITE_API_BASE_URL": "https://api.issuesticker.com" };
 function readViteEnv(name2) {
   var _a;
@@ -18770,12 +19604,13 @@ function ResizableSplitPane({
       var _a;
       event.preventDefault();
       (_a = dragCleanupRef.current) == null ? void 0 : _a.call(dragCleanupRef);
+      const releaseScopes = /* @__PURE__ */ new Set([document, event.currentTarget.getRootNode()]);
       const handleDocumentMouseMove = (moveEvent) => {
         updateRatio(moveEvent.clientX);
       };
       const stopDragging = () => {
         document.removeEventListener("mousemove", handleDocumentMouseMove);
-        document.removeEventListener("mouseup", stopDragging);
+        releaseScopes.forEach((scope) => scope.removeEventListener("mouseup", stopDragging));
         window.removeEventListener("blur", stopDragging);
         if (dragCleanupRef.current === stopDragging) {
           dragCleanupRef.current = null;
@@ -18783,7 +19618,7 @@ function ResizableSplitPane({
       };
       dragCleanupRef.current = stopDragging;
       document.addEventListener("mousemove", handleDocumentMouseMove);
-      document.addEventListener("mouseup", stopDragging);
+      releaseScopes.forEach((scope) => scope.addEventListener("mouseup", stopDragging));
       window.addEventListener("blur", stopDragging);
     },
     [updateRatio]
@@ -19988,6 +20823,132 @@ function ConsoleLogsSection({
 function IssueCreatedAt({ createdAt }) {
   return /* @__PURE__ */ jsx("div", { className: "text-right text-xs text-text-tertiary", children: new Date(createdAt).toLocaleString("ko-KR") });
 }
+function safeHttpUrl(value) {
+  if (!value) return null;
+  try {
+    const { protocol } = new URL(value);
+    return protocol === "https:" || protocol === "http:" ? value : null;
+  } catch {
+    return null;
+  }
+}
+function mergeByLabel(elements) {
+  const counts = /* @__PURE__ */ new Map();
+  for (const { type, count } of elements) {
+    const label = describeUnsupportedElement(type);
+    counts.set(label, (counts.get(label) ?? 0) + count);
+  }
+  return [...counts];
+}
+function DescriptionSyncLockNotice({
+  lock,
+  externalUrl,
+  canEdit = true
+}) {
+  const service = describeSyncService(lock.serviceType);
+  const href = safeHttpUrl(externalUrl);
+  const Icon2 = lock.blocksEditing ? Lock : Info$1;
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-t border-line-subtle py-3 text-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-text-primary", children: [
+      /* @__PURE__ */ jsx(Icon2, { className: "mt-0.5 size-4 shrink-0 text-text-tertiary", "aria-hidden": true }),
+      lock.blocksEditing ? /* @__PURE__ */ jsxs("p", { children: [
+        service,
+        "에서 설명 섹션의 제목이 지워져 설명을 동기화할 수 없습니다. ",
+        service,
+        "에서 지운 제목을 되살리면 다시 수정할 수 있습니다."
+      ] }) : /* @__PURE__ */ jsxs("p", { children: [
+        "이 설명에는 ",
+        service,
+        "에서만 고칠 수 있는 요소가 있습니다.",
+        canEdit ? " 나머지 설명은 이곳에서 수정할 수 있습니다." : null
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-x-3 gap-y-1 pl-6 text-xs text-text-secondary", children: mergeByLabel(lock.elements).map(([label, count]) => /* @__PURE__ */ jsxs("li", { children: [
+      label,
+      " ",
+      count,
+      "개"
+    ] }, label)) }),
+    href ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "flex items-center gap-1 self-start pl-6 text-xs text-text-secondary underline-offset-2 hover:underline",
+        children: [
+          service,
+          "에서 열기",
+          /* @__PURE__ */ jsx(ExternalLink$1, { className: "size-3", "aria-hidden": true })
+        ]
+      }
+    ) : null
+  ] });
+}
+function HiddenDescriptionNotice({
+  serviceType,
+  kinds,
+  externalUrl
+}) {
+  const service = describeSyncService(serviceType);
+  const href = safeHttpUrl(externalUrl);
+  const names = describeHiddenKinds(kinds);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-t border-line-subtle py-3 text-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-text-primary", children: [
+      /* @__PURE__ */ jsx(Info$1, { className: "mt-0.5 size-4 shrink-0 text-text-tertiary", "aria-hidden": true }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        service,
+        "에서만 수정할 수 있는 내용",
+        names ? `(${names})` : "",
+        "은 편집에서 숨겼습니다. 저장해도 ",
+        service,
+        "에는 그대로 남습니다."
+      ] })
+    ] }),
+    href ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "flex items-center gap-1 self-start pl-6 text-xs text-text-secondary underline-offset-2 hover:underline",
+        children: [
+          service,
+          "에서 열기",
+          /* @__PURE__ */ jsx(ExternalLink$1, { className: "size-3", "aria-hidden": true })
+        ]
+      }
+    ) : null
+  ] });
+}
+function DescriptionRefreshNotice({
+  onRefresh,
+  isRefreshing
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 border-t border-line-subtle py-3 text-sm", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 text-text-primary", children: [
+      /* @__PURE__ */ jsx(Info$1, { className: "mt-0.5 size-4 shrink-0 text-text-tertiary", "aria-hidden": true }),
+      /* @__PURE__ */ jsx("p", { children: "설명을 다시 불러와야 수정할 수 있습니다." })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "secondary",
+        size: "sm",
+        onClick: onRefresh,
+        disabled: isRefreshing,
+        className: "self-start",
+        children: isRefreshing ? "다시 불러오는 중..." : "다시 불러오기"
+      }
+    )
+  ] });
+}
+function DescriptionEditBasisChangedNotice({
+  reason = "changed"
+}) {
+  return /* @__PURE__ */ jsx("p", { role: "status", className: "py-2 text-sm text-text-primary", children: reason === "rejected" ? "이 설명은 숨긴 내용을 함께 표시한 상태에서만 저장할 수 있습니다. 입력한 내용을 복사한 뒤 「취소」를 클릭하고 다시 수정해주세요." : "설명이 바뀌어 지금 입력한 내용은 저장할 수 없습니다. 입력한 내용을 복사한 뒤 「취소」를 클릭하고 다시 수정해주세요." });
+}
 function ok$1() {
 }
 function unreachable() {
@@ -21232,9 +22193,6 @@ const svg = merge([aria, svg$1, xlink, xmlns, xml], "svg");
 function stringify(values) {
   return values.join(" ").trim();
 }
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
 var cjs$2 = {};
 var cjs$1;
 var hasRequiredCjs$2;
@@ -25662,34 +26620,34 @@ function subcontent(events, eventIndex) {
   let stream;
   let previous2;
   let index2 = -1;
-  let current = token;
+  let current2 = token;
   let adjust = 0;
   let start = 0;
   const breaks = [start];
-  while (current) {
-    while (events.get(++startPosition)[1] !== current) {
+  while (current2) {
+    while (events.get(++startPosition)[1] !== current2) {
     }
     startPositions.push(startPosition);
-    if (!current._tokenizer) {
-      stream = context.sliceStream(current);
-      if (!current.next) {
+    if (!current2._tokenizer) {
+      stream = context.sliceStream(current2);
+      if (!current2.next) {
         stream.push(null);
       }
       if (previous2) {
-        tokenizer.defineSkip(current.start);
+        tokenizer.defineSkip(current2.start);
       }
-      if (current._isInFirstContentOfListItem) {
+      if (current2._isInFirstContentOfListItem) {
         tokenizer._gfmTasklistFirstContentOfListItem = true;
       }
       tokenizer.write(stream);
-      if (current._isInFirstContentOfListItem) {
+      if (current2._isInFirstContentOfListItem) {
         tokenizer._gfmTasklistFirstContentOfListItem = void 0;
       }
     }
-    previous2 = current;
-    current = current.next;
+    previous2 = current2;
+    current2 = current2.next;
   }
-  current = token;
+  current2 = token;
   while (++index2 < childEvents.length) {
     if (
       // Find a void token that includes a break.
@@ -25697,15 +26655,15 @@ function subcontent(events, eventIndex) {
     ) {
       start = index2 + 1;
       breaks.push(start);
-      current._tokenizer = void 0;
-      current.previous = void 0;
-      current = current.next;
+      current2._tokenizer = void 0;
+      current2.previous = void 0;
+      current2 = current2.next;
     }
   }
   tokenizer.events = [];
-  if (current) {
-    current._tokenizer = void 0;
-    current.previous = void 0;
+  if (current2) {
+    current2._tokenizer = void 0;
+    current2.previous = void 0;
   } else {
     breaks.pop();
   }
@@ -31669,7 +32627,7 @@ const deprecations = [
   { from: "transformImageUri", id: "#add-urltransform", to: "urlTransform" },
   { from: "transformLinkUri", id: "#add-urltransform", to: "urlTransform" }
 ];
-function Markdown(options) {
+function Markdown$1(options) {
   const processor = createProcessor(options);
   const file = createFile(options);
   return post(processor.runSync(processor.parse(file), file), options);
@@ -31766,33 +32724,6 @@ function defaultUrlTransform(value) {
   }
   return "";
 }
-function useIssueFieldUpdate(issueId, onUpdated) {
-  const [error, setError] = useState(null);
-  const [savingField, setSavingField] = useState(null);
-  const updateField = useCallback(
-    async (field, value) => {
-      setError(null);
-      setSavingField(field);
-      try {
-        await issueService.updateIssue(issueId, { [field]: value });
-        applyIssueMutationEffects(issueId);
-        onUpdated == null ? void 0 : onUpdated();
-        return true;
-      } catch (err) {
-        setError(err instanceof Error ? err.message : "이슈 업데이트에 실패했습니다.");
-        return false;
-      } finally {
-        setSavingField((current) => current === field ? null : current);
-      }
-    },
-    [issueId, onUpdated]
-  );
-  return {
-    error,
-    savingField,
-    updateField
-  };
-}
 function ccount(value, character) {
   const source = String(value);
   if (typeof character !== "string") {
@@ -34839,9 +35770,20 @@ const markdownComponents = {
   h2: ({ children }) => /* @__PURE__ */ jsx("h2", { className: "my-3 whitespace-pre-wrap text-lg font-semibold text-text-primary", children }),
   h3: ({ children }) => /* @__PURE__ */ jsx("h3", { className: "my-2.5 whitespace-pre-wrap text-base font-semibold text-text-primary", children }),
   p: ({ children }) => /* @__PURE__ */ jsx("p", { className: "my-2 whitespace-pre-wrap text-text-primary", children }),
-  ul: ({ children }) => /* @__PURE__ */ jsx("ul", { className: "my-2 list-disc pl-5 text-text-primary", children }),
+  // 노션 할 일 블록은 GFM 작업 목록(`- [ ]`)으로 들어온다. 글머리표 대신 체크박스가 그 자리를 맡는다.
+  ul: ({ children, className }) => (className == null ? void 0 : className.includes("contains-task-list")) ? /* @__PURE__ */ jsx("ul", { className: "my-2 list-none pl-0 text-text-primary [li_&]:pl-5", children }) : /* @__PURE__ */ jsx("ul", { className: "my-2 list-disc pl-5 text-text-primary", children }),
   ol: ({ children }) => /* @__PURE__ */ jsx("ol", { className: "my-2 list-decimal pl-5 text-text-primary", children }),
   li: ({ children }) => /* @__PURE__ */ jsx("li", { className: "my-1", children }),
+  input: ({ type, checked }) => type === "checkbox" ? /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "checkbox",
+      checked,
+      disabled: true,
+      readOnly: true,
+      className: "mr-2 align-middle accent-brand"
+    }
+  ) : null,
   code: ({ children, className }) => {
     const isInline = !className;
     if (isInline) {
@@ -34858,7 +35800,8 @@ const markdownComponents = {
   // 깊이만큼 밀린다.
   details: ({ children }) => /* @__PURE__ */ jsx("details", { className: "my-2 [&>*:not(summary)]:pl-4", children }),
   summary: ({ children }) => /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-text-primary marker:text-text-tertiary", children }),
-  a: ({ href, children }) => /* @__PURE__ */ jsx(
+  // 노션의 빈 파일·PDF 블록은 `[pdf]()` 로 들어온다. 빈 href 는 현재 페이지로 이동하므로 글자로만 둔다.
+  a: ({ href, children }) => href ? /* @__PURE__ */ jsx(
     "a",
     {
       href,
@@ -34867,7 +35810,7 @@ const markdownComponents = {
       className: "text-brand underline underline-offset-2 hover:text-brand-hover",
       children
     }
-  ),
+  ) : /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children }),
   blockquote: ({ children }) => /* @__PURE__ */ jsx("blockquote", { className: "my-2 border-l-4 border-line-strong pl-3 italic text-text-secondary", children }),
   hr: () => /* @__PURE__ */ jsx("hr", { className: "my-4 border-0 border-t border-line" }),
   strong: ({ children }) => /* @__PURE__ */ jsx("strong", { className: "font-semibold", children }),
@@ -34880,29 +35823,300 @@ const markdownComponents = {
   th: ({ children }) => /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left font-semibold text-text-primary", children }),
   td: ({ children }) => /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-text-primary", children })
 };
+function Markdown({ children }) {
+  return /* @__PURE__ */ jsx(Markdown$1, { remarkPlugins: markdownRemarkPlugins, components: markdownComponents, children });
+}
+const HANGUL_START = 44032;
+function topicParticle(text2) {
+  return (text2.charCodeAt(text2.length - 1) - HANGUL_START) % 28 === 0 ? "는" : "은";
+}
+const READ_ONLY_CLASS = "my-2 border-l-2 border-line pl-3 [&_:is(h1,h2,h3,h4,h5,h6,p,li,td,th,summary,blockquote)]:text-text-secondary";
+function IssueDescriptionView({
+  description,
+  view
+}) {
+  const pieces = view == null ? void 0 : view.pieces;
+  if (!view || !(pieces == null ? void 0 : pieces.some((piece) => piece.kind === "hidden"))) {
+    return /* @__PURE__ */ jsx(Markdown, { children: description });
+  }
+  const service = describeSyncService(view.serviceType);
+  return /* @__PURE__ */ jsx(Fragment, { children: pieces.map((piece, index2) => {
+    if (piece.kind === "text") {
+      return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Markdown, { children: piece.markdown }) }, index2);
+    }
+    if (!piece.block.viewable) {
+      const kinds = describeHiddenKinds(piece.block.kinds);
+      return /* @__PURE__ */ jsxs("p", { className: "my-2 border-l-2 border-line pl-3 text-sm text-text-tertiary", children: [
+        kinds,
+        topicParticle(kinds),
+        " ",
+        service,
+        "에서 확인할 수 있습니다."
+      ] }, index2);
+    }
+    return /* @__PURE__ */ jsxs("div", { className: READ_ONLY_CLASS, children: [
+      /* @__PURE__ */ jsxs("span", { className: "block text-xs text-text-tertiary", children: [
+        service,
+        "에서만 수정할 수 있습니다"
+      ] }),
+      /* @__PURE__ */ jsx(Markdown, { children: piece.block.markdown })
+    ] }, index2);
+  }) });
+}
+const fallbacks = /* @__PURE__ */ new Map();
+const listeners$1 = /* @__PURE__ */ new Set();
+function notify$1() {
+  for (const listener of [...listeners$1]) listener();
+}
+function markFullTextFallback(issueId, signature) {
+  if (fallbacks.get(issueId) === signature) return;
+  fallbacks.set(issueId, signature);
+  notify$1();
+}
+function readFullTextFallback(issueId) {
+  return fallbacks.get(issueId);
+}
+function subscribeFullTextFallback(listener) {
+  listeners$1.add(listener);
+  return () => {
+    listeners$1.delete(listener);
+  };
+}
+const HIDES_EXTERNAL_PAYLOAD = { description_hides_external: true };
+const FULL_TEXT = [];
+function sameBasis(a, b) {
+  return a.length === b.length && a.every((markdown, index2) => markdown === b[index2]);
+}
+function isUnrecoverableRefresh(error) {
+  const status = error == null ? void 0 : error.status;
+  return status === 400 || status === 404;
+}
+function useDescriptionEditing({
+  isEditing,
+  saveError = null,
+  ...options
+}) {
+  const base = useDescriptionEditingBase(options);
+  return { ...base, ...base.resolve({ isEditing, saveError }) };
+}
+function useDescriptionEditingBase({
+  issueId,
+  description,
+  view,
+  blocked,
+  canEdit,
+  refresh,
+  reload
+}) {
+  const [refreshFailure, setRefreshFailure] = useState(
+    null
+  );
+  const fallbackSignature = useSyncExternalStore(
+    subscribeFullTextFallback,
+    () => readFullTextFallback(issueId),
+    () => void 0
+  );
+  const [rejectedIssueId, setRejectedIssueId] = useState(null);
+  const [editBasis, setEditBasis] = useState(FULL_TEXT);
+  const [isRefreshing, setIsRefreshing] = useState(false);
+  const stateSignature = descriptionStateSignature(view, description);
+  const fullText = fallbackSignature === stateSignature;
+  const needsRefresh = !!(view == null ? void 0 : view.needsRefresh) && !blocked && !fullText;
+  const pieces = fullText ? null : (view == null ? void 0 : view.pieces) ?? null;
+  const hiddenBlocks = pieces == null ? void 0 : pieces.flatMap((piece) => piece.kind === "hidden" ? [piece.block] : []);
+  const editable = (hiddenBlocks == null ? void 0 : hiddenBlocks.length) ? editableDescription(description ?? "", hiddenBlocks) : null;
+  const hidesExternal = editable !== null;
+  const nothingToEdit = editable === "";
+  const currentBasis = hidesExternal ? (hiddenBlocks ?? []).map((block) => block.markdown) : FULL_TEXT;
+  const viewKey = `${issueId}\0${view ? JSON.stringify([view.serviceType, view.needsRefresh, currentBasis]) : ""}`;
+  const refreshMessage = (refreshFailure == null ? void 0 : refreshFailure.key) === viewKey ? refreshFailure.message : null;
+  async function refreshDescription() {
+    setRefreshFailure(null);
+    setIsRefreshing(true);
+    try {
+      const fresh = await refresh();
+      const freshView = readDescriptionView(fresh.issue_external_mappings, fresh.description);
+      if (freshView == null ? void 0 : freshView.needsRefresh) {
+        markFullTextFallback(issueId, descriptionStateSignature(freshView, fresh.description));
+      }
+    } catch (error) {
+      if (isUnrecoverableRefresh(error)) markFullTextFallback(issueId, stateSignature);
+      setRefreshFailure({
+        message: error instanceof Error && error.message ? error.message : DESCRIPTION_REFRESH_FAILED_MESSAGE,
+        key: viewKey
+      });
+    } finally {
+      setIsRefreshing(false);
+    }
+  }
+  async function handleSaveRejected({ code: code2 }) {
+    if (code2 !== "DESCRIPTION_EXTERNAL_CHANGED" || editBasis.length === 0) return;
+    let fresh;
+    try {
+      fresh = await reload();
+    } catch {
+      return;
+    }
+    if (!fresh || !isSaveRejectionRepeating({ description, basis: editBasis }, fresh)) return;
+    markFullTextFallback(issueId, stateSignature);
+    setRejectedIssueId(issueId);
+  }
+  function resolve({
+    isEditing,
+    saveError = null
+  }) {
+    const basisChanged = isEditing && !sameBasis(editBasis, currentBasis);
+    const saveBlocked = blocked || needsRefresh || basisChanged;
+    const rejectionActive = isEditing && rejectedIssueId === issueId;
+    return {
+      /** 수정 버튼을 보인다. 편집 중이 아닐 때만 뜻이 있다. */
+      canStartEdit: canEdit && !saveBlocked && !nothingToEdit,
+      /** 편집 중이면 편집란에서 실제로 뺀 조각이 지금과 같을 때, 아니면 모두 숨긴 설명을 편집할 수 있는 사용자에게. */
+      showHiddenNotice: !!view && !!pieces && hidesExternal && !blocked && (isEditing ? editBasis.length > 0 && !basisChanged : nothingToEdit && canEdit),
+      basisChanged,
+      /** 숨긴 조각이 바뀌어 저장이 막힌 이유를 알린다. 다시 불러오기 안내와 겹치지 않게 한다. */
+      showBasisChangedNotice: basisChanged && !needsRefresh,
+      /** 저장이 막힌 이유. 설명이 바뀌었거나(changed), 저장이 되풀이 거절돼 전체 글로 돌아갔다(rejected). */
+      basisChangeReason: rejectionActive ? "rejected" : "changed",
+      saveBlocked,
+      /**
+       * 보여 줄 오류. 저장이 되풀이 거절됐으면 화면이 정한 문구가 먼저다. 지난 저장 오류 문구는 "최신
+       * 내용을 불러왔다"고 하고 서버 문구는 이 화면에 없는 버튼을 가리킬 수 있어 둘 다 맞지 않는다.
+       * 기준이 바뀐 뒤에는 지난 저장 오류가 안내와 모순이라 감춘다.
+       */
+      shownError: rejectionActive ? DESCRIPTION_STRIPPED_SAVE_REJECTED_MESSAGE : basisChanged ? null : saveError ?? refreshMessage
+    };
+  }
+  return {
+    needsRefresh,
+    /** 수정 버튼 대신 다시 불러오기 안내를 보인다. */
+    showRefreshNotice: needsRefresh && canEdit,
+    /** 편집을 시작할 때 편집란에 넣을 값. */
+    startValue: editable ?? description ?? "",
+    /** 편집란에서 뺀 조각이 있어 지금 설명에도 숨길 조각이 있다. 옛 보호 요소 안내를 대신한다. */
+    hidesExternal,
+    hiddenKinds: pieces ? collectHiddenKinds(pieces) : [],
+    /** 저장할 때 함께 보낼 필드. 편집 시작 때 숨긴 조각을 뺐을 때만 있다. */
+    extraPayload: editBasis.length > 0 ? HIDES_EXTERNAL_PAYLOAD : void 0,
+    isRefreshing,
+    /** 수정을 시작한다. 지금 편집란에서 뺄 조각을 기준으로 기록한다. */
+    beginEdit() {
+      setEditBasis(currentBasis);
+      setRefreshFailure(null);
+      setRejectedIssueId(null);
+    },
+    /**
+     * 저장이 거절되면 부른다. 표시를 보낸 저장이 외부 변경(DESCRIPTION_EXTERNAL_CHANGED)으로 거절됐고
+     * 이슈를 다시 받아도 설명과 숨긴 조각이 그대로면 그 이슈를 전체 글 편집으로 돌린다.
+     */
+    handleSaveRejected,
+    refreshDescription,
+    resolve
+  };
+}
+function errorCodeOf(err) {
+  var _a;
+  const error = (_a = err == null ? void 0 : err.data) == null ? void 0 : _a.error;
+  return typeof error === "object" && error !== null ? error.code : void 0;
+}
+const REFRESH_CODES = /* @__PURE__ */ new Set(["DESCRIPTION_SYNC_LOCKED", "DESCRIPTION_EXTERNAL_CHANGED"]);
+function useIssueFieldUpdate(issueId, onUpdated, syncService) {
+  const [error, setError] = useState(null);
+  const [savingField, setSavingField] = useState(null);
+  const updateField = useCallback(
+    async (field, value, extra, onRejected) => {
+      setError(null);
+      setSavingField(field);
+      try {
+        await issueService.updateIssue(issueId, { ...extra, [field]: value });
+        applyIssueMutationEffects(issueId);
+        onUpdated == null ? void 0 : onUpdated();
+        return true;
+      } catch (err) {
+        const code2 = errorCodeOf(err);
+        setError(
+          descriptionSyncErrorMessage(code2, syncService) ?? (err instanceof Error ? err.message : "이슈 업데이트에 실패했습니다.")
+        );
+        if (code2 && REFRESH_CODES.has(code2)) {
+          applyIssueMutationEffects(issueId);
+          onUpdated == null ? void 0 : onUpdated();
+        }
+        try {
+          await (onRejected == null ? void 0 : onRejected({ code: code2 }));
+        } catch {
+        }
+        return false;
+      } finally {
+        setSavingField((current2) => current2 === field ? null : current2);
+      }
+    },
+    [issueId, onUpdated, syncService]
+  );
+  const clearError = useCallback(() => setError(null), []);
+  return {
+    error,
+    savingField,
+    updateField,
+    clearError
+  };
+}
 function IssueDescription({
   issueId,
   description,
   onUpdated,
-  readOnly = false
+  readOnly = false,
+  syncLock,
+  view,
+  externalUrl,
+  onRefreshDescription,
+  onReloadIssue
 }) {
   const textareaRef = useRef(null);
   const [draftDescription, setDraftDescription] = useState(description);
   const [isEditing, setIsEditing] = useState(false);
-  const { error, savingField, updateField } = useIssueFieldUpdate(issueId, onUpdated);
+  const { error, savingField, updateField, clearError } = useIssueFieldUpdate(
+    issueId,
+    onUpdated,
+    (syncLock == null ? void 0 : syncLock.serviceType) ?? (view == null ? void 0 : view.serviceType)
+  );
+  const blocked = !!(syncLock == null ? void 0 : syncLock.blocksEditing);
+  const editing = useDescriptionEditing({
+    issueId,
+    description,
+    view,
+    blocked,
+    canEdit: !readOnly,
+    isEditing,
+    saveError: error,
+    refresh: onRefreshDescription,
+    reload: onReloadIssue
+  });
   useEffect(() => {
-    setDraftDescription(description);
-  }, [description]);
+    if (!isEditing) setDraftDescription(description);
+  }, [description, isEditing]);
   const handleStartEdit = () => {
-    setDraftDescription(description);
+    editing.beginEdit();
+    clearError();
+    setDraftDescription(editing.startValue);
     setIsEditing(true);
   };
   const handleCancelEdit = () => {
+    clearError();
     setDraftDescription(description);
     setIsEditing(false);
   };
   const handleSave = async () => {
-    const success = await updateField("description", draftDescription.trim());
+    if (readOnly || editing.saveBlocked) {
+      return;
+    }
+    const extra = editing.extraPayload;
+    const success = await updateField(
+      "description",
+      draftDescription.trim(),
+      extra,
+      // 뺀 초안의 저장이 같은 이유로 계속 거절되는지는 거절 코드를 보고 이슈를 다시 받아 정한다.
+      extra ? editing.handleSaveRejected : void 0
+    );
     if (success) {
       setIsEditing(false);
     }
@@ -34919,7 +36133,7 @@ function IssueDescription({
             variant: "secondary",
             size: "sm",
             onClick: handleSave,
-            disabled: isSaving,
+            disabled: isSaving || editing.saveBlocked,
             children: isSaving ? "저장 중..." : "저장"
           }
         ),
@@ -34934,7 +36148,7 @@ function IssueDescription({
             children: "취소"
           }
         )
-      ] }) : !readOnly ? /* @__PURE__ */ jsx(
+      ] }) : editing.canStartEdit ? /* @__PURE__ */ jsx(
         Button,
         {
           type: "button",
@@ -34946,20 +36160,40 @@ function IssueDescription({
         }
       ) : null
     ] }),
+    syncLock && (blocked || !editing.hidesExternal && !editing.showRefreshNotice) ? /* @__PURE__ */ jsx(DescriptionSyncLockNotice, { lock: syncLock, canEdit: !readOnly }) : null,
+    editing.showRefreshNotice ? /* @__PURE__ */ jsx(
+      DescriptionRefreshNotice,
+      {
+        onRefresh: () => void editing.refreshDescription(),
+        isRefreshing: editing.isRefreshing
+      }
+    ) : null,
+    view && editing.showHiddenNotice ? /* @__PURE__ */ jsx(
+      HiddenDescriptionNotice,
+      {
+        serviceType: view.serviceType,
+        kinds: editing.hiddenKinds,
+        externalUrl
+      }
+    ) : null,
+    editing.showBasisChangedNotice ? /* @__PURE__ */ jsx(DescriptionEditBasisChangedNotice, { reason: editing.basisChangeReason }) : null,
     isEditing ? /* @__PURE__ */ jsx(
       Textarea,
       {
         ref: textareaRef,
         value: draftDescription,
-        onChange: (event) => setDraftDescription(event.target.value),
+        onChange: (event) => {
+          setDraftDescription(event.target.value);
+          clearError();
+        },
         placeholder: "설명을 입력하세요",
         rows: 6,
         disabled: isSaving,
         className: "min-h-[140px] resize-none overflow-y-auto",
         "aria-label": "설명 입력"
       }
-    ) : description ? /* @__PURE__ */ jsx("div", { className: "text-sm leading-relaxed text-text-primary", children: /* @__PURE__ */ jsx(Markdown, { components: markdownComponents, remarkPlugins: markdownRemarkPlugins, children: description }) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: "설명이 아직 없습니다." }),
-    error ? /* @__PURE__ */ jsx("p", { className: "text-xs text-danger", children: error }) : null
+    ) : description ? /* @__PURE__ */ jsx("div", { className: "text-sm leading-relaxed text-text-primary", children: /* @__PURE__ */ jsx(IssueDescriptionView, { description, view }) }) : /* @__PURE__ */ jsx("p", { className: "text-sm text-text-tertiary", children: "설명이 아직 없습니다." }),
+    editing.shownError ? /* @__PURE__ */ jsx("p", { role: "alert", className: "text-xs text-danger", children: editing.shownError }) : null
   ] });
 }
 function getServiceDisplayName(serviceType) {
@@ -35227,18 +36461,20 @@ function IssueHeader({
   const [draftTitle, setDraftTitle] = useState(title);
   const [isEditing, setIsEditing] = useState(false);
   const [validationError, setValidationError] = useState(null);
-  const { error, savingField, updateField } = useIssueFieldUpdate(issueId, onUpdated);
+  const { error, savingField, updateField, clearError } = useIssueFieldUpdate(issueId, onUpdated);
   useEffect(() => {
     setDraftTitle(title);
   }, [title]);
   const handleStartEdit = () => {
     setDraftTitle(title);
     setValidationError(null);
+    clearError();
     setIsEditing(true);
   };
   const handleCancelEdit = () => {
     setDraftTitle(title);
     setValidationError(null);
+    clearError();
     setIsEditing(false);
   };
   const handleSave = async () => {
@@ -35267,6 +36503,7 @@ function IssueHeader({
               value: draftTitle,
               onChange: (event) => {
                 setDraftTitle(event.target.value);
+                clearError();
                 if (validationError) {
                   setValidationError(null);
                 }
@@ -35354,6 +36591,10 @@ function ImageViewer({
   title = "이미지 전체화면 보기"
 }) {
   const portalContainer = usePortalContainer();
+  const dismissRef = useShadowOutsideDismiss(
+    useCallback(() => onOpenChange(false), [onOpenChange]),
+    { focusOutside: false }
+  );
   return /* @__PURE__ */ jsx(Dialog$1, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogPortal$1, { container: portalContainer, children: [
     /* @__PURE__ */ jsx(
       DialogOverlay$1,
@@ -35368,6 +36609,7 @@ function ImageViewer({
     /* @__PURE__ */ jsxs(
       DialogContent$1,
       {
+        ref: dismissRef,
         onEscapeKeyDown: stopEscapePropagation(),
         style: {
           left: `calc(50% - (var(${BODY_SCROLLBAR_WIDTH_CSS_VAR}, 0px) / 2))`
@@ -35405,6 +36647,11 @@ function ImageViewer({
     )
   ] }) });
 }
+function orderScreenshotsForDisplay(urls) {
+  if (urls.length !== 2) return [...urls];
+  const [full, element2] = urls;
+  return [element2, full];
+}
 function parseScreenshotUrls(screenshot) {
   if (Array.isArray(screenshot)) {
     return screenshot.filter((url) => typeof url === "string" && url.length > 0);
@@ -35427,7 +36674,7 @@ function parseScreenshotUrls(screenshot) {
   return [screenshot];
 }
 function IssueScreenshot({ screenshot }) {
-  const screenshotUrls = parseScreenshotUrls(screenshot);
+  const screenshotUrls = orderScreenshotsForDisplay(parseScreenshotUrls(screenshot));
   const [selectedImageUrl, setSelectedImageUrl] = useState(
     screenshotUrls[0] ?? null
   );
@@ -35989,6 +37236,7 @@ function getOmittedReasonLabel(reason) {
   if (reason === "transport-budget") return "전송 용량 예산 초과";
   if (reason === "unavailable") return "수집 불가";
   if (reason === "mime-type") return "본문을 저장하지 않는 형식";
+  if (reason === "masking-policy") return MASKING_COPY.maskedLabel;
   return reason;
 }
 function OmittedBodyInfo({
@@ -36188,7 +37436,7 @@ function BodyTab({
     if (omittedBody) {
       return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsx(OmittedBodyInfo, { bodyType, ...omittedBody }),
-        bodyType === "response" && log && isImageMimeType(getResponseMimeType(log)) && /* @__PURE__ */ jsx(RemoteImagePreview, { url: log.url })
+        bodyType === "response" && log && omittedBody.reason !== "masking-policy" && isImageMimeType(getResponseMimeType(log)) && /* @__PURE__ */ jsx(RemoteImagePreview, { url: log.url })
       ] });
     }
     return /* @__PURE__ */ jsx("div", { className: "text-sm text-text-tertiary", children: emptyMessage });
@@ -36530,22 +37778,26 @@ function canWriteIssueContent(isMember, externalUserId) {
   return Boolean(externalUserId);
 }
 function IssuePopover({ issueId, onClose, onUpdate }) {
-  var _a;
+  var _a, _b2;
   const [isOpen, setIsOpen] = useState(true);
   const [activeLogSection, setActiveLogSection] = useState(null);
   const isLogDetailActive = activeLogSection !== null;
   const handleNetworkDetailActiveChange = useCallback((active) => {
-    setActiveLogSection((current) => active ? "network" : current === "network" ? null : current);
+    setActiveLogSection((current2) => active ? "network" : current2 === "network" ? null : current2);
   }, []);
   const handleConsoleDetailActiveChange = useCallback((active) => {
-    setActiveLogSection((current) => active ? "console" : current === "console" ? null : current);
+    setActiveLogSection((current2) => active ? "console" : current2 === "console" ? null : current2);
   }, []);
   const handleClose = () => setIsOpen(false);
   const { isMember } = useAuthContext();
   const canWriteContent = canWriteIssueContent(isMember, (_a = SDKManager.getInstance().config.user) == null ? void 0 : _a.id);
   const { selectedProjectId } = useProject();
+  const issueQueryKey = useMemo(
+    () => ["issue", issueId, selectedProjectId],
+    [issueId, selectedProjectId]
+  );
   const { data: issue, refetch } = useSuspenseQuery({
-    queryKey: ["issue", issueId, selectedProjectId],
+    queryKey: issueQueryKey,
     queryFn: async () => {
       const issueData = await issueService.getIssue(issueId);
       return issueData;
@@ -36568,6 +37820,13 @@ function IssuePopover({ issueId, onClose, onUpdate }) {
   const hasLinkedJiraIssue = Boolean(isMember && (mapping == null ? void 0 : mapping.integration_id) && linkedJiraIssueKey);
   const { isSyncingAll, syncAllFromJira, canSync } = useJiraIssueSync(issue);
   const notionMapping = getPrimaryNotionMapping(issue);
+  const syncLock = readDescriptionSyncLock(issue.issue_external_mappings);
+  const descriptionView = readDescriptionView(issue.issue_external_mappings, issue.description);
+  const { refresh: refreshDescription, reload: reloadIssue } = useRefreshIssueDescription(
+    issue.id,
+    issueQueryKey,
+    onUpdate
+  );
   const showNotionInfo = Boolean(isMember && (notionMapping == null ? void 0 : notionMapping.integration_id));
   return createPortal(
     /* @__PURE__ */ jsxs(
@@ -36598,7 +37857,16 @@ function IssuePopover({ issueId, onClose, onUpdate }) {
                 issueId: issue.id,
                 description: issue.description ?? "",
                 onUpdated: onUpdate,
-                readOnly: !canWriteContent
+                readOnly: !canWriteContent,
+                syncLock,
+                view: descriptionView,
+                externalUrl: isMember ? descriptionExternalUrl(
+                  issue,
+                  descriptionView == null ? void 0 : descriptionView.serviceType,
+                  (_b2 = jiraService.getConfig()) == null ? void 0 : _b2.siteUrl
+                ) : null,
+                onRefreshDescription: refreshDescription,
+                onReloadIssue: reloadIssue
               }
             ),
             showJiraInfo && mapping ? /* @__PURE__ */ jsx(
@@ -36801,16 +38069,16 @@ function isVisible(element2) {
 function isRendered(node2) {
   if (!isVisible(node2)) return false;
   const view = node2.ownerDocument.defaultView;
-  let current = node2;
-  for (let depth = 0; current && depth < HIDDEN_ANCESTOR_LIMIT; depth += 1) {
-    if (current.hasAttribute("hidden") || current.getAttribute("aria-hidden") === "true") {
+  let current2 = node2;
+  for (let depth = 0; current2 && depth < HIDDEN_ANCESTOR_LIMIT; depth += 1) {
+    if (current2.hasAttribute("hidden") || current2.getAttribute("aria-hidden") === "true") {
       return false;
     }
-    if (current.localName === "dialog" && !current.hasAttribute("open")) return false;
-    const style = view == null ? void 0 : view.getComputedStyle(current);
+    if (current2.localName === "dialog" && !current2.hasAttribute("open")) return false;
+    const style = view == null ? void 0 : view.getComputedStyle(current2);
     if ((style == null ? void 0 : style.display) === "none") return false;
-    if (current === node2 && (style == null ? void 0 : style.visibility) === "hidden") return false;
-    current = current.parentElement;
+    if (current2 === node2 && (style == null ? void 0 : style.visibility) === "hidden") return false;
+    current2 = current2.parentElement;
   }
   return true;
 }
@@ -37675,7 +38943,7 @@ function useDocumentLayoutVersion(enabled, mode) {
     let frame2 = 0;
     const bump = () => {
       frame2 = 0;
-      setVersion((current) => current + 1);
+      setVersion((current2) => current2 + 1);
     };
     const scheduleFrame = () => {
       if (frame2) return;
@@ -37774,7 +39042,7 @@ function IssueStickersContainer$1({
   useEffect(() => {
     if (retryAt === void 0) return void 0;
     const timer = window.setTimeout(
-      () => setRetryVersion((current) => current + 1),
+      () => setRetryVersion((current2) => current2 + 1),
       Math.max(0, retryAt - Date.now()) + 1
     );
     return () => window.clearTimeout(timer);
@@ -37839,6 +39107,7 @@ function IssueStickersContainer$1({
     [clearClosingCluster, collapseExpandedCluster, expandedClusterId]
   );
   useEffect(() => {
+    var _a;
     if (!expandedClusterId) return void 0;
     const handlePointerDown = (event) => {
       const root2 = rootRef.current;
@@ -37847,8 +39116,9 @@ function IssueStickersContainer$1({
         collapseExpandedCluster();
       }
     };
-    document.addEventListener("pointerdown", handlePointerDown, true);
-    return () => document.removeEventListener("pointerdown", handlePointerDown, true);
+    const scopes = /* @__PURE__ */ new Set([document, ((_a = rootRef.current) == null ? void 0 : _a.getRootNode()) ?? document]);
+    scopes.forEach((scope) => scope.addEventListener("pointerdown", handlePointerDown, true));
+    return () => scopes.forEach((scope) => scope.removeEventListener("pointerdown", handlePointerDown, true));
   }, [collapseExpandedCluster, expandedClusterId]);
   if (!visible) {
     return null;
@@ -38112,6 +39382,9 @@ function useKeyboardShortcuts(isCreatingIssueRef, onToggleIssueMode, onToggleRec
         return;
       }
       if (isRecordingShortcut(eventLike)) {
+        if (isIssueFormOpen) {
+          return;
+        }
         e.preventDefault();
         e.stopPropagation();
         if (isProcessingRecordingRef.current) {
@@ -38276,7 +39549,7 @@ function useContentAppState() {
     showToast
   } = useIssueMode();
   const screenRecording = useScreenRecording();
-  const { clickPosition, clearClickPosition } = useClickPosition(
+  const { clickPosition, clearClickPosition, recaptureScreenshots } = useClickPosition(
     isCreatingIssueRef,
     screenRecording.recordedFile
   );
@@ -38438,16 +39711,27 @@ function useContentAppState() {
     }
   }, [isCreatingIssue]);
   const handleIssueCreated = useCallback(
-    async (hasIntegrationFailure = false) => {
+    async (hasIntegrationFailure = false, outcome) => {
+      const hadVideo = Boolean(clickPosition == null ? void 0 : clickPosition.videoFile) && !(outcome == null ? void 0 : outcome.videoExcluded);
+      const policyNotice = maskingCompletionNotice(outcome);
       clearClickPosition();
       screenRecording.clearRecordedFile();
       await loadIssues();
       await toggleIssueMode(false);
       if (!hasIntegrationFailure) {
-        showToast("이슈가 생성되었습니다.");
+        const message = hadVideo ? VIDEO_UPLOAD_COPY.created : "이슈가 생성되었습니다.";
+        if (policyNotice) {
+          toast.success(`${message} ${policyNotice}`, {
+            duration: MASKING_NOTICE_TOAST_DURATION_MS
+          });
+        } else {
+          showToast(message);
+        }
+      } else if (policyNotice) {
+        toast.warning(policyNotice, { duration: MASKING_NOTICE_TOAST_DURATION_MS });
       }
     },
-    [clearClickPosition, loadIssues, screenRecording, toggleIssueMode, showToast]
+    [clickPosition, clearClickPosition, loadIssues, screenRecording, toggleIssueMode, showToast]
   );
   return {
     // 상태
@@ -38468,6 +39752,7 @@ function useContentAppState() {
     handleIssueCreated,
     loadIssues,
     clearClickPosition,
+    recaptureScreenshots,
     toggleIssueMode,
     handleToggleRecording,
     screenRecordingClearRecordedFile: screenRecording.clearRecordedFile,
@@ -38476,6 +39761,31 @@ function useContentAppState() {
     setFieldFilters
   };
 }
+function useWidgetVideoUploads(projectId) {
+  const [states, setStates] = useState([]);
+  useEffect(() => getWidgetVideoUploadQueue().subscribe(setStates), []);
+  useEffect(() => {
+    if (!projectId) return;
+    void resumeWidgetIssueUploads(projectId).then((count) => {
+      if (count > 0) toast.info(VIDEO_UPLOAD_COPY.resumed(count));
+      void getWidgetVideoUploadQueue().pruneExpired();
+      void getWidgetAttachmentUploadQueue().pruneExpired();
+    });
+  }, [projectId]);
+  useEffect(() => {
+    const handleBeforeUnload = (event) => {
+      if (getWidgetVideoUploadQueue().hasActiveUploads() || getWidgetAttachmentUploadQueue().hasActiveUploads()) {
+        event.preventDefault();
+      }
+    };
+    window.addEventListener("beforeunload", handleBeforeUnload);
+    return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+  }, []);
+  const retryFailedUploads = () => {
+    states.filter((state) => state.status === "failed").forEach((state) => retryWidgetIssueUploads(state.issueId));
+  };
+  return { uploadProgress: summarizeVideoUploads(states), retryFailedUploads };
+}
 const STORAGE_KEY = "issue-sticker-sticker-render-mode";
 const QUERY_ROOT = ["stickerRenderMode"];
 function readLocalRenderMode() {
@@ -38841,7 +40151,7 @@ function MoreMenu({
     },
     {
       id: "unrendered",
-      label: unrenderedStickerCount > 0 ? `미표시 스티커 ${unrenderedStickerCount}개` : "미표시 스티커 없음",
+      label: unrenderedStickerCount > 0 ? `표시하지 못한 스티커 ${unrenderedStickerCount}개` : "표시하지 못한 스티커 없음",
       icon: /* @__PURE__ */ jsx(CircleAlert, { size: ICON_SIZE }),
       onClick: onOpenUnrenderedStickers,
       // 0개일 때도 노출한다. 숨기면 목록을 열어 확인할 진입점 자체가 없어진다.
@@ -39086,6 +40396,35 @@ const TOOLBAR_STYLES = `
     border: 2px solid hsl(var(--surface-1));
     pointer-events: none;
   }
+  .toolbar-upload {
+    width: 34px;
+    height: 34px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: none;
+    border-radius: 50%;
+    border: none;
+    background: transparent;
+    padding: 0;
+    outline: none;
+  }
+  button.toolbar-upload { cursor: pointer; }
+  .toolbar-upload:focus-visible { box-shadow: var(--shadow-focus); }
+  .toolbar-upload svg { transform: rotate(-90deg); }
+  .toolbar-upload-track {
+    fill: none;
+    stroke: hsl(var(--border-subtle));
+    stroke-width: 2.5;
+  }
+  .toolbar-upload-bar {
+    fill: none;
+    stroke: var(--brand);
+    stroke-width: 2.5;
+    stroke-linecap: round;
+    transition: stroke-dashoffset 0.3s ease;
+  }
+  .toolbar-upload[data-failed="true"] .toolbar-upload-bar { stroke: hsl(var(--danger)); }
 
   .toolbar-menu {
     position: absolute;
@@ -39363,6 +40702,13 @@ function formatElapsed(startedAt, now2) {
   const ss = String(seconds % 60).padStart(2, "0");
   return `${mm}:${ss}`;
 }
+const UPLOAD_RING_RADIUS = 7;
+const UPLOAD_RING_LENGTH = 2 * Math.PI * UPLOAD_RING_RADIUS;
+function formatUploadLabel({ percent: percent2, count, failed }) {
+  if (failed) return "영상 업로드 실패";
+  const waiting = count > 1 ? ` · 대기 ${count - 1}개` : "";
+  return `영상 업로드 중 ${percent2}%${waiting}`;
+}
 function Toolbar({
   onCreateIssue,
   onToggleStickers,
@@ -39384,7 +40730,9 @@ function Toolbar({
   targets,
   account,
   blocked,
-  filter: filter2
+  filter: filter2,
+  uploadProgress,
+  onUploadRetry
 }) {
   const rootRef = useRef(null);
   const [internalOpen, setInternalOpen] = useState(false);
@@ -39480,14 +40828,28 @@ function Toolbar({
       ((_a = rootRef.current) == null ? void 0 : _a.querySelectorAll(".toolbar-btn")) ?? []
     );
     if (buttons.length === 0) return;
-    const current = buttons.indexOf(document.activeElement);
+    const current2 = buttons.indexOf(document.activeElement);
     const delta = e.key === "ArrowRight" ? 1 : -1;
-    const next = (current + delta + buttons.length) % buttons.length;
+    const next = (current2 + delta + buttons.length) % buttons.length;
     (_b2 = buttons[next]) == null ? void 0 : _b2.focus();
     e.preventDefault();
   }, []);
   const anchor = toCssAnchor(placement);
   const menuPlacement = getMenuPlacement(placement);
+  const uploadRing = uploadProgress ? /* @__PURE__ */ jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("circle", { className: "toolbar-upload-track", cx: "9", cy: "9", r: UPLOAD_RING_RADIUS }),
+    /* @__PURE__ */ jsx(
+      "circle",
+      {
+        className: "toolbar-upload-bar",
+        cx: "9",
+        cy: "9",
+        r: UPLOAD_RING_RADIUS,
+        strokeDasharray: UPLOAD_RING_LENGTH,
+        strokeDashoffset: uploadProgress.failed ? 0 : UPLOAD_RING_LENGTH * (1 - uploadProgress.percent / 100)
+      }
+    )
+  ] }) : null;
   const idleBody = /* @__PURE__ */ jsxs(TooltipProvider, { delayDuration: 240, skipDelayDuration: 120, disableHoverableContent: true, children: [
     /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -39526,6 +40888,30 @@ function Toolbar({
         /* @__PURE__ */ jsx("span", { className: "block font-normal opacity-70", children: "공유할 화면을 선택하는 창이 열립니다" })
       ] })
     ] }),
+    uploadProgress ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: uploadProgress.failed && onUploadRetry ? /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "toolbar-upload",
+          "aria-label": ISSUE_UPLOAD_COPY.retry,
+          "data-failed": true,
+          onClick: onUploadRetry,
+          children: uploadRing
+        }
+      ) : /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "toolbar-upload",
+          role: "status",
+          "aria-label": formatUploadLabel(uploadProgress),
+          "data-failed": uploadProgress.failed,
+          tabIndex: 0,
+          children: uploadRing
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "top", sideOffset: 10, children: formatUploadLabel(uploadProgress) })
+    ] }) : null,
     /* @__PURE__ */ jsx("div", { className: "toolbar-divider" }),
     /* @__PURE__ */ jsxs(
       "button",
@@ -39577,7 +40963,7 @@ function Toolbar({
         children: /* @__PURE__ */ jsx(X$1, { size: 15 })
       }
     )
-  ] }) : state === "writing" ? /* @__PURE__ */ jsx("span", { className: "toolbar-hint", children: "이슈를 작성 중입니다" }) : state === "recording" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  ] }) : state === "recording" ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("span", { className: "toolbar-pulse", "aria-hidden": "true" }),
     /* @__PURE__ */ jsx("span", { className: "toolbar-elapsed", "aria-hidden": "true", children: formatElapsed(recordingStartedAt, now2) }),
     /* @__PURE__ */ jsx("div", { className: "toolbar-divider" }),
@@ -39592,6 +40978,7 @@ function Toolbar({
       }
     )
   ] }) : idleBody;
+  if (state === "writing") return null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("style", { children: TOOLBAR_STYLES }),
     /* @__PURE__ */ jsxs(Popover, { open: filterOpen, onOpenChange: setFilterOpen, children: [
@@ -39736,6 +41123,7 @@ function ContentAppWrapper({
     handleIssueCreated,
     loadIssues,
     clearClickPosition,
+    recaptureScreenshots,
     toggleIssueMode,
     handleToggleRecording,
     screenRecordingClearRecordedFile,
@@ -39747,6 +41135,7 @@ function ContentAppWrapper({
   const { renderMode, saveRenderMode } = useStickerRenderMode();
   const { isMember } = useAuthContext();
   const { selectedProjectId } = useProject();
+  const { uploadProgress, retryFailedUploads } = useWidgetVideoUploads(selectedProjectId);
   const filterProjectId = isMember ? selectedProjectId : null;
   const { data: filterGroups = [] } = useQuery({
     queryKey: ["issueFilterGroups", filterProjectId],
@@ -39789,6 +41178,8 @@ function ContentAppWrapper({
             recordingStartedAt: screenRecording.startedAt,
             showStickers,
             toolbar,
+            uploadProgress,
+            onUploadRetry: retryFailedUploads,
             stickerRenderMode: renderMode,
             onToggleStickerRenderMode: () => void saveRenderMode(nextRenderMode),
             unrenderedStickerCount: unrenderedCount,
@@ -39842,7 +41233,9 @@ function ContentAppWrapper({
               }
             },
             activeIntegration,
-            isIntegrationLoading
+            isIntegrationLoading,
+            onScreenRulesChanged: recaptureScreenshots,
+            recaptureScreenshots
           }
         ) })
       ]
@@ -39884,12 +41277,13 @@ function AuthGate() {
     ) })
   ] });
 }
-const globalsCSS = `:root,:host{color-scheme:light;--brand-h: 150;--brand-s: 100%;--brand-l: 34%;--brand-hsl: var(--brand-h) var(--brand-s) var(--brand-l);--brand: hsl(var(--brand-hsl));--brand-hover: hsl(var(--brand-h) calc(var(--brand-s) + 3%) calc(var(--brand-l) - 4%));--brand-active: hsl(var(--brand-h) calc(var(--brand-s) + 2%) calc(var(--brand-l) - 8%));--brand-subtle: hsl(var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 14%) / .14);--brand-border: hsl(var(--brand-h) calc(var(--brand-s) + 8%) calc(var(--brand-l) + 8%) / .34);--brand-fg: hsl(0 0% 100%);--brand-ring: hsl(var(--brand-h) calc(var(--brand-s) + 12%) calc(var(--brand-l) + 10%) / .22);--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-display: var(--font-sans);--font-mono: var(--font-sans);--surface-0: 0 0% 99%;--surface-1: 0 0% 100%;--surface-2: 144 8% 96%;--surface-3: 144 6% 93%;--surface-inset: 144 6% 95%;--overlay-backdrop: hsl(0 0% 0% / .24);--overlay-backdrop-strong: hsl(0 0% 0% / .48);--text-primary: 150 10% 12%;--text-secondary: 148 6% 36%;--text-tertiary: 145 5% 42%;--text-disabled: 145 4% 70%;--text-inverse: 0 0% 100%;--border-subtle: 144 8% 91%;--border-default: 144 6% 85%;--border-strong: 144 5% 72%;--border-focus: var(--brand-h) var(--brand-s) var(--brand-l);--success: var(--brand-h) var(--brand-s) var(--brand-l);--success-subtle: var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 14%) / .14;--success-surface: var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 14%) / .24;--warning: 34 82% 52%;--warning-subtle: 34 82% 52% / .14;--danger: 3 68% 56%;--danger-subtle: 3 68% 56% / .12;--danger-deep: 3 62% 40%;--info: 202 52% 44%;--info-subtle: 202 52% 44% / .12;--accent-terra: 13 52% 47%;--accent-terra-subtle: 13 52% 47% / .1;--accent-terra-deep: 13 48% 44%;--accent-blue: 213 86% 56%;--accent-blue-subtle: 213 92% 56% / .12;--accent-blue-deep: 216 78% 40%;--accent-blue-border: 213 86% 62% / .36;--accent-cream: 38 52% 88%;--accent-cream-warm: 40 56% 95%;--accent-cream-deep: 38 48% 82%;--accent-highlight: 55 96% 70%;--accent-ink: 32 13% 11%;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 9999px;--shadow-xs: 0 1px 2px 0 hsl(0 0% 0% / .04);--shadow-sm: 0 1px 3px 0 hsl(0 0% 0% / .06), 0 1px 2px -1px hsl(0 0% 0% / .06);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .06), 0 2px 4px -2px hsl(0 0% 0% / .04);--shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / .06), 0 4px 6px -4px hsl(0 0% 0% / .04);--shadow-xl: 0 20px 25px -5px hsl(0 0% 0% / .06), 0 8px 10px -6px hsl(0 0% 0% / .04);--shadow-focus: 0 0 0 3px var(--brand-ring);--shadow-inset: inset 0 1px 2px 0 hsl(0 0% 0% / .04);--shadow-brand: 0 2px 8px hsl(var(--brand-h) calc(var(--brand-s) - 60%) calc(var(--brand-l) - 14%) / .24), 0 6px 20px hsl(var(--brand-h) calc(var(--brand-s) - 70%) calc(var(--brand-l) - 19%) / .16);--duration-instant: 90ms;--duration-fast: .16s;--duration-base: .26s;--duration-out: .18s;--duration-slow: .36s;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.45, 0, .15, 1);--ease-spring: cubic-bezier(.18, .94, .32, 1.08);--grid-line: 0 0% 92%}.dark,:host(.dark){color-scheme:dark;--brand-l: 34%;--brand-fg: hsl(0 0% 100%);--surface-0: 150 8% 7%;--surface-1: 150 6% 10%;--surface-2: 150 5% 14%;--surface-3: 150 4% 18%;--surface-inset: 150 6% 6%;--overlay-backdrop: hsl(0 0% 0% / .56);--overlay-backdrop-strong: hsl(0 0% 0% / .8);--text-primary: 40 16% 93%;--text-secondary: 36 8% 68%;--text-tertiary: 34 6% 50%;--text-disabled: 30 5% 34%;--text-inverse: 150 8% 10%;--border-subtle: 150 6% 16%;--border-default: 150 5% 22%;--border-strong: 150 4% 34%;--success: var(--brand-h) var(--brand-s) var(--brand-l);--success-subtle: var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 14%) / .14;--success-surface: var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 14%) / .24;--warning: 34 82% 62%;--danger: 2 70% 64%;--danger-deep: 2 80% 76%;--info: 202 54% 62%;--accent-terra: 13 56% 62%;--accent-terra-subtle: 13 56% 62% / .14;--accent-terra-deep: 13 52% 56%;--accent-blue: 210 92% 68%;--accent-blue-subtle: 210 92% 68% / .18;--accent-blue-deep: 209 100% 78%;--accent-blue-border: 210 92% 72% / .44;--accent-cream: 38 30% 26%;--accent-cream-warm: 38 22% 18%;--accent-cream-deep: 38 26% 32%;--accent-highlight: 55 96% 70%;--accent-ink: 32 13% 8%;--shadow-xs: 0 1px 2px 0 hsl(0 0% 0% / .2);--shadow-sm: 0 1px 3px 0 hsl(0 0% 0% / .3), 0 1px 2px -1px hsl(0 0% 0% / .24);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .34), 0 2px 4px -2px hsl(0 0% 0% / .2);--shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / .38), 0 4px 6px -4px hsl(0 0% 0% / .24);--shadow-xl: 0 20px 25px -5px hsl(0 0% 0% / .44), 0 8px 10px -6px hsl(0 0% 0% / .28);--shadow-inset: inset 0 1px 2px 0 hsl(0 0% 0% / .16);--shadow-brand: 0 2px 8px hsl(var(--brand-h) calc(var(--brand-s) - 60%) calc(var(--brand-l) - 24%) / .44), 0 6px 20px hsl(0 0% 0% / .32);--grid-line: 150 6% 14%}*{border-color:hsl(var(--border-default))}html{font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01","ss03";background-color:hsl(var(--surface-0))}body{margin:0;min-height:100vh;color:hsl(var(--text-primary));background-color:hsl(var(--surface-0))}::-moz-selection{background-color:hsl(var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 16%) / .22);color:hsl(var(--text-primary))}::selection{background-color:hsl(var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 16%) / .22);color:hsl(var(--text-primary))}code,kbd,samp,pre{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:"ss01","ss02","cv11"}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border-strong) / .52);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:hsl(var(--border-strong) / .9);background-clip:padding-box;border:2px solid transparent}.app-canvas,.grid-canvas{background-color:hsl(var(--surface-0))}.onboarding-canvas{word-break:keep-all;overflow-wrap:break-word;--surface-0: var(--brand-h) var(--brand-s) var(--brand-l);--surface-1: 0 0% 100%;--surface-2: var(--brand-h) 62% 28%;--surface-3: var(--brand-h) 60% 25%;--surface-inset: var(--brand-h) 62% 28%;--text-primary: 0 0% 100%;--text-secondary: var(--brand-h) 46% 90%;--text-tertiary: var(--brand-h) 34% 84%;--text-disabled: var(--brand-h) 20% 72%;--border-subtle: var(--brand-h) 44% 52%;--border-default: var(--brand-h) 40% 58%;--border-strong: var(--brand-h) 36% 70%;--border-focus: 0 0% 100%;--brand-hsl: 0 0% 100%;--brand: hsl(var(--brand-hsl));--brand-hover: hsl(var(--brand-h) 24% 94%);--brand-active: hsl(var(--brand-h) 20% 88%);--brand-fg: hsl(var(--brand-h) var(--brand-s) 24%);--brand-ring: hsl(0 0% 100% / .4);--danger: 6 96% 86%;--danger-subtle: 6 96% 86% / .18;--danger-deep: 6 96% 92%;--warning: 42 96% 82%;--warning-subtle: 42 96% 82% / .18}.onboarding-canvas .bg-surface-1,.onboarding-canvas input,.onboarding-canvas textarea,.onboarding-canvas [role=combobox]{--text-primary: 150 10% 12%;--text-secondary: 148 6% 36%;--text-tertiary: 145 5% 42%;--surface-2: 144 8% 96%;--surface-inset: 144 6% 95%;--border-subtle: 144 8% 91%;--border-default: 144 6% 85%;--brand-hsl: var(--brand-h) var(--brand-s) var(--brand-l);--brand: hsl(var(--brand-hsl));--brand-hover: hsl(var(--brand-h) calc(var(--brand-s) + 3%) calc(var(--brand-l) - 4%));--brand-active: hsl(var(--brand-h) calc(var(--brand-s) + 2%) calc(var(--brand-l) - 8%));--brand-fg: hsl(0 0% 100%);--brand-ring: hsl(var(--brand-h) calc(var(--brand-s) + 12%) calc(var(--brand-l) + 10%) / .22);--warning: 34 82% 52%;--warning-subtle: 34 82% 52% / .14;--danger: 3 68% 56%;--danger-subtle: 3 68% 56% / .12;--danger-deep: 3 62% 40%}@keyframes onboarding-step-in{0%{opacity:0;transform:translate(96px)}to{opacity:1;transform:translate(0)}}.onboarding-step-in{animation:onboarding-step-in var(--duration-slow) var(--ease-out) forwards}@keyframes onboarding-enter-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-enter{position:fixed;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;animation:onboarding-enter-up var(--duration-base) var(--ease-out) forwards}body:has(.onboarding-canvas){background-color:hsl(var(--brand-h) var(--brand-s) var(--brand-l))}.panel-shell,.surface-shell{border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-xl);background:hsl(var(--surface-1));box-shadow:var(--shadow-sm)}.panel-shell-muted,.surface-shell-muted{background:hsl(var(--surface-2));box-shadow:var(--shadow-xs)}.panel-shell-subtle{border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-lg);background:hsl(var(--surface-1));box-shadow:var(--shadow-xs)}.panel-shell-elevated{border:1px solid hsl(var(--border-default));border-radius:var(--radius-xl);background:hsl(var(--surface-1));box-shadow:var(--shadow-md)}.utility-chip,.floating-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid hsl(var(--border-default));border-radius:var(--radius-pill);background:hsl(var(--surface-1));box-shadow:var(--shadow-xs)}.hairline{border-bottom:1px solid hsl(var(--border-subtle))}.mono-label{font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;text-transform:uppercase;color:hsl(var(--text-tertiary))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root,:host{--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-mono: var(--font-sans);--issue-marker-expand-duration: .52s;--surface-0: 0 0% 99%;--surface-1: 0 0% 100%;--surface-2: 144 8% 96%;--surface-3: 144 6% 93%;--surface-inset: 144 6% 95%;--overlay-backdrop: hsl(0 0% 0% / .24);--overlay-backdrop-strong: hsl(0 0% 0% / .48);--text-primary: 150 10% 12%;--text-secondary: 148 6% 36%;--text-tertiary: 145 5% 52%;--text-disabled: 145 4% 70%;--border-subtle: 144 8% 91%;--border-default: 144 6% 85%;--border-strong: 144 5% 72%;--grid-line: 0 0% 92%;--shadow-xs: 0 1px 2px 0 hsl(0 0% 0% / .04);--shadow-sm: 0 1px 3px 0 hsl(0 0% 0% / .06), 0 1px 2px -1px hsl(0 0% 0% / .06);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .06), 0 2px 4px -2px hsl(0 0% 0% / .04);--shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / .06), 0 4px 6px -4px hsl(0 0% 0% / .04);--shadow-xl: 0 20px 25px -5px hsl(0 0% 0% / .06), 0 8px 10px -6px hsl(0 0% 0% / .04);--shadow-focus: 0 0 0 4px var(--brand-ring);--shadow-inset: inset 0 1px 2px 0 hsl(0 0% 0% / .04)}*{--tw-border-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-border-opacity, 1))}#issue-sticker-shadow-root{all:initial;display:block;background-color:transparent;--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1));font-family:var(--font-sans);line-height:1.5}.\\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-1{left:4px;right:4px}.inset-y-0{top:0;bottom:0}.-bottom-px{bottom:-1px}.bottom-0{bottom:0}.bottom-4{bottom:16px}.bottom-6{bottom:24px}.left-0{left:0}.left-1\\/2{left:50%}.left-2{left:8px}.left-4{left:16px}.left-\\[50\\%\\]{left:50%}.right-0{right:0}.right-2{right:8px}.right-3{right:12px}.right-4{right:16px}.right-5{right:20px}.right-6{right:24px}.top-0{top:0}.top-1{top:4px}.top-1\\/2{top:50%}.top-2{top:8px}.top-3{top:12px}.top-4{top:16px}.top-5{top:20px}.top-\\[50\\%\\]{top:50%}.top-\\[calc\\(\\(3\\.5rem-1\\.75rem\\)\\/2\\)\\]{top:14px}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-\\[1000000\\]{z-index:1000000}.z-\\[1000003\\]{z-index:1000003}.z-\\[1000004\\]{z-index:1000004}.z-\\[1000005\\]{z-index:1000005}.z-\\[1000006\\]{z-index:1000006}.z-\\[1000007\\]{z-index:1000007}.z-\\[1000008\\]{z-index:1000008}.z-\\[1000010\\]{z-index:1000010}.z-\\[1000011\\]{z-index:1000011}.z-\\[10001\\]{z-index:10001}.z-\\[999999\\]{z-index:999999}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.-mx-2{margin-left:-8px;margin-right:-8px}.mx-3{margin-left:12px;margin-right:12px}.my-1{margin-top:4px;margin-bottom:4px}.my-2{margin-top:8px;margin-bottom:8px}.my-2\\.5{margin-top:10px;margin-bottom:10px}.my-3{margin-top:12px;margin-bottom:12px}.my-4{margin-top:16px;margin-bottom:16px}.mb-0\\.5{margin-bottom:2px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-5{margin-bottom:20px}.ml-0\\.5{margin-left:2px}.ml-4{margin-left:16px}.mr-1\\.5{margin-right:6px}.mt-0{margin-top:0}.mt-0\\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.\\!h-auto{height:auto!important}.h-1\\.5{height:6px}.h-10{height:40px}.h-11{height:44px}.h-2{height:8px}.h-24{height:96px}.h-3{height:12px}.h-3\\.5{height:14px}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-7{height:28px}.h-8{height:32px}.h-9{height:36px}.h-\\[1\\.4rem\\]{height:22.4px}.h-\\[100vh\\]{height:100vh}.h-\\[18px\\]{height:18px}.h-\\[220px\\]{height:220px}.h-\\[22px\\]{height:22px}.h-\\[30px\\]{height:30px}.h-\\[min\\(36vh\\,320px\\)\\]{height:min(36vh,320px)}.h-\\[min\\(480px\\,calc\\(100vh-64px\\)\\)\\]{height:min(480px,calc(100vh - 64px))}.h-\\[min\\(54vh\\,520px\\)\\]{height:min(54vh,520px)}.h-\\[min\\(560px\\,calc\\(100vh-32px\\)\\)\\]{height:min(560px,calc(100vh - 32px))}.h-\\[var\\(--issue-sticker-size\\)\\]{height:var(--issue-sticker-size)}.h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-24{max-height:96px}.max-h-40{max-height:160px}.max-h-56{max-height:224px}.max-h-80{max-height:320px}.max-h-96{max-height:384px}.max-h-\\[150px\\]{max-height:150px}.max-h-\\[220px\\]{max-height:220px}.max-h-\\[320px\\]{max-height:320px}.max-h-\\[420px\\]{max-height:420px}.max-h-\\[90vh\\]{max-height:90vh}.max-h-\\[calc\\(100vh-3rem\\)\\]{max-height:calc(100vh - 48px)}.max-h-\\[min\\(80vh\\,640px\\)\\]{max-height:min(80vh,640px)}.min-h-0{min-height:0px}.min-h-11{min-height:44px}.min-h-\\[108px\\]{min-height:108px}.min-h-\\[120px\\]{min-height:120px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[220px\\]{min-height:220px}.w-0\\.5{width:2px}.w-1{width:4px}.w-1\\.5{width:6px}.w-1\\/2{width:50%}.w-10{width:40px}.w-12{width:48px}.w-14{width:56px}.w-16{width:64px}.w-2{width:8px}.w-3{width:12px}.w-3\\.5{width:14px}.w-4{width:16px}.w-5{width:20px}.w-6{width:24px}.w-7{width:28px}.w-72{width:288px}.w-8{width:32px}.w-80{width:320px}.w-9{width:36px}.w-\\[1\\.4rem\\]{width:22.4px}.w-\\[18px\\]{width:18px}.w-\\[22\\.5rem\\]{width:360px}.w-\\[22rem\\]{width:352px}.w-\\[30px\\]{width:30px}.w-\\[38px\\]{width:38px}.w-\\[calc\\(100vw-32px\\)\\]{width:calc(100vw - 32px)}.w-\\[min\\(20rem\\,calc\\(100vw_-_1\\.5rem\\)\\)\\]{width:min(320px,calc(100vw - 24px))}.w-\\[min\\(560px\\,calc\\(100vw-32px\\)\\)\\]{width:min(560px,calc(100vw - 32px))}.w-\\[var\\(--radix-popover-trigger-width\\)\\]{width:var(--radix-popover-trigger-width)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-9{min-width:36px}.min-w-\\[12rem\\]{min-width:192px}.min-w-\\[200px\\]{min-width:200px}.min-w-\\[var\\(--radix-popover-trigger-width\\)\\]{min-width:var(--radix-popover-trigger-width)}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.max-w-\\[10rem\\]{max-width:160px}.max-w-\\[120px\\]{max-width:120px}.max-w-\\[160px\\]{max-width:160px}.max-w-\\[260px\\]{max-width:260px}.max-w-\\[280px\\]{max-width:280px}.max-w-\\[28rem\\]{max-width:448px}.max-w-\\[300px\\]{max-width:300px}.max-w-\\[360px\\]{max-width:360px}.max-w-\\[36rem\\]{max-width:576px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[420px\\]{max-width:420px}.max-w-\\[428px\\]{max-width:428px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[62ch\\]{max-width:62ch}.max-w-\\[640px\\]{max-width:640px}.max-w-\\[70ch\\]{max-width:70ch}.max-w-\\[90vw\\]{max-width:90vw}.max-w-\\[960px\\]{max-width:960px}.max-w-\\[calc\\(100vw-24px\\)\\]{max-width:calc(100vw - 24px)}.max-w-\\[var\\(--issue-sticker-size\\)\\]{max-width:var(--issue-sticker-size)}.max-w-full{max-width:100%}.max-w-md{max-width:448px}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.-translate-x-1{--tw-translate-x: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: 4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[18px\\]{--tw-translate-x: 18px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[2px\\]{--tw-translate-x: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 0 var(--brand-ring)}50%{box-shadow:0 0 0 8px transparent}}.animate-pulse-ring{animation:pulse-ring 1.8s var(--ease-in-out) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\\.5{gap:2px}.gap-1{gap:4px}.gap-1\\.5{gap:6px}.gap-2{gap:8px}.gap-2\\.5{gap:10px}.gap-3{gap:12px}.gap-3\\.5{gap:14px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-x-5{-moz-column-gap:20px;column-gap:20px}.gap-y-2{row-gap:8px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.space-y-1\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(6px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(6px * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(12px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(12px * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(20px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(20px * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(24px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(24px * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-line-subtle>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.\\!rounded-none{border-radius:0!important}.rounded{border-radius:4px}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[18px\\]{border-radius:18px}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-dashed{border-style:dashed}.border-\\[hsl\\(144_8\\%_91\\%\\)\\]{--tw-border-opacity: 1;border-color:hsl(144 8% 91% / var(--tw-border-opacity, 1))}.border-brand{--tw-border-opacity: 1;border-color:hsl(var(--brand-hsl) / var(--tw-border-opacity, 1))}.border-brand-border{border-color:var(--brand-border)}.border-brand\\/30{border-color:hsl(var(--brand-hsl) / .3)}.border-brand\\/40{border-color:hsl(var(--brand-hsl) / .4)}.border-danger\\/20{border-color:hsl(var(--danger) / .2)}.border-danger\\/30{border-color:hsl(var(--danger) / .3)}.border-info\\/20{border-color:hsl(var(--info) / .2)}.border-info\\/30{border-color:hsl(var(--info) / .3)}.border-line{--tw-border-opacity: 1;border-color:hsl(var(--border-default) / var(--tw-border-opacity, 1))}.border-line-focus{--tw-border-opacity: 1;border-color:hsl(var(--border-focus) / var(--tw-border-opacity, 1))}.border-line-strong{--tw-border-opacity: 1;border-color:hsl(var(--border-strong) / var(--tw-border-opacity, 1))}.border-line-subtle{--tw-border-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-border-opacity, 1))}.border-line-subtle\\/50{border-color:hsl(var(--border-subtle) / .5)}.border-line-subtle\\/90{border-color:hsl(var(--border-subtle) / .9)}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-success{--tw-border-opacity: 1;border-color:hsl(var(--success) / var(--tw-border-opacity, 1))}.border-success\\/20{border-color:hsl(var(--success) / .2)}.border-success\\/30{border-color:hsl(var(--success) / .3)}.border-text-primary{--tw-border-opacity: 1;border-color:hsl(var(--text-primary) / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-warning\\/20{border-color:hsl(var(--warning) / .2)}.border-warning\\/30{border-color:hsl(var(--warning) / .3)}.border-white\\/70{border-color:#ffffffb3}.border-white\\/80{border-color:#fffc}.border-white\\/90{border-color:#ffffffe6}.border-l-brand{--tw-border-opacity: 1;border-left-color:hsl(var(--brand-hsl) / var(--tw-border-opacity, 1))}.\\!bg-success-surface{background-color:hsl(var(--success-surface))!important}.bg-\\[var\\(--overlay-backdrop-strong\\)\\]{background-color:var(--overlay-backdrop-strong)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\\/10{background-color:#0000001a}.bg-black\\/40{background-color:#0006}.bg-black\\/80{background-color:#000c}.bg-brand{--tw-bg-opacity: 1;background-color:hsl(var(--brand-hsl) / var(--tw-bg-opacity, 1))}.bg-brand-subtle{background-color:var(--brand-subtle)}.bg-brand\\/10{background-color:hsl(var(--brand-hsl) / .1)}.bg-brand\\/5{background-color:hsl(var(--brand-hsl) / .05)}.bg-danger{--tw-bg-opacity: 1;background-color:hsl(var(--danger) / var(--tw-bg-opacity, 1))}.bg-danger-subtle{background-color:hsl(var(--danger-subtle))}.bg-danger\\/10{background-color:hsl(var(--danger) / .1)}.bg-info-subtle{background-color:hsl(var(--info-subtle))}.bg-line{--tw-bg-opacity: 1;background-color:hsl(var(--border-default) / var(--tw-bg-opacity, 1))}.bg-line-subtle{--tw-bg-opacity: 1;background-color:hsl(var(--border-subtle) / var(--tw-bg-opacity, 1))}.bg-success{--tw-bg-opacity: 1;background-color:hsl(var(--success) / var(--tw-bg-opacity, 1))}.bg-success-subtle{background-color:hsl(var(--success-subtle))}.bg-success-surface{background-color:hsl(var(--success-surface))}.bg-surface-0{--tw-bg-opacity: 1;background-color:hsl(var(--surface-0) / var(--tw-bg-opacity, 1))}.bg-surface-1{--tw-bg-opacity: 1;background-color:hsl(var(--surface-1) / var(--tw-bg-opacity, 1))}.bg-surface-2{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.bg-surface-3{--tw-bg-opacity: 1;background-color:hsl(var(--surface-3) / var(--tw-bg-opacity, 1))}.bg-surface-inset{--tw-bg-opacity: 1;background-color:hsl(var(--surface-inset) / var(--tw-bg-opacity, 1))}.bg-text-primary{--tw-bg-opacity: 1;background-color:hsl(var(--text-primary) / var(--tw-bg-opacity, 1))}.bg-text-tertiary{--tw-bg-opacity: 1;background-color:hsl(var(--text-tertiary) / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:hsl(var(--warning) / var(--tw-bg-opacity, 1))}.bg-warning-subtle{background-color:hsl(var(--warning-subtle))}.bg-warning\\/10{background-color:hsl(var(--warning) / .1)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\\/10{background-color:#ffffff1a}.bg-white\\/25{background-color:#ffffff40}.fill-text-primary{fill:hsl(var(--text-primary) / 1)}.stroke-\\[3\\]{stroke-width:3}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\\!p-0{padding:0!important}.p-0{padding:0}.p-0\\.5{padding:2px}.p-1{padding:4px}.p-1\\.5{padding:6px}.p-2{padding:8px}.p-3{padding:12px}.p-3\\.5{padding:14px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-7{padding:28px}.p-8{padding:32px}.p-\\[18px\\]{padding:18px}.px-0{padding-left:0;padding-right:0}.px-1\\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.px-2\\.5{padding-left:10px;padding-right:10px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.px-6{padding-left:24px;padding-right:24px}.px-9{padding-left:36px;padding-right:36px}.py-0\\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-1\\.5{padding-top:6px;padding-bottom:6px}.py-10{padding-top:40px;padding-bottom:40px}.py-16{padding-top:64px;padding-bottom:64px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-3\\.5{padding-top:14px;padding-bottom:14px}.py-4{padding-top:16px;padding-bottom:16px}.py-5{padding-top:20px;padding-bottom:20px}.py-6{padding-top:24px;padding-bottom:24px}.py-8{padding-top:32px;padding-bottom:32px}.pb-1{padding-bottom:4px}.pb-3{padding-bottom:12px}.pb-4{padding-bottom:16px}.pl-3{padding-left:12px}.pl-4{padding-left:16px}.pl-5{padding-left:20px}.pl-8{padding-left:32px}.pr-10{padding-right:40px}.pr-3{padding-right:12px}.pr-4{padding-right:16px}.pt-0{padding-top:0}.pt-1{padding-top:4px}.pt-2\\.5{padding-top:10px}.pt-4{padding-top:16px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-display{font-family:var(--font-display),ui-sans-serif,system-ui,sans-serif}.font-mono{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.font-sans{font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif}.text-2xs{font-size:clamp(10.5px,10.19px + .082vw,11.5px);line-height:1.333}.text-\\[0\\.72rem\\]{font-size:11.52px}.text-\\[1\\.45rem\\]{font-size:23.2px}.text-\\[1\\.75rem\\]{font-size:28px}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-base{font-size:clamp(14px,13.39px + .163vw,16px);line-height:1.5}.text-lg{font-size:clamp(17px,16.39px + .163vw,19px);line-height:1.471}.text-sm{font-size:clamp(13px,12.54px + .122vw,14.5px);line-height:1.462}.text-xl{font-size:clamp(20px,19.08px + .245vw,23px);line-height:1.45}.text-xs{font-size:clamp(12px,11.69px + .082vw,13px);line-height:1.333}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-4{line-height:16px}.leading-5{line-height:20px}.leading-8{line-height:32px}.leading-\\[1\\.55\\]{line-height:1.55}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-\\[hsl\\(145_5\\%_42\\%\\)\\]{--tw-text-opacity: 1;color:hsl(145 5% 42% / var(--tw-text-opacity, 1))}.text-brand{--tw-text-opacity: 1;color:hsl(var(--brand-hsl) / var(--tw-text-opacity, 1))}.text-brand-fg{color:var(--brand-fg)}.text-brand\\/50{color:hsl(var(--brand-hsl) / .5)}.text-danger{--tw-text-opacity: 1;color:hsl(var(--danger) / var(--tw-text-opacity, 1))}.text-danger\\/80{color:hsl(var(--danger) / .8)}.text-info{--tw-text-opacity: 1;color:hsl(var(--info) / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-success{--tw-text-opacity: 1;color:hsl(var(--success) / var(--tw-text-opacity, 1))}.text-text-disabled{--tw-text-opacity: 1;color:hsl(var(--text-disabled) / var(--tw-text-opacity, 1))}.text-text-inverse{--tw-text-opacity: 1;color:hsl(var(--text-inverse) / var(--tw-text-opacity, 1))}.text-text-primary{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.text-text-secondary{--tw-text-opacity: 1;color:hsl(var(--text-secondary) / var(--tw-text-opacity, 1))}.text-text-tertiary{--tw-text-opacity: 1;color:hsl(var(--text-tertiary) / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-warning{--tw-text-opacity: 1;color:hsl(var(--warning) / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/90{color:#ffffffe6}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-brand{accent-color:hsl(var(--brand-hsl) / 1)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.\\!shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\\[0_24px_70px_-28px_rgba\\(16\\,24\\,18\\,0\\.45\\)\\]{--tw-shadow: 0 24px 70px -28px rgba(16,24,18,.45);--tw-shadow-colored: 0 24px 70px -28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow: var(--shadow-xs);--tw-shadow-colored: var(--shadow-xs);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-2{outline-width:2px}.outline-offset-0{outline-offset:0px}.outline-transparent{outline-color:transparent}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-brand{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--brand-hsl) / var(--tw-ring-opacity, 1))}.ring-brand-subtle{--tw-ring-color: var(--brand-subtle)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\\[2px\\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[background-color\\,border-color\\,color\\,box-shadow\\]{transition-property:background-color,border-color,color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[background-color\\,color\\,border-color\\,box-shadow\\,opacity\\]{transition-property:background-color,color,border-color,box-shadow,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[background-color\\,color\\,border-color\\,box-shadow\\]{transition-property:background-color,color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[background-color\\,color\\,box-shadow\\]{transition-property:background-color,color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[background-color\\,color\\]{transition-property:background-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[border-color\\,box-shadow\\,background-color\\]{transition-property:border-color,box-shadow,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[border-color\\,outline-color\\,box-shadow\\,background-color\\,transform\\]{transition-property:border-color,outline-color,box-shadow,background-color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[max-width\\,height\\,box-shadow\\,background-color\\,border-color\\,transform\\,opacity\\]{transition-property:max-width,height,box-shadow,background-color,border-color,transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[max-width\\]{transition-property:max-width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-\\[var\\(--issue-marker-expand-duration\\)\\]{transition-duration:var(--issue-marker-expand-duration)}.duration-fast{transition-duration:var(--duration-fast)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:var(--ease-in-out)}.ease-out{transition-timing-function:var(--ease-out)}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes toast-slide{0%{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.issue-overlay-shell{border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-lg);background:hsl(var(--surface-1));box-shadow:var(--shadow-md)}.issue-marker-breathe{animation:float-gentle 4.8s var(--ease-in-out) infinite}.issue-marker-breathe:hover,.issue-marker-breathe:focus-visible,.issue-marker-breathe:focus-within{animation-play-state:paused}.\\[overflow-wrap\\:anywhere\\]{overflow-wrap:anywhere}.marker\\:text-text-tertiary *::marker{color:hsl(var(--text-tertiary))}.marker\\:text-text-tertiary::marker{color:hsl(var(--text-tertiary))}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:clamp(13px,12.54px + .122vw,14.5px);line-height:1.462}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-text-primary::file-selector-button{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.placeholder\\:text-text-tertiary::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--text-tertiary) / var(--tw-text-opacity, 1))}.placeholder\\:text-text-tertiary::placeholder{--tw-text-opacity: 1;color:hsl(var(--text-tertiary) / var(--tw-text-opacity, 1))}.first\\:mt-0:first-child{margin-top:0}.first\\:border-t-0:first-child{border-top-width:0px}.first\\:pt-0:first-child{padding-top:0}.focus-within\\:z-\\[10001\\]:focus-within{z-index:10001}.focus-within\\:border-line-focus:focus-within{--tw-border-opacity: 1;border-color:hsl(var(--border-focus) / var(--tw-border-opacity, 1))}.hover\\:z-\\[10001\\]:hover{z-index:10001}.hover\\:border-line:hover{--tw-border-opacity: 1;border-color:hsl(var(--border-default) / var(--tw-border-opacity, 1))}.hover\\:border-line-strong:hover{--tw-border-opacity: 1;border-color:hsl(var(--border-strong) / var(--tw-border-opacity, 1))}.hover\\:border-line-subtle:hover{--tw-border-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-border-opacity, 1))}.hover\\:bg-\\[hsl\\(144_8\\%_96\\%\\)\\]:hover{--tw-bg-opacity: 1;background-color:hsl(144 8% 96% / var(--tw-bg-opacity, 1))}.hover\\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\\:bg-brand-hover:hover{background-color:var(--brand-hover)}.hover\\:bg-brand\\/40:hover{background-color:hsl(var(--brand-hsl) / .4)}.hover\\:bg-danger-subtle:hover{background-color:hsl(var(--danger-subtle))}.hover\\:bg-danger\\/10:hover{background-color:hsl(var(--danger) / .1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\\:bg-surface-2:hover{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.hover\\:bg-surface-2\\/60:hover{background-color:hsl(var(--surface-2) / .6)}.hover\\:bg-surface-3:hover{--tw-bg-opacity: 1;background-color:hsl(var(--surface-3) / var(--tw-bg-opacity, 1))}.hover\\:bg-surface-inset:hover{--tw-bg-opacity: 1;background-color:hsl(var(--surface-inset) / var(--tw-bg-opacity, 1))}.hover\\:bg-transparent:hover{background-color:transparent}.hover\\:bg-white\\/20:hover{background-color:#fff3}.hover\\:text-\\[hsl\\(150_10\\%_12\\%\\)\\]:hover{--tw-text-opacity: 1;color:hsl(150 10% 12% / var(--tw-text-opacity, 1))}.hover\\:text-brand-hover:hover{color:var(--brand-hover)}.hover\\:text-danger:hover{--tw-text-opacity: 1;color:hsl(var(--danger) / var(--tw-text-opacity, 1))}.hover\\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.hover\\:text-text-primary:hover{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.hover\\:text-text-secondary:hover{--tw-text-opacity: 1;color:hsl(var(--text-secondary) / var(--tw-text-opacity, 1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-90:hover{opacity:.9}.focus\\:border-brand:focus{--tw-border-opacity: 1;border-color:hsl(var(--brand-hsl) / var(--tw-border-opacity, 1))}.focus\\:bg-surface-2:focus{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.focus\\:text-text-primary:focus{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:h-\\[var\\(--issue-sticker-hover-size\\)\\]:focus-visible{height:var(--issue-sticker-hover-size)}.focus-visible\\:max-w-\\[160px\\]:focus-visible{max-width:160px}.focus-visible\\:max-w-\\[480px\\]:focus-visible{max-width:480px}.focus-visible\\:border-line-focus:focus-visible{--tw-border-opacity: 1;border-color:hsl(var(--border-focus) / var(--tw-border-opacity, 1))}.focus-visible\\:border-transparent:focus-visible{border-color:transparent}.focus-visible\\:bg-slate-50:focus-visible{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.focus-visible\\:bg-surface-1:focus-visible{--tw-bg-opacity: 1;background-color:hsl(var(--surface-1) / var(--tw-bg-opacity, 1))}.focus-visible\\:bg-surface-2:focus-visible{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.focus-visible\\:text-text-primary:focus-visible{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.focus-visible\\:shadow-focus:focus-visible{--tw-shadow: var(--shadow-focus);--tw-shadow-colored: var(--shadow-focus);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-line-focus:focus-visible{outline-color:hsl(var(--border-focus) / 1)}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-4:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-brand-subtle:focus-visible{--tw-ring-color: var(--brand-subtle)}.focus-visible\\:ring-white\\/40:focus-visible{--tw-ring-color: rgb(255 255 255 / .4)}.active\\:bg-brand-active:active{background-color:var(--brand-active)}.active\\:bg-brand\\/60:active{background-color:hsl(var(--brand-hsl) / .6)}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.group\\/marker:hover .group-hover\\/marker\\:h-\\[var\\(--issue-sticker-hover-size\\)\\]{height:var(--issue-sticker-hover-size)}.group\\/marker:hover .group-hover\\/marker\\:max-w-\\[160px\\]{max-width:160px}.group\\/marker:hover .group-hover\\/marker\\:max-w-\\[480px\\]{max-width:480px}.group\\/marker:hover .group-hover\\/marker\\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\\/marker:hover .group-hover\\/marker\\:bg-brand-hover{background-color:var(--brand-hover)}.group\\/marker:hover .group-hover\\/marker\\:opacity-100{opacity:1}.group\\/marker:hover .group-hover\\/marker\\:shadow-xl{--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:focus-visible .group-focus-visible\\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-visible .group-focus-visible\\:opacity-100{opacity:1}.group.toaster .group-\\[\\.toaster\\]\\:isolate{isolation:isolate}.group.toast .group-\\[\\.toast\\]\\:rounded-md,.group.toaster .group-\\[\\.toaster\\]\\:rounded-md{border-radius:var(--radius-md)}.group.toaster .group-\\[\\.toaster\\]\\:border{border-width:1px}.group.toaster .group-\\[\\.toaster\\]\\:\\!border-danger\\/30{border-color:hsl(var(--danger) / .3)!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!border-info\\/30{border-color:hsl(var(--info) / .3)!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!border-success\\/30{border-color:hsl(var(--success) / .3)!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!border-warning\\/30{border-color:hsl(var(--warning) / .3)!important}.group.toaster .group-\\[\\.toaster\\]\\:border-line-subtle{--tw-border-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-border-opacity, 1))}.group.toast .group-\\[\\.toast\\]\\:bg-brand{--tw-bg-opacity: 1;background-color:hsl(var(--brand-hsl) / var(--tw-bg-opacity, 1))}.group.toast .group-\\[\\.toast\\]\\:bg-surface-2{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:\\!bg-danger-subtle{background-color:hsl(var(--danger-subtle))!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!bg-info-subtle{background-color:hsl(var(--info-subtle))!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!bg-success-surface{background-color:hsl(var(--success-surface))!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!bg-warning-subtle{background-color:hsl(var(--warning-subtle))!important}.group.toaster .group-\\[\\.toaster\\]\\:bg-surface-1{--tw-bg-opacity: 1;background-color:hsl(var(--surface-1) / var(--tw-bg-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:px-4{padding-left:16px;padding-right:16px}.group.toaster .group-\\[\\.toaster\\]\\:py-3{padding-top:12px;padding-bottom:12px}.group.toast .group-\\[\\.toast\\]\\:text-sm{font-size:clamp(13px,12.54px + .122vw,14.5px);line-height:1.462}.group.toast .group-\\[\\.toast\\]\\:text-xs{font-size:clamp(12px,11.69px + .082vw,13px);line-height:1.333}.group.toast .group-\\[\\.toast\\]\\:font-medium{font-weight:500}.group.toast .group-\\[\\.toast\\]\\:text-brand-fg{color:var(--brand-fg)}.group.toast .group-\\[\\.toast\\]\\:text-text-primary{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.group.toast .group-\\[\\.toast\\]\\:text-text-secondary{--tw-text-opacity: 1;color:hsl(var(--text-secondary) / var(--tw-text-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:text-text-primary{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:shadow-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group.toaster .group-\\[\\.toaster\\]\\:before\\:absolute:before{content:var(--tw-content);position:absolute}.group.toaster .group-\\[\\.toaster\\]\\:before\\:inset-0:before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.group.toaster .group-\\[\\.toaster\\]\\:before\\:-z-10:before{content:var(--tw-content);z-index:-10}.group.toaster .group-\\[\\.toaster\\]\\:before\\:rounded-md:before{content:var(--tw-content);border-radius:var(--radius-md)}.group.toaster .group-\\[\\.toaster\\]\\:before\\:bg-surface-1:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:hsl(var(--surface-1) / var(--tw-bg-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:before\\:content-\\[\\'\\'\\]:before{--tw-content: "";content:var(--tw-content)}.peer:focus-visible~.peer-focus-visible\\:shadow-focus{--tw-shadow: var(--shadow-focus);--tw-shadow-colored: var(--shadow-focus);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\\:opacity-60{opacity:.6}.aria-disabled\\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\\:opacity-40[aria-disabled=true]{opacity:.4}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}@keyframes dialog-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.985)}}.data-\\[state\\=closed\\]\\:animate-dialog-out[data-state=closed]{animation:dialog-out var(--duration-out) var(--ease-out) forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.data-\\[state\\=closed\\]\\:animate-fade-out[data-state=closed]{animation:fade-out var(--duration-out) var(--ease-out) forwards}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.data-\\[state\\=closed\\]\\:animate-scale-out[data-state=closed]{animation:scale-out var(--duration-out) var(--ease-out) forwards}@keyframes sheet-out-left{0%{transform:translate(0)}to{transform:translate(-100%);opacity:.6}}.data-\\[state\\=closed\\]\\:animate-sheet-out-left[data-state=closed]{animation:sheet-out-left var(--duration-base) var(--ease-out) forwards}@keyframes sheet-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:.6}}.data-\\[state\\=closed\\]\\:animate-sheet-out-right[data-state=closed]{animation:sheet-out-right var(--duration-base) var(--ease-out) forwards}.data-\\[state\\=delayed-open\\]\\:animate-scale-in[data-state=delayed-open]{animation:scale-in var(--duration-base) var(--ease-out) forwards}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.data-\\[state\\=open\\]\\:animate-dialog-in[data-state=open]{animation:dialog-in var(--duration-base) var(--ease-out) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.data-\\[state\\=open\\]\\:animate-fade-in[data-state=open]{animation:fade-in var(--duration-base) var(--ease-out) forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.data-\\[state\\=open\\]\\:animate-scale-in[data-state=open]{animation:scale-in var(--duration-base) var(--ease-out) forwards}@keyframes sheet-in-left{0%{transform:translate(-100%);opacity:.6}to{transform:translate(0);opacity:1}}.data-\\[state\\=open\\]\\:animate-sheet-in-left[data-state=open]{animation:sheet-in-left var(--duration-base) var(--ease-out) forwards}@keyframes sheet-in-right{0%{transform:translate(100%);opacity:.6}to{transform:translate(0)}}.data-\\[state\\=open\\]\\:animate-sheet-in-right[data-state=open]{animation:sheet-in-right var(--duration-base) var(--ease-out) forwards}.data-\\[range-end\\=true\\]\\:rounded-md[data-range-end=true]{border-radius:var(--radius-md)}.data-\\[range-middle\\=true\\]\\:rounded-none[data-range-middle=true]{border-radius:0}.data-\\[range-start\\=true\\]\\:rounded-md[data-range-start=true]{border-radius:var(--radius-md)}.data-\\[state\\=open\\]\\:border-line-focus[data-state=open]{--tw-border-opacity: 1;border-color:hsl(var(--border-focus) / var(--tw-border-opacity, 1))}.data-\\[highlighted\\]\\:bg-surface-2[data-highlighted]{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.data-\\[range-end\\=true\\]\\:bg-brand[data-range-end=true]{--tw-bg-opacity: 1;background-color:hsl(var(--brand-hsl) / var(--tw-bg-opacity, 1))}.data-\\[range-middle\\=true\\]\\:bg-transparent[data-range-middle=true]{background-color:transparent}.data-\\[range-start\\=true\\]\\:bg-brand[data-range-start=true],.data-\\[selected-single\\=true\\]\\:bg-brand[data-selected-single=true]{--tw-bg-opacity: 1;background-color:hsl(var(--brand-hsl) / var(--tw-bg-opacity, 1))}.data-\\[state\\=selected\\]\\:bg-brand-subtle[data-state=selected]{background-color:var(--brand-subtle)}.data-\\[today\\=true\\]\\:font-semibold[data-today=true]{font-weight:600}.data-\\[highlighted\\]\\:text-text-primary[data-highlighted]{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.data-\\[placeholder\\]\\:text-text-tertiary[data-placeholder]{--tw-text-opacity: 1;color:hsl(var(--text-tertiary) / var(--tw-text-opacity, 1))}.data-\\[range-end\\=true\\]\\:text-brand-fg[data-range-end=true]{color:var(--brand-fg)}.data-\\[range-middle\\=true\\]\\:text-text-primary[data-range-middle=true]{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.data-\\[range-start\\=true\\]\\:text-brand-fg[data-range-start=true],.data-\\[selected-single\\=true\\]\\:text-brand-fg[data-selected-single=true]{color:var(--brand-fg)}.data-\\[state\\=active\\]\\:text-text-primary[data-state=active],.data-\\[state\\=checked\\]\\:text-text-primary[data-state=checked]{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.data-\\[today\\=true\\]\\:text-brand[data-today=true]{--tw-text-opacity: 1;color:hsl(var(--brand-hsl) / var(--tw-text-opacity, 1))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:shadow-focus[data-state=open]{--tw-shadow: var(--shadow-focus);--tw-shadow-colored: var(--shadow-focus);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\\[range-end\\=true\\]\\:hover\\:bg-brand-hover:hover[data-range-end=true],.data-\\[range-start\\=true\\]\\:hover\\:bg-brand-hover:hover[data-range-start=true],.data-\\[selected-single\\=true\\]\\:hover\\:bg-brand-hover:hover[data-selected-single=true]{background-color:var(--brand-hover)}.data-\\[range-end\\=true\\]\\:hover\\:text-brand-fg:hover[data-range-end=true],.data-\\[range-start\\=true\\]\\:hover\\:text-brand-fg:hover[data-range-start=true],.data-\\[selected-single\\=true\\]\\:hover\\:text-brand-fg:hover[data-selected-single=true]{color:var(--brand-fg)}@media(prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}}@media(min-width:640px){.sm\\:flex-row{flex-direction:row}.sm\\:items-start{align-items:flex-start}.sm\\:items-center{align-items:center}.sm\\:justify-end{justify-content:flex-end}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2\\.5{gap:10px}.sm\\:p-5{padding:20px}.sm\\:p-6{padding:24px}.sm\\:text-2xl{font-size:clamp(26px,24.78px + .327vw,30px);line-height:1.308}.sm\\:text-\\[2\\.1rem\\]{font-size:33.6px}}@media(min-width:768px){.md\\:flex{display:flex}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(260px\\,340px\\)\\]{grid-template-columns:minmax(0,1fr) minmax(260px,340px)}}.\\[\\&\\>\\*\\:not\\(summary\\)\\]\\:pl-4>*:not(summary){padding-left:16px}.\\[\\&\\>span\\]\\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\\[\\&\\>tr\\]\\:last\\:border-b-0:last-child>tr{border-bottom-width:0px}.\\[\\&\\[data-state\\=open\\]\\>span\\[data-chevron\\]\\]\\:rotate-180[data-state=open]>span[data-chevron]{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group.toaster .group-\\[\\.toaster\\]\\:\\[\\&_\\[data-icon\\]\\]\\:text-danger [data-icon]{--tw-text-opacity: 1;color:hsl(var(--danger) / var(--tw-text-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:\\[\\&_\\[data-icon\\]\\]\\:text-info [data-icon]{--tw-text-opacity: 1;color:hsl(var(--info) / var(--tw-text-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:\\[\\&_\\[data-icon\\]\\]\\:text-success [data-icon]{--tw-text-opacity: 1;color:hsl(var(--success) / var(--tw-text-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:\\[\\&_\\[data-icon\\]\\]\\:text-warning [data-icon]{--tw-text-opacity: 1;color:hsl(var(--warning) / var(--tw-text-opacity, 1))}.\\[\\&_tr\\]\\:border-b tr{border-bottom-width:1px}.\\[\\&_tr\\]\\:border-line-subtle tr{--tw-border-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-border-opacity, 1))}`;
+const globalsCSS = `:root,:host{color-scheme:light;--brand-h: 150;--brand-s: 100%;--brand-l: 34%;--brand-hsl: var(--brand-h) var(--brand-s) var(--brand-l);--brand: hsl(var(--brand-hsl));--brand-hover: hsl(var(--brand-h) calc(var(--brand-s) + 3%) calc(var(--brand-l) - 4%));--brand-active: hsl(var(--brand-h) calc(var(--brand-s) + 2%) calc(var(--brand-l) - 8%));--brand-subtle: hsl(var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 14%) / .14);--brand-border: hsl(var(--brand-h) calc(var(--brand-s) + 8%) calc(var(--brand-l) + 8%) / .34);--brand-fg: hsl(0 0% 100%);--brand-ring: hsl(var(--brand-h) calc(var(--brand-s) + 12%) calc(var(--brand-l) + 10%) / .22);--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-display: var(--font-sans);--font-mono: var(--font-sans);--surface-0: 0 0% 99%;--surface-1: 0 0% 100%;--surface-2: 144 8% 96%;--surface-3: 144 6% 93%;--surface-inset: 144 6% 95%;--overlay-backdrop: hsl(0 0% 0% / .24);--overlay-backdrop-strong: hsl(0 0% 0% / .48);--text-primary: 150 10% 12%;--text-secondary: 148 6% 36%;--text-tertiary: 145 5% 42%;--text-disabled: 145 4% 70%;--text-inverse: 0 0% 100%;--border-subtle: 144 8% 91%;--border-default: 144 6% 85%;--border-strong: 144 5% 72%;--border-focus: var(--brand-h) var(--brand-s) var(--brand-l);--success: var(--brand-h) var(--brand-s) var(--brand-l);--success-subtle: var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 14%) / .14;--success-surface: var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 14%) / .24;--warning: 34 82% 52%;--warning-subtle: 34 82% 52% / .14;--danger: 3 68% 56%;--danger-subtle: 3 68% 56% / .12;--danger-deep: 3 62% 40%;--info: 202 52% 44%;--info-subtle: 202 52% 44% / .12;--accent-terra: 13 52% 47%;--accent-terra-subtle: 13 52% 47% / .1;--accent-terra-deep: 13 48% 44%;--accent-blue: 213 86% 56%;--accent-blue-subtle: 213 92% 56% / .12;--accent-blue-deep: 216 78% 40%;--accent-blue-border: 213 86% 62% / .36;--accent-cream: 38 52% 88%;--accent-cream-warm: 40 56% 95%;--accent-cream-deep: 38 48% 82%;--accent-highlight: 55 96% 70%;--accent-ink: 32 13% 11%;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 9999px;--shadow-xs: 0 1px 2px 0 hsl(0 0% 0% / .04);--shadow-sm: 0 1px 3px 0 hsl(0 0% 0% / .06), 0 1px 2px -1px hsl(0 0% 0% / .06);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .06), 0 2px 4px -2px hsl(0 0% 0% / .04);--shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / .06), 0 4px 6px -4px hsl(0 0% 0% / .04);--shadow-xl: 0 20px 25px -5px hsl(0 0% 0% / .06), 0 8px 10px -6px hsl(0 0% 0% / .04);--shadow-focus: 0 0 0 3px var(--brand-ring);--shadow-inset: inset 0 1px 2px 0 hsl(0 0% 0% / .04);--shadow-brand: 0 2px 8px hsl(var(--brand-h) calc(var(--brand-s) - 60%) calc(var(--brand-l) - 14%) / .24), 0 6px 20px hsl(var(--brand-h) calc(var(--brand-s) - 70%) calc(var(--brand-l) - 19%) / .16);--duration-instant: 90ms;--duration-fast: .16s;--duration-base: .26s;--duration-out: .18s;--duration-slow: .36s;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.45, 0, .15, 1);--ease-spring: cubic-bezier(.18, .94, .32, 1.08);--grid-line: 0 0% 92%}.dark,:host(.dark){color-scheme:dark;--brand-l: 34%;--brand-fg: hsl(0 0% 100%);--surface-0: 150 8% 7%;--surface-1: 150 6% 10%;--surface-2: 150 5% 14%;--surface-3: 150 4% 18%;--surface-inset: 150 6% 6%;--overlay-backdrop: hsl(0 0% 0% / .56);--overlay-backdrop-strong: hsl(0 0% 0% / .8);--text-primary: 40 16% 93%;--text-secondary: 36 8% 68%;--text-tertiary: 34 6% 50%;--text-disabled: 30 5% 34%;--text-inverse: 150 8% 10%;--border-subtle: 150 6% 16%;--border-default: 150 5% 22%;--border-strong: 150 4% 34%;--success: var(--brand-h) var(--brand-s) var(--brand-l);--success-subtle: var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 14%) / .14;--success-surface: var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 14%) / .24;--warning: 34 82% 62%;--danger: 2 70% 64%;--danger-deep: 2 80% 76%;--info: 202 54% 62%;--accent-terra: 13 56% 62%;--accent-terra-subtle: 13 56% 62% / .14;--accent-terra-deep: 13 52% 56%;--accent-blue: 210 92% 68%;--accent-blue-subtle: 210 92% 68% / .18;--accent-blue-deep: 209 100% 78%;--accent-blue-border: 210 92% 72% / .44;--accent-cream: 38 30% 26%;--accent-cream-warm: 38 22% 18%;--accent-cream-deep: 38 26% 32%;--accent-highlight: 55 96% 70%;--accent-ink: 32 13% 8%;--shadow-xs: 0 1px 2px 0 hsl(0 0% 0% / .2);--shadow-sm: 0 1px 3px 0 hsl(0 0% 0% / .3), 0 1px 2px -1px hsl(0 0% 0% / .24);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .34), 0 2px 4px -2px hsl(0 0% 0% / .2);--shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / .38), 0 4px 6px -4px hsl(0 0% 0% / .24);--shadow-xl: 0 20px 25px -5px hsl(0 0% 0% / .44), 0 8px 10px -6px hsl(0 0% 0% / .28);--shadow-inset: inset 0 1px 2px 0 hsl(0 0% 0% / .16);--shadow-brand: 0 2px 8px hsl(var(--brand-h) calc(var(--brand-s) - 60%) calc(var(--brand-l) - 24%) / .44), 0 6px 20px hsl(0 0% 0% / .32);--grid-line: 150 6% 14%}*{border-color:hsl(var(--border-default))}html{font-family:var(--font-sans),ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01","ss03";background-color:hsl(var(--surface-0))}body{margin:0;min-height:100vh;color:hsl(var(--text-primary));background-color:hsl(var(--surface-0))}::-moz-selection{background-color:hsl(var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 16%) / .22);color:hsl(var(--text-primary))}::selection{background-color:hsl(var(--brand-h) calc(var(--brand-s) + 6%) calc(var(--brand-l) + 16%) / .22);color:hsl(var(--text-primary))}code,kbd,samp,pre{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:"ss01","ss02","cv11"}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border-strong) / .52);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:hsl(var(--border-strong) / .9);background-clip:padding-box;border:2px solid transparent}.app-canvas,.grid-canvas{background-color:hsl(var(--surface-0))}.onboarding-canvas{word-break:keep-all;overflow-wrap:break-word;--surface-0: var(--brand-h) var(--brand-s) var(--brand-l);--surface-1: 0 0% 100%;--surface-2: var(--brand-h) 62% 28%;--surface-3: var(--brand-h) 60% 25%;--surface-inset: var(--brand-h) 62% 28%;--text-primary: 0 0% 100%;--text-secondary: var(--brand-h) 46% 90%;--text-tertiary: var(--brand-h) 34% 84%;--text-disabled: var(--brand-h) 20% 72%;--border-subtle: var(--brand-h) 44% 52%;--border-default: var(--brand-h) 40% 58%;--border-strong: var(--brand-h) 36% 70%;--border-focus: 0 0% 100%;--brand-hsl: 0 0% 100%;--brand: hsl(var(--brand-hsl));--brand-hover: hsl(var(--brand-h) 24% 94%);--brand-active: hsl(var(--brand-h) 20% 88%);--brand-fg: hsl(var(--brand-h) var(--brand-s) 24%);--brand-ring: hsl(0 0% 100% / .4);--danger: 6 96% 86%;--danger-subtle: 6 96% 86% / .18;--danger-deep: 6 96% 92%;--warning: 42 96% 82%;--warning-subtle: 42 96% 82% / .18}.onboarding-canvas .bg-surface-1,.onboarding-canvas input,.onboarding-canvas textarea,.onboarding-canvas [role=combobox]{--text-primary: 150 10% 12%;--text-secondary: 148 6% 36%;--text-tertiary: 145 5% 42%;--surface-2: 144 8% 96%;--surface-inset: 144 6% 95%;--border-subtle: 144 8% 91%;--border-default: 144 6% 85%;--brand-hsl: var(--brand-h) var(--brand-s) var(--brand-l);--brand: hsl(var(--brand-hsl));--brand-hover: hsl(var(--brand-h) calc(var(--brand-s) + 3%) calc(var(--brand-l) - 4%));--brand-active: hsl(var(--brand-h) calc(var(--brand-s) + 2%) calc(var(--brand-l) - 8%));--brand-fg: hsl(0 0% 100%);--brand-ring: hsl(var(--brand-h) calc(var(--brand-s) + 12%) calc(var(--brand-l) + 10%) / .22);--warning: 34 82% 52%;--warning-subtle: 34 82% 52% / .14;--danger: 3 68% 56%;--danger-subtle: 3 68% 56% / .12;--danger-deep: 3 62% 40%}@keyframes onboarding-step-in{0%{opacity:0;transform:translate(96px)}to{opacity:1;transform:translate(0)}}.onboarding-step-in{animation:onboarding-step-in var(--duration-slow) var(--ease-out) forwards}@keyframes onboarding-enter-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-enter{position:fixed;top:0;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;animation:onboarding-enter-up var(--duration-base) var(--ease-out) forwards}body:has(.onboarding-canvas){background-color:hsl(var(--brand-h) var(--brand-s) var(--brand-l))}.panel-shell,.surface-shell{border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-xl);background:hsl(var(--surface-1));box-shadow:var(--shadow-sm)}.panel-shell-muted,.surface-shell-muted{background:hsl(var(--surface-2));box-shadow:var(--shadow-xs)}.panel-shell-subtle{border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-lg);background:hsl(var(--surface-1));box-shadow:var(--shadow-xs)}.panel-shell-elevated{border:1px solid hsl(var(--border-default));border-radius:var(--radius-xl);background:hsl(var(--surface-1));box-shadow:var(--shadow-md)}.utility-chip,.floating-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid hsl(var(--border-default));border-radius:var(--radius-pill);background:hsl(var(--surface-1));box-shadow:var(--shadow-xs)}.hairline{border-bottom:1px solid hsl(var(--border-subtle))}.mono-label{font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;text-transform:uppercase;color:hsl(var(--text-tertiary))}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root,:host{--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-mono: var(--font-sans);--issue-marker-expand-duration: .52s;--surface-0: 0 0% 99%;--surface-1: 0 0% 100%;--surface-2: 144 8% 96%;--surface-3: 144 6% 93%;--surface-inset: 144 6% 95%;--overlay-backdrop: hsl(0 0% 0% / .24);--overlay-backdrop-strong: hsl(0 0% 0% / .48);--text-primary: 150 10% 12%;--text-secondary: 148 6% 36%;--text-tertiary: 145 5% 52%;--text-disabled: 145 4% 70%;--border-subtle: 144 8% 91%;--border-default: 144 6% 85%;--border-strong: 144 5% 72%;--grid-line: 0 0% 92%;--shadow-xs: 0 1px 2px 0 hsl(0 0% 0% / .04);--shadow-sm: 0 1px 3px 0 hsl(0 0% 0% / .06), 0 1px 2px -1px hsl(0 0% 0% / .06);--shadow-md: 0 4px 6px -1px hsl(0 0% 0% / .06), 0 2px 4px -2px hsl(0 0% 0% / .04);--shadow-lg: 0 10px 15px -3px hsl(0 0% 0% / .06), 0 4px 6px -4px hsl(0 0% 0% / .04);--shadow-xl: 0 20px 25px -5px hsl(0 0% 0% / .06), 0 8px 10px -6px hsl(0 0% 0% / .04);--shadow-focus: 0 0 0 4px var(--brand-ring);--shadow-inset: inset 0 1px 2px 0 hsl(0 0% 0% / .04)}*{--tw-border-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-border-opacity, 1))}#issue-sticker-shadow-root{all:initial;display:block;background-color:transparent;--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1));font-family:var(--font-sans);line-height:1.5}.\\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-x-1{left:4px;right:4px}.inset-y-0{top:0;bottom:0}.-bottom-px{bottom:-1px}.bottom-0{bottom:0}.bottom-4{bottom:16px}.bottom-6{bottom:24px}.left-0{left:0}.left-1\\/2{left:50%}.left-2{left:8px}.left-4{left:16px}.left-\\[50\\%\\]{left:50%}.right-0{right:0}.right-2{right:8px}.right-3{right:12px}.right-4{right:16px}.right-5{right:20px}.right-6{right:24px}.top-0{top:0}.top-1{top:4px}.top-1\\/2{top:50%}.top-2{top:8px}.top-3{top:12px}.top-4{top:16px}.top-5{top:20px}.top-\\[50\\%\\]{top:50%}.top-\\[calc\\(\\(3\\.5rem-1\\.75rem\\)\\/2\\)\\]{top:14px}.top-full{top:100%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-\\[1000000\\]{z-index:1000000}.z-\\[1000003\\]{z-index:1000003}.z-\\[1000004\\]{z-index:1000004}.z-\\[1000005\\]{z-index:1000005}.z-\\[1000006\\]{z-index:1000006}.z-\\[1000007\\]{z-index:1000007}.z-\\[1000008\\]{z-index:1000008}.z-\\[1000010\\]{z-index:1000010}.z-\\[1000011\\]{z-index:1000011}.z-\\[10001\\]{z-index:10001}.z-\\[999999\\]{z-index:999999}.z-\\[9999\\]{z-index:9999}.m-0{margin:0}.-mx-2{margin-left:-8px;margin-right:-8px}.mx-3{margin-left:12px;margin-right:12px}.my-1{margin-top:4px;margin-bottom:4px}.my-2{margin-top:8px;margin-bottom:8px}.my-2\\.5{margin-top:10px;margin-bottom:10px}.my-3{margin-top:12px;margin-bottom:12px}.my-4{margin-top:16px;margin-bottom:16px}.mb-0\\.5{margin-bottom:2px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-5{margin-bottom:20px}.ml-0\\.5{margin-left:2px}.ml-4{margin-left:16px}.mr-1\\.5{margin-right:6px}.mr-2{margin-right:8px}.mt-0{margin-top:0}.mt-0\\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.inline-table{display:inline-table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row-group{display:table-row-group}.table-row{display:table-row}.flow-root{display:flow-root}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.list-item{display:list-item}.\\!hidden{display:none!important}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.size-3{width:12px;height:12px}.size-4{width:16px;height:16px}.\\!h-auto{height:auto!important}.h-1\\.5{height:6px}.h-10{height:40px}.h-11{height:44px}.h-2{height:8px}.h-24{height:96px}.h-3{height:12px}.h-3\\.5{height:14px}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-7{height:28px}.h-8{height:32px}.h-9{height:36px}.h-\\[1\\.4rem\\]{height:22.4px}.h-\\[100vh\\]{height:100vh}.h-\\[18px\\]{height:18px}.h-\\[220px\\]{height:220px}.h-\\[22px\\]{height:22px}.h-\\[30px\\]{height:30px}.h-\\[min\\(36vh\\,320px\\)\\]{height:min(36vh,320px)}.h-\\[min\\(480px\\,calc\\(100vh-64px\\)\\)\\]{height:min(480px,calc(100vh - 64px))}.h-\\[min\\(54vh\\,520px\\)\\]{height:min(54vh,520px)}.h-\\[min\\(560px\\,calc\\(100vh-32px\\)\\)\\]{height:min(560px,calc(100vh - 32px))}.h-\\[var\\(--issue-sticker-size\\)\\]{height:var(--issue-sticker-size)}.h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-24{max-height:96px}.max-h-40{max-height:160px}.max-h-56{max-height:224px}.max-h-80{max-height:320px}.max-h-96{max-height:384px}.max-h-\\[150px\\]{max-height:150px}.max-h-\\[220px\\]{max-height:220px}.max-h-\\[320px\\]{max-height:320px}.max-h-\\[420px\\]{max-height:420px}.max-h-\\[90vh\\]{max-height:90vh}.max-h-\\[calc\\(100vh-3rem\\)\\]{max-height:calc(100vh - 48px)}.max-h-\\[min\\(80vh\\,640px\\)\\]{max-height:min(80vh,640px)}.min-h-0{min-height:0px}.min-h-11{min-height:44px}.min-h-\\[108px\\]{min-height:108px}.min-h-\\[120px\\]{min-height:120px}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[220px\\]{min-height:220px}.w-0\\.5{width:2px}.w-1{width:4px}.w-1\\.5{width:6px}.w-1\\/2{width:50%}.w-10{width:40px}.w-12{width:48px}.w-14{width:56px}.w-16{width:64px}.w-2{width:8px}.w-3{width:12px}.w-3\\.5{width:14px}.w-4{width:16px}.w-5{width:20px}.w-6{width:24px}.w-7{width:28px}.w-72{width:288px}.w-8{width:32px}.w-80{width:320px}.w-9{width:36px}.w-\\[1\\.4rem\\]{width:22.4px}.w-\\[18px\\]{width:18px}.w-\\[22\\.5rem\\]{width:360px}.w-\\[22rem\\]{width:352px}.w-\\[30px\\]{width:30px}.w-\\[38px\\]{width:38px}.w-\\[calc\\(100vw-32px\\)\\]{width:calc(100vw - 32px)}.w-\\[min\\(24rem\\,calc\\(100vw_-_1\\.5rem\\)\\)\\]{width:min(384px,calc(100vw - 24px))}.w-\\[min\\(30rem\\,calc\\(100vw_-_1\\.5rem\\)\\)\\]{width:min(480px,calc(100vw - 24px))}.w-\\[min\\(560px\\,calc\\(100vw-32px\\)\\)\\]{width:min(560px,calc(100vw - 32px))}.w-\\[var\\(--radix-popover-trigger-width\\)\\]{width:var(--radix-popover-trigger-width)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-9{min-width:36px}.min-w-\\[12rem\\]{min-width:192px}.min-w-\\[200px\\]{min-width:200px}.min-w-\\[var\\(--radix-popover-trigger-width\\)\\]{min-width:var(--radix-popover-trigger-width)}.min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.max-w-\\[10rem\\]{max-width:160px}.max-w-\\[120px\\]{max-width:120px}.max-w-\\[160px\\]{max-width:160px}.max-w-\\[16rem\\]{max-width:256px}.max-w-\\[260px\\]{max-width:260px}.max-w-\\[280px\\]{max-width:280px}.max-w-\\[28rem\\]{max-width:448px}.max-w-\\[300px\\]{max-width:300px}.max-w-\\[360px\\]{max-width:360px}.max-w-\\[36rem\\]{max-width:576px}.max-w-\\[400px\\]{max-width:400px}.max-w-\\[420px\\]{max-width:420px}.max-w-\\[428px\\]{max-width:428px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[62ch\\]{max-width:62ch}.max-w-\\[640px\\]{max-width:640px}.max-w-\\[70ch\\]{max-width:70ch}.max-w-\\[90vw\\]{max-width:90vw}.max-w-\\[960px\\]{max-width:960px}.max-w-\\[calc\\(100vw-24px\\)\\]{max-width:calc(100vw - 24px)}.max-w-\\[var\\(--issue-sticker-size\\)\\]{max-width:var(--issue-sticker-size)}.max-w-full{max-width:100%}.max-w-md{max-width:448px}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.-translate-x-1{--tw-translate-x: -4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: 4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[-50\\%\\]{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[18px\\]{--tw-translate-x: 18px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\\[2px\\]{--tw-translate-x: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-50\\%\\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 0 var(--brand-ring)}50%{box-shadow:0 0 0 8px transparent}}.animate-pulse-ring{animation:pulse-ring 1.8s var(--ease-in-out) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\\.5{gap:2px}.gap-1{gap:4px}.gap-1\\.5{gap:6px}.gap-2{gap:8px}.gap-2\\.5{gap:10px}.gap-3{gap:12px}.gap-3\\.5{gap:14px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-x-3{-moz-column-gap:12px;column-gap:12px}.gap-x-5{-moz-column-gap:20px;column-gap:20px}.gap-y-1{row-gap:4px}.gap-y-2{row-gap:8px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px * var(--tw-space-y-reverse))}.space-y-1\\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(6px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(6px * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(12px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(12px * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(20px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(20px * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(24px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(24px * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-line-subtle>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-divide-opacity, 1))}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.break-keep{word-break:keep-all}.\\!rounded-none{border-radius:0!important}.rounded{border-radius:4px}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\\[18px\\]{border-radius:18px}.rounded-\\[20px\\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-b-md{border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-t-md{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-dashed{border-style:dashed}.border-\\[hsl\\(144_8\\%_91\\%\\)\\]{--tw-border-opacity: 1;border-color:hsl(144 8% 91% / var(--tw-border-opacity, 1))}.border-brand{--tw-border-opacity: 1;border-color:hsl(var(--brand-hsl) / var(--tw-border-opacity, 1))}.border-brand-border{border-color:var(--brand-border)}.border-brand\\/30{border-color:hsl(var(--brand-hsl) / .3)}.border-brand\\/40{border-color:hsl(var(--brand-hsl) / .4)}.border-danger\\/20{border-color:hsl(var(--danger) / .2)}.border-danger\\/30{border-color:hsl(var(--danger) / .3)}.border-info\\/20{border-color:hsl(var(--info) / .2)}.border-info\\/30{border-color:hsl(var(--info) / .3)}.border-line{--tw-border-opacity: 1;border-color:hsl(var(--border-default) / var(--tw-border-opacity, 1))}.border-line-focus{--tw-border-opacity: 1;border-color:hsl(var(--border-focus) / var(--tw-border-opacity, 1))}.border-line-strong{--tw-border-opacity: 1;border-color:hsl(var(--border-strong) / var(--tw-border-opacity, 1))}.border-line-subtle{--tw-border-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-border-opacity, 1))}.border-line-subtle\\/50{border-color:hsl(var(--border-subtle) / .5)}.border-line-subtle\\/90{border-color:hsl(var(--border-subtle) / .9)}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-success{--tw-border-opacity: 1;border-color:hsl(var(--success) / var(--tw-border-opacity, 1))}.border-success\\/20{border-color:hsl(var(--success) / .2)}.border-success\\/30{border-color:hsl(var(--success) / .3)}.border-text-primary{--tw-border-opacity: 1;border-color:hsl(var(--text-primary) / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-warning\\/20{border-color:hsl(var(--warning) / .2)}.border-warning\\/30{border-color:hsl(var(--warning) / .3)}.border-white\\/70{border-color:#ffffffb3}.border-white\\/80{border-color:#fffc}.border-white\\/90{border-color:#ffffffe6}.border-l-brand{--tw-border-opacity: 1;border-left-color:hsl(var(--brand-hsl) / var(--tw-border-opacity, 1))}.\\!bg-success-surface{background-color:hsl(var(--success-surface))!important}.bg-\\[var\\(--overlay-backdrop-strong\\)\\]{background-color:var(--overlay-backdrop-strong)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\\/10{background-color:#0000001a}.bg-black\\/40{background-color:#0006}.bg-black\\/80{background-color:#000c}.bg-brand{--tw-bg-opacity: 1;background-color:hsl(var(--brand-hsl) / var(--tw-bg-opacity, 1))}.bg-brand-subtle{background-color:var(--brand-subtle)}.bg-brand\\/10{background-color:hsl(var(--brand-hsl) / .1)}.bg-brand\\/5{background-color:hsl(var(--brand-hsl) / .05)}.bg-danger{--tw-bg-opacity: 1;background-color:hsl(var(--danger) / var(--tw-bg-opacity, 1))}.bg-danger-subtle{background-color:hsl(var(--danger-subtle))}.bg-danger\\/10{background-color:hsl(var(--danger) / .1)}.bg-info-subtle{background-color:hsl(var(--info-subtle))}.bg-line{--tw-bg-opacity: 1;background-color:hsl(var(--border-default) / var(--tw-bg-opacity, 1))}.bg-line-subtle{--tw-bg-opacity: 1;background-color:hsl(var(--border-subtle) / var(--tw-bg-opacity, 1))}.bg-success{--tw-bg-opacity: 1;background-color:hsl(var(--success) / var(--tw-bg-opacity, 1))}.bg-success-subtle{background-color:hsl(var(--success-subtle))}.bg-success-surface{background-color:hsl(var(--success-surface))}.bg-surface-0{--tw-bg-opacity: 1;background-color:hsl(var(--surface-0) / var(--tw-bg-opacity, 1))}.bg-surface-1{--tw-bg-opacity: 1;background-color:hsl(var(--surface-1) / var(--tw-bg-opacity, 1))}.bg-surface-2{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.bg-surface-3{--tw-bg-opacity: 1;background-color:hsl(var(--surface-3) / var(--tw-bg-opacity, 1))}.bg-surface-inset{--tw-bg-opacity: 1;background-color:hsl(var(--surface-inset) / var(--tw-bg-opacity, 1))}.bg-text-primary{--tw-bg-opacity: 1;background-color:hsl(var(--text-primary) / var(--tw-bg-opacity, 1))}.bg-text-tertiary{--tw-bg-opacity: 1;background-color:hsl(var(--text-tertiary) / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-warning{--tw-bg-opacity: 1;background-color:hsl(var(--warning) / var(--tw-bg-opacity, 1))}.bg-warning-subtle{background-color:hsl(var(--warning-subtle))}.bg-warning\\/10{background-color:hsl(var(--warning) / .1)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\\/10{background-color:#ffffff1a}.bg-white\\/25{background-color:#ffffff40}.fill-text-primary{fill:hsl(var(--text-primary) / 1)}.stroke-\\[3\\]{stroke-width:3}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.\\!p-0{padding:0!important}.p-0{padding:0}.p-0\\.5{padding:2px}.p-1{padding:4px}.p-1\\.5{padding:6px}.p-2{padding:8px}.p-3{padding:12px}.p-3\\.5{padding:14px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-7{padding:28px}.p-8{padding:32px}.p-\\[18px\\]{padding:18px}.px-0{padding-left:0;padding-right:0}.px-1\\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.px-2\\.5{padding-left:10px;padding-right:10px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.px-6{padding-left:24px;padding-right:24px}.px-9{padding-left:36px;padding-right:36px}.py-0\\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-1\\.5{padding-top:6px;padding-bottom:6px}.py-10{padding-top:40px;padding-bottom:40px}.py-16{padding-top:64px;padding-bottom:64px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-3\\.5{padding-top:14px;padding-bottom:14px}.py-4{padding-top:16px;padding-bottom:16px}.py-5{padding-top:20px;padding-bottom:20px}.py-6{padding-top:24px;padding-bottom:24px}.py-8{padding-top:32px;padding-bottom:32px}.pb-1{padding-bottom:4px}.pb-3{padding-bottom:12px}.pb-4{padding-bottom:16px}.pl-0{padding-left:0}.pl-3{padding-left:12px}.pl-4{padding-left:16px}.pl-5{padding-left:20px}.pl-6{padding-left:24px}.pl-8{padding-left:32px}.pr-10{padding-right:40px}.pr-3{padding-right:12px}.pr-4{padding-right:16px}.pt-0{padding-top:0}.pt-1{padding-top:4px}.pt-2\\.5{padding-top:10px}.pt-4{padding-top:16px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-display{font-family:var(--font-display),ui-sans-serif,system-ui,sans-serif}.font-mono{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.font-sans{font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif}.text-2xs{font-size:clamp(10.5px,10.19px + .082vw,11.5px);line-height:1.333}.text-\\[0\\.72rem\\]{font-size:11.52px}.text-\\[1\\.45rem\\]{font-size:23.2px}.text-\\[1\\.75rem\\]{font-size:28px}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.text-base{font-size:clamp(14px,13.39px + .163vw,16px);line-height:1.5}.text-lg{font-size:clamp(17px,16.39px + .163vw,19px);line-height:1.471}.text-sm{font-size:clamp(13px,12.54px + .122vw,14.5px);line-height:1.462}.text-xl{font-size:clamp(20px,19.08px + .245vw,23px);line-height:1.45}.text-xs{font-size:clamp(12px,11.69px + .082vw,13px);line-height:1.333}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-4{line-height:16px}.leading-5{line-height:20px}.leading-8{line-height:32px}.leading-\\[1\\.55\\]{line-height:1.55}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-\\[hsl\\(145_5\\%_42\\%\\)\\]{--tw-text-opacity: 1;color:hsl(145 5% 42% / var(--tw-text-opacity, 1))}.text-brand{--tw-text-opacity: 1;color:hsl(var(--brand-hsl) / var(--tw-text-opacity, 1))}.text-brand-fg{color:var(--brand-fg)}.text-brand\\/50{color:hsl(var(--brand-hsl) / .5)}.text-danger{--tw-text-opacity: 1;color:hsl(var(--danger) / var(--tw-text-opacity, 1))}.text-danger\\/80{color:hsl(var(--danger) / .8)}.text-info{--tw-text-opacity: 1;color:hsl(var(--info) / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-success{--tw-text-opacity: 1;color:hsl(var(--success) / var(--tw-text-opacity, 1))}.text-text-disabled{--tw-text-opacity: 1;color:hsl(var(--text-disabled) / var(--tw-text-opacity, 1))}.text-text-inverse{--tw-text-opacity: 1;color:hsl(var(--text-inverse) / var(--tw-text-opacity, 1))}.text-text-primary{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.text-text-secondary{--tw-text-opacity: 1;color:hsl(var(--text-secondary) / var(--tw-text-opacity, 1))}.text-text-tertiary{--tw-text-opacity: 1;color:hsl(var(--text-tertiary) / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-warning{--tw-text-opacity: 1;color:hsl(var(--warning) / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\\/90{color:#ffffffe6}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-brand{accent-color:hsl(var(--brand-hsl) / 1)}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.\\!shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1) !important;--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\\[0_24px_70px_-28px_rgba\\(16\\,24\\,18\\,0\\.45\\)\\]{--tw-shadow: 0 24px 70px -28px rgba(16,24,18,.45);--tw-shadow-colored: 0 24px 70px -28px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: var(--shadow-lg);--tw-shadow-colored: var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: var(--shadow-md);--tw-shadow-colored: var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xs{--tw-shadow: var(--shadow-xs);--tw-shadow-colored: var(--shadow-xs);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-2{outline-width:2px}.outline-offset-0{outline-offset:0px}.outline-transparent{outline-color:transparent}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-brand{--tw-ring-opacity: 1;--tw-ring-color: hsl(var(--brand-hsl) / var(--tw-ring-opacity, 1))}.ring-brand-subtle{--tw-ring-color: var(--brand-subtle)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\\[2px\\]{--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[background-color\\,border-color\\,color\\,box-shadow\\]{transition-property:background-color,border-color,color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[background-color\\,color\\,border-color\\,box-shadow\\,opacity\\]{transition-property:background-color,color,border-color,box-shadow,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[background-color\\,color\\,border-color\\,box-shadow\\]{transition-property:background-color,color,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[background-color\\,color\\,box-shadow\\]{transition-property:background-color,color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[background-color\\,color\\]{transition-property:background-color,color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[border-color\\,box-shadow\\,background-color\\]{transition-property:border-color,box-shadow,background-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[border-color\\,outline-color\\,box-shadow\\,background-color\\,transform\\]{transition-property:border-color,outline-color,box-shadow,background-color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[max-width\\,height\\,box-shadow\\,background-color\\,border-color\\,transform\\,opacity\\]{transition-property:max-width,height,box-shadow,background-color,border-color,transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[max-width\\]{transition-property:max-width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\\[opacity\\,transform\\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-\\[var\\(--issue-marker-expand-duration\\)\\]{transition-duration:var(--issue-marker-expand-duration)}.duration-fast{transition-duration:var(--duration-fast)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:var(--ease-in-out)}.ease-out{transition-timing-function:var(--ease-out)}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes toast-slide{0%{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.issue-overlay-shell{border:1px solid hsl(var(--border-subtle));border-radius:var(--radius-lg);background:hsl(var(--surface-1));box-shadow:var(--shadow-md)}.issue-marker-breathe{animation:float-gentle 4.8s var(--ease-in-out) infinite}.issue-marker-breathe:hover,.issue-marker-breathe:focus-visible,.issue-marker-breathe:focus-within{animation-play-state:paused}.\\[overflow-wrap\\:anywhere\\]{overflow-wrap:anywhere}.marker\\:text-text-tertiary *::marker{color:hsl(var(--text-tertiary))}.marker\\:text-text-tertiary::marker{color:hsl(var(--text-tertiary))}.file\\:border-0::file-selector-button{border-width:0px}.file\\:bg-transparent::file-selector-button{background-color:transparent}.file\\:text-sm::file-selector-button{font-size:clamp(13px,12.54px + .122vw,14.5px);line-height:1.462}.file\\:font-medium::file-selector-button{font-weight:500}.file\\:text-text-primary::file-selector-button{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.placeholder\\:text-text-tertiary::-moz-placeholder{--tw-text-opacity: 1;color:hsl(var(--text-tertiary) / var(--tw-text-opacity, 1))}.placeholder\\:text-text-tertiary::placeholder{--tw-text-opacity: 1;color:hsl(var(--text-tertiary) / var(--tw-text-opacity, 1))}.first\\:mt-0:first-child{margin-top:0}.first\\:border-t-0:first-child{border-top-width:0px}.first\\:pt-0:first-child{padding-top:0}.focus-within\\:z-\\[10001\\]:focus-within{z-index:10001}.focus-within\\:border-line-focus:focus-within{--tw-border-opacity: 1;border-color:hsl(var(--border-focus) / var(--tw-border-opacity, 1))}.hover\\:z-\\[10001\\]:hover{z-index:10001}.hover\\:border-line:hover{--tw-border-opacity: 1;border-color:hsl(var(--border-default) / var(--tw-border-opacity, 1))}.hover\\:border-line-strong:hover{--tw-border-opacity: 1;border-color:hsl(var(--border-strong) / var(--tw-border-opacity, 1))}.hover\\:border-line-subtle:hover{--tw-border-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-border-opacity, 1))}.hover\\:bg-\\[hsl\\(144_8\\%_96\\%\\)\\]:hover{--tw-bg-opacity: 1;background-color:hsl(144 8% 96% / var(--tw-bg-opacity, 1))}.hover\\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\\:bg-brand-hover:hover{background-color:var(--brand-hover)}.hover\\:bg-brand\\/40:hover{background-color:hsl(var(--brand-hsl) / .4)}.hover\\:bg-danger-subtle:hover{background-color:hsl(var(--danger-subtle))}.hover\\:bg-danger\\/10:hover{background-color:hsl(var(--danger) / .1)}.hover\\:bg-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\\:bg-surface-2:hover{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.hover\\:bg-surface-2\\/60:hover{background-color:hsl(var(--surface-2) / .6)}.hover\\:bg-surface-3:hover{--tw-bg-opacity: 1;background-color:hsl(var(--surface-3) / var(--tw-bg-opacity, 1))}.hover\\:bg-surface-inset:hover{--tw-bg-opacity: 1;background-color:hsl(var(--surface-inset) / var(--tw-bg-opacity, 1))}.hover\\:bg-transparent:hover{background-color:transparent}.hover\\:bg-white\\/20:hover{background-color:#fff3}.hover\\:text-\\[hsl\\(150_10\\%_12\\%\\)\\]:hover{--tw-text-opacity: 1;color:hsl(150 10% 12% / var(--tw-text-opacity, 1))}.hover\\:text-brand-hover:hover{color:var(--brand-hover)}.hover\\:text-danger:hover{--tw-text-opacity: 1;color:hsl(var(--danger) / var(--tw-text-opacity, 1))}.hover\\:text-slate-900:hover{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.hover\\:text-text-primary:hover{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.hover\\:text-text-secondary:hover{--tw-text-opacity: 1;color:hsl(var(--text-secondary) / var(--tw-text-opacity, 1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-90:hover{opacity:.9}.focus\\:border-brand:focus{--tw-border-opacity: 1;border-color:hsl(var(--brand-hsl) / var(--tw-border-opacity, 1))}.focus\\:bg-surface-2:focus{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.focus\\:text-text-primary:focus{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:h-\\[var\\(--issue-sticker-hover-size\\)\\]:focus-visible{height:var(--issue-sticker-hover-size)}.focus-visible\\:max-w-\\[160px\\]:focus-visible{max-width:160px}.focus-visible\\:max-w-\\[480px\\]:focus-visible{max-width:480px}.focus-visible\\:border-line-focus:focus-visible{--tw-border-opacity: 1;border-color:hsl(var(--border-focus) / var(--tw-border-opacity, 1))}.focus-visible\\:border-transparent:focus-visible{border-color:transparent}.focus-visible\\:bg-slate-50:focus-visible{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.focus-visible\\:bg-surface-1:focus-visible{--tw-bg-opacity: 1;background-color:hsl(var(--surface-1) / var(--tw-bg-opacity, 1))}.focus-visible\\:bg-surface-2:focus-visible{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.focus-visible\\:text-text-primary:focus-visible{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.focus-visible\\:shadow-focus:focus-visible{--tw-shadow: var(--shadow-focus);--tw-shadow-colored: var(--shadow-focus);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-line-focus:focus-visible{outline-color:hsl(var(--border-focus) / 1)}.focus-visible\\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-4:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\\:ring-brand-subtle:focus-visible{--tw-ring-color: var(--brand-subtle)}.focus-visible\\:ring-white\\/40:focus-visible{--tw-ring-color: rgb(255 255 255 / .4)}.active\\:bg-brand-active:active{background-color:var(--brand-active)}.active\\:bg-brand\\/60:active{background-color:hsl(var(--brand-hsl) / .6)}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}.disabled\\:opacity-50:disabled{opacity:.5}.group\\/marker:hover .group-hover\\/marker\\:h-\\[var\\(--issue-sticker-hover-size\\)\\]{height:var(--issue-sticker-hover-size)}.group\\/marker:hover .group-hover\\/marker\\:max-w-\\[160px\\]{max-width:160px}.group\\/marker:hover .group-hover\\/marker\\:max-w-\\[480px\\]{max-width:480px}.group\\/marker:hover .group-hover\\/marker\\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\\/marker:hover .group-hover\\/marker\\:bg-brand-hover{background-color:var(--brand-hover)}.group\\/marker:hover .group-hover\\/marker\\:opacity-100{opacity:1}.group\\/marker:hover .group-hover\\/marker\\:shadow-xl{--tw-shadow: var(--shadow-xl);--tw-shadow-colored: var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:focus-visible .group-focus-visible\\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-visible .group-focus-visible\\:opacity-100{opacity:1}.group.toaster .group-\\[\\.toaster\\]\\:isolate{isolation:isolate}.group.toast .group-\\[\\.toast\\]\\:rounded-md,.group.toaster .group-\\[\\.toaster\\]\\:rounded-md{border-radius:var(--radius-md)}.group.toaster .group-\\[\\.toaster\\]\\:border{border-width:1px}.group.toaster .group-\\[\\.toaster\\]\\:\\!border-danger\\/30{border-color:hsl(var(--danger) / .3)!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!border-info\\/30{border-color:hsl(var(--info) / .3)!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!border-success\\/30{border-color:hsl(var(--success) / .3)!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!border-warning\\/30{border-color:hsl(var(--warning) / .3)!important}.group.toaster .group-\\[\\.toaster\\]\\:border-line-subtle{--tw-border-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-border-opacity, 1))}.group.toast .group-\\[\\.toast\\]\\:bg-brand{--tw-bg-opacity: 1;background-color:hsl(var(--brand-hsl) / var(--tw-bg-opacity, 1))}.group.toast .group-\\[\\.toast\\]\\:bg-surface-2{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:\\!bg-danger-subtle{background-color:hsl(var(--danger-subtle))!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!bg-info-subtle{background-color:hsl(var(--info-subtle))!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!bg-success-surface{background-color:hsl(var(--success-surface))!important}.group.toaster .group-\\[\\.toaster\\]\\:\\!bg-warning-subtle{background-color:hsl(var(--warning-subtle))!important}.group.toaster .group-\\[\\.toaster\\]\\:bg-surface-1{--tw-bg-opacity: 1;background-color:hsl(var(--surface-1) / var(--tw-bg-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:px-4{padding-left:16px;padding-right:16px}.group.toaster .group-\\[\\.toaster\\]\\:py-3{padding-top:12px;padding-bottom:12px}.group.toast .group-\\[\\.toast\\]\\:text-sm{font-size:clamp(13px,12.54px + .122vw,14.5px);line-height:1.462}.group.toast .group-\\[\\.toast\\]\\:text-xs{font-size:clamp(12px,11.69px + .082vw,13px);line-height:1.333}.group.toast .group-\\[\\.toast\\]\\:font-medium{font-weight:500}.group.toast .group-\\[\\.toast\\]\\:text-brand-fg{color:var(--brand-fg)}.group.toast .group-\\[\\.toast\\]\\:text-text-primary{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.group.toast .group-\\[\\.toast\\]\\:text-text-secondary{--tw-text-opacity: 1;color:hsl(var(--text-secondary) / var(--tw-text-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:text-text-primary{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:shadow-sm{--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group.toaster .group-\\[\\.toaster\\]\\:before\\:absolute:before{content:var(--tw-content);position:absolute}.group.toaster .group-\\[\\.toaster\\]\\:before\\:inset-0:before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.group.toaster .group-\\[\\.toaster\\]\\:before\\:-z-10:before{content:var(--tw-content);z-index:-10}.group.toaster .group-\\[\\.toaster\\]\\:before\\:rounded-md:before{content:var(--tw-content);border-radius:var(--radius-md)}.group.toaster .group-\\[\\.toaster\\]\\:before\\:bg-surface-1:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:hsl(var(--surface-1) / var(--tw-bg-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:before\\:content-\\[\\'\\'\\]:before{--tw-content: "";content:var(--tw-content)}.peer:focus-visible~.peer-focus-visible\\:shadow-focus{--tw-shadow: var(--shadow-focus);--tw-shadow-colored: var(--shadow-focus);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.peer:disabled~.peer-disabled\\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\\:opacity-60{opacity:.6}.aria-disabled\\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\\:opacity-40[aria-disabled=true]{opacity:.4}.data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}@keyframes dialog-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.985)}}.data-\\[state\\=closed\\]\\:animate-dialog-out[data-state=closed]{animation:dialog-out var(--duration-out) var(--ease-out) forwards}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.data-\\[state\\=closed\\]\\:animate-fade-out[data-state=closed]{animation:fade-out var(--duration-out) var(--ease-out) forwards}@keyframes scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}.data-\\[state\\=closed\\]\\:animate-scale-out[data-state=closed]{animation:scale-out var(--duration-out) var(--ease-out) forwards}@keyframes sheet-out-left{0%{transform:translate(0)}to{transform:translate(-100%);opacity:.6}}.data-\\[state\\=closed\\]\\:animate-sheet-out-left[data-state=closed]{animation:sheet-out-left var(--duration-base) var(--ease-out) forwards}@keyframes sheet-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:.6}}.data-\\[state\\=closed\\]\\:animate-sheet-out-right[data-state=closed]{animation:sheet-out-right var(--duration-base) var(--ease-out) forwards}.data-\\[state\\=delayed-open\\]\\:animate-scale-in[data-state=delayed-open]{animation:scale-in var(--duration-base) var(--ease-out) forwards}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 12px)) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.data-\\[state\\=open\\]\\:animate-dialog-in[data-state=open]{animation:dialog-in var(--duration-base) var(--ease-out) forwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.data-\\[state\\=open\\]\\:animate-fade-in[data-state=open]{animation:fade-in var(--duration-base) var(--ease-out) forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.data-\\[state\\=open\\]\\:animate-scale-in[data-state=open]{animation:scale-in var(--duration-base) var(--ease-out) forwards}@keyframes sheet-in-left{0%{transform:translate(-100%);opacity:.6}to{transform:translate(0);opacity:1}}.data-\\[state\\=open\\]\\:animate-sheet-in-left[data-state=open]{animation:sheet-in-left var(--duration-base) var(--ease-out) forwards}@keyframes sheet-in-right{0%{transform:translate(100%);opacity:.6}to{transform:translate(0)}}.data-\\[state\\=open\\]\\:animate-sheet-in-right[data-state=open]{animation:sheet-in-right var(--duration-base) var(--ease-out) forwards}.data-\\[range-end\\=true\\]\\:rounded-md[data-range-end=true]{border-radius:var(--radius-md)}.data-\\[range-middle\\=true\\]\\:rounded-none[data-range-middle=true]{border-radius:0}.data-\\[range-start\\=true\\]\\:rounded-md[data-range-start=true]{border-radius:var(--radius-md)}.data-\\[state\\=open\\]\\:border-line-focus[data-state=open]{--tw-border-opacity: 1;border-color:hsl(var(--border-focus) / var(--tw-border-opacity, 1))}.data-\\[highlighted\\]\\:bg-surface-2[data-highlighted]{--tw-bg-opacity: 1;background-color:hsl(var(--surface-2) / var(--tw-bg-opacity, 1))}.data-\\[range-end\\=true\\]\\:bg-brand[data-range-end=true]{--tw-bg-opacity: 1;background-color:hsl(var(--brand-hsl) / var(--tw-bg-opacity, 1))}.data-\\[range-middle\\=true\\]\\:bg-transparent[data-range-middle=true]{background-color:transparent}.data-\\[range-start\\=true\\]\\:bg-brand[data-range-start=true],.data-\\[selected-single\\=true\\]\\:bg-brand[data-selected-single=true]{--tw-bg-opacity: 1;background-color:hsl(var(--brand-hsl) / var(--tw-bg-opacity, 1))}.data-\\[state\\=selected\\]\\:bg-brand-subtle[data-state=selected]{background-color:var(--brand-subtle)}.data-\\[today\\=true\\]\\:font-semibold[data-today=true]{font-weight:600}.data-\\[highlighted\\]\\:text-text-primary[data-highlighted]{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.data-\\[placeholder\\]\\:text-text-tertiary[data-placeholder]{--tw-text-opacity: 1;color:hsl(var(--text-tertiary) / var(--tw-text-opacity, 1))}.data-\\[range-end\\=true\\]\\:text-brand-fg[data-range-end=true]{color:var(--brand-fg)}.data-\\[range-middle\\=true\\]\\:text-text-primary[data-range-middle=true]{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.data-\\[range-start\\=true\\]\\:text-brand-fg[data-range-start=true],.data-\\[selected-single\\=true\\]\\:text-brand-fg[data-selected-single=true]{color:var(--brand-fg)}.data-\\[state\\=active\\]\\:text-text-primary[data-state=active],.data-\\[state\\=checked\\]\\:text-text-primary[data-state=checked]{--tw-text-opacity: 1;color:hsl(var(--text-primary) / var(--tw-text-opacity, 1))}.data-\\[today\\=true\\]\\:text-brand[data-today=true]{--tw-text-opacity: 1;color:hsl(var(--brand-hsl) / var(--tw-text-opacity, 1))}.data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=open\\]\\:shadow-focus[data-state=open]{--tw-shadow: var(--shadow-focus);--tw-shadow-colored: var(--shadow-focus);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.data-\\[range-end\\=true\\]\\:hover\\:bg-brand-hover:hover[data-range-end=true],.data-\\[range-start\\=true\\]\\:hover\\:bg-brand-hover:hover[data-range-start=true],.data-\\[selected-single\\=true\\]\\:hover\\:bg-brand-hover:hover[data-selected-single=true]{background-color:var(--brand-hover)}.data-\\[range-end\\=true\\]\\:hover\\:text-brand-fg:hover[data-range-end=true],.data-\\[range-start\\=true\\]\\:hover\\:text-brand-fg:hover[data-range-start=true],.data-\\[selected-single\\=true\\]\\:hover\\:text-brand-fg:hover[data-selected-single=true]{color:var(--brand-fg)}@media(prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}}@media(min-width:640px){.sm\\:flex-row{flex-direction:row}.sm\\:items-start{align-items:flex-start}.sm\\:items-center{align-items:center}.sm\\:justify-end{justify-content:flex-end}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-2\\.5{gap:10px}.sm\\:p-5{padding:20px}.sm\\:p-6{padding:24px}.sm\\:text-2xl{font-size:clamp(26px,24.78px + .327vw,30px);line-height:1.308}.sm\\:text-\\[2\\.1rem\\]{font-size:33.6px}}@media(min-width:768px){.md\\:flex{display:flex}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-\\[minmax\\(0\\,1fr\\)_minmax\\(260px\\,340px\\)\\]{grid-template-columns:minmax(0,1fr) minmax(260px,340px)}}.\\[\\&\\>\\*\\:not\\(summary\\)\\]\\:pl-4>*:not(summary){padding-left:16px}.\\[\\&\\>span\\]\\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\\[\\&\\>tr\\]\\:last\\:border-b-0:last-child>tr{border-bottom-width:0px}.\\[\\&\\[data-state\\=open\\]\\>span\\[data-chevron\\]\\]\\:rotate-180[data-state=open]>span[data-chevron]{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\[\\&_\\:is\\(h1\\,h2\\,h3\\,h4\\,h5\\,h6\\,p\\,li\\,td\\,th\\,summary\\,blockquote\\)\\]\\:text-text-secondary :is(h1,h2,h3,h4,h5,h6,p,li,td,th,summary,blockquote){--tw-text-opacity: 1;color:hsl(var(--text-secondary) / var(--tw-text-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:\\[\\&_\\[data-icon\\]\\]\\:text-danger [data-icon]{--tw-text-opacity: 1;color:hsl(var(--danger) / var(--tw-text-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:\\[\\&_\\[data-icon\\]\\]\\:text-info [data-icon]{--tw-text-opacity: 1;color:hsl(var(--info) / var(--tw-text-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:\\[\\&_\\[data-icon\\]\\]\\:text-success [data-icon]{--tw-text-opacity: 1;color:hsl(var(--success) / var(--tw-text-opacity, 1))}.group.toaster .group-\\[\\.toaster\\]\\:\\[\\&_\\[data-icon\\]\\]\\:text-warning [data-icon]{--tw-text-opacity: 1;color:hsl(var(--warning) / var(--tw-text-opacity, 1))}.\\[\\&_tr\\]\\:border-b tr{border-bottom-width:1px}.\\[\\&_tr\\]\\:border-line-subtle tr{--tw-border-opacity: 1;border-color:hsl(var(--border-subtle) / var(--tw-border-opacity, 1))}li .\\[li_\\&\\]\\:pl-5{padding-left:20px}`;
 const sdkShadowCSS = ".issue-sticker-marker{pointer-events:auto}@keyframes highlight-pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-md)}50%{transform:scale(1.3);box-shadow:var(--shadow-focus),var(--shadow-lg)}}.issue-sticker-marker.highlight-animation{animation:highlight-pulse .7s ease-in-out 3}";
 const contentPageCSS = `@layer issue-sticker-mode{html:has(>body.issue-sticker-mode-active),body.issue-sticker-mode-active,body.issue-sticker-mode-active *{cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M3 29 C3 22 3 20 3 15 a12 12 0 0 1 12-12 h2 a12 12 0 0 1 12 12 a12 12 0 0 1-12 12 H12 Z' fill='%231C221F' fill-opacity='0.35' stroke='%23ffffff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 3 29,crosshair!important}body.issue-sticker-mode-active iframe{pointer-events:none!important}body.issue-sticker-mode-active .issue-sticker-mode-highlight{outline:2px solid hsl(160 64% 34%)!important;outline-offset:2px!important;background-color:#1f8e691f!important;transition:outline .1s ease,background-color .1s ease!important}}`;
 const PAGE_STYLE_ID = "issue-sticker-page-style";
 let root = null;
 let mountContainer = null;
+let detachHostGuards = null;
 function renderWidget(config) {
   if (!root || !mountContainer) {
     return;
@@ -39920,9 +41314,13 @@ function mountWidget(config) {
   }
   document.body.appendChild(hostElement);
   const shadow = createShadowRoot(hostElement, [globalsCSS, sdkShadowCSS]);
-  attachHostTypingGuard(shadow.shadowRoot);
-  attachHostPointerGuard(shadow.shadowRoot);
-  attachHostInteractionGuard(shadow.shadowRoot);
+  detachHostGuards == null ? void 0 : detachHostGuards();
+  const guards = [
+    attachHostTypingGuard(shadow.shadowRoot),
+    attachHostPointerGuard(shadow.shadowRoot),
+    attachHostInteractionGuard(shadow.shadowRoot)
+  ];
+  detachHostGuards = () => guards.forEach((detach) => detach());
   mountContainer = shadow.mountContainer;
   mountContainer.style.width = "0";
   mountContainer.style.height = "0";
@@ -39938,6 +41336,8 @@ function unmountWidget() {
     root = null;
   }
   mountContainer = null;
+  detachHostGuards == null ? void 0 : detachHostGuards();
+  detachHostGuards = null;
   const host = document.getElementById(ISSUE_STICKER_HOST_ELEMENT_ID);
   if (host && getIssueStickerRuntimeOwner(host) !== ISSUE_STICKER_RUNTIME_OWNER.extension) {
     host.remove();