@readerseye2/cr_viewer 1.0.17 → 1.0.21

package/dist/index.js

@@ -3,12 +3,6 @@ var Vi = Object.defineProperty;
 var qi = (e, t, n) => t in e ? Vi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Ar = (e, t, n) => qi(e, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as x, jsxs as X, Fragment as yt } from "react/jsx-runtime";
-import "@fontsource/noto-sans-kr/400.css";
-import "@fontsource/noto-sans-kr/700.css";
-import "@fontsource/noto-serif-kr/400.css";
-import "@fontsource/noto-serif-kr/700.css";
-import "@fontsource/nanum-myeongjo/400.css";
-import "@fontsource/nanum-myeongjo/700.css";
 import * as dt from "react";
 import N, { createContext as Ft, useContext as Ue, useMemo as ve, useLayoutEffect as Tt, useRef as ie, useEffect as Se, useCallback as Z, createElement as hn, memo as Wt, useState as et, useId as ji } from "react";
 import Ui from "react-dom";
@@ -161,26 +155,26 @@ function Yi() {
     } else y = m.current;
     m = c(
       function() {
-        function f(_) {
+        function f(C) {
           if (!u) {
-            if (u = !0, T = _, _ = g(_), b !== void 0 && y.hasValue) {
+            if (u = !0, T = C, C = g(C), b !== void 0 && y.hasValue) {
               var h = y.value;
-              if (b(h, _))
+              if (b(h, C))
                 return k = h;
             }
-            return k = _;
+            return k = C;
           }
-          if (h = k, r(T, _)) return h;
-          var S = g(_);
-          return b !== void 0 && b(h, S) ? (T = _, h) : (T = _, k = S);
+          if (h = k, r(T, C)) return h;
+          var S = g(C);
+          return b !== void 0 && b(h, S) ? (T = C, h) : (T = C, k = S);
         }
-        var u = !1, T, k, I = v === void 0 ? null : v;
+        var u = !1, T, k, R = v === void 0 ? null : v;
         return [
           function() {
             return f(d());
           },
-          I === null ? void 0 : function() {
-            return f(I());
+          R === null ? void 0 : function() {
+            return f(R());
           }
         ];
       },
@@ -221,27 +215,27 @@ function Xi() {
       } else y = m.current;
       m = c(
         function() {
-          function f(_) {
+          function f(C) {
             if (!u) {
-              if (u = !0, T = _, _ = g(_), b !== void 0 && y.hasValue) {
+              if (u = !0, T = C, C = g(C), b !== void 0 && y.hasValue) {
                 var h = y.value;
-                if (b(h, _))
+                if (b(h, C))
                   return k = h;
               }
-              return k = _;
+              return k = C;
             }
-            if (h = k, r(T, _))
+            if (h = k, r(T, C))
               return h;
-            var S = g(_);
-            return b !== void 0 && b(h, S) ? (T = _, h) : (T = _, k = S);
+            var S = g(C);
+            return b !== void 0 && b(h, S) ? (T = C, h) : (T = C, k = S);
           }
-          var u = !1, T, k, I = v === void 0 ? null : v;
+          var u = !1, T, k, R = v === void 0 ? null : v;
           return [
             function() {
               return f(d());
             },
-            I === null ? void 0 : function() {
-              return f(I());
+            R === null ? void 0 : function() {
+              return f(R());
             }
           ];
         },
@@ -1361,12 +1355,12 @@ const Os = {
         l,
         ce((h) => h.length > 0),
         be(f, y),
-        U(([h, S, C]) => {
-          const R = h.reduce((O, P, w) => Xe(O, P, Zt(P, S.offsetTree, C) || w), Gt());
+        U(([h, S, I]) => {
+          const _ = h.reduce((O, P, w) => Xe(O, P, Zt(P, S.offsetTree, I) || w), Gt());
           return {
             ...S,
             groupIndices: h,
-            groupOffsetTree: R
+            groupOffsetTree: _
           };
         })
       ),
@@ -1376,10 +1370,10 @@ const Os = {
         r,
         be(f),
         ce(([h, { lastIndex: S }]) => h < S),
-        U(([h, { lastIndex: S, lastSize: C }]) => [
+        U(([h, { lastIndex: S, lastSize: I }]) => [
           {
             endIndex: S,
-            size: C,
+            size: I,
             startIndex: h
           }
         ])
@@ -1398,8 +1392,8 @@ const Os = {
         d,
         ce((h) => h !== void 0 && Ce(Be(f).sizeTree)),
         U((h) => {
-          const S = Be(v), C = Be(l).length > 0;
-          return S ? C ? [
+          const S = Be(v), I = Be(l).length > 0;
+          return S ? I ? [
             { endIndex: 0, size: S, startIndex: 0 },
             { endIndex: 1, size: h, startIndex: 1 }
           ] : [] : [{ endIndex: 0, size: h, startIndex: 0 }];
@@ -1412,19 +1406,19 @@ const Os = {
         ce((h) => h !== void 0 && h.length > 0 && Ce(Be(f).sizeTree)),
         U((h) => {
           const S = [];
-          let C = h[0], R = 0;
+          let I = h[0], _ = 0;
           for (let O = 1; O < h.length; O++) {
             const P = h[O];
-            P !== C && (S.push({
+            P !== I && (S.push({
               endIndex: O - 1,
-              size: C,
-              startIndex: R
-            }), C = P, R = O);
+              size: I,
+              startIndex: _
+            }), I = P, _ = O);
           }
           return S.push({
             endIndex: h.length - 1,
-            size: C,
-            startIndex: R
+            size: I,
+            startIndex: _
           }), S;
         })
       ),
@@ -1434,21 +1428,21 @@ const Os = {
         l,
         be(v, d),
         ce(([, h, S]) => h !== void 0 && S !== void 0),
-        U(([h, S, C]) => {
-          const R = [];
+        U(([h, S, I]) => {
+          const _ = [];
           for (let O = 0; O < h.length; O++) {
             const P = h[O], w = h[O + 1];
-            R.push({
+            _.push({
               startIndex: P,
               endIndex: P,
               size: S
-            }), w !== void 0 && R.push({
+            }), w !== void 0 && _.push({
               startIndex: P + 1,
               endIndex: w - 1,
-              size: C
+              size: I
             });
           }
-          return R;
+          return _;
         })
       ),
       n
@@ -1458,9 +1452,9 @@ const Os = {
         n,
         be(f),
         ht(
-          ({ sizes: h }, [S, C]) => ({
-            changed: C !== h,
-            sizes: C
+          ({ sizes: h }, [S, I]) => ({
+            changed: I !== h,
+            sizes: I
           }),
           { changed: !1, sizes: p }
         ),
@@ -1481,8 +1475,8 @@ const Os = {
         if (h > 0)
           ge(t, !0), ge(i, h + Kr(h, S));
         else if (h < 0) {
-          const C = Be(u);
-          C.length > 0 && (h -= Kr(-h, C)), ge(s, h);
+          const I = Be(u);
+          I.length > 0 && (h -= Kr(-h, I)), ge(s, h);
         }
       }
     ), Ie(L(c, be(e)), ([h, S]) => {
@@ -1492,23 +1486,23 @@ const Os = {
         Ye.ERROR
       );
     });
-    const I = Ze(i);
+    const R = Ze(i);
     te(
       L(
         i,
         be(f),
         U(([h, S]) => {
-          const C = S.groupIndices.length > 0, R = [], O = S.lastSize;
-          if (C) {
+          const I = S.groupIndices.length > 0, _ = [], O = S.lastSize;
+          if (I) {
             const P = Yt(S.sizeTree, 0);
             let w = 0, E = 0;
             for (; w < h; ) {
               const W = S.groupIndices[E], M = S.groupIndices.length === E + 1 ? 1 / 0 : S.groupIndices[E + 1] - W - 1;
-              R.push({
+              _.push({
                 endIndex: W,
                 size: P,
                 startIndex: W
-              }), R.push({
+              }), _.push({
                 endIndex: W + 1 + M - 1,
                 size: O,
                 startIndex: W + 1
@@ -1534,7 +1528,7 @@ const Os = {
               {
                 prevIndex: h,
                 prevSize: 0,
-                ranges: R
+                ranges: _
               }
             ).ranges;
           }
@@ -1554,13 +1548,13 @@ const Os = {
       ),
       n
     );
-    const _ = Ze(
+    const C = Ze(
       L(
         s,
         be(f, y),
-        U(([h, { offsetTree: S }, C]) => {
-          const R = -h;
-          return Zt(R, S, C);
+        U(([h, { offsetTree: S }, I]) => {
+          const _ = -h;
+          return Zt(_, S, I);
         })
       )
     );
@@ -1568,11 +1562,11 @@ const Os = {
       L(
         s,
         be(f, y),
-        U(([h, S, C]) => {
+        U(([h, S, I]) => {
           if (S.groupIndices.length > 0) {
             if (Ce(S.sizeTree))
               return S;
-            let R = Gt();
+            let _ = Gt();
             const O = Be(u);
             let P = 0, w = 0, E = 0;
             for (; P < -h; ) {
@@ -1580,30 +1574,30 @@ const Os = {
               const A = O[w + 1] - E - 1;
               w++, P += A + 1;
             }
-            if (R = kt(S.sizeTree).reduce((A, { k: W, v: M }) => Xe(A, Math.max(0, W + h), M), R), P !== -h) {
+            if (_ = kt(S.sizeTree).reduce((A, { k: W, v: M }) => Xe(A, Math.max(0, W + h), M), _), P !== -h) {
               const A = Yt(S.sizeTree, E);
-              R = Xe(R, 0, A);
+              _ = Xe(_, 0, A);
               const W = ct(S.sizeTree, -h + 1)[1];
-              R = Xe(R, 1, W);
+              _ = Xe(_, 1, W);
             }
             return {
               ...S,
-              sizeTree: R,
-              ...hr(S.offsetTree, 0, R, C)
+              sizeTree: _,
+              ...hr(S.offsetTree, 0, _, I)
             };
           } else {
-            const R = kt(S.sizeTree).reduce((O, { k: P, v: w }) => Xe(O, Math.max(0, P + h), w), Gt());
+            const _ = kt(S.sizeTree).reduce((O, { k: P, v: w }) => Xe(O, Math.max(0, P + h), w), Gt());
             return {
               ...S,
-              sizeTree: R,
-              ...hr(S.offsetTree, 0, R, C)
+              sizeTree: _,
+              ...hr(S.offsetTree, 0, _, I)
             };
           }
         })
       ),
       f
     ), {
-      beforeUnshiftWith: I,
+      beforeUnshiftWith: R,
       // input
       data: m,
       defaultItemSize: d,
@@ -1616,7 +1610,7 @@ const Os = {
       itemSize: b,
       listRefresh: k,
       shiftWith: s,
-      shiftWithOffset: _,
+      shiftWithOffset: C,
       sizeRanges: n,
       // output
       sizes: f,
@@ -1712,14 +1706,14 @@ const on = xe(
         be(e, i, o),
         U(
           ([
-            [k, I, _, h, S, C, R, O],
+            [k, R, C, h, S, I, _, O],
             P,
             w,
             E
           ]) => {
-            const A = ci(k), { align: W, behavior: M, offset: B } = A, F = h - 1, V = li(A, I, F);
-            let q = Zt(V, I.offsetTree, P) + C;
-            W === "end" ? (q += w + ct(I.sizeTree, V)[1] - _ + E, V === F && (q += R)) : W === "center" ? q += (w + ct(I.sizeTree, V)[1] - _ + E) / 2 : q -= S, B && (q += B);
+            const A = ci(k), { align: W, behavior: M, offset: B } = A, F = h - 1, D = li(A, R, F);
+            let q = Zt(D, R.offsetTree, P) + I;
+            W === "end" ? (q += w + ct(R.sizeTree, D)[1] - C + E, D === F && (q += _)) : W === "center" ? q += (w + ct(R.sizeTree, D)[1] - C + E) / 2 : q -= S, B && (q += B);
             const ue = (de) => {
               T(), de ? (O("retrying to scroll to", { location: k }, Ye.DEBUG), ge(b, k)) : (ge(m, !0), O("list did not change, scroll successful", {}, Ye.DEBUG));
             };
@@ -1734,7 +1728,7 @@ const on = xe(
               p = at(L(t, zs(150)), ue);
             return f = setTimeout(() => {
               T();
-            }, 1200), ge(l, !0), O("scrolling from index to", { behavior: M, index: V, top: q }, Ye.DEBUG), { behavior: M, top: q };
+            }, 1200), ge(l, !0), O("scrolling from index to", { behavior: M, index: D, top: q }, Ye.DEBUG), { behavior: M, top: q };
           }
         )
       ),
@@ -1845,26 +1839,26 @@ const Jt = "up", Ut = "down", As = "none", Ls = {
   const m = Ze(
     L(
       Fe(r, ae(i), ae(t), ae(e), ae(d)),
-      ht((u, [{ scrollHeight: T, scrollTop: k }, I, _, h, S]) => {
-        const C = k + I - T > -S, R = {
+      ht((u, [{ scrollHeight: T, scrollTop: k }, R, C, h, S]) => {
+        const I = k + R - T > -S, _ = {
           scrollHeight: T,
           scrollTop: k,
-          viewportHeight: I
+          viewportHeight: R
         };
-        if (C) {
+        if (I) {
           let P, w;
           return k > u.state.scrollTop ? (P = "SCROLLED_DOWN", w = u.state.scrollTop - k) : (P = "SIZE_DECREASED", w = u.state.scrollTop - k || u.scrollTopDelta), {
             atBottom: !0,
             atBottomBecause: P,
             scrollTopDelta: w,
-            state: R
+            state: _
           };
         }
         let O;
-        return R.scrollHeight > u.state.scrollHeight ? O = "SIZE_INCREASED" : I < u.state.viewportHeight ? O = "VIEWPORT_HEIGHT_DECREASING" : k < u.state.scrollTop ? O = "SCROLLING_UPWARDS" : O = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
+        return _.scrollHeight > u.state.scrollHeight ? O = "SIZE_INCREASED" : R < u.state.viewportHeight ? O = "VIEWPORT_HEIGHT_DECREASING" : k < u.state.scrollTop ? O = "SCROLLING_UPWARDS" : O = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
           atBottom: !1,
           notAtBottomBecause: O,
-          state: R
+          state: _
         };
       }, Ls),
       Me((u, T) => u && u.atBottom === T.atBottom)
@@ -1873,7 +1867,7 @@ const Jt = "up", Ut = "down", As = "none", Ls = {
     L(
       r,
       ht(
-        (u, { scrollHeight: T, scrollTop: k, viewportHeight: I }) => {
+        (u, { scrollHeight: T, scrollTop: k, viewportHeight: R }) => {
           if (ui(u.scrollHeight, T))
             return {
               changed: !1,
@@ -1882,8 +1876,8 @@ const Jt = "up", Ut = "down", As = "none", Ls = {
               scrollTop: k
             };
           {
-            const _ = T - (k + I) < 1;
-            return u.scrollTop !== k && _ ? {
+            const C = T - (k + R) < 1;
+            return u.scrollTop !== k && C ? {
               changed: !0,
               jump: u.scrollTop - k,
               scrollHeight: T,
@@ -1990,12 +1984,12 @@ const kr = xe(
             u,
             T
           ]) => {
-            const k = d - u, I = p + f, _ = Math.max(g - k, 0);
+            const k = d - u, R = p + f, C = Math.max(g - k, 0);
             let h = Qr;
-            const S = Xr(T, en), C = Xr(T, tn);
-            return b -= u, b += g + f, m += g + f, m -= u, b > d + I - S && (h = Jt), m < d - _ + v + C && (h = Ut), h !== Qr ? [
+            const S = Xr(T, en), I = Xr(T, tn);
+            return b -= u, b += g + f, m += g + f, m -= u, b > d + R - S && (h = Jt), m < d - C + v + I && (h = Ut), h !== Qr ? [
               Math.max(k - g - Yr(y, en, h) - S, 0),
-              k - _ - f + v + Yr(y, tn, h) + C
+              k - C - f + v + Yr(y, tn, h) + I
             ] : null;
           }
         ),
@@ -2134,8 +2128,8 @@ const Pt = xe(
           ae(u),
           e
         ),
-        ce(([h, S, , C, , , , , , , , R]) => {
-          const O = R && R.length !== C;
+        ce(([h, S, , I, , , , , , , , _]) => {
+          const O = _ && _.length !== I;
           return h && !S && !O;
         }),
         U(
@@ -2143,8 +2137,8 @@ const Pt = xe(
             ,
             ,
             [h, S],
-            C,
-            R,
+            I,
+            _,
             O,
             P,
             w,
@@ -2153,37 +2147,37 @@ const Pt = xe(
             W,
             M
           ]) => {
-            var B, F, V, q;
-            const ue = R, { offsetTree: de, sizeTree: ke } = ue, Re = Be(p);
-            if (C === 0)
-              return { ...Wn, totalCount: C };
+            var B, F, D, q;
+            const ue = _, { offsetTree: de, sizeTree: ke } = ue, Re = Be(p);
+            if (I === 0)
+              return { ...Wn, totalCount: I };
             if (h === 0 && S === 0)
-              return Re === 0 ? { ...Wn, totalCount: C } : di(Re, O, R, E, A, M || []);
+              return Re === 0 ? { ...Wn, totalCount: I } : di(Re, O, _, E, A, M || []);
             if (Ce(ke))
               return Re > 0 ? null : mn(
-                Hs(Tr(O, C), ue, M),
+                Hs(Tr(O, I), ue, M),
                 [],
-                C,
+                I,
                 A,
                 ue,
                 E
               );
             const ee = [];
             if (w.length > 0) {
-              const $ = w[0], J = w[w.length - 1];
+              const V = w[0], J = w[w.length - 1];
               let se = 0;
-              for (const re of Ht(ke, $, J)) {
-                const pe = re.value, le = Math.max(re.start, $), we = Math.min(re.end, J);
+              for (const re of Ht(ke, V, J)) {
+                const pe = re.value, le = Math.max(re.start, V), we = Math.min(re.end, J);
                 for (let me = le; me <= we; me++)
                   ee.push({ data: M == null ? void 0 : M[me], index: me, offset: se, size: pe }), se += pe;
               }
             }
             if (!P)
-              return mn([], ee, C, A, ue, E);
+              return mn([], ee, I, A, ue, E);
             const Q = w.length > 0 ? w[w.length - 1] + 1 : 0, z = ks(de, h, S, Q);
             if (z.length === 0)
               return null;
-            const K = C - 1, ne = _n([], ($) => {
+            const K = I - 1, ne = _n([], (V) => {
               for (const J of z) {
                 const se = J.value;
                 let re = se.offset, pe = J.start;
@@ -2196,16 +2190,16 @@ const Pt = xe(
                 pe < Q && (re += (Q - pe) * le, pe = Q);
                 const we = Math.min(J.end, K);
                 for (let me = pe; me <= we && !(re >= S); me++)
-                  $.push({ data: M == null ? void 0 : M[me], index: me, offset: re, size: le }), re += le + A;
+                  V.push({ data: M == null ? void 0 : M[me], index: me, offset: re, size: le }), re += le + A;
               }
             }), H = Jr(W, en), oe = Jr(W, tn);
             if (ne.length > 0 && (H > 0 || oe > 0)) {
-              const $ = ne[0], J = ne[ne.length - 1];
-              if (H > 0 && $.index > Q) {
-                const se = Math.min(H, $.index - Q), re = [];
-                let pe = $.offset;
-                for (let le = $.index - 1; le >= $.index - se; le--) {
-                  const we = (F = (B = Ht(ke, le, le)[0]) == null ? void 0 : B.value) != null ? F : $.size;
+              const V = ne[0], J = ne[ne.length - 1];
+              if (H > 0 && V.index > Q) {
+                const se = Math.min(H, V.index - Q), re = [];
+                let pe = V.offset;
+                for (let le = V.index - 1; le >= V.index - se; le--) {
+                  const we = (F = (B = Ht(ke, le, le)[0]) == null ? void 0 : B.value) != null ? F : V.size;
                   pe -= we + A, re.unshift({ data: M == null ? void 0 : M[le], index: le, offset: pe, size: we });
                 }
                 ne.unshift(...re);
@@ -2214,12 +2208,12 @@ const Pt = xe(
                 const se = Math.min(oe, K - J.index);
                 let re = J.offset + J.size + A;
                 for (let pe = J.index + 1; pe <= J.index + se; pe++) {
-                  const le = (q = (V = Ht(ke, pe, pe)[0]) == null ? void 0 : V.value) != null ? q : J.size;
+                  const le = (q = (D = Ht(ke, pe, pe)[0]) == null ? void 0 : D.value) != null ? q : J.size;
                   ne.push({ data: M == null ? void 0 : M[pe], index: pe, offset: re, size: le }), re += le + A;
                 }
               }
             }
-            return mn(ne, ee, C, A, ue, E);
+            return mn(ne, ee, I, A, ue, E);
           }
         ),
         //@ts-expect-error filter needs to be fixed
@@ -2264,7 +2258,7 @@ const Pt = xe(
         Me(Xt),
         U(([h]) => h)
       )
-    ), I = Ze(
+    ), R = Ze(
       L(
         T,
         mt(200),
@@ -2272,18 +2266,18 @@ const Pt = xe(
         U(({ items: h }) => h[0].index),
         Me()
       )
-    ), _ = Ze(
+    ), C = Ze(
       L(
         T,
         ce(({ items: h }) => h.length > 0),
         U(({ items: h }) => {
-          let S = 0, C = h.length - 1;
-          for (; h[S].type === "group" && S < C; )
+          let S = 0, I = h.length - 1;
+          for (; h[S].type === "group" && S < I; )
             S++;
-          for (; h[C].type === "group" && C > S; )
-            C--;
+          for (; h[I].type === "group" && I > S; )
+            I--;
           return {
-            endIndex: h[C].index,
+            endIndex: h[I].index,
             startIndex: h[S].index
           };
         }),
@@ -2296,8 +2290,8 @@ const Pt = xe(
       itemsRendered: f,
       listState: T,
       minOverscanItemCount: u,
-      rangeChanged: _,
-      startReached: I,
+      rangeChanged: C,
+      startReached: R,
       topItemsIndexes: y,
       ...g
     };
@@ -2363,10 +2357,10 @@ const Pt = xe(
         be(t, l, n, i, o, r, c),
         be(e),
         U(([[v, g, b, m, y, p, f, u], T]) => {
-          const { align: k, behavior: I, calculateViewLocation: _ = Fs, done: h, ...S } = v, C = li(v, g, m - 1), R = Zt(C, g.offsetTree, T) + y + p, O = R + ct(g.sizeTree, C)[1], P = u + p, w = u + b - f, E = _({
+          const { align: k, behavior: R, calculateViewLocation: C = Fs, done: h, ...S } = v, I = li(v, g, m - 1), _ = Zt(I, g.offsetTree, T) + y + p, O = _ + ct(g.sizeTree, I)[1], P = u + p, w = u + b - f, E = C({
             itemBottom: O,
-            itemTop: R,
-            locationParams: { align: k, behavior: I, ...S },
+            itemTop: _,
+            locationParams: { align: k, behavior: R, ...S },
             viewportBottom: w,
             viewportTop: P
           });
@@ -2408,10 +2402,10 @@ const Ws = (e, t) => typeof e == "function" ? eo(e(t)) : t && eo(e), Ds = xe(
   ]) => {
     const m = G(!1), y = ye();
     let p = null;
-    function f(I) {
+    function f(R) {
       ge(s, {
         align: "end",
-        behavior: I,
+        behavior: R,
         index: "LAST"
       });
     }
@@ -2419,53 +2413,53 @@ const Ws = (e, t) => typeof e == "function" ? eo(e(t)) : t && eo(e), Ds = xe(
       L(
         Fe(L(ae(t), _t(1)), l),
         be(ae(m), i, c, v),
-        U(([[I, _], h, S, C, R]) => {
-          let O = _ && C, P = "auto";
-          return O && (P = Ws(h, S || R), O = O && !!P), { followOutputBehavior: P, shouldFollow: O, totalCount: I };
+        U(([[R, C], h, S, I, _]) => {
+          let O = C && I, P = "auto";
+          return O && (P = Ws(h, S || _), O = O && !!P), { followOutputBehavior: P, shouldFollow: O, totalCount: R };
         }),
-        ce(({ shouldFollow: I }) => I)
+        ce(({ shouldFollow: R }) => R)
       ),
-      ({ followOutputBehavior: I, totalCount: _ }) => {
+      ({ followOutputBehavior: R, totalCount: C }) => {
         p && (p(), p = null), Be(n) ? requestAnimationFrame(() => {
-          Be(d)("following output to ", { totalCount: _ }, Ye.DEBUG), f(I);
+          Be(d)("following output to ", { totalCount: C }, Ye.DEBUG), f(R);
         }) : p = at(e, () => {
-          Be(d)("following output to ", { totalCount: _ }, Ye.DEBUG), f(I), p = null;
+          Be(d)("following output to ", { totalCount: C }, Ye.DEBUG), f(R), p = null;
         });
       }
     );
-    function u(I) {
-      const _ = at(o, (h) => {
-        I && !h.atBottom && h.notAtBottomBecause === "SIZE_INCREASED" && !p && (Be(d)("scrolling to bottom due to increased size", {}, Ye.DEBUG), f("auto"));
+    function u(R) {
+      const C = at(o, (h) => {
+        R && !h.atBottom && h.notAtBottomBecause === "SIZE_INCREASED" && !p && (Be(d)("scrolling to bottom due to increased size", {}, Ye.DEBUG), f("auto"));
       });
-      setTimeout(_, 100);
+      setTimeout(C, 100);
     }
     Ie(
       L(
         Fe(ae(m), t, a),
-        ce(([I, , _]) => I && _),
+        ce(([R, , C]) => R && C),
         ht(
-          ({ value: I }, [, _]) => ({ refreshed: I === _, value: _ }),
+          ({ value: R }, [, C]) => ({ refreshed: R === C, value: C }),
           { refreshed: !1, value: 0 }
         ),
-        ce(({ refreshed: I }) => I),
+        ce(({ refreshed: R }) => R),
         be(m, t)
       ),
-      ([, I]) => {
-        Be(c) && u(I !== !1);
+      ([, R]) => {
+        Be(c) && u(R !== !1);
       }
     ), Ie(y, () => {
       u(Be(m) !== !1);
-    }), Ie(Fe(ae(m), o), ([I, _]) => {
-      I && !_.atBottom && _.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && f("auto");
+    }), Ie(Fe(ae(m), o), ([R, C]) => {
+      R && !C.atBottom && C.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && f("auto");
     });
     const T = G(null), k = ye();
     return te(
       ur(
         L(
           ae(r),
-          U((I) => {
-            var _;
-            return (_ = I == null ? void 0 : I.length) != null ? _ : 0;
+          U((R) => {
+            var C;
+            return (C = R == null ? void 0 : R.length) != null ? C : 0;
           })
         ),
         L(ae(t))
@@ -2475,15 +2469,15 @@ const Ws = (e, t) => typeof e == "function" ? eo(e(t)) : t && eo(e), Ds = xe(
       L(
         Fe(L(k, _t(1)), l),
         be(ae(T), c, v, g),
-        U(([[I, _], h, S, C, R]) => _ && S && (h == null ? void 0 : h({ context: R, totalCount: I, scrollingInProgress: C }))),
-        ce((I) => !!I),
+        U(([[R, C], h, S, I, _]) => C && S && (h == null ? void 0 : h({ context: _, totalCount: R, scrollingInProgress: I }))),
+        ce((R) => !!R),
         mt(0)
       ),
-      (I) => {
+      (R) => {
         p && (p(), p = null), Be(n) ? requestAnimationFrame(() => {
-          Be(d)("scrolling into view", {}), ge(b, I);
+          Be(d)("scrolling into view", {}), ge(b, R);
         }) : p = at(e, () => {
-          Be(d)("scrolling into view", {}), ge(b, I), p = null;
+          Be(d)("scrolling into view", {}), ge(b, R), p = null;
         });
       }
     ), { autoscrollToBottom: y, followOutput: m, scrollIntoViewOnChange: T };
@@ -2669,10 +2663,10 @@ const Ks = mi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
         l,
         be(s),
         ht(
-          ([, f, u, T], [{ bottom: k, items: I, offsetBottom: _, totalCount: h }, S]) => {
-            const C = k + _;
-            let R = 0;
-            return u === h && f.length > 0 && I.length > 0 && (I[0].originalIndex === 0 && f[0].originalIndex === 0 || (R = C - T, R !== 0 && (R += S))), [R, I, h, C];
+          ([, f, u, T], [{ bottom: k, items: R, offsetBottom: C, totalCount: h }, S]) => {
+            const I = k + C;
+            let _ = 0;
+            return u === h && f.length > 0 && R.length > 0 && (R[0].originalIndex === 0 && f[0].originalIndex === 0 || (_ = I - T, _ !== 0 && (_ += S))), [_, R, h, I];
           },
           [0, [], 0, 0]
         ),
@@ -2705,20 +2699,20 @@ const Ks = mi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       L(
         a,
         be(g, d),
-        U(([f, { groupIndices: u, lastSize: T, sizeTree: k }, I]) => {
-          function _(h) {
-            return h * (T + I);
+        U(([f, { groupIndices: u, lastSize: T, sizeTree: k }, R]) => {
+          function C(h) {
+            return h * (T + R);
           }
           if (u.length === 0)
-            return _(f);
+            return C(f);
           {
             let h = 0;
             const S = Yt(k, 0);
-            let C = 0, R = 0;
-            for (; C < f; ) {
-              C++, h += S;
-              let O = u.length === R + 1 ? 1 / 0 : u[R + 1] - u[R] - 1;
-              C + O > f && (h -= S, O = f - C + 1), C += O, h += _(O), R++;
+            let I = 0, _ = 0;
+            for (; I < f; ) {
+              I++, h += S;
+              let O = u.length === _ + 1 ? 1 / 0 : u[_ + 1] - u[_] - 1;
+              I + O > f && (h -= S, O = f - I + 1), I += O, h += C(O), _++;
             }
             return h;
           }
@@ -2796,16 +2790,16 @@ const Ks = mi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     u,
     T,
     k,
-    { scrollToIndex: I },
-    _,
+    { scrollToIndex: R },
+    C,
     { topItemCount: h },
     { groupCounts: S },
-    C
+    I
   ]) => {
-    const { listState: R, minOverscanItemCount: O, topItemsIndexes: P, rangeChanged: w, ...E } = k;
-    return te(w, C.scrollSeekRangeChanged), te(
+    const { listState: _, minOverscanItemCount: O, topItemsIndexes: P, rangeChanged: w, ...E } = k;
+    return te(w, I.scrollSeekRangeChanged), te(
       L(
-        C.windowViewportRect,
+        I.windowViewportRect,
         U((A) => A.visibleHeight)
       ),
       f.viewportHeight
@@ -2829,9 +2823,9 @@ const Ks = mi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       ...T,
       groupIndices: s,
       itemSize: l,
-      listState: R,
+      listState: _,
       minOverscanItemCount: O,
-      scrollToIndex: I,
+      scrollToIndex: R,
       // output
       statefulTotalCount: v,
       trackItemSizes: b,
@@ -2839,7 +2833,7 @@ const Ks = mi(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       rangeChanged: w,
       ...E,
       // the bag of IO from featureGroup1System
-      ...C,
+      ...I,
       ...f,
       sizes: d,
       ...u
@@ -2897,18 +2891,18 @@ function vi(e, t, n) {
   const v = N.forwardRef((p, f) => {
     const { children: u, ...T } = p, [k] = N.useState(() => _n(gs(e), (h) => {
       l(h, T);
-    })), [I] = N.useState(Vr(d, k));
+    })), [R] = N.useState(Vr(d, k));
     dn(() => {
       for (const h of s)
-        h in T && Ie(I[h], T[h]);
+        h in T && Ie(R[h], T[h]);
       return () => {
-        Object.values(I).map(yr);
+        Object.values(R).map(yr);
       };
-    }, [T, I, k]), dn(() => {
+    }, [T, R, k]), dn(() => {
       l(k, T);
     }), N.useImperativeHandle(f, $r(a(k)));
-    const _ = n;
-    return /* @__PURE__ */ x(c.Provider, { value: k, children: n ? /* @__PURE__ */ x(_, { ...Xs([...r, ...o, ...s], T), children: u }) : u });
+    const C = n;
+    return /* @__PURE__ */ x(c.Provider, { value: k, children: n ? /* @__PURE__ */ x(C, { ...Xs([...r, ...o, ...s], T), children: u }) : u });
   }), g = (p) => {
     const f = N.useContext(c);
     return N.useCallback(
@@ -3057,7 +3051,7 @@ const Js = /* @__PURE__ */ xe(() => {
   Er("deviation", (E) => {
     f !== E && u(E);
   });
-  const T = fe("EmptyPlaceholder"), k = fe("ScrollSeekPlaceholder") || tl, I = fe("ListComponent"), _ = fe("ItemComponent"), h = fe("GroupComponent"), S = fe("computeItemKey"), C = fe("isSeeking"), R = fe("groupIndices").length > 0, O = fe("alignToBottom"), P = fe("initialItemFinalLocationReached"), w = e ? {} : {
+  const T = fe("EmptyPlaceholder"), k = fe("ScrollSeekPlaceholder") || tl, R = fe("ListComponent"), C = fe("ItemComponent"), h = fe("GroupComponent"), S = fe("computeItemKey"), I = fe("isSeeking"), _ = fe("groupIndices").length > 0, O = fe("alignToBottom"), P = fe("initialItemFinalLocationReached"), w = e ? {} : {
     boxSizing: "border-box",
     ...y ? {
       display: "inline-block",
@@ -3074,15 +3068,15 @@ const Js = /* @__PURE__ */ xe(() => {
     ...P ? {} : { visibility: "hidden" }
   };
   return !e && t.totalCount === 0 && T ? /* @__PURE__ */ x(T, { ...qe(T, a) }) : /* @__PURE__ */ x(
-    I,
+    R,
     {
-      ...qe(I, a),
+      ...qe(R, a),
       "data-testid": e ? "virtuoso-top-item-list" : "virtuoso-item-list",
       ref: p,
       style: w,
       children: (e ? t.topItems : t.items).map((E) => {
         const A = E.originalIndex, W = S(A + t.firstItemIndex, E.data, a);
-        return C ? /* @__PURE__ */ hn(
+        return I ? /* @__PURE__ */ hn(
           k,
           {
             ...qe(k, a),
@@ -3104,10 +3098,10 @@ const Js = /* @__PURE__ */ xe(() => {
           },
           d(E.index, a)
         ) : /* @__PURE__ */ hn(
-          _,
+          C,
           {
-            ...qe(_, a),
-            ...ll(_, E.data),
+            ...qe(C, a),
+            ...ll(C, E.data),
             "data-index": A,
             "data-item-group-index": E.groupIndex,
             "data-item-index": E.index,
@@ -3115,7 +3109,7 @@ const Js = /* @__PURE__ */ xe(() => {
             key: W,
             style: y ? rl : Ii
           },
-          R ? l(E.index, E.groupIndex, E.data, a) : l(E.index, E.data, a)
+          _ ? l(E.index, E.groupIndex, E.data, a) : l(E.index, E.data, a)
         );
       })
     }
@@ -3402,9 +3396,9 @@ const wl = /* @__PURE__ */ xe(
     b,
     { didMount: m, propsReady: y },
     { customScrollParent: p, useWindowScroll: f, windowScrollContainerState: u, windowScrollTo: T, windowViewportRect: k },
-    I
+    R
   ]) => {
-    const _ = G(0), h = G(0), S = G(ro), C = G({ height: 0, width: 0 }), R = G({ height: 0, width: 0 }), O = ye(), P = ye(), w = G(0), E = G(null), A = G({ column: 0, row: 0 }), W = ye(), M = ye(), B = G(!1), F = G(0), V = G(!0), q = G(!1), ue = G(!1);
+    const C = G(0), h = G(0), S = G(ro), I = G({ height: 0, width: 0 }), _ = G({ height: 0, width: 0 }), O = ye(), P = ye(), w = G(0), E = G(null), A = G({ column: 0, row: 0 }), W = ye(), M = ye(), B = G(!1), F = G(0), D = G(!0), q = G(!1), ue = G(!1);
     Ie(
       L(
         m,
@@ -3412,18 +3406,18 @@ const wl = /* @__PURE__ */ xe(
         ce(([z, K]) => !!K)
       ),
       () => {
-        ge(V, !1);
+        ge(D, !1);
       }
     ), Ie(
       L(
-        Fe(m, V, R, C, F, q),
+        Fe(m, D, _, I, F, q),
         ce(([z, K, ne, H, , oe]) => z && !K && ne.height !== 0 && H.height !== 0 && !oe)
       ),
       ([, , , , z]) => {
         ge(q, !0), Cr(1, () => {
           ge(O, z);
         }), at(L(a), () => {
-          ge(t, [0, 0]), ge(V, !0);
+          ge(t, [0, 0]), ge(D, !0);
         });
       }
     ), te(
@@ -3440,21 +3434,21 @@ const wl = /* @__PURE__ */ xe(
         ce(([, z]) => z != null)
       ),
       ([, z]) => {
-        z && (ge(C, z.viewport), ge(R, z.item), ge(A, z.gap), z.scrollTop > 0 && (ge(B, !0), at(L(a, _t(1)), (K) => {
+        z && (ge(I, z.viewport), ge(_, z.item), ge(A, z.gap), z.scrollTop > 0 && (ge(B, !0), at(L(a, _t(1)), (K) => {
           ge(B, !1);
         }), ge(l, { top: z.scrollTop })));
       }
     ), te(
       L(
-        C,
+        I,
         U(({ height: z }) => z)
       ),
       v
     ), te(
       L(
         Fe(
-          ae(C, fn),
-          ae(R, fn),
+          ae(I, fn),
+          ae(_, fn),
           ae(A, (z, K) => z && z.column === K.column && z.row === K.row),
           ae(a)
         ),
@@ -3469,15 +3463,15 @@ const wl = /* @__PURE__ */ xe(
     ), te(
       L(
         Fe(
-          ae(_),
+          ae(C),
           r,
           ae(A, xl),
-          ae(R, fn),
-          ae(C, fn),
+          ae(_, fn),
+          ae(I, fn),
           ae(E),
           ae(h),
           ae(B),
-          ae(V),
+          ae(D),
           ae(F)
         ),
         ce(([, , , , , , , z]) => !z),
@@ -3487,14 +3481,14 @@ const wl = /* @__PURE__ */ xe(
             [K, ne],
             H,
             oe,
-            $,
+            V,
             J,
             se,
             ,
             re,
             pe
           ]) => {
-            const { column: le, row: we } = H, { height: me, width: Te } = oe, { width: Oe } = $;
+            const { column: le, row: we } = H, { height: me, width: Te } = oe, { width: Oe } = V;
             if (se === 0 && (z === 0 || Oe === 0))
               return ro;
             if (Te === 0) {
@@ -3504,7 +3498,7 @@ const wl = /* @__PURE__ */ xe(
             const Ne = ki(Oe, Te, le);
             let Le, $e;
             re ? K === 0 && ne === 0 && se > 0 ? (Le = 0, $e = se - 1) : (Le = Ne * Sn((K + we) / (me + we)), $e = Ne * oo((ne + we) / (me + we)) - 1, $e = Vn(z - 1, Kt($e, Ne - 1)), Le = Vn($e, Kt(0, Le))) : (Le = 0, $e = -1);
-            const ut = so(Le, $e, J), { bottom: Qe, top: He } = lo($, H, oe, ut), ot = oo(z / Ne), Je = ot * me + (ot - 1) * we - Qe;
+            const ut = so(Le, $e, J), { bottom: Qe, top: He } = lo(V, H, oe, ut), ot = oo(z / Ne), Je = ot * me + (ot - 1) * we - Qe;
             return { bottom: Qe, itemHeight: me, items: ut, itemWidth: Te, offsetBottom: Je, offsetTop: He, top: He };
           }
         )
@@ -3516,14 +3510,14 @@ const wl = /* @__PURE__ */ xe(
         ce((z) => z !== null),
         U((z) => z.length)
       ),
-      _
+      C
     ), te(
       L(
-        Fe(C, R, S, A),
+        Fe(I, _, S, A),
         ce(([z, K, { items: ne }]) => ne.length > 0 && K.height !== 0 && z.height !== 0),
         U(([z, K, { items: ne }, H]) => {
-          const { bottom: oe, top: $ } = lo(z, H, K, ne);
-          return [$, oe];
+          const { bottom: oe, top: V } = lo(z, H, K, ne);
+          return [V, oe];
         }),
         Me(Xt)
       ),
@@ -3540,7 +3534,7 @@ const wl = /* @__PURE__ */ xe(
     );
     const ke = Ze(
       L(
-        Fe(S, _),
+        Fe(S, C),
         ce(([{ items: z }]) => z.length > 0),
         be(de),
         ce(([[z, K], ne]) => {
@@ -3573,10 +3567,10 @@ const wl = /* @__PURE__ */ xe(
     te(ee, b.scrollSeekRangeChanged), te(
       L(
         O,
-        be(C, R, _, A),
+        be(I, _, C, A),
         U(([z, K, ne, H, oe]) => {
-          const $ = ci(z), { align: J, behavior: se, offset: re } = $;
-          let pe = $.index;
+          const V = ci(z), { align: J, behavior: se, offset: re } = V;
+          let pe = V.index;
           pe === "LAST" && (pe = H - 1), pe = Kt(0, pe, Vn(H - 1, pe));
           let le = gr(K, oe, ne, pe);
           return J === "end" ? le = io(le - K.height + ne.height) : J === "center" && (le = io(le - K.height / 2 + ne.height / 2)), re && (le += re), { behavior: se, top: le };
@@ -3596,7 +3590,7 @@ const wl = /* @__PURE__ */ xe(
         k,
         U((z) => ({ height: z.visibleHeight, width: z.visibleWidth }))
       ),
-      C
+      I
     ), {
       customScrollParent: p,
       // input
@@ -3607,7 +3601,7 @@ const wl = /* @__PURE__ */ xe(
       headerHeight: i,
       increaseViewportBy: e,
       initialItemCount: h,
-      itemDimensions: R,
+      itemDimensions: _,
       overscan: n,
       restoreStateFrom: M,
       scrollBy: s,
@@ -3617,9 +3611,9 @@ const wl = /* @__PURE__ */ xe(
       scrollToIndex: O,
       scrollTop: a,
       smoothScrollTargetReached: d,
-      totalCount: _,
+      totalCount: C,
       useWindowScroll: f,
-      viewportDimensions: C,
+      viewportDimensions: I,
       windowScrollContainerState: u,
       windowScrollTo: T,
       windowViewportRect: k,
@@ -3636,7 +3630,7 @@ const wl = /* @__PURE__ */ xe(
       startReached: Re,
       stateChanged: W,
       stateRestoreInProgress: B,
-      ...I
+      ...R
     };
   },
   Ee(kr, Ke, ln, gi, It, Rr, wt)
@@ -3693,8 +3687,8 @@ const Il = /* @__PURE__ */ xe(() => {
         s(u);
         const T = f.firstChild;
         if (T) {
-          const { height: k, width: I } = T.getBoundingClientRect();
-          v({ height: k, width: I });
+          const { height: k, width: R } = T.getBoundingClientRect();
+          v({ height: k, width: R });
         }
         g({
           column: ao("column-gap", getComputedStyle(f).columnGap, b),
@@ -3910,12 +3904,12 @@ const Ul = Object.freeze({
   pointerColor: void 0
 }), _i = N.memo(
   function({ runs: t, ns: n, baseIndex: r, preGroups: o }) {
-    const i = _e((C) => C.setClipIndex), s = _e((C) => C.seek), c = j((C) => C.setCurrentGlobalRunIndex), l = yn(), a = j((C) => C.rangeStartGI), d = j((C) => C.rangeEndGI), v = j((C) => C.setRange), g = a != null && d != null, b = Z(
-      (C) => {
+    const i = _e((I) => I.setClipIndex), s = _e((I) => I.seek), c = j((I) => I.setCurrentGlobalRunIndex), l = yn(), a = j((I) => I.rangeStartGI), d = j((I) => I.rangeEndGI), v = j((I) => I.setRange), g = a != null && d != null, b = Z(
+      (I) => {
         var M;
-        const R = (M = C.target) == null ? void 0 : M.closest("[data-g]");
-        if (!R) return;
-        const O = Number(R.dataset.g), P = O - r;
+        const _ = (M = I.target) == null ? void 0 : M.closest("[data-g]");
+        if (!_) return;
+        const O = Number(_.dataset.g), P = O - r;
         if (P < 0 || P >= t.length) return;
         const w = t[P], E = w.text ?? "";
         if (!E.trim() || !/[가-힣a-zA-Z0-9]/.test(E)) return;
@@ -3925,11 +3919,11 @@ const Ul = Object.freeze({
       },
       [t, r, s, i, c]
     ), m = ie(null), y = ie(!1), p = Z(
-      (C) => {
+      (I) => {
         var w;
-        const R = (w = C.target) == null ? void 0 : w.closest("[data-g]");
-        if (!R) return;
-        const O = Number(R.dataset.g), P = O - r;
+        const _ = (w = I.target) == null ? void 0 : w.closest("[data-g]");
+        if (!_) return;
+        const O = Number(_.dataset.g), P = O - r;
         P < 0 || P >= t.length || (y.current = !1, m.current && (window.clearTimeout(m.current), m.current = null), m.current = window.setTimeout(() => {
           l.getState().status !== "playing" && (v(O, O), y.current = !0, m.current = null);
         }, 800));
@@ -3939,40 +3933,40 @@ const Ul = Object.freeze({
       m.current && (window.clearTimeout(m.current), m.current = null);
     }, []), u = Z(() => {
       f();
-    }, [f]), T = f, k = f, I = j((C) => C.clearRange), _ = Z(
-      (C) => {
+    }, [f]), T = f, k = f, R = j((I) => I.clearRange), C = Z(
+      (I) => {
         var P;
         if (y.current) {
           y.current = !1;
           return;
         }
-        const R = (P = C.target) == null ? void 0 : P.closest("[data-g]");
-        if (!R) return;
-        const O = Number(R.dataset.g);
-        isNaN(O) || g && a != null && d != null && (I(), C.stopPropagation());
+        const _ = (P = I.target) == null ? void 0 : P.closest("[data-g]");
+        if (!_) return;
+        const O = Number(_.dataset.g);
+        isNaN(O) || g && a != null && d != null && (R(), I.stopPropagation());
       },
-      [g, a, d, I]
+      [g, a, d, R]
     ), h = o, S = r + t.length - 1;
     return /* @__PURE__ */ x(
       "span",
       {
-        onClick: _,
+        onClick: C,
         onDoubleClick: b,
         onPointerDown: p,
         onPointerUp: u,
         onPointerCancel: T,
         onPointerLeave: k,
-        children: h.map((C, R) => /* @__PURE__ */ x(
+        children: h.map((I, _) => /* @__PURE__ */ x(
           Ql,
           {
             ns: n,
-            group: C,
+            group: I,
             runs: t,
             paraLastG: S,
             rangeStartGI: a,
             rangeEndGI: d
           },
-          `${n}/grp:${R}-${C.startG}`
+          `${n}/grp:${_}-${I.startG}`
         ))
       }
     );
@@ -4020,7 +4014,7 @@ const Ul = Object.freeze({
       "--ul-offset": "0.35em"
     } : void 0;
     return /* @__PURE__ */ x(yt, { children: Array.from({ length: g }).map((p, f) => {
-      const T = r[v + f], k = n.startG + f, I = `${t}/run:${k}`, _ = !!T.split && k !== o;
+      const T = r[v + f], k = n.startG + f, R = `${t}/run:${k}`, C = !!T.split && k !== o;
       let h = `${ft.runWrap}`;
       return b && (g === 1 ? h += ` ${ft.highlight}` : f === 0 ? h += ` ${ft.highlightleft}` : f + 1 === g ? h += ` ${ft.highlightright}` : h += ` ${ft.highlightcenter}`), m && (g === 1 ? h += ` ${ft.underline}` : f === 0 ? h += ` ${ft.underlineleft}` : f + 1 === g ? h += ` ${ft.underlineright}` : h += ` ${ft.underlinecenter}`), /* @__PURE__ */ X(N.Fragment, { children: [
         /* @__PURE__ */ x("span", { className: h, style: y, children: /* @__PURE__ */ x(
@@ -4034,8 +4028,8 @@ const Ul = Object.freeze({
             isInRange: i != null && s != null && k >= i && k <= s
           }
         ) }),
-        _ && /* @__PURE__ */ x(Kl, {})
-      ] }, I);
+        C && /* @__PURE__ */ x(Kl, {})
+      ] }, R);
     }) });
   },
   (e, t) => e.group === t.group && // 그룹 메타 참조 동일
@@ -4330,7 +4324,7 @@ function st(e, t) {
   return Tn(n, e, t);
 }
 const Oi = () => {
-  const e = j((r) => r.section), t = Ei(), n = e.quiz;
+  const e = j((r) => r.section), t = Ei(), n = e.quizzes;
   return !n || !n.length ? null : /* @__PURE__ */ X(
     "button",
     {
@@ -4620,24 +4614,24 @@ function wa({
   nsPrefix: n
 }) {
   const r = ve(() => {
-    const C = [], R = Or();
+    const I = [], _ = Or();
     return t.forEach((O, P) => {
-      O.type === "paragraph" && (C[P] = Pr(O, R));
-    }), C;
-  }, [t]), o = j((C) => {
-    var R;
-    return ((R = C.layout) == null ? void 0 : R.prefix) ?? [];
-  }), i = j((C) => {
-    var R;
-    return ((R = C.derivedNav) == null ? void 0 : R.splitGroupsPerBlock) ?? [];
-  }), s = Y((C) => C.marginX), c = Y((C) => C.viewportHeight), l = ie({
+      O.type === "paragraph" && (I[P] = Pr(O, _));
+    }), I;
+  }, [t]), o = j((I) => {
+    var _;
+    return ((_ = I.layout) == null ? void 0 : _.prefix) ?? [];
+  }), i = j((I) => {
+    var _;
+    return ((_ = I.derivedNav) == null ? void 0 : _.splitGroupsPerBlock) ?? [];
+  }), s = Y((I) => I.marginX), c = Y((I) => I.viewportHeight), l = ie({
     start: 0,
     end: 0
   }), a = Z(
-    (C) => {
-      const R = t[C], O = `${n}blk-${R.id}`;
-      if (R.type === "image") {
-        const { src: E, alt: A, width: W, height: M } = R, B = W && M ? `${W} / ${M}` : "4 / 3", F = C >= l.current.start && C <= l.current.end, V = c > 80 ? Math.floor((c - 80) * 0.6) : void 0;
+    (I) => {
+      const _ = t[I], O = `${n}blk-${_.id}`;
+      if (_.type === "image") {
+        const { src: E, alt: A, width: W, height: M } = _, B = W && M ? `${W} / ${M}` : "4 / 3", F = I >= l.current.start && I <= l.current.end, D = c > 80 ? Math.floor((c - 80) * 0.6) : void 0;
         return /* @__PURE__ */ X("div", { style: { margin: "12px 0", textAlign: "center", width: "100%" }, children: [
           /* @__PURE__ */ x(
             "div",
@@ -4645,7 +4639,7 @@ function wa({
               style: {
                 position: "relative",
                 width: "100%",
-                maxHeight: V,
+                maxHeight: D,
                 aspectRatio: B
               },
               children: /* @__PURE__ */ x(
@@ -4671,7 +4665,7 @@ function wa({
           A && /* @__PURE__ */ x("div", { style: { fontSize: 12, color: "#6b7280", marginTop: 4 }, children: A })
         ] });
       }
-      const P = r[C] ?? void 0, w = i[C];
+      const P = r[I] ?? void 0, w = i[I];
       return /* @__PURE__ */ x(
         "div",
         {
@@ -4682,10 +4676,10 @@ function wa({
           children: /* @__PURE__ */ x(
             Zl,
             {
-              block: R,
+              block: _,
               computedMarker: P,
               ns: O,
-              baseIndex: o[C],
+              baseIndex: o[I],
               sectionId: e.section_id,
               preGroups: w
             }
@@ -4694,12 +4688,12 @@ function wa({
       );
     },
     [t, r, o, n, e, i, c]
-  ), d = ie(null), v = Z((C) => {
-    d.current = C;
+  ), d = ie(null), v = Z((I) => {
+    d.current = I;
   }, []), g = ve(
-    () => Wt((C) => {
-      const { style: R, children: O, ...P } = C;
-      return /* @__PURE__ */ x("div", { ...P, style: R, children: /* @__PURE__ */ x(
+    () => Wt((I) => {
+      const { style: _, children: O, ...P } = I;
+      return /* @__PURE__ */ x("div", { ...P, style: _, children: /* @__PURE__ */ x(
         "div",
         {
           style: {
@@ -4718,7 +4712,7 @@ function wa({
       ) });
     }),
     [s]
-  ), b = ie(null), m = ve(() => t.map((C) => C.id), [t]), [y, p] = et(!1);
+  ), b = ie(null), m = ve(() => t.map((I) => I.id), [t]), [y, p] = et(!1);
   Se(() => {
     p(!1);
   }, [t]);
@@ -4727,11 +4721,11 @@ function wa({
   }, []), u = Z(() => {
     if (!y)
       return /* @__PURE__ */ x("div", { style: { height: 40 } });
-    const C = e.quiz, R = Math.max(80, Math.floor(c * 0.5));
-    return C && C.length ? /* @__PURE__ */ X("div", { style: { display: "block" }, children: [
+    const I = e.quizzes, _ = Math.max(80, Math.floor(c * 0.5));
+    return I && I.length ? /* @__PURE__ */ X("div", { style: { display: "block" }, children: [
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Oi, {}) }),
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Cn, { isIcon: !1 }) }),
-      /* @__PURE__ */ x("div", { style: { height: R, width: "100%" } })
+      /* @__PURE__ */ x("div", { style: { height: _, width: "100%" } })
     ] }) : /* @__PURE__ */ X("div", { children: [
       /* @__PURE__ */ x("div", { style: { display: "flex", justifyContent: "center", marginTop: 20 }, children: /* @__PURE__ */ x(Cn, { isIcon: !1 }) }),
       /* @__PURE__ */ x("div", { style: { height: 40 } })
@@ -4750,28 +4744,28 @@ function wa({
       // , ScrollPlaceholder
     ]
     // CustomScroller는 고정이면 deps에 안 넣어도 OK
-  ), k = Z((C) => m[C], [m]), I = Rt(), [_] = et(() => I.getState().progress.currentGlobalRunIndex ?? 0), h = ve(() => {
+  ), k = Z((I) => m[I], [m]), R = Rt(), [C] = et(() => R.getState().progress.currentGlobalRunIndex ?? 0), h = ve(() => {
     if (!o.length) return 0;
-    const C = o[o.length - 1], R = Math.max(0, Math.min(_, C));
-    return zi(o, R);
-  }, [o, _]);
+    const I = o[o.length - 1], _ = Math.max(0, Math.min(C, I));
+    return zi(o, _);
+  }, [o, C]);
   console.log("SectionRenderVirtuoso확인");
   const S = Rt();
   return Se(() => {
-    let C = !1;
+    let I = !1;
     return (async () => {
-      let R = d.current;
-      if (!R) {
+      let _ = d.current;
+      if (!_) {
         for (let E = 0; E < 20; E++) {
-          if (await new Promise((A) => setTimeout(A, 50)), C) return;
-          if (R = d.current, R) break;
+          if (await new Promise((A) => setTimeout(A, 50)), I) return;
+          if (_ = d.current, _) break;
         }
-        if (!R) return;
+        if (!_) return;
       }
       const O = S.getState().progress.currentGlobalRunIndex, P = S.getState().progress.setSectionLoading, w = O != null && O >= 0 ? O : 0;
-      await Mi(R, w), !C && (await vt(), await vt(), await vt(), await vt(), !C && P(!1));
+      await Mi(_, w), !I && (await vt(), await vt(), await vt(), await vt(), !I && P(!1));
     })(), () => {
-      C = !0;
+      I = !0;
     };
   }, [d, S]), /* @__PURE__ */ X(yt, { children: [
     /* @__PURE__ */ x(
@@ -4833,8 +4827,8 @@ const Ia = ({
         let B = 0;
         const F = w.querySelector(`[data-g="${E}"]`);
         if (F) {
-          const V = w.getBoundingClientRect();
-          B = (F.getBoundingClientRect().top - V.top) / V.height;
+          const D = w.getBoundingClientRect();
+          B = (F.getBoundingClientRect().top - D.top) / D.height;
         }
         l.getState().emit({
           type: "scroll",
@@ -4853,7 +4847,7 @@ const Ia = ({
       s || a.current && (f.current || (y(w), p(w)));
     },
     [s, y, p]
-  ), T = ie(void 0), k = ie(void 0), I = ie(void 0), _ = ie(void 0);
+  ), T = ie(void 0), k = ie(void 0), R = ie(void 0), C = ie(void 0);
   Se(() => {
     const w = e.current;
     if (w)
@@ -4861,10 +4855,10 @@ const Ia = ({
         a.current = !0;
       }, k.current = () => {
         a.current = !0;
-      }, I.current = () => {
+      }, R.current = () => {
         a.current = !0;
-      }, _.current = () => u(w), w.addEventListener("wheel", T.current, { passive: !0 }), w.addEventListener("touchmove", k.current, { passive: !0 }), window.addEventListener("keydown", I.current, { passive: !0 }), w.addEventListener("scroll", _.current, { passive: !0 }), () => {
-        w.removeEventListener("wheel", T.current), w.removeEventListener("touchmove", k.current), window.removeEventListener("keydown", I.current), w.removeEventListener("scroll", _.current), d.current != null && cancelAnimationFrame(d.current), g.current != null && (clearTimeout(g.current), g.current = null);
+      }, C.current = () => u(w), w.addEventListener("wheel", T.current, { passive: !0 }), w.addEventListener("touchmove", k.current, { passive: !0 }), window.addEventListener("keydown", R.current, { passive: !0 }), w.addEventListener("scroll", C.current, { passive: !0 }), () => {
+        w.removeEventListener("wheel", T.current), w.removeEventListener("touchmove", k.current), window.removeEventListener("keydown", R.current), w.removeEventListener("scroll", C.current), d.current != null && cancelAnimationFrame(d.current), g.current != null && (clearTimeout(g.current), g.current = null);
       };
   }, [u, e]), Se(() => {
     const w = e.current;
@@ -4886,15 +4880,15 @@ const Ia = ({
   const h = ie({
     first: -1,
     last: -1
-  }), S = ie(!1), C = Z(() => {
+  }), S = ie(!1), I = Z(() => {
     const w = e.current;
     if (!w) return;
     const E = go(w), A = (E == null ? void 0 : E.first) ?? -1, W = (E == null ? void 0 : E.last) ?? -1;
     h.current = { first: A, last: W };
-  }, [e]), R = ie(!1), O = Z(() => {
+  }, [e]), _ = ie(!1), O = Z(() => {
     const w = e.current;
-    if (!w || R.current) return;
-    R.current = !0;
+    if (!w || _.current) return;
+    _.current = !0;
     const E = Math.min(
       w.scrollTop + Math.floor(w.clientHeight * 0.6),
       w.scrollHeight - w.clientHeight
@@ -4904,8 +4898,8 @@ const Ia = ({
     });
   }, [e]);
   Se(() => {
-    !S.current && s && (R.current = !1, C()), S.current = s;
-  }, [s, C]), Se(() => {
+    !S.current && s && (_.current = !1, I()), S.current = s;
+  }, [s, I]), Se(() => {
     if (s !== !0) return;
     const w = e.current;
     if (!w) return;
@@ -4925,7 +4919,7 @@ const Ia = ({
         } finally {
           f.current = !1;
         }
-        C();
+        I();
       })();
       return;
     }
@@ -4939,14 +4933,14 @@ const Ia = ({
         });
       }
       M().then((B) => {
-        B ? C() : O();
+        B ? I() : O();
       });
     }
   }, [
     s,
     i,
     O,
-    C,
+    I,
     e
   ]);
   const P = Z(() => {
@@ -4957,8 +4951,8 @@ const Ia = ({
       if (!ne) return !1;
       const H = ee.getBoundingClientRect(), oe = ne.getBoundingClientRect();
       if (oe.height <= 0 || H.height <= 0) return !1;
-      const $ = (oe.top + oe.height / 2 - H.top) / H.height;
-      return $ >= z && $ <= K;
+      const V = (oe.top + oe.height / 2 - H.top) / H.height;
+      return V >= z && V <= K;
     }
     const A = (ee) => ee === "instant" ? "auto" : ee, W = (ee) => {
       const Q = w.scrollTop, z = w.scrollHeight - w.clientHeight, K = z > 0 ? Q / z : 0;
@@ -5000,10 +4994,10 @@ const Ia = ({
         behavior: "smooth",
         topPaddingRatio: K
       }), await B()) : ne || await M(ee, "auto"), f.current = !1, W(ee), E(w, ee, 0.1, 0.7);
-    }, V = async (ee) => F(ee);
+    }, D = async (ee) => F(ee);
     return {
       ensureVisibleGI: F,
-      scrollToGI: V,
+      scrollToGI: D,
       getVisibleRange: () => go(w),
       getScrollTop: () => w.scrollTop,
       setScrollTop: (ee) => {
@@ -5016,10 +5010,10 @@ const Ia = ({
         return (z.top - K.top) / K.height;
       },
       scrollToGIAtOffset: async (ee, Q) => {
-        await V(ee), await new Promise((se) => requestAnimationFrame(() => requestAnimationFrame(se)));
+        await D(ee), await new Promise((se) => requestAnimationFrame(() => requestAnimationFrame(se)));
         const z = w.querySelector(`[data-g="${ee}"]`);
         if (!z) return;
-        const K = z.getBoundingClientRect(), ne = w.getBoundingClientRect(), H = ne.height > 0 ? ne.height / w.clientHeight : 1, oe = (K.top - ne.top) / H, $ = Q * w.clientHeight, J = oe - $;
+        const K = z.getBoundingClientRect(), ne = w.getBoundingClientRect(), H = ne.height > 0 ? ne.height / w.clientHeight : 1, oe = (K.top - ne.top) / H, V = Q * w.clientHeight, J = oe - V;
         w.scrollTop = w.scrollTop + J;
       }
     };
@@ -5099,11 +5093,11 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
   label: qa,
   compactBtn: ja
 }, Ua = Wt(function() {
-  const t = ie(null), n = Ue(Mt), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = _e((S) => S.status), i = _e((S) => S.currentTimeMs), s = _e((S) => S.currentClip), c = _e((S) => S.playbackKind), l = Y((S) => S.muteAudio), a = Y((S) => S.audioSpeed), d = _e((S) => S.getClipSrc), v = _e((S) => S._onTime), g = _e((S) => S._onEnded), b = _e((S) => S._onError), m = j((S) => S.setCurrentGlobalRunIndex), y = j((S) => S.getSectionScrollApi), p = j((S) => S.snapToReadable), f = j((S) => S.edgeReadable), u = ie(null), T = ie(null), k = ie(!1), I = ie(null);
+  const t = ie(null), n = Ue(Mt), r = (n == null ? void 0 : n.getState().isPlaybackMode) ?? !1, o = _e((S) => S.status), i = _e((S) => S.currentTimeMs), s = _e((S) => S.currentClip), c = _e((S) => S.playbackKind), l = Y((S) => S.muteAudio), a = Y((S) => S.audioSpeed), d = _e((S) => S.getClipSrc), v = _e((S) => S._onTime), g = _e((S) => S._onEnded), b = _e((S) => S._onError), m = j((S) => S.setCurrentGlobalRunIndex), y = j((S) => S.getSectionScrollApi), p = j((S) => S.snapToReadable), f = j((S) => S.edgeReadable), u = ie(null), T = ie(null), k = ie(!1), R = ie(null);
   Se(() => {
     c === "real" && (k.current = !0);
   }, [c]);
-  const _ = ve(() => {
+  const C = ve(() => {
     const S = d(s);
     if (!S) return null;
     try {
@@ -5114,14 +5108,14 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
   }, [s, d]);
   Se(() => {
     k.current = !0;
-  }, [_]), Se(() => {
+  }, [C]), Se(() => {
     const S = t.current;
     if (!S) return;
-    const C = () => {
+    const I = () => {
       if (S.paused || S.ended) return;
       const P = S.currentTime * 1e3;
       k.current && P === 0 || (P > 0 && (k.current = !1), v(P));
-    }, R = () => {
+    }, _ = () => {
       var w, E;
       g();
       const P = f(1);
@@ -5133,14 +5127,14 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
         readyState: w.readyState
       }), b();
     };
-    return S.addEventListener("timeupdate", C), S.addEventListener("ended", R), S.addEventListener("error", O), () => {
-      S.removeEventListener("timeupdate", C), S.removeEventListener("ended", R), S.removeEventListener("error", O);
+    return S.addEventListener("timeupdate", I), S.addEventListener("ended", _), S.addEventListener("error", O), () => {
+      S.removeEventListener("timeupdate", I), S.removeEventListener("ended", _), S.removeEventListener("error", O);
     };
   }, [v, g, b, f, m, y]), Se(() => {
     if (r) return;
     const S = t.current;
     if (!S) return;
-    if (!_) {
+    if (!C) {
       try {
         S.pause();
       } catch (P) {
@@ -5149,24 +5143,24 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
       T.current = null;
       return;
     }
-    const C = S.currentSrc || S.src || null, R = !C || C !== _;
-    if (R) {
+    const I = S.currentSrc || S.src || null, _ = !I || I !== C;
+    if (_) {
       try {
         S.pause();
       } catch (P) {
         console.log("pause error", P);
       }
-      S.src = _;
+      S.src = C;
       try {
         S.load();
       } catch (P) {
         console.log("load error", P);
       }
-      T.current = _;
+      T.current = C;
     }
     S.muted = !!l, S.volume = 1, S.playbackRate = typeof a == "number" ? a : 1;
     const O = async () => {
-      R && await new Promise((P) => {
+      _ && await new Promise((P) => {
         let w = !1;
         const E = () => {
           w || (w = !0, S.removeEventListener("loadedmetadata", E), S.removeEventListener("canplay", E), P());
@@ -5187,15 +5181,15 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
       } catch (P) {
         console.log("pause error", P);
       }
-  }, [_, l, o, a, r]), Se(() => {
+  }, [C, l, o, a, r]), Se(() => {
     if (r) return;
     const S = t.current;
     if (!S || c !== "real") return;
-    const C = i / 1e3;
-    if (Number.isFinite(C)) {
+    const I = i / 1e3;
+    if (Number.isFinite(I)) {
       if (S.readyState < 1) {
         u.current = i;
-        const R = () => {
+        const _ = () => {
           if (u.current != null) {
             const O = u.current / 1e3;
             try {
@@ -5205,27 +5199,27 @@ const Oa = "_wrap_1hfub_4", Pa = "_visible_1hfub_25", Ba = "_compact_1hfub_31",
             }
             u.current = null;
           }
-          S.removeEventListener("loadedmetadata", R), S.removeEventListener("canplay", R);
+          S.removeEventListener("loadedmetadata", _), S.removeEventListener("canplay", _);
         };
-        S.addEventListener("loadedmetadata", R), S.addEventListener("canplay", R);
+        S.addEventListener("loadedmetadata", _), S.addEventListener("canplay", _);
         return;
       }
-      if (Math.abs(S.currentTime - C) > 0.2)
+      if (Math.abs(S.currentTime - I) > 0.2)
         try {
-          S.currentTime = C;
-        } catch (R) {
-          console.log("currentTime보정오류", R);
+          S.currentTime = I;
+        } catch (_) {
+          console.log("currentTime보정오류", _);
         }
     }
   }, [i, c, r]);
   const h = _e((S) => S.getGIFromCT);
   return Se(() => {
-    var R, O;
+    var _, O;
     if (r || c !== "real" || o !== "playing" && o !== "loading") return;
     const S = h(s, i);
     if (S < 0) return;
-    const C = p(S);
-    C !== I.current && (I.current = C, m(C, "audio"), C % 5 === 0 && ((O = (R = y()) == null ? void 0 : R.ensureVisibleGI) == null || O.call(R, C)));
+    const I = p(S);
+    I !== R.current && (R.current = I, m(I, "audio"), I % 5 === 0 && ((O = (_ = y()) == null ? void 0 : _.ensureVisibleGI) == null || O.call(_, I)));
   }, [
     o,
     s,
@@ -5250,19 +5244,19 @@ const Qa = "_scrubberWrap_uw0cd_2", Ya = "_labels_uw0cd_9", Xa = "_index_uw0cd_1
   range: ec
 };
 function tc() {
-  const e = Y((I) => I.isDev), t = j((I) => I.currentGlobalRunIndex), n = j((I) => I.totalRuns), r = j((I) => I.setCurrentGlobalRunIndex), o = j((I) => I.getSectionScrollApi), i = j((I) => I.giToPercentTotal), s = j((I) => I.percentToGITotal), c = j((I) => I.snapToReadable), l = _e((I) => I.scrollLock), a = _e((I) => I.pause), d = _e((I) => I.play), v = _e((I) => I.syncToGI), [g, b] = et(() => i(t || 0));
+  const e = Y((R) => R.isDev), t = j((R) => R.currentGlobalRunIndex), n = j((R) => R.totalRuns), r = j((R) => R.setCurrentGlobalRunIndex), o = j((R) => R.getSectionScrollApi), i = j((R) => R.giToPercentTotal), s = j((R) => R.percentToGITotal), c = j((R) => R.snapToReadable), l = _e((R) => R.scrollLock), a = _e((R) => R.pause), d = _e((R) => R.play), v = _e((R) => R.syncToGI), [g, b] = et(() => i(t || 0));
   Se(() => {
     b(i(t || 0));
   }, [t, i]);
   const m = ie(!1), y = ve(() => Math.max(0, Math.min(t ?? 0, Math.max(0, (n ?? 1) - 1))) + 1, [t, n]), p = Z(() => {
     l && (a(), m.current = !0);
-  }, [l, a]), f = Z((I) => {
-    b(Number(I.currentTarget.value));
+  }, [l, a]), f = Z((R) => {
+    b(Number(R.currentTarget.value));
   }, []), u = Z(async () => {
-    const I = s(g), _ = c(I);
-    a(), r(_, "scrubber-commit"), v(_);
+    const R = s(g), C = c(R);
+    a(), r(C, "scrubber-commit"), v(C);
     const h = o();
-    h != null && h.ensureVisibleGI && await h.ensureVisibleGI(_), m.current && (m.current = !1, d());
+    h != null && h.ensureVisibleGI && await h.ensureVisibleGI(C), m.current && (m.current = !1, d());
   }, [g, s, c, a, r, v, o, d]), T = ve(
     () => ({ "--pct": `${g}%` }),
     [g]
@@ -5293,7 +5287,7 @@ function tc() {
           onTouchEnd: () => {
             u();
           },
-          onKeyUp: (I) => I.key === "Enter" || I.key === " " ? void u() : void 0,
+          onKeyUp: (R) => R.key === "Enter" || R.key === " " ? void u() : void 0,
           "aria-label": "진행률"
         }
       ),
@@ -5308,20 +5302,20 @@ const nc = N.memo(tc), rc = Wt(function() {
   const t = Ue(Mt), n = (t == null ? void 0 : t.getState().isPlaybackMode) ?? !1, r = _e((S) => S.playbackKind), o = _e((S) => S.status), i = _e((S) => S.fake), s = Y((S) => S.audioSpeed), c = _e((S) => S.pause), l = j((S) => S.totalRuns), a = j((S) => S.currentGlobalRunIndex), d = j((S) => S.setCurrentGlobalRunIndex), v = j((S) => S.getSectionScrollApi), g = j((S) => S.nextReadableFrom), b = j((S) => S.edgeReadable), m = ie(null), y = ie(null), p = ie(0), f = ie(-1), u = !n && r === "fake" && o === "playing", T = Math.max(1, (i == null ? void 0 : i.totalWords) ?? 1), k = ve(() => {
     const S = 200 * s;
     return T / S * 6e4;
-  }, [T, s]), I = ve(() => !l || l <= 1 || k <= 0 ? 0 : (l - 1) / k, [l, k]);
+  }, [T, s]), R = ve(() => !l || l <= 1 || k <= 0 ? 0 : (l - 1) / k, [l, k]);
   Se(() => {
     if (!u) return;
     const S = Math.max(0, Math.min(a ?? 0, Math.max(0, (l ?? 1) - 1)));
     p.current = S, f.current = S, y.current = null;
   }, [u, a, l]);
-  const _ = ie(-1);
+  const C = ie(-1);
   Se(() => {
     if (!l) {
-      _.current = -1;
+      C.current = -1;
       return;
     }
     const S = b(1);
-    _.current = S ?? -1;
+    C.current = S ?? -1;
   }, [b, l]);
   const h = Z(
     (S) => {
@@ -5331,17 +5325,17 @@ const nc = N.memo(tc), rc = Wt(function() {
           m.current = null;
           return;
         }
-        if (!l || l <= 1 || I <= 0) {
+        if (!l || l <= 1 || R <= 0) {
           m.current = null;
           return;
         }
-        const C = y.current;
+        const I = y.current;
         y.current = S;
-        const R = C == null ? 0 : Math.max(0, S - C), O = l - 1;
-        p.current = Math.min(O, p.current + I * R);
+        const _ = I == null ? 0 : Math.max(0, S - I), O = l - 1;
+        p.current = Math.min(O, p.current + R * _);
         const P = Math.floor(p.current), w = v(), E = g(P, 1);
         if (E == null) {
-          const B = _.current >= 0 ? _.current : P;
+          const B = C.current >= 0 ? C.current : P;
           B !== f.current && (f.current = B, d(B, "audio"), await ((W = w == null ? void 0 : w.ensureVisibleGI) == null ? void 0 : W.call(w, B))), c(), m.current = null;
           return;
         }
@@ -5349,7 +5343,7 @@ const nc = N.memo(tc), rc = Wt(function() {
         A !== f.current && (f.current = A, d(A, "audio"), A % 5 === 0 && await ((M = w == null ? void 0 : w.ensureVisibleGI) == null ? void 0 : M.call(w, A))), m.current = requestAnimationFrame(h);
       })().catch(console.error);
     },
-    [u, l, I, g, d, v, c]
+    [u, l, R, g, d, v, c]
   );
   return Se(() => (u ? m.current == null && (m.current = requestAnimationFrame(h)) : (m.current && (cancelAnimationFrame(m.current), m.current = null), y.current = null), () => {
     m.current && (cancelAnimationFrame(m.current), m.current = null);
@@ -5505,39 +5499,40 @@ function wc(e) {
   return rt({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 217.9L383 345c9.4 9.4 24.6 9.4 33.9 0 9.4-9.4 9.3-24.6 0-34L273 167c-9.1-9.1-23.7-9.3-33.1-.7L95 310.9c-4.7 4.7-7 10.9-7 17s2.3 12.3 7 17c9.4 9.4 24.6 9.4 33.9 0l127.1-127z" }, child: [] }] })(e);
 }
 function Ic() {
-  const e = Y((I) => I.showOverlays), t = j((I) => I.section), n = !!t.ast.isAddedSplit, r = !!t.ast.isAddedAudio, o = Y((I) => I.muteAudio), i = Y((I) => I.showPointer), s = Y((I) => I.showSplit), c = Y((I) => I.toggleMuteAudio), l = Y((I) => I.toggleShowPointer), a = Y((I) => I.toggleShowSplit), d = Y((I) => I.overlayCompactMode), v = Y((I) => I.toggleOverlayCompactMode), g = yn(), b = Rt();
+  var R;
+  const e = Y((C) => C.showOverlays), t = j((C) => C.section), n = !!t.ast.isAddedSplit, r = !!((R = t.audios) != null && R.length), o = Y((C) => C.muteAudio), i = Y((C) => C.showPointer), s = Y((C) => C.showSplit), c = Y((C) => C.toggleMuteAudio), l = Y((C) => C.toggleShowPointer), a = Y((C) => C.toggleShowSplit), d = Y((C) => C.overlayCompactMode), v = Y((C) => C.toggleOverlayCompactMode), g = yn(), b = Rt();
   Se(() => {
-    const I = g.getState(), { syncToGI: _, useFake: h, useReal: S } = I, C = I.playbackKind, R = b.getState().progress.currentGlobalRunIndex ?? 0;
+    const C = g.getState(), { syncToGI: h, useFake: S, useReal: I } = C, _ = C.playbackKind, O = b.getState().progress.currentGlobalRunIndex ?? 0;
     if (!r) {
-      C !== "fake" && h();
+      _ !== "fake" && S();
       return;
     }
-    o ? C !== "fake" && (console.log("이부분일까?"), h()) : C !== "real" && (_(R), S());
+    o ? _ !== "fake" && (console.log("이부분일까?"), S()) : _ !== "real" && (h(O), I());
   }, [r, o, b, g]);
-  const m = _e((I) => I.play), y = _e((I) => I.pause), p = _e((I) => I.status), f = Z(
-    (I) => {
-      I.stopPropagation(), p === "playing" || p === "loading" ? y() : m();
+  const m = _e((C) => C.play), y = _e((C) => C.pause), p = _e((C) => C.status), f = Z(
+    (C) => {
+      C.stopPropagation(), p === "playing" || p === "loading" ? y() : m();
     },
     [p, m, y]
   ), u = yn(), T = Rt(), k = Z(
-    async (I) => {
-      var B, F;
-      if (I.stopPropagation(), p === "playing" || p === "loading") {
+    async (C) => {
+      var F, D;
+      if (C.stopPropagation(), p === "playing" || p === "loading") {
         y();
         return;
       }
-      const { progress: _ } = T.getState(), {
-        currentGlobalRunIndex: h,
-        snapToReadable: S,
-        edgeReadable: C,
-        setCurrentGlobalRunIndex: R,
-        getSectionScrollApi: O
-      } = _, P = u.getState(), w = P.currentClip, E = O == null ? void 0 : O(), A = typeof h == "number" ? h : 0, W = typeof S == "function" ? S(A) : A, M = typeof C == "function" ? C(1) : null;
-      if (M != null && W >= M) {
-        R == null || R(M, "audio"), await ((B = E == null ? void 0 : E.ensureVisibleGI) == null ? void 0 : B.call(E, M)), P.syncToGI(M);
+      const { progress: h } = T.getState(), {
+        currentGlobalRunIndex: S,
+        snapToReadable: I,
+        edgeReadable: _,
+        setCurrentGlobalRunIndex: O,
+        getSectionScrollApi: P
+      } = h, w = u.getState(), E = w.currentClip, A = P == null ? void 0 : P(), W = typeof S == "number" ? S : 0, M = typeof I == "function" ? I(W) : W, B = typeof _ == "function" ? _(1) : null;
+      if (B != null && M >= B) {
+        O == null || O(B, "audio"), await ((F = A == null ? void 0 : A.ensureVisibleGI) == null ? void 0 : F.call(A, B)), w.syncToGI(B);
         return;
       }
-      R == null || R(W, "audio"), await ((F = E == null ? void 0 : E.ensureVisibleGI) == null ? void 0 : F.call(E, W)), P.syncToGI(W), m(w);
+      O == null || O(M, "audio"), await ((D = A == null ? void 0 : A.ensureVisibleGI) == null ? void 0 : D.call(A, M)), w.syncToGI(M), m(E);
     },
     [p, y, m, u, T]
   );
@@ -5545,11 +5540,11 @@ function Ic() {
     "div",
     {
       className: `${Ge.wrap} ${e ? Ge.visible : ""} ${d ? Ge.compact : ""}`,
-      onClick: (I) => {
-        I.stopPropagation();
+      onClick: (C) => {
+        C.stopPropagation();
       },
-      onTouchStart: (I) => {
-        I.stopPropagation();
+      onTouchStart: (C) => {
+        C.stopPropagation();
       },
       children: [
         !d && /* @__PURE__ */ x(nc, {}),
@@ -5560,8 +5555,8 @@ function Ic() {
               "button",
               {
                 type: "button",
-                onClick: (I) => {
-                  I.stopPropagation(), v();
+                onClick: (C) => {
+                  C.stopPropagation(), v();
                 },
                 className: Ge.compactBtn,
                 title: d ? "오버레이 확대" : "오버레이 축소",
@@ -5589,8 +5584,8 @@ function Ic() {
                 "button",
                 {
                   type: "button",
-                  onClick: (I) => {
-                    I.stopPropagation(), c();
+                  onClick: (C) => {
+                    C.stopPropagation(), c();
                   },
                   className: `${Ge.btn} ${o ? "" : Ge.btnActive}`,
                   title: "오디오북 음소거 전환",
@@ -5604,8 +5599,8 @@ function Ic() {
                 "button",
                 {
                   type: "button",
-                  onClick: (I) => {
-                    I.stopPropagation(), l();
+                  onClick: (C) => {
+                    C.stopPropagation(), l();
                   },
                   className: `${Ge.btn} ${i ? Ge.btnActive : ""}`,
                   title: "포인터 표시",
@@ -5619,8 +5614,8 @@ function Ic() {
                 "button",
                 {
                   type: "button",
-                  onClick: (I) => {
-                    I.stopPropagation(), a();
+                  onClick: (C) => {
+                    C.stopPropagation(), a();
                   },
                   disabled: !n,
                   className: `${Ge.btn} ${s ? Ge.btnActive : ""} ${n ? "" : Ge.btnForbidden}`,
@@ -5694,22 +5689,22 @@ const Bc = N.memo(Pc), zc = "_wrap_62su0_7", Ac = "_wrapHidden_62su0_29", Lc = "
   inlineFlex: Qc
 };
 function Yc({ visible: e }) {
-  const t = Y((h) => h.mode), n = Y((h) => h.setMode), r = Y((h) => h.theme), o = Y((h) => h.setTheme), i = Y((h) => h.fontFamily), s = Y((h) => h.setFontFamily), c = Y((h) => h.resetToDefaults), l = Y((h) => h.getFontLevel()), a = Y((h) => h.getLineLevel()), d = Y((h) => h.getMarginLevel()), v = Y((h) => h.setFontLevel), g = Y((h) => h.setLineLevel), b = Y((h) => h.setMarginLevel), m = Y((h) => h.pointerStyle), y = Y((h) => h.setPointerStyle), p = Y((h) => h.pointerColor), f = Y((h) => h.setPointerColor), u = Y((h) => h.breakMarks), T = Y((h) => h.toggleBreakMark), k = Y((h) => h.getBreakGapLevel()), I = Y((h) => h.setBreakGapLevel), _ = `${Ae.wrap} ${e ? Ae.wrapVisible : Ae.wrapHidden}`;
-  return /* @__PURE__ */ X("div", { className: _, role: "dialog", "aria-modal": "true", "aria-label": "뷰어 설정", children: [
+  const t = Y((h) => h.mode), n = Y((h) => h.setMode), r = Y((h) => h.theme), o = Y((h) => h.setTheme), i = Y((h) => h.fontFamily), s = Y((h) => h.setFontFamily), c = Y((h) => h.resetToDefaults), l = Y((h) => h.getFontLevel()), a = Y((h) => h.getLineLevel()), d = Y((h) => h.getMarginLevel()), v = Y((h) => h.setFontLevel), g = Y((h) => h.setLineLevel), b = Y((h) => h.setMarginLevel), m = Y((h) => h.pointerStyle), y = Y((h) => h.setPointerStyle), p = Y((h) => h.pointerColor), f = Y((h) => h.setPointerColor), u = Y((h) => h.breakMarks), T = Y((h) => h.toggleBreakMark), k = Y((h) => h.getBreakGapLevel()), R = Y((h) => h.setBreakGapLevel), C = `${Ae.wrap} ${e ? Ae.wrapVisible : Ae.wrapHidden}`;
+  return /* @__PURE__ */ X("div", { className: C, role: "dialog", "aria-modal": "true", "aria-label": "뷰어 설정", children: [
     /* @__PURE__ */ X("div", { className: Ae.scrollArea, children: [
       /* @__PURE__ */ x(jt, { label: "열람방식", children: /* @__PURE__ */ X("div", { className: Ae.inlineFlex, children: [
         /* @__PURE__ */ x(Lt, { active: t === "page", onClick: () => n("page"), children: "페이지" }),
         /* @__PURE__ */ x(Lt, { active: t === "scroll", onClick: () => n("scroll"), children: "스크롤" })
       ] }) }),
       /* @__PURE__ */ x(jt, { label: "테마", children: /* @__PURE__ */ x("div", { className: Ae.inlineFlex, children: Object.keys(bn).map((h) => {
-        const S = h, C = bn[S];
+        const S = h, I = bn[S];
         return /* @__PURE__ */ x(
           "button",
           {
             type: "button",
             onClick: () => o(S),
             className: `${Ae.themeCircle} ${r === h ? Ae.themeCircleActive : ""}`,
-            style: { background: C.bg, color: C.fg, fontFamily: i },
+            style: { background: I.bg, color: I.fg, fontFamily: i },
             title: String(h),
             "aria-label": `테마: ${String(h)}`,
             children: "A"
@@ -5788,8 +5783,8 @@ function Yc({ visible: e }) {
           level: k,
           min: 1,
           max: 5,
-          onDec: () => I(Math.max(1, k - 1)),
-          onInc: () => I(Math.min(5, k + 1))
+          onDec: () => R(Math.max(1, k - 1)),
+          onInc: () => R(Math.min(5, k + 1))
         }
       )
     ] }),
@@ -6070,8 +6065,8 @@ function ru(e) {
         if (!f || f.length === 0) return -1;
         let u = 0, T = f.length - 1, k = 0;
         for (; u <= T; ) {
-          const I = u + T >> 1;
-          f[I].t <= p ? (k = I, u = I + 1) : T = I - 1;
+          const R = u + T >> 1;
+          f[R].t <= p ? (k = R, u = R + 1) : T = R - 1;
         }
         return f[Math.max(0, Math.min(k, f.length - 1))].g;
       },
@@ -6093,8 +6088,8 @@ function ru(e) {
           }
           if (!f) {
             let k = y + 1;
-            const I = y + 100;
-            for (; p[k] == null && k <= I; ) k++;
+            const R = y + 100;
+            for (; p[k] == null && k <= R; ) k++;
             p[k] && (f = p[k]);
           }
         }
@@ -6173,13 +6168,13 @@ function lu(e) {
       mr(u) && (i[g + f] = 1);
     }
     const y = ra(b, g).map((f) => {
-      var I;
+      var R;
       const u = f.startG - g, T = f.endG - f.startG + 1;
       let k = -1;
-      for (let _ = 0; _ < T; _++) {
-        const h = ((I = b[u + _]) == null ? void 0 : I.text) ?? "";
+      for (let C = 0; C < T; C++) {
+        const h = ((R = b[u + C]) == null ? void 0 : R.text) ?? "";
         if (mr(h)) {
-          k = f.startG + _;
+          k = f.startG + C;
           break;
         }
       }
@@ -6267,19 +6262,19 @@ function cu(e) {
       b((B) => {
         const F = B.progress;
         if (F.totalRuns === M) return B;
-        const V = F.currentGlobalRunIndex < 0 && M > 0;
+        const D = F.currentGlobalRunIndex < 0 && M > 0;
         return {
           progress: {
             ...F,
             totalRuns: M,
-            currentGlobalRunIndex: V ? 0 : F.currentGlobalRunIndex,
-            lastUpdateBy: V ? "program" : F.lastUpdateBy
+            currentGlobalRunIndex: D ? 0 : F.currentGlobalRunIndex,
+            lastUpdateBy: D ? "program" : F.lastUpdateBy
           }
         };
       });
     }, u = (M, B = "program") => {
-      const F = m().progress.currentGlobalRunIndex, V = m().progress, q = V.totalRuns > 0 ? Math.max(-1, Math.min(M, V.totalRuns - 1)) : M;
-      F === q && V.lastUpdateBy === B || (b((ue) => ({
+      const F = m().progress.currentGlobalRunIndex, D = m().progress, q = D.totalRuns > 0 ? Math.max(-1, Math.min(M, D.totalRuns - 1)) : M;
+      F === q && D.lastUpdateBy === B || (b((ue) => ({
         progress: {
           ...ue.progress,
           currentGlobalRunIndex: q,
@@ -6292,17 +6287,17 @@ function cu(e) {
     }, T = (M) => {
       const { sectionLoading: B, _loadingStartTime: F } = m().progress;
       if (B === M) return;
-      const V = Date.now();
+      const D = Date.now();
       if (M)
         b((q) => ({
           progress: {
             ...q.progress,
             sectionLoading: !0,
-            _loadingStartTime: V
+            _loadingStartTime: D
           }
         })), c && c.getState().emit({ type: "loading_start", payload: {} });
       else {
-        const ue = (F ? V - F : 0) / 1e3;
+        const ue = (F ? D - F : 0) / 1e3;
         b((de) => ({
           progress: {
             ...de.progress,
@@ -6315,8 +6310,8 @@ function cu(e) {
       b((B) => ({
         progress: { ...B.progress, pageIndex: M }
       }));
-    }, I = (M, B) => {
-      const V = m().progress.rangeStartGI == null;
+    }, R = (M, B) => {
+      const D = m().progress.rangeStartGI == null;
       if (b((q) => ({
         progress: {
           ...q.progress,
@@ -6326,11 +6321,11 @@ function cu(e) {
       })), c) {
         const q = S();
         c.getState().emit({
-          type: V ? "range_select" : "range_change",
+          type: D ? "range_select" : "range_change",
           payload: { startGI: Math.min(M, B), endGI: Math.max(M, B), text: q }
         });
       }
-    }, _ = () => {
+    }, C = () => {
       b((M) => ({
         progress: {
           ...M.progress,
@@ -6340,16 +6335,16 @@ function cu(e) {
       })), c && c.getState().emit({ type: "range_clear", payload: {} });
     }, h = (M) => {
       const { rangeStartGI: B, rangeEndGI: F } = m().progress;
-      B == null || F == null || (M < B ? b((V) => ({
-        progress: { ...V.progress, rangeStartGI: M }
-      })) : M > F ? b((V) => ({
-        progress: { ...V.progress, rangeEndGI: M }
-      })) : _());
+      B == null || F == null || (M < B ? b((D) => ({
+        progress: { ...D.progress, rangeStartGI: M }
+      })) : M > F ? b((D) => ({
+        progress: { ...D.progress, rangeEndGI: M }
+      })) : C());
     }, S = () => {
       var ke;
-      const { rangeStartGI: M, rangeEndGI: B, section: F, layout: V } = m().progress;
-      if (M == null || B == null || !V) return "";
-      const q = ((ke = F.ast) == null ? void 0 : ke.blocks) ?? [], ue = V.prefix, de = [];
+      const { rangeStartGI: M, rangeEndGI: B, section: F, layout: D } = m().progress;
+      if (M == null || B == null || !D) return "";
+      const q = ((ke = F.ast) == null ? void 0 : ke.blocks) ?? [], ue = D.prefix, de = [];
       for (let Re = 0; Re < q.length; Re++) {
         const ee = q[Re];
         if (ee.type !== "paragraph") continue;
@@ -6360,20 +6355,20 @@ function cu(e) {
         }
       }
       return de.join("");
-    }, C = (M) => {
-      const { totalRuns: B, derivedNav: F } = m().progress, V = F == null ? void 0 : F.readableGi;
-      if (!V || B <= 0) return M;
+    }, I = (M) => {
+      const { totalRuns: B, derivedNav: F } = m().progress, D = F == null ? void 0 : F.readableGi;
+      if (!D || B <= 0) return M;
       const q = B, ue = Math.max(0, Math.min(M, q - 1));
-      if (V[ue]) return ue;
+      if (D[ue]) return ue;
       let de = ue - 1, ke = ue + 1;
       for (; de >= 0 || ke < q; ) {
-        if (ke < q && V[ke]) return ke;
-        if (de >= 0 && V[de]) return de;
+        if (ke < q && D[ke]) return ke;
+        if (de >= 0 && D[de]) return de;
         ke += 1, de -= 1;
       }
       return ue;
-    }, R = (M, B) => {
-      const { totalRuns: F, derivedNav: V } = m().progress, q = V == null ? void 0 : V.readableGi;
+    }, _ = (M, B) => {
+      const { totalRuns: F, derivedNav: D } = m().progress, q = D == null ? void 0 : D.readableGi;
       if (!q || F <= 0) return null;
       if (B > 0) {
         for (let ue = Math.min(Math.max(M, 0), F - 1); ue < F; ue += 1)
@@ -6383,12 +6378,12 @@ function cu(e) {
           if (q[ue]) return ue;
       return null;
     }, O = (M) => {
-      const { totalRuns: B, derivedNav: F } = m().progress, V = F == null ? void 0 : F.readableGi;
-      if (!V || B <= 0) return null;
+      const { totalRuns: B, derivedNav: F } = m().progress, D = F == null ? void 0 : F.readableGi;
+      if (!D || B <= 0) return null;
       if (M > 0) {
-        for (let q = B - 1; q >= 0; q -= 1) if (V[q]) return q;
+        for (let q = B - 1; q >= 0; q -= 1) if (D[q]) return q;
       } else
-        for (let q = 0; q < B; q += 1) if (V[q]) return q;
+        for (let q = 0; q < B; q += 1) if (D[q]) return q;
       return null;
     };
     return {
@@ -6401,22 +6396,22 @@ function cu(e) {
         setSectionLoading: T,
         setPageIndex: k,
         // Range Selection API
-        setRange: I,
-        clearRange: _,
+        setRange: R,
+        clearRange: C,
         extendRange: h,
         getRangeText: S,
         // 네비 API
-        snapToReadable: C,
-        nextReadableFrom: R,
+        snapToReadable: I,
+        nextReadableFrom: _,
         edgeReadable: O,
-        hasReadableInDir: (M, B) => R(M + (B > 0 ? 1 : -1), B) != null,
+        hasReadableInDir: (M, B) => _(M + (B > 0 ? 1 : -1), B) != null,
         computeStepTarget: (M, B) => {
-          const { totalRuns: F, derivedNav: V } = m().progress;
+          const { totalRuns: F, derivedNav: D } = m().progress;
           if (!F || F <= 0) return M;
-          const q = (V == null ? void 0 : V.groups) ?? [], ue = V == null ? void 0 : V.giToGroupIdx;
+          const q = (D == null ? void 0 : D.groups) ?? [], ue = D == null ? void 0 : D.giToGroupIdx;
           if (!q.length || !ue) {
             const z = F - 1;
-            return C(Math.max(0, Math.min(M + B, z)));
+            return I(Math.max(0, Math.min(M + B, z)));
           }
           let de = ue[M] ?? -1;
           if (de < 0 || de >= q.length)
@@ -6428,15 +6423,15 @@ function cu(e) {
               }
             }
           if (de < 0 || de >= q.length)
-            return O(B) ?? C(M);
+            return O(B) ?? I(M);
           const ke = (Q) => Q >= 0 && Q < q.length && (q[Q].firstReadableGI ?? -1) >= 0;
           let Re = de + B;
           for (; Re >= 0 && Re < q.length && !ke(Re); )
             Re += B;
           if (Re < 0 || Re >= q.length)
-            return O(B) ?? C(M + B);
+            return O(B) ?? I(M + B);
           const ee = q[Re].firstReadableGI;
-          return ee >= 0 ? ee : C(M + B);
+          return ee >= 0 ? ee : I(M + B);
         },
         giToPercentTotal: (M) => {
           const B = m().progress.totalRuns;
@@ -6445,8 +6440,8 @@ function cu(e) {
         percentToGITotal: (M) => {
           const B = m().progress.totalRuns;
           if (!B || B <= 1) return 0;
-          const F = Math.max(0, Math.min(M, 100)), V = Math.round(F / 100 * (B - 1));
-          return Math.max(0, Math.min(V, B - 1));
+          const F = Math.max(0, Math.min(M, 100)), D = Math.round(F / 100 * (B - 1));
+          return Math.max(0, Math.min(D, B - 1));
         }
       }
     };
@@ -6506,27 +6501,27 @@ const fu = ({
     return u;
   }, [m, o]), p = ve(() => {
     const u = [], T = Or();
-    return y.forEach((k, I) => {
-      u[I] = Pr(k.b, T);
+    return y.forEach((k, R) => {
+      u[R] = Pr(k.b, T);
     }), u;
   }, [y]), f = (u, T, k) => {
     if (!u || u.length === 0) return [];
-    const I = [];
-    for (const _ of u) {
-      const h = _.startG, S = _.endG;
+    const R = [];
+    for (const C of u) {
+      const h = C.startG, S = C.endG;
       if (S < T || h > k) continue;
-      const C = Math.max(h, T), R = Math.min(S, k), O = C - h | 0, P = Math.max(0, R - C + 1);
+      const I = Math.max(h, T), _ = Math.min(S, k), O = I - h | 0, P = Math.max(0, _ - I + 1);
       if (P <= 0) continue;
-      const w = (_.r0 ?? 0) + O;
-      I.push({
-        ..._,
-        startG: C,
-        endG: R,
+      const w = (C.r0 ?? 0) + O;
+      R.push({
+        ...C,
+        startG: I,
+        endG: _,
         r0: w,
         len: P
       });
     }
-    return I;
+    return R;
   };
   return /* @__PURE__ */ x(
     "div",
@@ -6563,7 +6558,7 @@ const fu = ({
             /* @__PURE__ */ x("div", { style: { height: 40 } }),
             /* @__PURE__ */ x("div", { style: { flex: 1, overflow: "hidden" }, children: m.map((u, T) => {
               var Q;
-              const k = o[u], I = T === 0, _ = T === m.length - 1, h = {
+              const k = o[u], R = T === 0, C = T === m.length - 1, h = {
                 boxSizing: "border-box",
                 paddingRight: `${i}px`,
                 paddingLeft: `${i}px`,
@@ -6575,7 +6570,7 @@ const fu = ({
                 height: "auto"
               }, S = `sec-${r.section_id}/blk-${k.id ?? u}`;
               if (k.type === "image") {
-                const { src: z, alt: K, width: ne, height: H } = k, oe = ne && H ? `${ne} / ${H}` : "4 / 3", $ = a > 80 ? Math.floor((a - 80) * 0.6) : void 0;
+                const { src: z, alt: K, width: ne, height: H } = k, oe = ne && H ? `${ne} / ${H}` : "4 / 3", V = a > 80 ? Math.floor((a - 80) * 0.6) : void 0;
                 return /* @__PURE__ */ x("div", { style: h, children: /* @__PURE__ */ X(
                   "div",
                   {
@@ -6591,7 +6586,7 @@ const fu = ({
                           style: {
                             position: "relative",
                             width: "100%",
-                            maxHeight: $,
+                            maxHeight: V,
                             aspectRatio: oe
                           },
                           children: /* @__PURE__ */ x(
@@ -6618,26 +6613,26 @@ const fu = ({
                   }
                 ) }, S);
               }
-              const C = k, R = y.findIndex(
+              const I = k, _ = y.findIndex(
                 (z) => z.originalBlockIndex === u
-              ), O = R >= 0 ? p[R] : void 0, P = C.runs ?? [], w = P.length;
+              ), O = _ >= 0 ? p[_] : void 0, P = I.runs ?? [], w = P.length;
               let E = 0, A = Math.max(0, w - 1);
-              I && g.startOffsetInBlock != null && (E = Math.min(Math.max(0, g.startOffsetInBlock), A)), _ && g.endOffsetInBlock != null && (A = Math.max(
+              R && g.startOffsetInBlock != null && (E = Math.min(Math.max(0, g.startOffsetInBlock), A)), C && g.endOffsetInBlock != null && (A = Math.max(
                 E,
                 Math.min(g.endOffsetInBlock, A)
               ));
-              const W = E > 0, M = d[u] ?? 0, B = v[u] ?? [], F = M + E, V = M + A;
-              let q = f(B, F, V);
+              const W = E > 0, M = d[u] ?? 0, B = v[u] ?? [], F = M + E, D = M + A;
+              let q = f(B, F, D);
               const ue = M + E;
               q = q.map((z) => {
-                const K = Math.max(0, (z.startG ?? F) - ue), ne = z.len ?? Math.max(1, (z.endG ?? V) - (z.startG ?? F) + 1);
+                const K = Math.max(0, (z.startG ?? F) - ue), ne = z.len ?? Math.max(1, (z.endG ?? D) - (z.startG ?? F) + 1);
                 return {
                   ...z,
                   r0: K,
                   len: ne
                 };
               });
-              const de = E <= A ? P.slice(E, A + 1) : [], ke = C.list ? C.list.level * 24 : 0, Re = ((Q = C.list) == null ? void 0 : Q.kind) === "bullet" ? C.list.glyph ?? "•" : void 0, ee = W ? void 0 : O ?? Re;
+              const de = E <= A ? P.slice(E, A + 1) : [], ke = I.list ? I.list.level * 24 : 0, Re = ((Q = I.list) == null ? void 0 : Q.kind) === "bullet" ? I.list.glyph ?? "•" : void 0, ee = W ? void 0 : O ?? Re;
               return /* @__PURE__ */ x("div", { style: h, children: /* @__PURE__ */ X(
                 "p",
                 {
@@ -6645,12 +6640,12 @@ const fu = ({
                     width: "100%",
                     margin: "8px 0",
                     paddingLeft: ke,
-                    textAlign: C.textAlign,
+                    textAlign: I.textAlign,
                     whiteSpace: "pre-wrap",
                     boxSizing: "border-box"
                   },
                   children: [
-                    C.list && ee ? /* @__PURE__ */ x(
+                    I.list && ee ? /* @__PURE__ */ x(
                       "span",
                       {
                         "aria-hidden": !0,
@@ -6746,13 +6741,13 @@ function hu(e) {
     var E;
     const w = ((E = document == null ? void 0 : document.body) == null ? void 0 : E.style) ?? null;
     w && u.current.prevUserSelect != null && (w.userSelect = u.current.prevUserSelect, u.current.prevUserSelect = null), u.current.capturedEl && u.current.pid != null && typeof u.current.capturedEl.hasPointerCapture == "function" && u.current.capturedEl.hasPointerCapture(u.current.pid) && u.current.capturedEl.releasePointerCapture(u.current.pid), u.current.capturedEl = null;
-  }, I = dt.useCallback(
+  }, R = dt.useCallback(
     (w) => {
       const E = s ?? i;
       E != null && E(w.target) || (u.current.pid = w.pointerId, u.current.startX = w.clientX, u.current.startY = w.clientY, u.current.startT = w.timeStamp, u.current.swiping = !1, u.current.canceledClick = !1, u.current.capturedEl = w.currentTarget);
     },
     [s, i]
-  ), _ = dt.useCallback(
+  ), C = dt.useCallback(
     (w) => {
       var B;
       if (u.current.pid == null || w.pointerId !== u.current.pid) return;
@@ -6766,8 +6761,8 @@ function hu(e) {
               F.setPointerCapture(w.pointerId);
             } catch {
             }
-          const V = ((B = document == null ? void 0 : document.body) == null ? void 0 : B.style) ?? null;
-          V && (u.current.prevUserSelect = V.userSelect ?? null, V.userSelect = "none"), w.preventDefault();
+          const D = ((B = document == null ? void 0 : document.body) == null ? void 0 : B.style) ?? null;
+          D && (u.current.prevUserSelect = D.userSelect ?? null, D.userSelect = "none"), w.preventDefault();
         }
         return;
       }
@@ -6795,13 +6790,13 @@ function hu(e) {
     ]
   ), S = dt.useCallback(() => {
     u.current.swiping && (m == null || m()), k(), u.current.pid = null, u.current.swiping = !1, u.current.canceledClick = !1;
-  }, [m]), C = dt.useCallback(
+  }, [m]), I = dt.useCallback(
     (w) => {
       var E, A;
       (A = (E = u.current.capturedEl) == null ? void 0 : E.hasPointerCapture) != null && A.call(E, w.pointerId) || u.current.pid != null && u.current.swiping && (m == null || m(), k(), u.current.pid = null, u.current.swiping = !1, u.current.canceledClick = !1);
     },
     [m]
-  ), R = dt.useCallback(() => {
+  ), _ = dt.useCallback(() => {
     u.current.pid != null && u.current.swiping && (m == null || m()), k(), u.current.pid = null, u.current.swiping = !1, u.current.canceledClick = !1;
   }, [m]), O = dt.useCallback(
     (w) => {
@@ -6834,12 +6829,12 @@ function hu(e) {
     },
     []
   ), {
-    onPointerDown: I,
-    onPointerMove: _,
+    onPointerDown: R,
+    onPointerMove: C,
     onPointerUp: h,
     onPointerCancel: S,
-    onPointerLeave: C,
-    onLostPointerCapture: R,
+    onPointerLeave: I,
+    onLostPointerCapture: _,
     onClick: O,
     onDoubleClick: P
   };
@@ -6998,10 +6993,10 @@ function Tu() {
       var E = d, A = v;
       return d = v = void 0, p = w, b = c.apply(A, E), b;
     }
-    function I(w) {
+    function R(w) {
       return p = w, m = setTimeout(S, l), f ? k(w) : b;
     }
-    function _(w) {
+    function C(w) {
       var E = w - y, A = w - p, W = l - E;
       return u ? i(W, g - A) : W;
     }
@@ -7012,29 +7007,29 @@ function Tu() {
     function S() {
       var w = t();
       if (h(w))
-        return C(w);
-      m = setTimeout(S, _(w));
+        return I(w);
+      m = setTimeout(S, C(w));
     }
-    function C(w) {
+    function I(w) {
       return m = void 0, T && d ? k(w) : (d = v = void 0, b);
     }
-    function R() {
+    function _() {
       m !== void 0 && clearTimeout(m), p = 0, d = y = v = m = void 0;
     }
     function O() {
-      return m === void 0 ? b : C(t());
+      return m === void 0 ? b : I(t());
     }
     function P() {
       var w = t(), E = h(w);
       if (d = arguments, v = this, y = w, E) {
         if (m === void 0)
-          return I(y);
+          return R(y);
         if (u)
           return clearTimeout(m), m = setTimeout(S, l), k(y);
       }
       return m === void 0 && (m = setTimeout(S, l)), b;
     }
-    return P.cancel = R, P.flush = O, P;
+    return P.cancel = _, P.flush = O, P;
   }
   return ir = s, ir;
 }
@@ -7116,17 +7111,17 @@ async function Ou({
   const p = Mu(y);
   lt(p, y);
   try {
-    const k = Math.abs(b - 1) > 1e-3, I = 1 / b;
-    k && (t.style.transform = `scale(${I})`, t.style.transformOrigin = "top left");
-    const _ = Math.max(0, e.offsetWidth || 0), h = Math.max(0, Math.min(_, o));
+    const k = Math.abs(b - 1) > 1e-3, R = 1 / b;
+    k && (t.style.transform = `scale(${R})`, t.style.transformOrigin = "top left");
+    const C = Math.max(0, e.offsetWidth || 0), h = Math.max(0, Math.min(C, o));
     t.style.maxWidth = `${h}px`, lt(p, y);
     let S = Math.round(n.offsetHeight || 0);
     S || (S = Math.max(0, n.clientHeight | 0)), console.log(
       "[calcPages] playbackScale:",
       b.toFixed(4),
       k ? "(scaled, applying inverse)" : "(no scale)"
-    ), console.log("[calcPages] viewWidth:", _), console.log("[calcPages] pageBoxWidth:", h), console.log("[calcPages] maxPageHeight:", S), console.log("[calcPages] contentArea rect:", n.getBoundingClientRect()), console.log("[calcPages] measureRoot rect:", t.getBoundingClientRect());
-    const C = 1.5, R = (H, oe) => oe + H <= S - C, O = getComputedStyle(e), P = {
+    ), console.log("[calcPages] viewWidth:", C), console.log("[calcPages] pageBoxWidth:", h), console.log("[calcPages] maxPageHeight:", S), console.log("[calcPages] contentArea rect:", n.getBoundingClientRect()), console.log("[calcPages] measureRoot rect:", t.getBoundingClientRect());
+    const I = 1.5, _ = (H, oe) => oe + H <= S - I, O = getComputedStyle(e), P = {
       letterSpacing: O.letterSpacing,
       wordSpacing: O.wordSpacing,
       fontKerning: O.fontKerning || "normal",
@@ -7144,16 +7139,16 @@ async function Ou({
     W.style.boxSizing = "border-box", W.style.width = `${E}px`, W.style.maxWidth = `${E}px`, W.style.margin = "0 auto", W.style.display = "flex", n.appendChild(W);
     const M = document.createElement("div");
     M.style.boxSizing = "border-box", M.style.paddingRight = `${i}px`, M.style.paddingLeft = `${i}px`, M.style.width = `${E}px`, M.style.maxWidth = `${E}px`, M.style.margin = "0 auto", M.style.display = "flex", M.style.justifyContent = "center", M.style.height = "auto", W.appendChild(M);
-    const B = /* @__PURE__ */ new Map(), F = {}, V = Eu(p, y, r.length), q = (H, oe) => {
-      const $ = document.createElement("p");
-      return $.style.margin = "8px 0", $.style.paddingLeft = oe ? `${oe}px` : "0", $.style.textAlign = H.textAlign ?? "start", $.style.whiteSpace = "pre-wrap", $.style.lineHeight = String(l), $.style.fontSize = `${c}px`, $.style.boxSizing = "border-box", $.style.fontFamily = s ?? "", $.style.width = "100%", w($), $;
+    const B = /* @__PURE__ */ new Map(), F = {}, D = Eu(p, y, r.length), q = (H, oe) => {
+      const V = document.createElement("p");
+      return V.style.margin = "8px 0", V.style.paddingLeft = oe ? `${oe}px` : "0", V.style.textAlign = H.textAlign ?? "start", V.style.whiteSpace = "pre-wrap", V.style.lineHeight = String(l), V.style.fontSize = `${c}px`, V.style.boxSizing = "border-box", V.style.fontFamily = s ?? "", V.style.width = "100%", w(V), V;
     }, ue = (H, oe) => {
-      const $ = oe ?? [], J = document.createDocumentFragment();
-      for (let se = 0; se < $.length; se++) {
-        const re = $[se], pe = document.createElement("span");
+      const V = oe ?? [], J = document.createDocumentFragment();
+      for (let se = 0; se < V.length; se++) {
+        const re = V[se], pe = document.createElement("span");
         pe.dataset.runbox = String(se), pe.style.whiteSpace = "pre-wrap";
         const le = document.createElement("span");
-        if (le.dataset.run = String(se), le.textContent = (re == null ? void 0 : re.text) ?? "", le.style.whiteSpace = "pre-wrap", re != null && re.bold && (le.style.fontWeight = "700"), re != null && re.italic && (le.style.fontStyle = "italic"), re != null && re.underline && (le.style.textDecoration = "underline"), pe.appendChild(le), a && (re != null && re.split) && se !== $.length - 1) {
+        if (le.dataset.run = String(se), le.textContent = (re == null ? void 0 : re.text) ?? "", le.style.whiteSpace = "pre-wrap", re != null && re.bold && (le.style.fontWeight = "700"), re != null && re.italic && (le.style.fontStyle = "italic"), re != null && re.underline && (le.style.textDecoration = "underline"), pe.appendChild(le), a && (re != null && re.split) && se !== V.length - 1) {
           const we = Math.max(0, (d ?? 0) / 2), me = document.createElement("span");
           me.style.display = "inline-block", me.style.width = `${we}px`;
           const Te = document.createElement("span");
@@ -7167,16 +7162,16 @@ async function Ou({
       }
       H.appendChild(J);
     }, de = m > 80 ? Math.floor((m - 80) * 0.6) : void 0, ke = (H) => {
-      const oe = H != null && H.width && (H != null && H.height) ? `${H.width} / ${H.height}` : "4 / 3", $ = document.createElement("div");
-      $.style.margin = "12px 0", $.style.textAlign = "center", $.style.width = `${A}px`;
+      const oe = H != null && H.width && (H != null && H.height) ? `${H.width} / ${H.height}` : "4 / 3", V = document.createElement("div");
+      V.style.margin = "12px 0", V.style.textAlign = "center", V.style.width = `${A}px`;
       const J = document.createElement("div");
       J.style.position = "relative", J.style.width = "100%", de && (J.style.maxHeight = `${de}px`), J.style.aspectRatio = oe;
       const se = document.createElement("div");
-      if (se.style.position = "absolute", se.style.inset = "0", se.style.width = "100%", se.style.height = "100%", J.appendChild(se), $.appendChild(J), H != null && H.alt) {
+      if (se.style.position = "absolute", se.style.inset = "0", se.style.width = "100%", se.style.height = "100%", J.appendChild(se), V.appendChild(J), H != null && H.alt) {
         const re = document.createElement("div");
-        re.style.fontSize = "12px", re.style.color = "#6B7280", re.style.marginTop = "4px", re.textContent = String(H.alt), w(re), $.appendChild(re);
+        re.style.fontSize = "12px", re.style.color = "#6B7280", re.style.marginTop = "4px", re.textContent = String(H.alt), w(re), V.appendChild(re);
       }
-      return $;
+      return V;
     };
     for (let H = 0; H < r.length; H++) {
       lt(p, y);
@@ -7185,26 +7180,26 @@ async function Ou({
         const Te = oe.block, Oe = ke(Te);
         M.appendChild(Oe);
         const Ne = Oe.getBoundingClientRect(), { mt: Le, mb: $e } = sr(Oe);
-        F[H] = { contentH: Math.ceil(Ne.height), mt: Le, mb: $e }, await V(24);
+        F[H] = { contentH: Math.ceil(Ne.height), mt: Le, mb: $e }, await D(24);
         continue;
       }
-      const $ = oe.block, J = $.list ? ($.list.level ?? 0) * 24 : 0, se = oe.paraIndex ?? 0, re = g[se] ?? (((f = $.list) == null ? void 0 : f.kind) === "bullet" ? ((u = $.list) == null ? void 0 : u.glyph) ?? "•" : void 0);
-      if (!!($.list && re)) {
-        const Te = q($, J);
+      const V = oe.block, J = V.list ? (V.list.level ?? 0) * 24 : 0, se = oe.paraIndex ?? 0, re = g[se] ?? (((f = V.list) == null ? void 0 : f.kind) === "bullet" ? ((u = V.list) == null ? void 0 : u.glyph) ?? "•" : void 0);
+      if (!!(V.list && re)) {
+        const Te = q(V, J);
         Te.dataset.variant = "with";
-        const Oe = q($, J);
+        const Oe = q(V, J);
         Oe.dataset.variant = "no";
         const Ne = document.createElement("span");
-        Ne.textContent = `${re} `, Ne.style.minWidth = "16px", Ne.style.display = "inline-block", Ne.style.whiteSpace = "nowrap", Ne.style.userSelect = "none", Te.appendChild(Ne), ue(Te, $.runs), ue(Oe, $.runs);
+        Ne.textContent = `${re} `, Ne.style.minWidth = "16px", Ne.style.display = "inline-block", Ne.style.whiteSpace = "nowrap", Ne.style.userSelect = "none", Te.appendChild(Ne), ue(Te, V.runs), ue(Oe, V.runs);
         const Le = document.createDocumentFragment();
         Le.appendChild(Te), Le.appendChild(Oe), M.appendChild(Le);
       } else {
-        const Te = q($, J);
-        Te.dataset.variant = "with", ue(Te, $.runs), M.appendChild(Te);
+        const Te = q(V, J);
+        Te.dataset.variant = "with", ue(Te, V.runs), M.appendChild(Te);
       }
       const le = M.querySelector('p[data-variant="with"]'), we = M.querySelector('p[data-variant="no"]'), me = we ?? le;
       if (le && me) {
-        const Te = Ho(le), Oe = Ho(me), { mt: Ne, mb: Le } = sr(le), { mt: $e, mb: ut } = sr(me), Qe = ((T = $.runs) == null ? void 0 : T.length) ?? 0, He = we ? Oe : Te, ot = we ? $e : Ne, Je = we ? ut : Le;
+        const Te = Ho(le), Oe = Ho(me), { mt: Ne, mb: Le } = sr(le), { mt: $e, mb: ut } = sr(me), Qe = ((T = V.runs) == null ? void 0 : T.length) ?? 0, He = we ? Oe : Te, ot = we ? $e : Ne, Je = we ? ut : Le;
         if (H < 3) {
           const bt = le.getBoundingClientRect().height;
           console.log(
@@ -7221,26 +7216,26 @@ async function Ou({
           mbNo: Je
         });
       }
-      await V(24);
+      await D(24);
     }
     lt(p, y), M.innerHTML = "";
-    const Re = (H, oe, $, J) => {
-      if (oe > $) return { top: 0, content: 0, mb: 0 };
-      const se = J ? H.lastBottomNo : H.lastBottomWith, re = J ? H.mtNo : H.mtWith, pe = J ? H.mbNo : H.mbWith, le = J ? 0 : re, we = oe > 0 ? se[oe - 1] ?? 0 : 0, me = Math.max(0, (se[$] ?? 0) - we);
+    const Re = (H, oe, V, J) => {
+      if (oe > V) return { top: 0, content: 0, mb: 0 };
+      const se = J ? H.lastBottomNo : H.lastBottomWith, re = J ? H.mtNo : H.mtWith, pe = J ? H.mbNo : H.mbWith, le = J ? 0 : re, we = oe > 0 ? se[oe - 1] ?? 0 : 0, me = Math.max(0, (se[V] ?? 0) - we);
       return { top: le, content: me, mb: pe };
     }, ee = [];
     let Q = 0, z, K = null, ne = null;
     for (; Q < r.length; ) {
       lt(p, y);
       const H = Q;
-      let oe = 0, $ = 0, J = z;
+      let oe = 0, V = 0, J = z;
       J != null && K === Q && ne != null && (J = Math.max(J, ne + 1));
       let se = -1, re;
       for (; Q < r.length; ) {
         if (lt(p, y), r[Q].kind === "image") {
-          const He = F[Q] ?? { contentH: 0, mt: 0, mb: 0 }, Je = (oe === 0 ? He.mt : $ + He.mt) + He.contentH;
-          if (R(Je, oe)) {
-            oe += Je, se = Q, re = void 0, $ = He.mb, Q += 1, z = void 0, K = null, ne = null;
+          const He = F[Q] ?? { contentH: 0, mt: 0, mb: 0 }, Je = (oe === 0 ? He.mt : V + He.mt) + He.contentH;
+          if (_(Je, oe)) {
+            oe += Je, se = Q, re = void 0, V = He.mb, Q += 1, z = void 0, K = null, ne = null;
             continue;
           }
           if (oe === 0) {
@@ -7249,7 +7244,7 @@ async function Ou({
               endBlock: Q,
               ...J != null ? { startOffsetInBlock: J } : {}
               // 이미지에는 run 오프셋 개념이 없어 endOffsetInBlock 생략
-            }), Q += 1, z = void 0, K = null, ne = null, $ = 0;
+            }), Q += 1, z = void 0, K = null, ne = null, V = 0;
             break;
           }
           break;
@@ -7259,16 +7254,16 @@ async function Ou({
           Q += 1, z = void 0, K = null, ne = null;
           continue;
         }
-        const Te = me > 0, Oe = Re(le, me, we - 1, Te), Le = (oe === 0 ? Oe.top : $ + Oe.top) + Oe.content;
-        if (R(Le, oe)) {
-          oe += Le, se = Q, re = we - 1, $ = Oe.mb, Q += 1, z = void 0, K = null, ne = null;
+        const Te = me > 0, Oe = Re(le, me, we - 1, Te), Le = (oe === 0 ? Oe.top : V + Oe.top) + Oe.content;
+        if (_(Le, oe)) {
+          oe += Le, se = Q, re = we - 1, V = Oe.mb, Q += 1, z = void 0, K = null, ne = null;
           continue;
         }
         let $e = me, ut = we - 1, Qe = me - 1;
         for (; $e <= ut; ) {
           lt(p, y);
-          const He = $e + ut >> 1, ot = Re(le, me, He, Te), Je = (oe === 0 ? ot.top : $ + ot.top) + ot.content;
-          R(Je, oe) ? (Qe = He, $e = He + 1) : ut = He - 1;
+          const He = $e + ut >> 1, ot = Re(le, me, He, Te), Je = (oe === 0 ? ot.top : V + ot.top) + ot.content;
+          _(Je, oe) ? (Qe = He, $e = He + 1) : ut = He - 1;
         }
         if (Qe >= me) {
           ee.push({
@@ -7276,7 +7271,7 @@ async function Ou({
             endBlock: Q,
             ...J != null ? { startOffsetInBlock: J } : {},
             endOffsetInBlock: Qe
-          }), z = Qe + 1, K = Q, ne = Qe, $ = 0;
+          }), z = Qe + 1, K = Q, ne = Qe, V = 0;
           break;
         }
         if (oe > 0) {
@@ -7285,7 +7280,7 @@ async function Ou({
             endBlock: se >= 0 ? se : Math.min(Q - 1, r.length - 1),
             ...J != null ? { startOffsetInBlock: J } : {},
             ...re != null ? { endOffsetInBlock: re } : {}
-          }), $ = 0;
+          }), V = 0;
           break;
         } else {
           const He = me;
@@ -7294,7 +7289,7 @@ async function Ou({
             endBlock: Q,
             ...J != null ? { startOffsetInBlock: J } : {},
             endOffsetInBlock: He
-          }), z = He + 1, K = Q, ne = He, $ = 0;
+          }), z = He + 1, K = Q, ne = He, V = 0;
           break;
         }
       }
@@ -7366,21 +7361,21 @@ function Au(e) {
 }
 function Lu() {
   var zr;
-  const e = ji(), t = j((D) => D.section), n = j((D) => D.sectionLoading), r = j((D) => D.rangeStartGI), o = j((D) => D.rangeEndGI), i = r != null && o != null, s = Et(), c = Y((D) => D.theme), l = bn[c], a = Y((D) => D.fontFamily), d = Y((D) => D.fontSizePx), v = Y((D) => D.lineHeight), g = Y((D) => D.marginX), b = Y((D) => D.viewportHeight), m = 860, y = ie(null), { items: p } = ve(() => {
-    var D;
-    return Au(((D = t == null ? void 0 : t.ast) == null ? void 0 : D.blocks) ?? []);
+  const e = ji(), t = j(($) => $.section), n = j(($) => $.sectionLoading), r = j(($) => $.rangeStartGI), o = j(($) => $.rangeEndGI), i = r != null && o != null, s = Et(), c = Y(($) => $.theme), l = bn[c], a = Y(($) => $.fontFamily), d = Y(($) => $.fontSizePx), v = Y(($) => $.lineHeight), g = Y(($) => $.marginX), b = Y(($) => $.viewportHeight), m = 860, y = ie(null), { items: p } = ve(() => {
+    var $;
+    return Au((($ = t == null ? void 0 : t.ast) == null ? void 0 : $.blocks) ?? []);
   }, [t]), f = ve(() => {
-    const D = [], ze = Or();
+    const $ = [], ze = Or();
     return p.forEach((We) => {
       if (We.kind === "paragraph") {
         const Ct = We.paraIndex;
-        D[Ct] = Pr(We.block, ze);
+        $[Ct] = Pr(We.block, ze);
       }
-    }), D;
+    }), $;
   }, [p]), [u, T] = et({
     pages: [],
     pageByRunIndex: null
-  }), k = j((D) => D.pageIndex), I = j((D) => D.setPageIndex), _ = ie(0), h = ie(null), [S, C] = et(!1), [R, O] = et(null), [P, w] = et(!1), E = ve(
+  }), k = j(($) => $.pageIndex), R = j(($) => $.setPageIndex), C = ie(0), h = ie(null), [S, I] = et(!1), [_, O] = et(null), [P, w] = et(!1), E = ve(
     () => ({
       flex: 1,
       fontFamily: a,
@@ -7401,33 +7396,33 @@ function Lu() {
     breakGapPx: W,
     slash: M
   } = Y(
-    nn((D) => {
+    nn(($) => {
       var ze;
       return {
-        showSplit: D.showSplit,
-        breakGapPx: D.breakGapPx ?? 0,
-        slash: ((ze = D.breakMarks) == null ? void 0 : ze.slash) ?? !1
+        showSplit: $.showSplit,
+        breakGapPx: $.breakGapPx ?? 0,
+        slash: ((ze = $.breakMarks) == null ? void 0 : ze.slash) ?? !1
       };
     })
   ), B = Rt();
   Se(() => {
     u && u.pages.length && (console.log("그래서 총 페이지", u.pages.length), (async () => {
-      const D = B.getState().progress.setSectionLoading;
-      await vt(), await vt(), await vt(), await vt(), console.log("recalc종료"), D(!1);
+      const $ = B.getState().progress.setSectionLoading;
+      await vt(), await vt(), await vt(), await vt(), console.log("recalc종료"), $(!1);
     })());
   }, [u, B]);
   const F = Z(() => {
     console.log("@@@@@@recalc호출");
-    const D = y.current, ze = le.current, We = we.current;
-    if (console.log("showSplit", A), !D || !ze || !We || p.length === 0) {
-      T({ pages: [], pageByRunIndex: null }), I(0);
+    const $ = y.current, ze = le.current, We = we.current;
+    if (console.log("showSplit", A), !$ || !ze || !We || p.length === 0) {
+      T({ pages: [], pageByRunIndex: null }), R(0);
       return;
     }
     (async () => {
       const Ct = performance.now();
       try {
         const it = s.getState().playbackScale, { pages: Bt, pageByRunIndex: Di } = await Ou({
-          viewHost: D,
+          viewHost: $,
           measureRoot: ze,
           contentArea: We,
           items: p,
@@ -7446,7 +7441,7 @@ function Lu() {
         }), $i = performance.now();
         console.log(
           `✅ calcPages 완료: ${($i - Ct).toFixed(1)} ms (${Bt.length} pages)`
-        ), T({ pages: Bt, pageByRunIndex: Di }), I(0);
+        ), T({ pages: Bt, pageByRunIndex: Di }), R(0);
       } catch (it) {
         if (it instanceof Fi) {
           console.log("이젠실행 취소 들어옴!");
@@ -7456,7 +7451,7 @@ function Lu() {
       }
     })();
   }, [
-    I,
+    R,
     p,
     m,
     g,
@@ -7470,56 +7465,56 @@ function Lu() {
     s,
     b,
     e
-  ]), V = j((D) => D.setCurrentGlobalRunIndex), q = j((D) => {
+  ]), D = j(($) => $.setCurrentGlobalRunIndex), q = j(($) => {
     var ze;
-    return ((ze = D.layout) == null ? void 0 : ze.prefix) ?? [];
-  }), ue = _e((D) => D.syncToGI), de = Z(
-    (D) => {
-      const ze = u.pages.length + 1, We = k + D;
+    return ((ze = $.layout) == null ? void 0 : ze.prefix) ?? [];
+  }), ue = _e(($) => $.syncToGI), de = Z(
+    ($) => {
+      const ze = u.pages.length + 1, We = k + $;
       if (We < 0 || We >= ze) return;
       const Ct = k === u.pages.length;
       if (We === u.pages.length) {
-        I(We);
+        R(We);
         return;
       }
-      if (Ct && D === -1) {
+      if (Ct && $ === -1) {
         const Bt = No(u.pages[We], p, q);
-        Bt != null && (V(Bt, "scrubber-step"), ue(Bt)), I(We);
+        Bt != null && (D(Bt, "scrubber-step"), ue(Bt)), R(We);
         return;
       }
       const it = No(u.pages[We], p, q);
-      it != null ? (V(it, "scrubber-step"), ue(it)) : I(We);
+      it != null ? (D(it, "scrubber-step"), ue(it)) : R(We);
     },
-    [k, u.pages, p, q, V, I, ue]
+    [k, u.pages, p, q, D, R, ue]
   ), ke = Z(() => {
-    S || _.current !== 0 ? (O("prev"), C(!1)) : de(-1);
+    S || C.current !== 0 ? (O("prev"), I(!1)) : de(-1);
   }, [S, de]), Re = Z(() => {
-    S || _.current !== 0 ? (O("next"), C(!1)) : de(1);
+    S || C.current !== 0 ? (O("next"), I(!1)) : de(1);
   }, [S, de]), ee = kn(), Q = Z(() => {
-    const { isSettingsOpen: D, setSettingsOpen: ze, toggleOverlays: We } = ee.getState();
-    D ? ze(!1) : We();
-  }, [ee]), z = u.pages.length + 1, K = ((zr = y.current) == null ? void 0 : zr.clientWidth) || 400, ne = Z((D) => {
+    const { isSettingsOpen: $, setSettingsOpen: ze, toggleOverlays: We } = ee.getState();
+    $ ? ze(!1) : We();
+  }, [ee]), z = u.pages.length + 1, K = ((zr = y.current) == null ? void 0 : zr.clientWidth) || 400, ne = Z(($) => {
     var it;
     const ze = h.current;
     if (!ze) return;
-    const We = ((it = y.current) == null ? void 0 : it.clientWidth) || 1, Ct = D / We * 33.333;
+    const We = ((it = y.current) == null ? void 0 : it.clientWidth) || 1, Ct = $ / We * 33.333;
     ze.style.transform = `translate3d(${-33.333 + Ct}%, 0, 0)`;
   }, []), H = Z(
-    (D) => {
-      k === 0 && D > 0 || k >= z - 1 && D < 0 || (_.current = D, ne(D), S || C(!0));
+    ($) => {
+      k === 0 && $ > 0 || k >= z - 1 && $ < 0 || (C.current = $, ne($), S || I(!0));
     },
     [k, z, ne, S]
   ), oe = Z(() => {
-    _.current = 0, C(!1);
-    const D = h.current;
-    D && (D.style.transition = "transform 250ms ease-out", D.style.transform = "translate3d(-33.333%, 0, 0)");
-  }, []), $ = Z(
-    (D) => {
-      if (D.target !== D.currentTarget || D.propertyName !== "transform") return;
-      const ze = R;
-      w(!0), O(null), _.current = 0, ze === "prev" ? de(-1) : ze === "next" && de(1);
+    C.current = 0, I(!1);
+    const $ = h.current;
+    $ && ($.style.transition = "transform 250ms ease-out", $.style.transform = "translate3d(-33.333%, 0, 0)");
+  }, []), V = Z(
+    ($) => {
+      if ($.target !== $.currentTarget || $.propertyName !== "transform") return;
+      const ze = _;
+      w(!0), O(null), C.current = 0, ze === "prev" ? de(-1) : ze === "next" && de(1);
     },
-    [R, de]
+    [_, de]
   );
   Tt(() => {
     P && requestAnimationFrame(() => {
@@ -7529,12 +7524,12 @@ function Lu() {
     });
   }, [P]);
   const J = yn(), se = Z(
-    (D) => i || zu(D) ? !0 : Bu(D),
+    ($) => i || zu($) ? !0 : Bu($),
     [i]
   ), re = Z(
-    (D) => {
+    ($) => {
       const ze = J.getState().status;
-      return ze === "playing" || ze === "loading" ? !0 : se(D);
+      return ze === "playing" || ze === "loading" ? !0 : se($);
     },
     [J, se]
   ), pe = hu({
@@ -7556,8 +7551,8 @@ function Lu() {
     pageTransitionThreshold: K * 0.5
     // 50% 이상 드래그 시 전환
   }), le = ie(null), we = ie(null), me = Z(() => {
-    const D = B.getState().progress.setSectionLoading;
-    D(!0);
+    const $ = B.getState().progress.setSectionLoading;
+    $(!0);
   }, [B]), Te = ve(
     () => ({
       trailing: !0,
@@ -7568,8 +7563,8 @@ function Lu() {
   ), Oe = _u(F, 200, me, Te), Ne = ie("");
   Se(() => {
     if (b <= 0) return;
-    const D = `${a}|${d}|${v}|${g}|${A}|${W}|${M}|${b}|${t == null ? void 0 : t.section_id}`;
-    Ne.current !== D && (Ne.current = D, console.log("debounceRecalc 취소"), Oe.cancel(), me(), F());
+    const $ = `${a}|${d}|${v}|${g}|${A}|${W}|${M}|${b}|${t == null ? void 0 : t.section_id}`;
+    Ne.current !== $ && (Ne.current = $, console.log("debounceRecalc 취소"), Oe.cancel(), me(), F());
   }, [
     Oe,
     F,
@@ -7584,7 +7579,7 @@ function Lu() {
     b,
     t == null ? void 0 : t.section_id
   ]), pu([y], Oe);
-  const Le = j((D) => D.registerSectionScrollApi);
+  const Le = j(($) => $.registerSectionScrollApi);
   Se(() => (Le({
     // 페이지 모드에서는 GI 기반 스크롤 불필요 - 더미 구현
     ensureVisibleGI: () => Promise.resolve(!0),
@@ -7598,7 +7593,7 @@ function Lu() {
     // 페이지 이동 구현
     stepPage: de
   }), () => Le(void 0)), [Le, de]);
-  const $e = t.quiz && t.quiz.length > 0, ut = u.pages.length > 0 && k === u.pages.length, Qe = k > 0 ? k - 1 : null, He = k < z - 1 ? k + 1 : null, ot = ve(() => R === "prev" ? "translate3d(0%, 0, 0)" : R === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [R]), Je = (D) => n ? null : D === u.pages.length ? /* @__PURE__ */ X(
+  const $e = t.quizzes && t.quizzes.length > 0, ut = u.pages.length > 0 && k === u.pages.length, Qe = k > 0 ? k - 1 : null, He = k < z - 1 ? k + 1 : null, ot = ve(() => _ === "prev" ? "translate3d(0%, 0, 0)" : _ === "next" ? "translate3d(-66.666%, 0, 0)" : "translate3d(-33.333%, 0, 0)", [_]), Je = ($) => n ? null : $ === u.pages.length ? /* @__PURE__ */ X(
     "div",
     {
       style: {
@@ -7615,7 +7610,7 @@ function Lu() {
         /* @__PURE__ */ x(Cn, { isIcon: !1 })
       ]
     }
-  ) : /* @__PURE__ */ x(fu, { pages: u.pages, pageIndex: D, maxWidth: m }), bt = {
+  ) : /* @__PURE__ */ x(fu, { pages: u.pages, pageIndex: $, maxWidth: m }), bt = {
     width: "33.333%",
     height: "100%",
     flexShrink: 0,
@@ -7626,7 +7621,7 @@ function Lu() {
     boxSizing: "border-box",
     backfaceVisibility: "hidden",
     WebkitBackfaceVisibility: "hidden"
-  }, Vt = !P && (!S || R !== null);
+  }, Vt = !P && (!S || _ !== null);
   return console.log("여기리랜더"), /* @__PURE__ */ X("div", { ref: y, style: { ...E, touchAction: "pan-y" }, ...pe, children: [
     /* @__PURE__ */ X(
       "div",
@@ -7644,7 +7639,7 @@ function Lu() {
           backfaceVisibility: "hidden",
           WebkitBackfaceVisibility: "hidden"
         },
-        onTransitionEnd: R ? $ : void 0,
+        onTransitionEnd: _ ? V : void 0,
         children: [
           /* @__PURE__ */ x("div", { style: bt, children: Qe !== null && Je(Qe) }),
           /* @__PURE__ */ x("div", { style: bt, children: Je(k) }),
@@ -7720,7 +7715,7 @@ function Lu() {
       {
         pages: u.pages,
         items: p,
-        onGotoPage: I,
+        onGotoPage: R,
         currentPageIndex: k,
         isOnExtraPage: ut
       }
@@ -7791,7 +7786,7 @@ const Du = "_Overlay_ybic8_3", $u = "_Dialog_ybic8_15", Vu = "_Body_ybic8_25", q
   StatSub: gd
 };
 function md(e) {
-  return e ? e.kind === "temp" ? e.blobUrl : e.cdnUrl : null;
+  return e ? e.kind === "temp" ? e.image_blob_url : e.image_cdn_url : null;
 }
 function Wi(e) {
   var t;
@@ -7816,18 +7811,18 @@ const vd = Wt(function() {
     const p = r.map((M) => n[M]), f = p.length, u = p.reduce((M, B) => M + (B.score ?? 0), 0), T = p.reduce((M, B) => {
       const F = v[B.qid];
       return M + (F != null && F.isCorrect ? B.score ?? 0 : 0);
-    }, 0), k = p.map((M) => v[M.qid]).filter((M) => !!M), I = typeof a == "number" && typeof d == "number" ? Math.max(0, d - a) : k.reduce((M, B) => M + (B.ms ?? 0), 0), _ = f > 0 ? Math.round(I / f) : 0, h = [...k].sort((M, B) => M.ms - B.ms), S = h[0], C = h[h.length - 1], R = k.filter((M) => !M.multi), O = k.filter((M) => M.multi), P = R.filter((M) => M.isCorrect).length, w = O.filter((M) => M.isCorrect).length, E = k.filter((M) => M.timedOut).length, A = k.filter((M) => M.revealed).length, W = k.filter((M) => !M.isCorrect).sort((M, B) => B.ms - M.ms).slice(0, 3);
+    }, 0), k = p.map((M) => v[M.qid]).filter((M) => !!M), R = typeof a == "number" && typeof d == "number" ? Math.max(0, d - a) : k.reduce((M, B) => M + (B.ms ?? 0), 0), C = f > 0 ? Math.round(R / f) : 0, h = [...k].sort((M, B) => M.ms - B.ms), S = h[0], I = h[h.length - 1], _ = k.filter((M) => !M.multi), O = k.filter((M) => M.multi), P = _.filter((M) => M.isCorrect).length, w = O.filter((M) => M.isCorrect).length, E = k.filter((M) => M.timedOut).length, A = k.filter((M) => M.revealed).length, W = k.filter((M) => !M.isCorrect).sort((M, B) => B.ms - M.ms).slice(0, 3);
     return {
       total: f,
       correct: s,
       rate: f ? Math.round(s / f * 100) : 0,
-      timeMsTotal: I,
-      avgMs: _,
+      timeMsTotal: R,
+      avgMs: C,
       totalScore: u,
       gainedScore: T,
       fastest: S,
-      slowest: C,
-      singles: { total: R.length, correct: P },
+      slowest: I,
+      singles: { total: _.length, correct: P },
       multis: { total: O.length, correct: w },
       timedOut: E,
       revealed: A,
@@ -7983,7 +7978,7 @@ function ar(e) {
 }
 function Do(e) {
   if (!e) return {};
-  const t = (e.quiz ?? []).slice().sort((n, r) => n.index - r.index);
+  const t = (e.quizzes ?? []).slice().sort((n, r) => n.index - r.index);
   return {
     sectionId: e.section_id,
     quizzes: t,
@@ -8195,26 +8190,26 @@ function Cd({ children: e, initialState: t }) {
       if (s.phase !== "finished" && i.phase === "finished") {
         const c = r.current;
         if (!c) return;
-        const { sectionId: l, quizzes: a, order: d, perQ: v, startedAt: g, finishedAt: b } = i, m = d.map((_) => a[_]), y = m.length, p = m.filter((_) => {
+        const { sectionId: l, quizzes: a, order: d, perQ: v, startedAt: g, finishedAt: b } = i, m = d.map((C) => a[C]), y = m.length, p = m.filter((C) => {
           var h;
-          return (h = v[_.qid]) == null ? void 0 : h.isCorrect;
-        }).length, f = m.reduce((_, h) => _ + (h.score ?? 0), 0), u = m.reduce((_, h) => {
+          return (h = v[C.qid]) == null ? void 0 : h.isCorrect;
+        }).length, f = m.reduce((C, h) => C + (h.score ?? 0), 0), u = m.reduce((C, h) => {
           const S = v[h.qid];
-          return _ + (S != null && S.isCorrect ? h.score ?? 0 : 0);
-        }, 0), T = typeof g == "number" && typeof b == "number" ? Math.max(0, b - g) : 0, k = m.map((_) => {
-          const h = v[_.qid];
+          return C + (S != null && S.isCorrect ? h.score ?? 0 : 0);
+        }, 0), T = typeof g == "number" && typeof b == "number" ? Math.max(0, b - g) : 0, k = m.map((C) => {
+          const h = v[C.qid];
           return {
-            qid: _.qid,
-            index: _.index,
-            question: _.question,
-            score: _.score ?? 0,
+            qid: C.qid,
+            index: C.index,
+            question: C.question,
+            score: C.score ?? 0,
             isCorrect: (h == null ? void 0 : h.isCorrect) ?? !1,
             selected: (h == null ? void 0 : h.selected) ?? [],
             correctIdxes: (h == null ? void 0 : h.correctIdxes) ?? [],
             ms: (h == null ? void 0 : h.ms) ?? 0,
             timedOut: (h == null ? void 0 : h.timedOut) ?? !1
           };
-        }), I = {
+        }), R = {
           sectionId: l ?? "",
           total: y,
           correct: p,
@@ -8224,7 +8219,7 @@ function Cd({ children: e, initialState: t }) {
           timeMsTotal: T,
           perQuestion: k
         };
-        c(I);
+        c(R);
       }
     });
     return () => o();
@@ -8492,15 +8487,15 @@ const Rd = ({
         a({ x: y.width * f / 2, y: 80 });
         return;
       }
-      const T = u.getBoundingClientRect(), k = m.querySelector(`[data-g="${n}"]`), I = k == null ? void 0 : k.getBoundingClientRect();
-      let _ = (T.left + T.width / 2 - y.left) * f;
-      I && (_ = ((I.left + T.right) / 2 - y.left) * f);
-      const h = 160, S = 50, C = 16, R = 12, O = y.width * f, P = Math.max(
-        C + h / 2,
-        Math.min(_, O - C - h / 2)
-      ), w = (((I == null ? void 0 : I.top) ?? T.top) - y.top) * f - S - R;
+      const T = u.getBoundingClientRect(), k = m.querySelector(`[data-g="${n}"]`), R = k == null ? void 0 : k.getBoundingClientRect();
+      let C = (T.left + T.width / 2 - y.left) * f;
+      R && (C = ((R.left + T.right) / 2 - y.left) * f);
+      const h = 160, S = 50, I = 16, _ = 12, O = y.width * f, P = Math.max(
+        I + h / 2,
+        Math.min(C, O - I - h / 2)
+      ), w = (((R == null ? void 0 : R.top) ?? T.top) - y.top) * f - S - _;
       let E = w;
-      w < C && (E = (T.bottom - y.top) * f + R), a({ x: P, y: E });
+      w < I && (E = (T.bottom - y.top) * f + _), a({ x: P, y: E });
     };
     g();
     const b = e.current;
@@ -8585,20 +8580,20 @@ const Rd = ({
     const f = () => {
       const T = e.current;
       if (!T) return;
-      const k = T.getBoundingClientRect(), _ = 1 / (o.getState().playbackScale || 1), h = T.querySelector(`[data-g="${t}"]`), S = T.querySelector(`[data-g="${n}"]`);
+      const k = T.getBoundingClientRect(), C = 1 / (o.getState().playbackScale || 1), h = T.querySelector(`[data-g="${t}"]`), S = T.querySelector(`[data-g="${n}"]`);
       if (h) {
-        const C = h.getBoundingClientRect();
+        const I = h.getBoundingClientRect();
         c({
-          x: (C.left - k.left) * _,
-          y: (C.bottom - k.top) * _
+          x: (I.left - k.left) * C,
+          y: (I.bottom - k.top) * C
         });
       } else
         c(null);
       if (S) {
-        const C = S.getBoundingClientRect();
+        const I = S.getBoundingClientRect();
         a({
-          x: (C.right - k.left) * _,
-          y: (C.bottom - k.top) * _
+          x: (I.right - k.left) * C,
+          y: (I.bottom - k.top) * C
         });
       } else
         a(null);
@@ -8612,10 +8607,10 @@ const Rd = ({
   const g = Z((f, u) => {
     var k;
     const T = document.elementsFromPoint(f, u);
-    for (const I of T) {
-      const _ = (k = I.getAttribute) == null ? void 0 : k.call(I, "data-g");
-      if (_ != null)
-        return parseInt(_, 10);
+    for (const R of T) {
+      const C = (k = R.getAttribute) == null ? void 0 : k.call(R, "data-g");
+      if (C != null)
+        return parseInt(C, 10);
     }
     return null;
   }, []), b = Z(
@@ -8788,7 +8783,7 @@ const Pd = ({ isOpen: e, onClose: t, text: n }) => e ? /* @__PURE__ */ x(
     )
   }
 ) : null, Bd = (e, t, n) => Math.min(n, Math.max(t, e));
-function qd({
+function Nd({
   section: e,
   initialViewerState: t,
   initialProgressRunIndex: n,
@@ -8804,11 +8799,11 @@ function qd({
   isDev: g = !1
 }) {
   const b = String((e == null ? void 0 : e.section_id) ?? "0"), m = ve(() => {
-    var k, I;
+    var k, R;
     const u = ((k = e == null ? void 0 : e.ast) == null ? void 0 : k.blocks) ?? [];
     let T = 0;
-    for (const _ of u)
-      (_ == null ? void 0 : _.type) !== "image" && (T += ((I = _ == null ? void 0 : _.runs) == null ? void 0 : I.length) ?? 0);
+    for (const C of u)
+      (C == null ? void 0 : C.type) !== "image" && (T += ((R = C == null ? void 0 : C.runs) == null ? void 0 : R.length) ?? 0);
     return T;
   }, [e]), y = ve(() => typeof n == "number" ? Bd(n, m > 0 ? 0 : -1, Math.max(m - 1, -1)) : (m > 0, 0), [n, m]), p = ve(
     () => ({
@@ -8905,5 +8900,5 @@ function zd() {
   );
 }
 export {
-  qd as CRViewer
+  Nd as CRViewer
 };