export interface SheetSource {
    readonly wings: readonly {
        readonly styles?: string;
    }[];
}
export declare function sheetKey(text: string): string;
export declare function collectSheets(source: SheetSource, core?: string): readonly string[];
export declare const CORE_CSS = "\n/* \uD1A0\uD070\uC774 \uC11C\uB294 \uC790\uB9AC \u2014 **\uD3B8\uC9D1\uAE30 \uBFCC\uB9AC\uB9CC\uC774 \uC544\uB2C8\uB2E4.** \uB36E\uAC1C(\uBBF8\uB9AC\uBCF4\uAE30\u00B7\uB77C\uC774\uD2B8\uBC15\uC2A4)\uB294 `body` \uC758 \uC790\uC2DD\uC73C\uB85C\n   \uC11C\uBBC0\uB85C `.nabi` \uB85C\uBD80\uD130\uC758 \uC0C1\uC18D\uC774 \uB2FF\uC9C0 \uC54A\uB294\uB2E4. \uC5EC\uAE30 \uC774\uB984\uC744 \uC548 \uC801\uC73C\uBA74 \uADF8 \uCE35\uC5D0\uC11C \uD1A0\uD070\uC774 \uC544\uBB34 \uAC12\uB3C4\n   \uC544\uB2C8\uAC8C \uB418\uACE0, `background: var(--nabi-bg)` \uAC00 \uD22C\uBA85\uC774 \uB418\uC5B4 \uC0C1\uC790\uAC00 \uB9C9 \uC18D\uC73C\uB85C \uC0AC\uB77C\uC9C4\uB2E4.\n   \uD640\uB85C \uC120 \uBCF4\uAE30 \uBFCC\uB9AC(`.nabi-content` \uB9CC \uAC78\uB9B0 \uBC1C\uD589 \uD398\uC774\uC9C0)\uB3C4 \uAC19\uC740 \uC774\uC720\uB85C \uD568\uAED8 \uC801\uB294\uB2E4. */\n:is(.nabi, .nabi-scrim, .nabi-content:where(:not(.nabi *))) {\n  color-scheme: light;\n\n  --nabi-fg: #1b1b1f; --nabi-bg: #fff; --nabi-muted: #6b6b76; --nabi-line: #e2e2e8;\n  --nabi-accent: #3b6fe0; --nabi-on-accent: #fff; --nabi-soft: rgb(0 0 0 / 4.5%);\n  --nabi-danger: #d93b3b; --nabi-on-danger: #fff;\n  /* \uCF54\uC5B4\uB294 --nabi-placeholder-color \uB97C \uC815\uC758\uD558\uC9C0 \uC54A\uACE0 \uB300\uCCB4\uAC12\uC73C\uB85C\uB9CC \uBD80\uB978\uB2E4 \u2014 \uD638\uC2A4\uD2B8\uAC00 \uD56D\uC0C1 \uC774\uAE34\uB2E4\n     Core never defines --nabi-placeholder-color, only references it as a fallback so hosts always win */\n  --nabi-placeholder-color-fallback: #6b6b76aa;\n\n  --nabi-radius: 6px; --nabi-radius-sm: 4px; --nabi-radius-xs: 3px;\n  /* \uCE35 \uC790\uC2E0\uB9CC \uBAA8\uC11C\uB9AC\uB97C \uAC16\uB294\uB2E4 \u2014 \uC548\uC758 \uC0C1\uC790\uB294 \uAC01\uC9C4 \uCC44\uB85C \uB454\uB2E4\n     Only the layer itself is rounded; boxes inside it stay square */\n  --nabi-layer-radius: .25rem;\n  --nabi-grid-cell: 1.125rem;\n  --nabi-control-size: 2rem;\n  --nabi-touch-control-size: 2.75rem;\n  --nabi-motion-press: 60ms;\n  --nabi-motion-fast: 100ms;\n  --nabi-motion-progress: 140ms;\n  --nabi-motion-toast: 500ms;\n  --nabi-shadow: 0 8px 24px rgb(16 24 40 / 12%);\n  --nabi-scrim: rgb(12 14 18 / 72%);\n  --nabi-z-sticky: 20;\n  --nabi-z-overlay: 2147483000;\n  --nabi-z-dialog: 2147483100;\n\n  /* \uCF54\uC5B4\uB294 --nabi-font* \uB97C \uC815\uC758\uD558\uC9C0 \uC54A\uACE0 \uB300\uCCB4\uAC12\uC73C\uB85C\uB9CC \uBD80\uB978\uB2E4 \u2014 \uD638\uC2A4\uD2B8\uAC00 \uD56D\uC0C1 \uC774\uAE34\uB2E4(\uAE00\uC790\uBCC4\uB85C\n     \uD6D1\uC73C\uBBC0\uB85C \uB77C\uD2F4\uC744 \uC954 \uAE00\uAF34\uC744 \uC55E\uC5D0, \uC9C4\uC9DC Bold \uAE00\uAF34\uC744 \uC774\uB984\uC73C\uB85C \uBD88\uB7EC \uAC00\uC9DC \uAD75\uAC8C\uB97C \uD53C\uD558\uACE0, \uC774\uBAA8\uC9C0\uB294 \uB05D\uC5D0 \uB454\uB2E4)\n     Core never defines --nabi-font*, only falls back to it; order favors Latin-safe and true-Bold fonts, emoji last */\n  --nabi-font-fallback:\n    system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial,\n    \"Apple SD Gothic Neo\", \"Malgun Gothic\", \"Noto Sans KR\", \"Noto Sans\",\n    sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\";\n  /* \uD55C\uAE00 \uBA85\uC870\uB294 Bold \uD30C\uC77C\uC774 \uC5C6\uB294 \uAC08\uB798\uB77C \uC9C4\uC9DC Bold \uB97C \uAC00\uC9C4 \uB098\uB214\uBA85\uC870\u00B7Noto Serif KR \uC744 \uC55E\uC138\uC6B4\uB2E4\n     Korean serif fonts lack a real Bold file, so true-Bold fonts are listed ahead of them */\n  --nabi-font-serif-fallback:\n    Georgia, Cambria, \"Times New Roman\", Times,\n    \"Nanum Myeongjo\", \"Noto Serif KR\", AppleMyungjo, Batang,\n    serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\";\n  /* \uD55C\uAE00\uC740 monospace \uB4A4\uC5D0 \uB454\uB2E4 \u2014 \uCE78\uC774 \uC5B4\uAE0B\uB098\uB294 \uAC83\uBCF4\uB2E4 \uAE00\uC790\uAC00 \uAE68\uC9C0\uB294 \uAC8C \uB354 \uB098\uC058\uB2E4\n     Korean fonts sit after monospace; misaligned columns beat broken glyphs */\n  --nabi-font-mono-fallback:\n    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n    \"Liberation Mono\", \"Roboto Mono\", \"Noto Sans Mono\",\n    monospace, \"Apple SD Gothic Neo\", \"Malgun Gothic\", \"Noto Sans KR\",\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\";\n  /* \uD758\uB9BC\uCCB4\uB294 \uAE30\uBCF8 \uC9C0\uC6D0\uC774 \uAC00\uC7A5 \uC57D\uD558\uB2E4 \u2014 \uC81C\uB300\uB85C \uD558\uB824\uBA74 \uD638\uC2A4\uD2B8\uAC00 \uC6F9\uD3F0\uD2B8\uB97C \uC5B9\uC5B4\uC57C \uD55C\uB2E4\n     Cursive has the weakest default support; a host needs its own webfont for it to look right */\n  --nabi-font-cursive-fallback:\n    \"Segoe Script\", \"Bradley Hand\", \"Snell Roundhand\", \"Apple Chancery\",\n    Gungsuh, \"Noto Sans KR\", cursive;\n  --nabi-typeface-base: var(--nabi-font, var(--nabi-font-fallback));\n\n  /* \uD615\uAD11\uD39C\u00B7\uAE00\uC790\uC0C9\uC740 \uD1A0\uD070\uC774\uB2E4 \u2014 \uB2E4\uD06C\uC5D0\uC11C \uC54C\uD30C\uB97C \uB0AE\uCDB0\uC57C \uAE00\uC790\uAC00 \uC548 \uBB3B\uD78C\uB2E4\n     Highlight/text colors are tokens, not literals, so dark mode can lower alpha without washing text out */\n  --nabi-hl-yellow: rgb(250 204 21 / 45%);\n  --nabi-hl-green: rgb(74 222 128 / 45%);\n  --nabi-hl-cyan: rgb(56 189 248 / 45%);\n  --nabi-hl-pink: rgb(244 114 182 / 45%);\n  --nabi-hl-purple: rgb(192 132 252 / 45%);\n  --nabi-hl-orange: rgb(251 146 60 / 45%);\n  --nabi-tc-green: #009e73;\n  --nabi-tc-coral: #e05638;\n  --nabi-tc-violet: #8b5cf6;\n  --nabi-tc-amber: #d97706;\n  --nabi-tc-blue: #0284c7;\n}\n\n/* \uB2E4\uD06C\uB294 \uC704 \uBAA9\uB85D \uC911 **\uAC08\uB9AC\uB294 \uAC83 \uC804\uBD80**\uB97C \uB2E4\uC2DC \uC900\uB2E4 \u2014 \uD558\uB098\uB77C\uB3C4 \uBE60\uC9C0\uBA74 \uB77C\uC774\uD2B8 \uAC12\uC774 \uC0C8\uC5B4 \uB4E0\uB2E4.\n\n   **\uBB34\uC5C7\uC774 \uB2E4\uD06C\uC778\uAC00\uB294 \uD638\uC2A4\uD2B8\uAC00 \uB9D0\uD55C\uB2E4 \u2014 \uC2DC\uC2A4\uD15C \uC124\uC815\uC744 \uC6B0\uB9AC\uAC00 \uBA3C\uC800 \uC77D\uC9C0 \uC54A\uB294\uB2E4.**\n   \uAE38\uC740 \uB458\uC774\uB2E4: \uD638\uC2A4\uD2B8 \uD398\uC774\uC9C0\uC758 `.dark` \uD074\uB798\uC2A4, \uB610\uB294 \uD3B8\uC9D1\uAE30\uC758 `data-nabi-theme`.\n\n   \uD55C\uB54C `@media (prefers-color-scheme: dark)` \uB3C4 \uD568\uAED8 \uBD24\uB294\uB370 \uADF8\uAC83\uC774 \uD638\uC2A4\uD2B8\uB97C \uC774\uACBC\uB2E4: \uAE30\uAE30\uAC00\n   \uB2E4\uD06C\uC778 \uC0AC\uB78C\uC774 \uC0AC\uC774\uD2B8\uB97C \uB77C\uC774\uD2B8\uB85C \uBC14\uAFB8\uBA74 \uC0AC\uC774\uD2B8\uB9CC \uD558\uC598\uC9C0\uACE0 \uD3B8\uC9D1\uAE30\uB294 \uAC80\uC740 \uCC44\uB85C \uB0A8\uC558\uB2E4. `.dark`\n   \uB97C \uC4F0\uB294 \uD398\uC774\uC9C0(VitePress \uAC00 \uADF8\uB807\uB2E4)\uB294 **\uB77C\uC774\uD2B8\uC77C \uB54C \uC544\uBB34 \uD074\uB798\uC2A4\uB3C4 \uC548 \uB2E8\uB2E4** \u2014 \uADF8\uB798\uC11C \"\uD638\uC2A4\uD2B8\uAC00\n   \uB77C\uC774\uD2B8\uB77C\uACE0 \uB9D0\uD55C \uAC83\"\uACFC \"\uD638\uC2A4\uD2B8\uAC00 \uC544\uBB34 \uB9D0\uB3C4 \uC548 \uD55C \uAC83\"\uC744 CSS \uAC00 \uAD6C\uBCC4\uD560 \uC218 \uC5C6\uACE0, \uC2DC\uC2A4\uD15C \uC124\uC815\uC744\n   \uAE30\uBCF8\uAC12\uC73C\uB85C \uC0BC\uB294 \uC21C\uAC04 \uD638\uC2A4\uD2B8\uC758 \uB77C\uC774\uD2B8\uB97C \uB36E\uC5B4 \uBC84\uB9B0\uB2E4. \uAE30\uBCF8\uC740 \uB77C\uC774\uD2B8, \uB2E4\uD06C\uB294 \uD638\uC2A4\uD2B8\uAC00 \uB9D0\uD560 \uB54C\uB9CC. */\n:where(html, body).dark :is(.nabi, .nabi-scrim, .nabi-content:where(:not(.nabi *))):not([data-nabi-theme=\"light\"]),\n:is(.nabi, .nabi-scrim)[data-nabi-theme=\"dark\"] {\n  color-scheme: dark;\n  --nabi-fg: #e8e8ee; --nabi-bg: #16161a; --nabi-muted: #9a9aa6; --nabi-line: #2e2e36;\n  --nabi-accent: #7ea2ff; --nabi-on-accent: #16161a; --nabi-soft: rgb(255 255 255 / 7%);\n  --nabi-danger: #f0616a; --nabi-on-danger: #1a0d0f;\n  --nabi-placeholder-color-fallback: #9a9aa6aa;\n  --nabi-shadow: 0 8px 24px rgb(0 0 0 / 50%);\n  --nabi-scrim: rgb(0 0 0 / 78%);\n  --nabi-hl-yellow: rgb(250 204 21 / 35%);\n  --nabi-hl-green: rgb(74 222 128 / 35%);\n  --nabi-hl-cyan: rgb(56 189 248 / 35%);\n  --nabi-hl-pink: rgb(244 114 182 / 35%);\n  --nabi-hl-purple: rgb(192 132 252 / 35%);\n  --nabi-hl-orange: rgb(251 146 60 / 35%);\n}\n/* \uBC1D\uAC8C\uB97C **\uBA85\uC2DC**\uD55C \uCABD\uC774 \uBC14\uAE65\uC758 \uC5B4\uB460\uC744 \uC774\uAE34\uB2E4 \u2014 \uB2E4\uD06C \uB4A4\uC5D0 \uC11C\uC57C \uB418\uB3CC\uB9B0\uB2E4. */\n:where(html, body).light :is(.nabi, .nabi-scrim, .nabi-content:where(:not(.nabi *))):not([data-nabi-theme=\"dark\"]),\n:is(.nabi, .nabi-scrim)[data-nabi-theme=\"light\"] {\n  color-scheme: light;\n  /* `--nabi-soft` \uB294 **\uC0C9\uC774 \uC544\uB2C8\uB77C \uC587\uC740 \uB9C9\uC774\uB2E4.** \uC0C1\uD669 \uC904\u00B7\uB2E8\uCD94 hover \uAC00 \uC774\uAC83\uC744 \uC4F0\uB294\uB370, \uD3B8\uC9D1\uAE30\uAC00\n     \uC81C \uBC30\uACBD\uC744 \uC548 \uCE60\uD558\uBBC0\uB85C(\uC544\uB798) \uBD88\uD22C\uBA85\uD55C \uD68C\uC0C9\uC744 \uB450\uBA74 \uADF8 \uC790\uB9AC\uB9CC \uD398\uC774\uC9C0\uC5D0\uC11C \uB3C4\uB824\uB0B8 \uAC83\uCC98\uB7FC \uB72C\uB2E4.\n     \uC54C\uD30C\uB85C \uB450\uBA74 \uD398\uC774\uC9C0\uAC00 \uBB34\uC2A8 \uC0C9\uC774\uB4E0 \uADF8 \uC704\uC5D0 \uC0B4\uC9DD \uC5B9\uD600 \"\uC5EC\uAE30\uAC00 \uC870\uAE08 \uB2E4\uB978 \uC790\uB9AC\" \uB9CC \uB9D0\uD55C\uB2E4.\n     \uB77C\uC774\uD2B8\uB294 \uC5B4\uB461\uAC8C, \uB2E4\uD06C\uB294 \uBC1D\uAC8C \u2014 \uBC29\uD5A5\uC774 \uBC18\uB300\uC778 \uAC83\uC774 \uC774 \uD55C \uD1A0\uD070\uC774 \uB450 \uD14C\uB9C8\uB97C \uB2E4 \uC0AC\uB294 \uAE38\uC774\uB2E4. */\n  --nabi-fg: #1b1b1f; --nabi-bg: #fff; --nabi-muted: #6b6b76; --nabi-line: #e2e2e8;\n  --nabi-accent: #3b6fe0; --nabi-on-accent: #fff; --nabi-soft: rgb(0 0 0 / 4.5%);\n  --nabi-danger: #d93b3b; --nabi-on-danger: #fff;\n  --nabi-placeholder-color-fallback: #6b6b76aa;\n  --nabi-shadow: 0 8px 24px rgb(16 24 40 / 12%);\n  --nabi-scrim: rgb(12 14 18 / 72%);\n  --nabi-hl-yellow: rgb(250 204 21 / 45%);\n  --nabi-hl-green: rgb(74 222 128 / 45%);\n  --nabi-hl-cyan: rgb(56 189 248 / 45%);\n  --nabi-hl-pink: rgb(244 114 182 / 45%);\n  --nabi-hl-purple: rgb(192 132 252 / 45%);\n  --nabi-hl-orange: rgb(251 146 60 / 45%);\n}\n\n/* **\uD3B8\uC9D1\uAE30\uB294 \uC81C \uBC30\uACBD\uC744 \uC548 \uCE60\uD55C\uB2E4.** \uC0AC\uC774\uD2B8\uC758 \uBC14\uD0D5\uC774 #eee \uBA74 \uD3B8\uC9D1\uAE30\uB3C4 #eee \uB85C \uBCF4\uC5EC\uC57C \uD55C\uB2E4\n   \uAE00\uC744 \uC4F0\uB294 \uC790\uB9AC\uB294 \uD398\uC774\uC9C0\uC758 \uC77C\uBD80\uC774\uC9C0 \uD398\uC774\uC9C0 \uC704\uC5D0 \uC5B9\uD78C \uCE74\uB4DC\uAC00 \uC544\uB2C8\uB2E4. \uADF8\uB798\uC11C \uC5EC\uAE30\uC11C \uBC30\uACBD\uC744\n   \uBE44\uC6B0\uACE0, \uD398\uC774\uC9C0\uAC00 \uCE60\uD55C \uAC83\uC774 \uADF8\uB300\uB85C \uBE44\uCE58\uAC8C \uB454\uB2E4.\n   (`--nabi-bg` \uB294 \uADF8\uB300\uB85C \uC0B0\uB2E4 \u2014 \uB2E4\uB9CC **\uB9C9 \uC704\uC5D0 \uB728\uB294 \uAC83\uB4E4**\uC758 \uBAAB\uC774\uB2E4: \uBD99\uB294 \uD06C\uB86C\u00B7\uD310\u00B7\uBBF8\uB9AC\uBCF4\uAE30\u00B7\n   \uB77C\uC774\uD2B8\uBC15\uC2A4. \uADF8\uAC83\uB4E4\uC740 \uBC11\uC744 \uAC00\uB824\uC57C \uD558\uBBC0\uB85C \uBD88\uD22C\uBA85\uD574\uC57C \uD558\uACE0, \uD398\uC774\uC9C0 \uBC14\uD0D5\uC774 \uD770\uC0C9\u00B7\uAC80\uC740\uC0C9\uC774 \uC544\uB2C8\uBA74\n   \uD638\uC2A4\uD2B8\uAC00 \uADF8 \uD1A0\uD070 \uD558\uB098\uB97C \uC81C \uC0C9\uC73C\uB85C \uB36E\uB294\uB2E4.) */\n.nabi {\n  color: var(--nabi-fg); background: transparent; font-family: var(--nabi-typeface-base);\n  /* \uC5C5\uB85C\uB4DC \uCE35\uC774 \uC774 \uC0C1\uC790\uB97C \uAE30\uC900\uC73C\uB85C \uC549\uB294\uB2E4. */\n  position: relative;\n  display: flex; flex-direction: column; min-height: 0;\n}\n\n/* \uBD99\uB294 \uD234\uBC14 \u2014 **\uD234\uBC14 \uC904\uACFC \uC0C1\uD669 \uC904\uC744 \uD568\uAED8 \uBB36\uC740 \uB369\uC5B4\uB9AC\uB2E4.** \uB458\uC774 \uB530\uB85C \uBD99\uC73C\uBA74 \uC0C1\uD669 \uC904\uC774 \uB730 \uB54C\n   \uAE00\uC774 \uBC00\uB824 \uD654\uBA74\uC774 \uD754\uB4E4\uB9B0\uB2E4. \uB760\uC758 \uC704 \uBCC0\uC774 \uC5EC\uAE30 \uC544\uB7AB\uBCC0\uC774\uB2E4. */\n.nabi-toolbar {\n  position: sticky; z-index: var(--nabi-z-sticky);\n  inset-block-start: calc(var(--nabi-sticky-top, 0px) + var(--nabi-keyboard-top, 0px));\n  /* **\uC544\uB798 \uC120\uC744 \uC548 \uAE0B\uB294\uB2E4.** \uC0C1\uD669 \uC904\uC774 \uC790\uAE30 \uBC14\uD0D5\uC0C9(\uC605\uC740 \uD68C\uC0C9)\uC73C\uB85C \uC774\uBBF8 \uC774 \uB369\uC5B4\uB9AC\uC758 \uB05D\uC744 \uB9D0\uD558\uACE0\n     \uC788\uC5B4 \uC120\uC744 \uB354\uD558\uBA74 \uAC19\uC740 \uB9D0\uC744 \uB450 \uBC88 \uD55C\uB2E4. \uC0C1\uD669 \uC904\uC774 \uBE44\uC5B4 \uC0AC\uB77C\uC9C4 \uB54C\uC5D0\uB3C4 \uBC30\uACBD \uB300\uBE44\uB9CC\uC73C\uB85C \uAC08\uB9B0\uB2E4. */\n  background: var(--nabi-bg);\n  /* **\uC138\uB85C \uC228\uC740 \uC5EC\uAE30\uC11C \uC900\uB2E4** \u2014 \uD234\uBC14 \uC904\uC774 \uC544\uB2C8\uB77C \uD06C\uB86C\uC774. \uAE4C\uB2ED\uC740 \uB3C4\uAD6C \uB458(\uBBF8\uB9AC\uBCF4\uAE30\u00B7\uC804\uCCB4\uD654\uBA74)\uC774\n     \uC0AC\uB294 \uC790\uB9AC\uAC00 \uD638\uC2A4\uD2B8\uB9C8\uB2E4 \uB2E4\uB974\uAE30 \uB54C\uBB38\uC774\uB2E4: \uD234\uBC14 \uC904 **\uC548**\uC5D0 \uB123\uB294 \uD638\uC2A4\uD2B8\uB3C4 \uC788\uACE0 \uADF8 **\uBC16**\n     (\uD06C\uB86C\uC758 \uC790\uC2DD)\uC5D0 \uB450\uB294 \uD638\uC2A4\uD2B8\uB3C4 \uC788\uB2E4. \uC138\uB85C \uC5EC\uBC31\uC774 \uC904\uC5D0 \uBD99\uC5B4 \uC788\uC73C\uBA74 \uBC16\uC5D0 \uB454 \uB3C4\uAD6C\uB9CC \uADF8\uB9CC\uD07C\n     \uC704\uB85C \uB5A0\uC11C \uB2E8\uCD94 \uC904\uACFC \uC5C7\uAC08\uB9B0\uB2E4 \u2014 \uC2E4\uC81C\uB85C \uADF8\uB807\uAC8C \uC5B4\uAE0B\uB0AC\uACE0, \uD638\uC2A4\uD2B8 \uB9C8\uD06C\uC5C5\uC73C\uB85C \uADF8\uAC83\uC744 \uB9DE\uCD94\uAC8C\n     \uD558\uB294 \uAC83\uC740 \uB2F5\uC774 \uC544\uB2C8\uB2E4(\uC2DC\uD2B8\uAC00 \uBABB \uC9C0\uD0A4\uB294 \uC57D\uC18D\uC774 \uB41C\uB2E4). \uC5EC\uBC31\uC744 \uD55C \uACB9 \uC704\uB85C \uC62C\uB9AC\uBA74 \uB458\uC774 \uAC19\uC740\n     \uBC14\uB2E5\uC5D0\uC11C \uC2DC\uC791\uD558\uBBC0\uB85C, \uB3C4\uAD6C\uAC00 \uC5B4\uB514\uC5D0 \uC0B4\uB4E0 \uADF8\uB8F9\uACFC \uAC19\uC740 \uB192\uC774\uC5D0 \uC120\uB2E4. */\n  padding-block: .25rem;\n}\n/* \uC0C1\uD669 \uC904\uC774 \uC11C \uC788\uC73C\uBA74 **\uC544\uB7AB\uC5EC\uBC31\uB9CC \uAC70\uB454\uB2E4.** \uC0C1\uD669 \uC904\uC740 \uC81C \uBC14\uD0D5(\uC605\uC740 \uD68C\uC0C9)\uC73C\uB85C \uC774 \uB369\uC5B4\uB9AC\uC758 \uB05D\uC744\n   \uB9D0\uD558\uB294\uB370, \uADF8 \uBC11\uC5D0 \uD06C\uB86C \uBC14\uD0D5\uC0C9\uC774 .25rem \uB354 \uB0A8\uC73C\uBA74 \uB760\uAC00 \uB450 \uBC88 \uB05D\uB09C\uB2E4 \u2014 \uD68C\uC0C9 \uC904\uC774 \uB369\uC5B4\uB9AC\uC758\n   \uB9C8\uC9C0\uB9C9 \uC904\uC774 \uC544\uB2C8\uB77C \uD770 \uB760 \uC704\uC5D0 \uC5B9\uD78C \uC870\uAC01\uC73C\uB85C \uBCF4\uC778\uB2E4.\n   \uC5EC\uBC31\uC744 margin \uC73C\uB85C \uC62E\uAE30\uB294 \uAC83\uC740 \uB2F5\uC774 \uC544\uB2C8\uB2E4: \uC774 \uC0C1\uC790\uAC00 \uD558\uB294 \uC77C\uC774 **\uBD99\uC5B4\uC11C \uBC11\uC744 \uAC00\uB9AC\uB294** \uAC83\uC778\uB370\n   margin \uC740 \uC548 \uCE60\uD574\uC9C0\uBBC0\uB85C \uADF8 \uD2C8\uC73C\uB85C \uC9C0\uB098\uAC00\uB294 \uAE00\uC774 \uBE44\uCE5C\uB2E4. \uADF8\uB798\uC11C \uC790\uB9AC\uB97C \uC62E\uAE30\uB294 \uB300\uC2E0, \uC544\uB798\uB97C\n   \uB9D0\uD574 \uC904 \uAC83\uC774 \uC774\uBBF8 \uC788\uC744 \uB54C\uB9CC \uC5EC\uBC31\uC744 \uAC70\uB454\uB2E4.\n   \uC717\uC5EC\uBC31\uC740 \uADF8\uB300\uB85C \uB454\uB2E4 \u2014 \uC704\uCABD\uC5D0\uB294 \uB300\uC2E0 \uB9D0\uD574 \uC904 \uAC83\uC774 \uC5C6\uB2E4. \uC0C1\uD669 \uC904\uC774 \uBE44\uC5B4 \uC0AC\uB77C\uC9C0\uBA74(hidden) \uC774\n   \uADDC\uCE59\uB3C4 \uD568\uAED8 \uD480\uB824 .25rem \uC774 \uB3CC\uC544\uC624\uBBC0\uB85C, \uADF8\uB54C\uB294 \uD234\uBC14 \uC904\uACFC \uAE00 \uC0AC\uC774\uAC00 \uB2E4\uC2DC \uBC8C\uC5B4\uC9C4\uB2E4.\n   \uC790\uC190\uC73C\uB85C \uCC3E\uB294\uB2E4(> \uAC00 \uC544\uB2C8\uB77C) \u2014 \uC0C1\uD669 \uC904\uC744 \uC81C \uAECD\uB370\uAE30\uB85C \uD55C \uACB9 \uAC10\uC2F8\uB294 \uD638\uC2A4\uD2B8\uAC00 \uC788\uB2E4. */\n.nabi-toolbar:has(.nabi-context:not([hidden])) { padding-block-end: 0; }\n/* \uD234\uBC14 \uC904 \u2014 **flex \uAC00 \uC544\uB2C8\uB2E4.** flex \uBA74 \uB3C4\uAD6C \uB458\uC774 \uD55C \uCE78\uC744 \uCC28\uC9C0\uD574\uC11C, \uD654\uBA74\uC774 \uC881\uC544\uC9C0\uB294 \uC21C\uAC04\n   \uD1B5\uC9F8\uB85C \uB2E4\uC74C \uC904\uB85C \uB0B4\uB824\uAC04\uB2E4. \uD750\uB984 \uBC30\uCE58\uC5D0 \uB450\uACE0 \uB3C4\uAD6C\uB9CC \uC624\uB978\uCABD\uC73C\uB85C \uB744\uC6B0\uBA74(float) \uB2E8\uCD94 \uC904\uC774 \uADF8\n   \uB458\uC744 **\uAC10\uC2F8\uACE0** \uD750\uB974\uBBC0\uB85C, \uC881\uC544\uC838\uB3C4 \uB3C4\uAD6C\uB294 \uCCAB \uC904 \uC624\uB978\uCABD\uC5D0 \uADF8\uB300\uB85C \uB0A8\uB294\uB2E4.\n   \uB3C4\uAD6C \uC0C1\uC790\uB294 mountViewTools \uAC00 **\uC2A4\uC2A4\uB85C \uC138\uC6CC \uB9E8 \uC55E\uC5D0 \uAF42\uB294\uB2E4** \u2014 float \uB294 \uC790\uAE30 \uB4A4\uC5D0 \uC624\uB294\n   \uC904\uB9CC \uBE44\uCF1C \uAC00\uAC8C \uD558\uBBC0\uB85C \uC21C\uC11C\uAC00 \uACE7 \uADDC\uCE59\uC774\uACE0, \uADF8\uAC83\uC744 \uD638\uC2A4\uD2B8\uC5D0\uAC8C \uC2DC\uD0A4\uC9C0 \uC54A\uB294\uB2E4. */\n/* relative \uB294 toast \uC120\uBC18\uC758 \uB2FB\uC774\uB2E4 \u2014 \uC120\uBC18\uC774 \uC774 \uC904\uC758 \uC544\uB7AB\uBCC0\uC5D0 \uC808\uB300 \uBC30\uCE58\uB85C \uBD99\uB294\uB2E4. \uC0C1\uD669 \uC904\uC774 \uC544\uB2C8\uB77C\n   \uC5EC\uAE30\uC5D0 \uBD99\uB294 \uAE4C\uB2ED: toast \uC790\uB9AC\uB294 \uC0C1\uD669 \uC904\uC758 \uC720\uBB34\uC640 \uBB34\uAD00\uD574\uC57C \uD574\uC11C, \uB5B4\uB2E4 \uC0AC\uB77C\uC9C0\uB294 \uC904\uC744 \uAE30\uC900\uC73C\uB85C\n   \uC0BC\uC744 \uC218 \uC5C6\uB2E4. */\n/* \uC88C\uC6B0\uB9CC \uC900\uB2E4 \u2014 \uC138\uB85C\uB294 \uC704 `.nabi-toolbar` \uAC00 \uD55C \uBC88\uB9CC \uC900\uB2E4(\uADF8 \uC8FC\uC11D\uC774 \uAE4C\uB2ED\uC774\uB2E4). \uC5EC\uAE30\uC5D0 \uC138\uB85C\uB97C\n   \uB450\uBA74 \uC774 \uD074\uB798\uC2A4\uAC00 \uACB9\uCCD0 \uBD99\uB294 \uD638\uC2A4\uD2B8(mountToolbar \uAC00 \uC81C \uBFCC\uB9AC\uC5D0\uB3C4 \uB2E8\uB2E4)\uC5D0\uC11C \uB450 \uBC88 \uAC78\uB9AC\uACE0,\n   \uB3C4\uAD6C\uAC00 \uADF8 \uC904 \uBC16\uC5D0 \uC0AC\uB294 \uD638\uC2A4\uD2B8\uC5D0\uC11C\uB294 \uB3C4\uAD6C\uB9CC \uC548 \uAC78\uB824 \uC5C7\uAC08\uB9B0\uB2E4. \uACB9\uCCD0\uB3C4 \uC548 \uC5B4\uAE0B\uB098\uB294 \uAC83\uC740\n   \uC88C\uC6B0\uBFD0\uC774\uB77C \uC88C\uC6B0\uB9CC \uB0A8\uAE34\uB2E4. */\n.nabi-toolbar-row { padding: 0 .375rem; position: relative; }\n.nabi-toolbar-row::after { content: \"\"; display: block; clear: both; }\n/* \uB3C4\uAD6C \uB458(\uBBF8\uB9AC\uBCF4\uAE30\u00B7\uC804\uCCB4\uD654\uBA74)\uC774 **\uC704\uCE58 \uC7A1\uD78C \uCE35\uC73C\uB85C \uD568\uAED8 \uC62C\uB77C\uAC04\uB2E4** \u2014 \uC548 \uC62C\uB9AC\uBA74 \uC190\uC774 \uC548 \uB2FF\uB294\uB2E4.\n   \uAE4C\uB2ED: \uC774 \uD074\uB798\uC2A4\uB294 \uD638\uC2A4\uD2B8\uAC00 \uAC10\uC2FC \uC904\uC5D0\uB3C4 \uBD99\uACE0 mountToolbar \uAC00 \uC81C \uBFCC\uB9AC\uC5D0\uB3C4 \uB2E8\uB2E4. \uADF8\uB798\uC11C \uC704\uC758\n   relative(toast \uB2FB)\uAC00 \uADF8 **\uBFCC\uB9AC div \uAE4C\uC9C0** \uC704\uCE58 \uC7A1\uD78C \uC694\uC18C\uB85C \uB9CC\uB4DC\uB294\uB370, \uB72C \uAC83(float)\uC740 \uD750\uB984\n   \uC18D \uBE14\uB85D\uBCF4\uB2E4 \uC704\uC5D0 \uADF8\uB824\uC9C0\uC9C0\uB9CC **\uC704\uCE58 \uC7A1\uD78C \uBE14\uB85D\uBCF4\uB2E4\uB294 \uC544\uB798**\uB2E4. \uB2E8\uCD94 \uC904\uC774 \uB3C4\uAD6C \uC704\uB97C \uB36E\uC5B4(\uC904\n   \uC0C1\uC790\uB294 \uC6D0\uB798 \uB3C4\uAD6C \uC790\uB9AC\uAE4C\uC9C0 \uAC78\uCE5C\uB2E4 \u2014 \uBE44\uCF1C \uAC00\uB294 \uAC83\uC740 \uAE00\uC904\uC774\uC9C0 \uC0C1\uC790\uAC00 \uC544\uB2C8\uB2E4) \uC9C4\uC9DC \uD074\uB9AD\uC774 \uB3C4\uAD6C\n   \uB300\uC2E0 \uADF8 \uC904\uC5D0 \uB5A8\uC5B4\uC84C\uB2E4. \uD504\uB85C\uADF8\uB7A8 \uD074\uB9AD(el.click())\uC740 \uC790\uB9AC\uB97C \uC548 \uC7AC\uBBC0\uB85C \uBA40\uCA61\uD574 \uBCF4\uC600\uB2E4.\n   z-index \uAC00 \uD568\uAED8 \uC788\uC5B4\uC57C \uD55C\uB2E4: \uB458 \uB2E4 \uC704\uCE58\uB9CC \uC7A1\uD788\uBA74 \uBB38\uC11C \uC21C\uC11C\uAC00 \uC774\uAE30\uB294\uB370, \uB3C4\uAD6C\uAC00 **\uC55E**\uC774\uB77C\n   \uC21C\uC11C\uB85C\uB294 \uB298 \uC9C4\uB2E4. */\n.nabi-tools {\n  float: inline-end; display: inline-flex; gap: .125rem; margin-inline-start: .75rem;\n  position: relative; z-index: 1;\n  /* \uADF8\uB8F9\uACFC **\uAC19\uC740 \uC138\uB85C \uD328\uB529** \u2014 \uADF8\uB798\uC57C \uB3C4\uAD6C \uB2E8\uCD94\uAC00 \uB2E8\uCD94 \uC904\uC758 \uCCAB \uC904\uACFC \uAC19\uC740 \uB192\uC774\uC5D0 \uC120\uB2E4.\n     \uB2E8\uCD94\uB294 \uADF8\uB8F9 \uC18D\uC5D0 \uC11C\uACE0 \uADF8\uB8F9\uC774 \uC774\uB9CC\uD07C\uC744 \uB450\uB974\uB294\uB370, \uB3C4\uAD6C\uB294 \uADF8\uB8F9 \uBC16\uC774\uB77C \uC81C\uAC00 \uB458\uB7EC\uC57C \uD55C\uB2E4.\n     \uC544\uB798 .nabi-group \uC758 padding \uACFC \uB298 \uAC19\uC740 \uAC12\uC774\uC5B4\uC57C \uD55C\uB2E4 \u2014 \uAC08\uB9AC\uBA74 \uC624\uB978\uCABD \uB05D \uB458\uB9CC \uC5C7\uAC08\uB9B0\uB2E4. */\n  padding-block: .1875rem;\n}\n/* \uADF8\uB8F9 \u2014 \uC904\uBC14\uAFC8\uC774 \uADF8\uB8F9 \uC548\uC5D0\uC11C\uB3C4 \uC77C\uC5B4\uB09C\uB2E4. \uCF54\uB4DC\uCC98\uB7FC \uCEE8\uD2B8\uB864\uC774 \uC5F4 \uAC1C \uB118\uB294 \uADF8\uB8F9\uC774 \uC881\uC740 \uD654\uBA74\uC5D0\uC11C\n   \uC606\uC73C\uB85C \uB6AB\uACE0 \uB098\uAC00\uC9C0 \uC54A\uAC8C. \uC67C\uCABD\uC5D0 \uC120\uC744 \uAE0B\uC9C0 \uC54A\uACE0 \uC624\uB978\uCABD \uC5EC\uBC31\uB9CC \uB454\uB2E4: \uC904\uC774 \uC811\uD614\uC744 \uB54C \uC904 \uB9E8 \uC55E\uC5D0\n   \"\uC55E\uC774 \uC5C6\uB294\uB370 \uC120\uB9CC \uB0A8\uB294\" \uBAA8\uC591\uC774 \uC548 \uC0DD\uAE34\uB2E4. */\n.nabi-group {\n  display: inline-flex; vertical-align: middle; flex-wrap: wrap; align-items: center;\n  gap: .125rem; padding: .1875rem; border-radius: var(--nabi-radius-sm);\n  margin-inline-end: .75rem; min-inline-size: 0; position: relative;\n}\n.nabi-group[hidden] { display: none; }\n/* \uADF8\uB8F9\uB4E4\uC744 \uAC10\uC2FC \uD55C \uACB9 \u2014 \uD55C \uC904 \uBAA8\uB4DC(\uC544\uB798 .nabi-narrow \uC808)\uC758 \uC2A4\uD06C\uB864 \uADF8\uB987\uC774\uB2E4. mountToolbar \uAC00\n   \uADF8\uB8F9\uB9CC \uC774 \uC548\uC5D0 \uB2F4\uB294\uB2E4. \uB113\uC740 \uD3ED\uC5D0\uC11C\uB294 contents \uB85C **\uC5C6\uB294 \uC148**\uC774\uB77C float \uB3C4\uAD6C\uC640 \uC904\uBC14\uAFC8\uC774 \uC704\uC758\n   \uADDC\uCE59 \uADF8\uB300\uB85C\uB2E4. \uC904(.nabi-toolbar-row)\uC774 \uC544\uB2C8\uB77C \uC774 \uC18D \uACB9\uC774 \uAD6C\uB974\uB294 \uAE4C\uB2ED: \uC904\uC740 toast \uC120\uBC18\uC758\n   \uB2FB(relative)\uC774\uB77C \uC81C\uAC00 \uC2A4\uD06C\uB864 \uADF8\uB987\uC774 \uB418\uBA74 \uC544\uB798\uB85C \uB298\uC5B4\uB728\uB9B0 \uC120\uBC18\uC744 \uC81C \uC0C1\uC790\uC5D0\uC11C \uC798\uB77C \uBC84\uB9B0\uB2E4 \u2014\n   \uC808\uB300 \uBC30\uCE58\uB294 containing block \uC774 \uC2A4\uD06C\uB864 \uADF8\uB987 \uBC16\uC774\uC5B4\uC57C \uC548 \uC798\uB9B0\uB2E4. */\n.nabi-strip { display: contents; }\n\n.nabi-btn {\n  appearance: none; border: 0; background: transparent; color: inherit; cursor: pointer;\n  block-size: 1.875rem; min-inline-size: 1.875rem; padding: 0; font: inherit; font-size: .8125rem;\n  border-radius: calc(var(--nabi-radius-sm) - .1875rem);\n  display: inline-flex; align-items: center; justify-content: center; position: relative;\n}\n.nabi-btn:hover, .nabi-btn.nabi-kbd { color: var(--nabi-accent); }\n/* \uB20C\uB800\uB2E4 \uB5C0 \uD2F0 \u2014 **\uC544\uBB34 \uC77C\uB3C4 \uC548 \uD558\uB294 \uB204\uB984\uC5D0\uB3C4** \uD654\uBA74\uC774 \uB2F5\uD55C\uB2E4.\n   \uD234\uBC14 \uB2E8\uCD94\uB294 \uCE90\uB7FF\uC744 \uC9C0\uD0A4\uB824\uACE0 mousedown \uC744 \uC0BC\uD0A4\uB294\uB370(parts/button.ts), \uADF8\uB7EC\uBA74 \uBE0C\uB77C\uC6B0\uC800\uC758\n   :active \uB3C4 \uC548 \uAC78\uB824\uC11C \uB204\uB978 \uD2F0\uAC00 \uC544\uBB34 \uB370\uB3C4 \uC548 \uB09C\uB2E4. \uB9C8\uD06C\uCC98\uB7FC \uB20C\uB9BC\uC774 \uB0A8\uB294 \uB2E8\uCD94\uB294 \uADF8\uAC83\uC73C\uB85C\n   \uC54C\uC9C0\uB9CC, \uADF8 \uC790\uB9AC\uC5D0\uC11C \uC870\uC6A9\uD788 \uC544\uBB34 \uC77C\uB3C4 \uC548 \uD558\uB294 \uB2E8\uCD94\uB294 \uD654\uBA74\uC774 \uD1B5\uC9F8\uB85C \uC870\uC6A9\uD574 \"\uC548 \uB20C\uB9AC\uB098?\" \uAC00\n   \uB41C\uB2E4. \uC9E7\uAC8C \uC544\uB798\uB85C \uB0B4\uB824\uAC14\uB2E4 \uB3CC\uC544\uC624\uB294 \uAC83\uC774 \uADF8 \uB2F5\uC774\uB2E4 \u2014 \uC0C1\uD0DC\uAC00 \uC544\uB2C8\uB77C **\uC751\uB2F5**\uC774\uB2E4. */\n@keyframes nabi-tap {\n  0% { transform: translateY(0); }\n  45% { transform: translateY(2px); }\n  100% { transform: translateY(0); }\n}\n.nabi-tap { animation: nabi-tap 220ms ease-out; }\n/* \uC6C0\uC9C1\uC784\uC744 \uC904\uC774\uB77C\uB294 \uC0AC\uB78C\uC5D0\uAC8C\uB294 \uC774\uB3D9 \uD3ED\uC744 \uC904\uC774\uB418 \uC751\uB2F5 \uC790\uCCB4\uB294 \uB0A8\uAE34\uB2E4. */\n@media (prefers-reduced-motion: reduce) {\n  @keyframes nabi-tap {\n    0% { transform: translateY(0); }\n    45% { transform: translateY(1px); }\n    100% { transform: translateY(0); }\n  }\n}\n/* \uB20C\uB9B0 \uB2E8\uCD94\uB294 \uBC14\uD0D5\uC744 \uCE60\uD558\uC9C0 \uC54A\uACE0 \uC544\uC774\uCF58\u00B7\uAE00\uC790 \uC0C9\uC73C\uB85C\uB9CC \uCF1C\uC9C4 \uC0C1\uD0DC\uB97C \uB9D0\uD55C\uB2E4. */\n.nabi-btn.on, .nabi-btn.on:hover { color: var(--nabi-accent); }\n.nabi-btn[hidden] { display: none; }\n/* display:inline-flex \uAC00 UA \uC758 [hidden] \uADDC\uCE59\uC744 \uC774\uAE30\uBBC0\uB85C \uC9C1\uC811 \uB048\uB2E4 \u2014 \uBC84\uD2BC\uC774 \uC804\uBD80 \uC228\uC740 \uADF8\uB8F9\uC740\n   \uC0C1\uC790\uC9F8 \uC0AC\uB77C\uC9C4\uB2E4. */\n.nabi-group[hidden] { display: none; }\n.nabi-btn:disabled { opacity: .4; cursor: default; }\n.nabi-btn:active:not(:disabled), .nabi-close:active, .nabi-input:active,\n.nabi-choose-row:active, .nabi-save-row:active {\n  transform: translateY(2px); transition: transform var(--nabi-motion-press) ease-out;\n}\n.nabi-btn svg { inline-size: 1rem; block-size: 1rem; }\n.nabi-btn.nabi-word { inline-size: auto; padding: 0 .5rem; }\n/* \uC0C9 \uACAC\uBCF8 \u2014 \uC790\uAE30 \uC0C9\uC774 \uACE7 \uB0B4\uC6A9\uC774\uB77C, **\uB20C\uB9BC\uC744 \uBC30\uACBD\uC73C\uB85C \uB9D0\uD560 \uC218 \uC5C6\uB2E4**(\uC81C \uC0C9\uC5D0 \uBB3B\uD78C\uB2E4).\n   \uADF8\uB798\uC11C \uD14C\uB450\uB9AC\uAC00 \"\uACE8\uB790\uB2E4\"\uB97C \uB9E1\uACE0, \uC190\uC774 \uB2FF\uC558\uB2E4\uB294 \uB9D0\uC740 **\uD06C\uAE30**\uAC00 \uD55C\uB2E4. \uB458\uC774 \uC11C\uB85C \uB2E4\uB978 \uB9D0\uC744\n   \uD558\uBBC0\uB85C hover \uC640 \uC120\uD0DD\uC774 \uC548 \uD5F7\uAC08\uB9B0\uB2E4. */\n.nabi-swatch {\n  inline-size: 1.25rem; block-size: 1.25rem; min-inline-size: 0; border-radius: var(--nabi-radius-xs);\n  border: 1px solid color-mix(in srgb, var(--nabi-line) 70%, transparent);\n  transition: transform var(--nabi-motion-fast);\n}\n.nabi-swatch:hover { transform: scale(1.18); }\n/* \uB20C\uB9B0 \uACAC\uBCF8 \u2014.on \uC758 \uBC30\uACBD \uADDC\uCE59\uC744 \uB36E\uACE0 \uD14C\uB450\uB9AC\uB9CC \uAC15\uC870\uC0C9\uC73C\uB85C. */\n.nabi-btn.nabi-swatch.on {\n  background: inherit; border-color: var(--nabi-accent); border-width: 2px;\n}\n.nabi-ctx-group:has(.nabi-swatch) { gap: 5px; }\n\n/* \uC774\uB984\uD45C \u2014 \uD558\uB098\uC758 \uC758\uC0AC\uC694\uC18C\uB9CC \uC4F4\uB2E4. \uD78C\uD2B8 \uBC30\uC9C0\uB294 ::before \uB77C \uC11C\uB85C \uC548 \uC2F8\uC6B4\uB2E4. */\n/* \uAC00\uC6B4\uB370 \uB9DE\uCD94\uAE30\uB294 **\uC88C\uC6B0 \uB300\uCE6D**\uC774\uB77C \uB17C\uB9AC \uC18D\uC131\uC744 \uC4F0\uBA74 \uB418\uB808 \uD2C0\uB9B0\uB2E4 (099, \uC8FC\uC778 \uC2E0\uACE0 2026-08-19).\n   inset-inline-start: 50% \uB294 RTL \uC5D0\uC11C right: 50% \uB85C \uB4A4\uC9D1\uD788\uB294\uB370 translate(-50%) \uB294 \uC5B8\uC81C\uB098\n   \uC67C\uCABD\uC73C\uB85C \uBBF8\uB294 \uBB3C\uB9AC \uBCC0\uD658\uC774\uB77C, \uB458\uC744 \uC11E\uC73C\uBA74 \uC544\uB78D\uC5B4\uC5D0\uC11C \uD234\uD301\uC774 \uB2E8\uCD94 \uBC16\uC73C\uB85C \uC81C \uD3ED\uB9CC\uD07C \uBC00\uB824\uB0AC\uB2E4\n   (\uC2E4\uCE21 86px). \uC790\uB9AC \uC7A1\uB294 \uCABD\uACFC \uBBF8\uB294 \uCABD\uC744 **\uB458 \uB2E4 \uBB3C\uB9AC\uB85C** \uB9DE\uCD98\uB2E4. */\n[data-nabi-tip]:hover::after {\n  content: attr(data-nabi-tip); position: absolute; inset-block-start: 100%; left: 50%;\n  transform: translate(-50%, 4px); background: var(--nabi-fg); color: var(--nabi-bg);\n  font-size: 11px; line-height: 1.6; padding: 2px 6px; border-radius: 4px; white-space: nowrap;\n  pointer-events: none; z-index: 2;\n}\n[data-nabi-tip][aria-expanded=\"true\"]::after { content: none; }\n\n/* \uD78C\uD2B8 \uBC30\uC9C0 \u2014 Shift \uC5F0\uD0C0 \uB3D9\uC548\uB9CC. */\n.nabi-hinting [data-hint]::before {\n  content: attr(data-hint); position: absolute; inset-block-start: -2px; inset-inline-end: -2px;\n  background: var(--nabi-accent); color: #fff; font-size: 9px; line-height: 1;\n  padding: 2px 3px; border-radius: 3px; pointer-events: none; z-index: 3;\n}\n\n/* \uD53C\uCEE4 \u2014 \uACA9\uC790\u00B7\uCC28\uB9BC\uD45C\u00B7\uC8FC\uC18C \uC0C1\uC790\uAC00 \uAC19\uC740 \uD310 \uC704\uC5D0 \uC120\uB2E4. */\n.nabi-panel {\n  position: absolute; z-index: calc(var(--nabi-z-sticky) + 5); background: var(--nabi-bg);\n  /* **\uBAA8\uC11C\uB9AC\uB97C \uC548 \uAE4E\uB294\uB2E4** \u2014 \uCE35\uC740 \uAC01\uC9C4 \uC0AC\uAC01\uD615 \uD558\uB098\uB2E4. \uB5A0 \uC788\uC74C\uC740 \uADF8\uB9BC\uC790\uAC00 \uB9D0\uD558\uACE0, \uC5B4\uB514\uAE4C\uC9C0\uAC00\n     \uC0C1\uC790\uC778\uC9C0\uB294 \uC2E4\uC120 \uD55C \uC904\uC774 \uB9D0\uD55C\uB2E4(\uB2E4\uD06C\uC5D0\uC11C\uB294 \uADF8\uB9BC\uC790\uB9CC\uC73C\uB85C \uB208\uC774 \uBABB \uC9DA\uB294\uB2E4). \uB77C\uC6B4\uB4DC\uAE4C\uC9C0 \uB354\uD558\uBA74\n     \uAC19\uC740 \uB9D0\uC744 \uC14B\uC774 \uD55C\uB2E4. \uC548\uC758 \uC0C1\uC790\uB4E4\uB3C4 \uAC01\uC9C0\uBBC0\uB85C \uCE35 \uC804\uCCB4\uAC00 \uD55C \uACB0\uB85C \uC77D\uD78C\uB2E4. */\n  border: 1px solid var(--nabi-line); border-radius: 0; padding: .375rem;\n  box-shadow: var(--nabi-shadow);\n  /* \uD310\uC740 **\uC5B8\uC81C\uB098 \uAC19\uC740 \uBAA8\uC2B5**\uC774\uB2E4 \u2014 \uAC01\uC9C4 \uD68C\uC0C9 \uD14C\uB450\uB9AC \uD558\uB098. \uC5F4\uB2EB\uC744 \uC704\uD574 tabindex \uB97C \uB2EC\uACE0 \uD3EC\uCEE4\uC2A4\uB97C\n     \uBC1B\uC73C\uBBC0\uB85C \uBE0C\uB77C\uC6B0\uC800\uAC00 \uC81C \uACE0\uB9AC(focus ring)\uB97C \uADF8\uB9B4 \uC218 \uC788\uB294\uB370, \uADF8\uAC83\uC774 \uD310\uC744 \"\uACE0\uB978 \uAC83\" \uCC98\uB7FC \uBCF4\uC774\uAC8C\n     \uD55C\uB2E4. \uC5EC\uAE30\uC11C \uACE0\uB97C \uAC83\uC740 \uD310\uC774 \uC544\uB2C8\uB77C \uADF8 \uC548\uC758 \uCE78\uC774\uB2E4 (\uC8FC\uC778 \uC9C0\uC2DC 2026-08-19). */\n  outline: none;\n  /* \uC808\uB300 \uBC30\uCE58 \uC0C1\uC790\uB294 \uB2F4\uC740 \uACF3\uC5D0 \uB0A8\uC740 \uD3ED\uC73C\uB85C \uC904\uC5B4\uB4DC\uB294\uB370, \uACAC\uBCF8\uD310 \uCE78\uC740 \uC790\uAE30 \uAC12\uC758 \uD06C\uAE30\uB85C \uADF8\uB824\uC9C4\uB2E4\n     max-content \uAC00 \uC5C6\uC73C\uBA74 \uCE78\uC774 \uB20C\uB824 \uAE00\uC790\uAC00 \uC11C\uB85C \uACB9\uCE5C\uB2E4. */\n  inline-size: max-content; max-inline-size: min(92vw, 30rem);\n}\n.nabi-grid { display: grid; grid-template-columns: repeat(8, var(--nabi-grid-cell)); gap: .1875rem; }\n/* \uCE35 **\uC548**\uC758 \uC0C1\uC790\uB294 \uAC01\uC9C0\uB2E4 \u2014 \uBAA8\uC11C\uB9AC\uB97C \uAC00\uC9C4 \uAC83\uC740 \uCE35 \uC790\uC2E0 \uD558\uB098\uBFD0\uC774\uB2E4. */\n.nabi-cell {\n  inline-size: var(--nabi-grid-cell); block-size: var(--nabi-grid-cell); box-sizing: border-box;\n  padding: 0; border: 1px solid var(--nabi-line); border-radius: 0;\n  background: transparent; cursor: pointer;\n}\n/* \uACE0\uB978 \uCE78\uC740 **\uCC44\uC6B4\uB2E4** (\uC8FC\uC778 \uC9C0\uC2DC 2026-08-19). \uD14C\uB450\uB9AC \uC0C9\uC73C\uB85C \uB9D0\uD558\uB358 \uC61B \uBAA8\uC2B5\uC740 \uC608\uC21C\uB124 \uCE78 \uAC00\uC6B4\uB370\n   \uC5F4\uBA87 \uAC1C\uC5D0 \uC120 \uC0C9\uC774 \uD55C\uAEBC\uBC88\uC5D0 \uB4E4\uC5B4\uC640 \uACA9\uC790\uAC00 \uC5B4\uC9C0\uB7EC\uC6E0\uB2E4 \u2014 \uBA74 \uD558\uB098\uBA74 \"\uC5EC\uAE30\uAE4C\uC9C0\" \uAC00 \uD55C\uB208\uC5D0 \uC77D\uD78C\uB2E4.\n   \uC0C9\uC740 \uAC15\uC870\uC0C9\uC744 **\uBC14\uD0D5\uC5D0 \uC11E\uC5B4 \uB0AE\uCD98 \uAC83**\uC774\uB2E4: \uAC15\uC870\uC0C9 \uADF8\uB300\uB85C\uB294 \uD310\uC5D0\uC11C \uC81C\uC77C \uBB34\uAC70\uC6B4 \uBB3C\uAC74\uC774 \uB41C\uB2E4.\n   \uD14C\uB450\uB9AC\uB294 \uD22C\uBA85\uC73C\uB85C \uB454\uB2E4 \u2014 \uBC30\uACBD\uC740 \uD14C\uB450\uB9AC \uC790\uB9AC\uAE4C\uC9C0 \uCE60\uD558\uBBC0\uB85C(border-box) \uCE78\uC774 **\uD1B5\uC9F8\uB85C** \uCC2C\uB2E4. */\n.nabi-cell.on {\n  border-color: transparent;\n  background: color-mix(in srgb, var(--nabi-accent) 32%, var(--nabi-bg));\n}\n.nabi-readout {\n  margin-block-start: .5rem; text-align: center; color: var(--nabi-muted);\n  font-size: .75rem; font-variant-numeric: tabular-nums;\n}\n.nabi-menu { display: flex; flex-wrap: wrap; gap: 2px; max-inline-size: 200px; }\n/* \uBB3C\uC5B4\uBCF4\uB294 \uD310 \u2014 **\uD55C \uC904**\uC774\uB2E4. \uAC12 \uD558\uB098(\uC8FC\uC18C)\uB97C \uBC1B\uC790\uACE0 \uB728\uB294 \uD310\uC774\uB77C \uC704\uC544\uB798\uB85C \uC313\uC73C\uBA74 \uD654\uBA74\uB9CC\n   \uBA39\uB294\uB2E4. \uCE78\uC740 \uC790\uAE30 \uC790\uB9AC\uD45C\uC2DC\uB85C \uC774\uB984\uC744 \uB9D0\uD558\uACE0, \uD655\uC778\uC740 \uADF8 \uC606\uC758 \uAE00\uC790 \uB2E8\uCD94\uB2E4. */\n.nabi-prompt { display: flex; align-items: center; gap: .375rem; }\n.nabi-menu { gap: .1875rem; }\n.nabi-prompt .nabi-input { inline-size: 16rem; }\n/* \uD655\uC778 \u2014 **\uCE78\uACFC \uAC19\uC740 \uC637\uC744 \uC785\uB418 \uD14C\uB450\uB9AC\uB9CC \uB2E4\uB974\uB2E4** (084 \u2467, \uC8FC\uC778 \uC9C0\uC2DC). \uC5EC\uAE30 \uC11C \uC788\uB358 \uAC83\uC740\n   \uAC15\uC870\uC0C9\uC73C\uB85C \uAF49 \uCC2C \u25B6 \uB2E8\uCD94\uC600\uB294\uB370, \uADF8\uB7EC\uBA74 \uD310\uC5D0\uC11C \uC81C\uC77C \uBB34\uAC70\uC6B4 \uBB3C\uAC74\uC774 \uC8FC\uC18C\uAC00 \uC544\uB2C8\uB77C \uB2E8\uCD94\uAC00 \uB41C\uB2E4\n   \u2014 \uC774 \uD310\uC758 \uC8FC\uC778\uACF5\uC740 \uC0AC\uB78C\uC774 \uC801\uB294 \uCE78\uC774\uB2E4. \uBC14\uD0D5\u00B7\uD0A4\u00B7\uAE00\uC790 \uD06C\uAE30\u00B7\uAC01\uC9C4 \uBAA8\uC11C\uB9AC\uB97C `.nabi-input` \uC5D0\uC11C\n   \uADF8\uB300\uB85C \uAC00\uC838\uC624\uACE0, \"\uB204\uB974\uB294 \uAC83\" \uC774\uB77C\uB294 \uB9D0\uC740 \uD14C\uB450\uB9AC \uC0C9 \uD558\uB098\uAC00 \uD55C\uB2E4.\n   \uD3ED\uC740 \uAE00\uC790\uB9CC\uD07C\uC774\uB2E4(`.nabi-btn` \uC758 \uC815\uC0AC\uAC01 \uCD5C\uC18C\uD3ED\uC744 \uD47C\uB2E4) \u2014 \uB098\uB77C\uB9C8\uB2E4 \uB9D0 \uAE38\uC774\uAC00 \uB2E4\uB974\uB2E4. */\n.nabi-go {\n  flex: none; inline-size: auto; min-inline-size: 0; box-sizing: border-box;\n  block-size: 1.75rem; padding: 0 .625rem; font: inherit; font-size: .8125rem; white-space: nowrap;\n  background: var(--nabi-bg); color: var(--nabi-accent);\n  border: 1px solid var(--nabi-accent); border-radius: 0;\n}\n/* \uC190\uC774 \uB2FF\uC73C\uBA74 \uC605\uAC8C \uBB3C\uB4E0\uB2E4 \u2014 `.nabi-btn:hover` \uAC00 \uC774 \uC790\uB9AC\uB97C \uB36E\uC73C\uBBC0\uB85C \uC5EC\uAE30\uC11C \uB2E4\uC2DC \uB9D0\uD55C\uB2E4. */\n.nabi-go:hover:not(:disabled) { background: color-mix(in srgb, var(--nabi-accent) 12%, transparent); }\n/* **\uC7A0\uAE34 \uD655\uC778\uC740 \uC7A0\uACA8 \uBCF4\uC778\uB2E4** \u2014 \uD615\uC2DD\uC774 \uC548 \uB9DE\uB294 \uB3D9\uC548 \uB20C\uB9AC\uC9C0 \uC54A\uB294 \uB2E8\uCD94\uB2E4(`ok.disabled`).\n   \uD750\uB9AC\uAC8C\uB9CC \uB450\uBA74 \uAC15\uC870\uC0C9 \uD14C\uB450\uB9AC\uAC00 \uADF8\uB300\uB85C \uB0A8\uC544 \"\uB204\uB97C \uC218 \uC788\uB294 \uAC83\" \uC73C\uB85C \uC77D\uD78C\uB2E4: \uC0C9\uC744 \uD1B5\uC9F8\uB85C\n   \uD68C\uC0C9\uC73C\uB85C \uB0B4\uB824\uC57C \uB20C\uB7EC \uBCF4\uAE30 \uC804\uC5D0 \uC7A0\uAE34 \uAC83\uC774 \uBCF4\uC778\uB2E4. \uADF8 \uC606\uC758 \uBE68\uAC04 \uD55C \uC904\uC774 \uAE4C\uB2ED\uC744 \uB9D0\uD55C\uB2E4. */\n/* **\uC7A0\uAE34 \uD655\uC778\uC740 \uBC30\uACBD\uC744 \uC548 \uAE50\uB2E4** (\uC8FC\uC778 \uC9C0\uC2DC 2026-08-19) \u2014 \uD68C\uC0C9\uC73C\uB85C \uCC44\uC6B0\uBA74 \uADF8 \uCE78\uC774 \uD310\uC5D0\uC11C \uAC00\uC7A5\n   \uBB34\uAC70\uC6B4 \uBB3C\uAC74\uC774 \uB418\uC5B4, \uC0AC\uB78C\uC774 \uC801\uC744 \uCE78\uBCF4\uB2E4 \uC7A0\uAE34 \uB2E8\uCD94\uAC00 \uBA3C\uC800 \uB208\uC5D0 \uB4E0\uB2E4. \uC7A0\uACBC\uB2E4\uB294 \uB9D0\uC740 \uAE00\uC790\uC640\n   \uD14C\uB450\uB9AC\uC758 \uC0C9\uC774 \uC774\uBBF8 \uD55C\uB2E4. \uC800\uC7A5\uC758 \uD655\uC778 \uB2E8\uCD94\uC640 \uAC19\uC740 \uC5BC\uAD74\uC774 \uB418\uB294 \uAC83\uB3C4 \uC774 \uAC12\uC774\uB2E4. */\n.nabi-go:disabled {\n  opacity: 1; cursor: default;\n  color: var(--nabi-muted); border-color: var(--nabi-line); background: var(--nabi-bg);\n}\n.nabi-field { display: flex; align-items: center; gap: 6px; }\n.nabi-field > span { font-size: 11px; color: var(--nabi-muted); min-inline-size: 44px; }\n\n/* --- \uC791\uC740 \uD654\uBA74\uC758 \uD310 \u2014 \uBC84\uD2BC\uC744 \uB193\uACE0 **\uD654\uBA74 \uD55C\uAC00\uC6B4\uB370 90%** \uB85C \uC120\uB2E4 (084 \u2461) ---\n   \uC881\uC740 \uD654\uBA74\uC5D0\uC11C\uB294 \uBC84\uD2BC\uC5D0 \uBD99\uB294 \uC790\uB9AC\uAC00 \uB2F5\uC774 \uC544\uB2C8\uB2E4: \uD234\uBC14\uAC00 \uB450\uC138 \uC904\uB85C \uC811\uD788\uACE0 \uB2E8\uCD94\uAC00 \uAC00\uC7A5\uC790\uB9AC\uC5D0\n   \uC11C\uB2C8, \uC5B4\uB514\uC5D0 \uBD99\uC5EC\uB3C4 \uD310\uC774 \uD654\uBA74 \uBC16\uC73C\uB85C \uB098\uAC00\uAC70\uB098 \uC790\uAE30\uAC00 \uC5F0 \uD234\uBC14\uB97C \uB36E\uB294\uB2E4. \uBD99\uAE30\uB97C \uD3EC\uAE30\uD558\uACE0\n   \uAC00\uC6B4\uB370\uB85C \uAC00\uBA74 \uADF8 \uB2E4\uD23C\uC774 \uD1B5\uC9F8\uB85C \uC0AC\uB77C\uC9C4\uB2E4.\n   \uD310\uC815\uC744 JS \uAC00 \uC544\uB2C8\uB77C CSS \uB85C \uD558\uB294 \uAE4C\uB2ED: \uCC3D\uC744 \uB3CC\uB9AC\uAC70\uB098 \uC904\uC774\uB294 \uAC83\uC744 \uB530\uB77C\uAC04\uB2E4. \uD310\uC774 \uC5F4\uB824 \uC788\uB294\n   \uB3D9\uC548 \uD3ED\uC774 \uBC14\uB00C\uC5B4\uB3C4 \uB2E4\uC2DC \uC5F4 \uD544\uC694\uAC00 \uC5C6\uB2E4.\n\n   **\uD3ED \uAE30\uC900 40rem \uC740 \uD45C \uACA9\uC790(wings/table/table.ts \uC758 TABLE_CSS)\uC640 \uAC19\uC740 \uAC12\uC774\uC5B4\uC57C \uD55C\uB2E4** \u2014\n   \uAC70\uAE30\uC11C \uACA9\uC790\uAC00 5\u00D75 \uB85C \uC904\uACE0 \uCE78\uC774 \uC190\uAC00\uB77D \uD06C\uAE30\uAC00 \uB418\uB294 \uADF8 \uC9C0\uC810\uC774\uB2E4. \uB458\uC774 \uC5B4\uAE0B\uB098\uBA74 \uACA9\uC790\uB294\n   5\u00D75 \uC778\uB370 \uD310\uC740 \uC544\uC9C1 \uBC84\uD2BC\uC5D0 \uBD99\uC5B4 \uC788\uB294(\uB610\uB294 \uADF8 \uBC18\uB300\uC758) \uC5B4\uC911\uAC04\uD55C \uD654\uBA74\uC774 \uC0DD\uAE34\uB2E4. */\n@media (max-width: 40rem) {\n  .nabi-panel {\n    /* `!important` \uC778 \uAE4C\uB2ED \uD558\uB098: \uC774 \uB450 \uC790\uB9AC\uB97C parts/panel.ts \uAC00 **\uC778\uB77C\uC778 style** \uB85C \uBC15\uB294\uB2E4\n       (\uBC84\uD2BC \uACC1\uC5D0 \uC138\uC6B0\uB294 \uADF8 \uC148\uC774\uB2E4). \uC778\uB77C\uC778\uC744 \uC774\uAE30\uB294 \uAE38\uC740 \uC774\uAC83\uBFD0\uC774\uB2E4. */\n    position: fixed !important;\n    /* \uC88C\uC6B0 5vw \uC529 \u2014 \uD3ED 90% \uC640 \uAC00\uC6B4\uB370 \uB9DE\uCDA4\uC774 \uC774 \uD55C \uC904\uB85C \uD568\uAED8 \uB09C\uB2E4(\uAC00\uB85C\uB294 \uC62E\uAE38 \uAC83\uC774 \uC5C6\uB2E4).\n       \uB0A8\uC740 5%\uC529\uC774 \"\uB4A4\uC5D0 \uD398\uC774\uC9C0\uAC00 \uC788\uB2E4\"\uB97C \uB9D0\uD55C\uB2E4: \uAF49 \uCC44\uC6B0\uBA74 \uD310\uC774 \uD654\uBA74 \uC790\uCCB4\uB85C \uC77D\uD78C\uB2E4. */\n    inset-inline: 5vw !important;\n    /* \uAC00\uC6B4\uB370\uB294 **\uBCF4\uC774\uB294 \uBDF0\uD3EC\uD2B8\uC758 \uAC00\uC6B4\uB370**\uB2E4 \u2014 \uBCC0\uC218\uB97C \uCC44\uC6B0\uB294 \uC190\uC740 panel.ts \uC774\uACE0, \uBABB \uC7AC\uB294\n       \uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C\uB294 \uCC3D \uD55C\uAC00\uC6B4\uB370(50%)\uAC00 \uADF8\uB300\uB85C \uB2F5\uC774\uB2E4. */\n    inset-block-start: var(--nabi-panel-mid, 50%) !important;\n    transform: translateY(-50%);\n    /* \uB450 \uBCC0\uC774 \uC790\uB9AC\uB97C \uB2E4 \uC815\uD588\uC73C\uB2C8 \uD3ED\uC740 \uADF8 \uC0AC\uC774\uB97C \uCC44\uC6B4\uB2E4 \u2014 \uAE30\uBCF8\uC758 max-content\u00B730rem \uC0C1\uD55C\uC774\n       \uC0B4\uC544 \uC788\uC73C\uBA74 \uD310\uC774 90% \uB97C \uC548 \uC4F0\uACE0 \uC81C \uB0B4\uC6A9 \uD3ED\uC73C\uB85C \uCABC\uADF8\uB77C\uB4E0\uB2E4. */\n    inline-size: auto; max-inline-size: none;\n    /* dvh \uB97C \uBAA8\uB974\uB294 \uBE0C\uB77C\uC6B0\uC800\uC5D0\uB294 vh \uAC00 \uB0A8\uB294\uB2E4 \u2014 \uB450 \uC904\uC778 \uAE4C\uB2ED\uC774 \uADF8\uAC83\uC774\uB2E4. */\n    max-block-size: 90vh;\n    max-block-size: var(--nabi-panel-room, 90dvh);\n    overflow: auto;\n    /* \uB4A4\uB97C \uC605\uAC8C \uB36E\uB294\uB2E4 \u2014 \uAC00\uC6B4\uB370 \uB72C \uD310\uC740 \uAE00 \uC704\uC5D0 \uACB9\uCE58\uBBC0\uB85C \uB4A4\uAC00 \uADF8\uB300\uB85C \uC77D\uD788\uBA74 \uB458\uC774 \uC11E\uC778\uB2E4.\n       \uB9C9\uC744 **\uC694\uC18C\uAC00 \uC544\uB2C8\uB77C \uADF8\uB9BC\uC790\uB85C** \uB450\uB974\uB294 \uAE4C\uB2ED: \uC9C4\uC9DC \uB9C9\uC744 \uAE54\uBA74 \uADF8 \uB9C9\uC774 \uBC14\uAE65 \uD074\uB9AD\uC744\n       \uC0BC\uCF1C\uC11C, \uC9C0\uAE08 \uADF8\uB300\uB85C\uC5EC\uC57C \uD560 \"\uBC14\uAE65\uC744 \uB204\uB974\uBA74 \uB2EB\uD78C\uB2E4\"(parts/outside.ts)\uAC00 \uC8FD\uB294\uB2E4.\n       \uADF8\uB9BC\uC790\uB294 \uC190\uC774 \uB2FF\uC9C0 \uC54A\uC73C\uB2C8 \uB204\uB984\uC740 \uB4A4\uC758 \uD398\uC774\uC9C0\uB85C \uADF8\uB300\uB85C \uC9C0\uB098\uAC00\uACE0, \uD310\uC740 \uC9C0\uAE08\uCC98\uB7FC \uB2EB\uD78C\uB2E4.\n       \uB36E\uAC1C \uBD80\uD488(parts/scrim.ts)\uC744 \uC548 \uC4F0\uB294 \uAE4C\uB2ED\uB3C4 \uAC19\uB2E4 \u2014 \uADF8\uCABD\uC740 \uC790\uAE30 \uBAAB\uC758 \uB2EB\uAE30\u00B7\uD3EC\uCEE4\uC2A4 \uBCF5\uC6D0\uC744\n       \uB4E4\uACE0 \uC788\uC5B4 \uD310\uC758 \uAC83\uACFC \uB458\uC774 \uB41C\uB2E4. \uC5EC\uAE30 \uD544\uC694\uD55C \uAC83\uC740 **\uBCF4\uC774\uB294 \uB9C9 \uD55C \uC7A5**\uBFD0\uC774\uB2E4. */\n    box-shadow: var(--nabi-shadow), 0 0 0 100vmax var(--nabi-scrim);\n  }\n  /* \uCC28\uB9BC\uD45C\uB294 200px \uC774 \uC544\uB2C8\uB77C \uD310\uC774 \uC900 \uD3ED\uC744 \uB2E4 \uC4F4\uB2E4 \u2014 \uC881\uC740 \uD654\uBA74\uC5D0\uC11C \uB2E8\uCD94\uAC00 \uC5EC\uB7EC \uC904\uB85C \uC811\uD788\uB290\uB2C8\n     \uD55C \uC904\uC774 \uB113\uAC8C \uC11C\uB294 \uD3B8\uC774 \uC190\uAC00\uB77D\uC5D0 \uB0AB\uB2E4. */\n  .nabi-menu { max-inline-size: 100%; }\n  /* **\uACA9\uC790\uB97C \uB4E0 \uD310\uB9CC\uC740 \uC81C \uD06C\uAE30\uB85C \uC120\uB2E4.** \uC704\uC758 90% \uB294 \uCC28\uB9BC\uD45C\u00B7\uC8FC\uC18C \uCE78\uCC98\uB7FC \uD3ED\uC744 \uC4F8\uC218\uB85D \uB098\uC740\n     \uAC83\uB4E4\uC744 \uC704\uD55C \uAC12\uC778\uB370, \uACA9\uC790\uB294 5\u00D75 \uB85C \uD06C\uAE30\uAC00 \uC815\uD574\uC838 \uC788\uC5B4 \uB113\uD790 \uAC83\uC774 \uC5C6\uB2E4. \uADF8\uB300\uB85C \uB450\uBA74 \uD310\uC740\n     90% \uC778\uB370 \uACA9\uC790\uB294 \uADF8 \uC55E\uBA38\uB9AC\uC5D0\uB9CC \uBD99\uC5B4, \uD310\uC774 \uD55C\uCABD\uC73C\uB85C \uC3E0\uB824 \uBCF4\uC778\uB2E4(\uC8FC\uC778 \uC2E0\uACE0 2026-08-19).\n     \uD3ED\uC744 \uB0B4\uC6A9\uC5D0 \uB9DE\uCD94\uACE0 \uB0A8\uB294 \uC790\uB9AC\uB97C \uC88C\uC6B0\uB85C \uB098\uB220 \uAC00\uC6B4\uB370 \uC138\uC6B0\uBA74 \uACA9\uC790\uB9CC \uD55C **\uB124\uBAA8 \uD55C \uC7A5**\uC774 \uB72C\uB2E4. */\n  .nabi-panel:has(> .nabi-grid) { inline-size: fit-content !important; margin-inline: auto; }\n  /* \uC8FC\uC18C \uCE78\uB3C4 \uD310\uC744 \uB2E4 \uC4F4\uB2E4 \u2014 16rem \uC73C\uB85C \uBABB \uBC15\uC544 \uB450\uBA74 \uD310\uB9CC \uB113\uACE0 \uCE78\uC740 \uADF8\uB300\uB85C\uB2E4.\n     \uBC14\uD0D5 \uD3ED\uC744 8rem \uC73C\uB85C \uB450\uB294 \uAE4C\uB2ED: \uD655\uC778 \uB2E8\uCD94\uAC00 \uC81C \uAE00\uC790\uB9CC\uD07C \uC790\uB9AC\uB97C \uBA39\uACE0 \uB0A8\uC740 \uAC83\uC774 \uCE78\uC758 \uBAAB\uC778\uB370,\n     \uCE78\uC774 \uBB34\uD55C\uD788 \uC904 \uC218 \uC788\uC73C\uBA74 \uB9D0\uC774 \uAE34 \uB098\uB77C\uC5D0\uC11C \uCE78\uC774 \uAE00\uC790 \uB450\uC5B4 \uAC1C \uD3ED\uC73C\uB85C \uB20C\uB9B0\uB2E4. \uADF8 \uC544\uB798\uB85C\uB294\n     \uC904\uC774 \uC811\uD788\uB294 \uD3B8\uC774 \uB0AB\uB2E4 \u2014 \uC811\uD78C \uC904\uC740 \uC77D\uD788\uACE0, \uB20C\uB9B0 \uCE78\uC740 \uBABB \uC4F4\uB2E4. */\n  .nabi-prompt { flex-wrap: wrap; }\n  .nabi-prompt .nabi-input { inline-size: auto; flex: 1 1 8rem; }\n  /* \uD2C0\uB838\uB2E4\uB294 \uBE68\uAC04 \uD55C \uC904\uC740 \uC811\uD78C \uD310\uC5D0\uC11C \uC81C \uC904\uC744 \uAC16\uB294\uB2E4 \u2014 \uCE78 \uC606\uC5D0 \uB07C\uBA74 \uCE78\uC774 \uADF8\uB9CC\uD07C \uB354 \uC904\uC5B4\uB4E0\uB2E4.\n     \uBE44\uC5B4 \uC788\uC744 \uB54C\uB294(\uB9DE\uB294 \uAC12\u00B7\uC544\uC9C1 \uC548 \uC4F4 \uAC12) \uC904\uC744 \uC548 \uB9CC\uB4E0\uB2E4. */\n}\n/* \uD55C \uC904 \uBAA8\uB4DC(.nabi-narrow, \uC544\uB798 \uC808)\uB3C4 \uAC19\uC740 \uD310\uC744 \uC4F4\uB2E4 \u2014 \uADF8\uB987\uC774 \uC881\uC73C\uBA74 \uBDF0\uD3EC\uD2B8\uAC00 \uB113\uC5B4\uB3C4 \uB2E8\uCD94\n   \uACC1\uC740 \uB2F5\uC774 \uC544\uB2C8\uB2E4: \uB2E8\uCD94\uAC00 \uAC00\uB85C\uB85C \uAD6C\uB974\uB294 \uC904 \uC18D\uC5D0 \uC788\uC5B4 \uBD99\uC778 \uD310\uC774 \uADF8 \uC904\uC5D0 \uC798\uB9B0\uB2E4. \uC704 \uBBF8\uB514\uC5B4\n   \uBE14\uB85D\uACFC \uB2E4\uB978 \uAC83\uC740 \uD3ED\uBFD0\uC774\uB2E4 \u2014 \uB113\uC740 \uD654\uBA74 \uD55C\uAC00\uC6B4\uB370 90vw \uB294 \uD310\uC774 \uC544\uB2C8\uB77C \uD654\uBA74\uC774\uB77C, \uAE30\uBCF8 \uC0C1\uD55C\n   30rem \uC744 \uADF8\uB300\uB85C \uB450\uACE0 \uB0A8\uB294 \uC790\uB9AC\uB97C \uC88C\uC6B0\uB85C \uB098\uB220 \uAC00\uC6B4\uB370 \uC138\uC6B4\uB2E4(\uC591\uBCC0 inset + margin auto).\n   \uC881\uC740 \uBDF0\uD3EC\uD2B8\uC5D0\uC11C\uB294 \uB450 \uBE14\uB85D\uC774 \uD568\uAED8 \uAC78\uB9AC\uB294\uB370 90vw \uAC00 \uB300\uAC1C \uC774 \uC0C1\uD55C \uC544\uB798\uB77C \uBAA8\uC2B5\uC774 \uAC19\uB2E4. */\n.nabi-narrow .nabi-panel {\n  position: fixed !important;\n  inset-inline: 5vw !important;\n  inset-block-start: var(--nabi-panel-mid, 50%) !important;\n  transform: translateY(-50%);\n  inline-size: auto; max-inline-size: 30rem; margin-inline: auto;\n  max-block-size: 90vh;\n  max-block-size: var(--nabi-panel-room, 90dvh);\n  overflow: auto;\n  box-shadow: var(--nabi-shadow), 0 0 0 100vmax var(--nabi-scrim);\n}\n.nabi-narrow .nabi-menu { max-inline-size: 100%; }\n.nabi-narrow .nabi-panel:has(> .nabi-grid) { inline-size: fit-content !important; margin-inline: auto; }\n.nabi-narrow .nabi-prompt { flex-wrap: wrap; }\n.nabi-narrow .nabi-prompt .nabi-input { inline-size: auto; flex: 1 1 8rem; }\n/* \uCE78\uACFC \uD655\uC778 \uB2E8\uCD94\uAC00 **\uAC19\uC740 \uB192\uC774**\uB85C \uB098\uB780\uD788 \uC120\uB2E4 \u2014 \uB458\uC774 \uD55C \uC904\uB85C \uC77D\uD788\uB824\uBA74 \uD0A4\uAC00 \uAC19\uC544\uC57C \uD55C\uB2E4. */\n.nabi-input {\n  flex: 1 1 auto; min-inline-size: 0; box-sizing: border-box;\n  block-size: 1.75rem; font: inherit; font-size: .8125rem; padding: 0 .5rem; color: inherit;\n  background: var(--nabi-bg); border: 1px solid var(--nabi-line); border-radius: 0;\n}\n/* \uACE0\uB974\uBA74 **\uC788\uB358 \uD14C\uB450\uB9AC\uC5D0 \uC0C9\uC774 \uB4E0\uB2E4** \u2014 \uBC14\uAE65\uC5D0 \uACE0\uB9AC\uB97C \uD558\uB098 \uB354 \uADF8\uB9AC\uC9C0 \uC54A\uB294\uB2E4. \uC0C9 \uACAC\uBCF8\uC758 \uC120\uD0DD\n   \uD45C\uC2DC\uAC00 \uC7A1\uC740 \uADDC\uCE59\uACFC \uAC19\uB2E4: \uC788\uB294 \uC120\uC758 \uC0C9\uC744 \uBC14\uAFC0 \uBFD0, \uC120\uC744 \uB354\uD558\uC9C0 \uC54A\uB294\uB2E4. */\n.nabi-input:focus, .nabi-input:focus-visible { outline: none; border-color: var(--nabi-accent); }\n.nabi-actions { display: flex; justify-content: flex-end; gap: 4px; }\n\n/* \uC0C1\uD669 \uC904 \u2014 \uCE90\uB7FF\uC774 \uB4E0 \uAC83\uB4E4\uC758 \uC190\uC7A1\uC774. \uBE44\uBA74 \uC904 \uC790\uCCB4\uAC00 \uC0AC\uB77C\uC9C4\uB2E4. */\n/* \uC0C1\uD669 \uC904\uC740 **\uC790\uAE30 \uBC14\uD0D5**\uC744 \uAC16\uB294\uB2E4 \u2014 \uC605\uC740 \uD68C\uC0C9 \uD55C \uACB9\uC774 \uD234\uBC14 \uC904\uACFC \uC4F0\uB294 \uC790\uB9AC\uB97C \uAC08\uB77C \uC900\uB2E4.\n   \uC120\uC774 \uC544\uB2C8\uB77C \uBA74\uC73C\uB85C \uB098\uB208\uB2E4(\uD234\uBC14 \uADF8\uB8F9\uC774 \uC0C1\uC790\u00B7\uD14C\uB450\uB9AC \uB300\uC2E0 \uAC04\uACA9\uC73C\uB85C \uB098\uB258\uB294 \uAC83\uACFC \uAC19\uC740 \uACB0). */\n.nabi-context {\n  display: flex; flex-wrap: wrap; align-items: center;\n  /* \uC138\uB85C \uD328\uB529\uC740 \uC548 \uC900\uB2E4 (\uC8FC\uC778 \uC9C0\uC2DC 2026-08-24) \u2014 \uB192\uC774\uB294 min-block-size \uAC00 \uC7A1\uACE0 \uCEE8\uD2B8\uB864\uC740\n     \uAC00\uC6B4\uB370 \uB9DE\uCDA4\uC73C\uB85C \uC120\uB2E4. \uC138\uB85C \uC5EC\uBC31\uAE4C\uC9C0 \uC788\uC73C\uBA74 \uC904\uC774 \uADF8\uB9CC\uD07C \uB354 \uB450\uAEBC\uC6CC\uC9C8 \uBFD0\uC774\uB2E4. */\n  gap: 0 .75rem; padding: 0 .375rem; min-block-size: var(--nabi-control-size);\n  background: var(--nabi-soft);\n}\n.nabi-context[hidden] { display: none; }\n.nabi-ctx-group {\n  display: flex; flex-wrap: wrap; align-items: center; gap: .1875rem;\n  margin-inline-end: .75rem; min-inline-size: 0; position: relative;\n}\n/* \uAE00\uC790\uB97C \uC548 \uAC00\uC9C4 \uADF8\uB8F9 \uC55E\uC5D0 \uC11C\uB294 \uC774\uB984 \u2014 \uC0C9 \uC904\uACFC \uB208\uAE08\uC774 \uBB34\uC5C7\uC758 \uC0C9\u00B7\uBB34\uC5C7\uC758 \uB208\uAE08\uC778\uC9C0 \uB9D0\uD55C\uB2E4.\n   \uCEE8\uD2B8\uB864\uC774 \uC544\uB2C8\uB77C \uAE00\uC774\uBBC0\uB85C \uB204\uB97C \uC218 \uC5C6\uB2E4. */\n.nabi-ctx-tag {\n  font-size: .75rem; opacity: .62; white-space: nowrap;\n  margin-inline-end: .125rem; user-select: none;\n}\n/* \uC0C1\uD669 \uC904\uC758 \uCEE8\uD2B8\uB864\uC740 \uD234\uBC14 \uB2E8\uCD94\uBCF4\uB2E4 \uD55C \uCE58\uC218 \uC791\uB2E4 \u2014 \uC904\uC774 \uD558\uB098 \uB354 \uBD99\uB294 \uC790\uB9AC\uB77C \uBB34\uAC8C\uB97C \uB0AE\uCD98\uB2E4. */\n.nabi-context .nabi-btn { block-size: 1.625rem; min-inline-size: 1.625rem; }\n\n/* --- \uC190\uAC00\uB77D\uC774 \uB2FF\uB294 \uC0C1\uD669 \uC904 (084 \u2465) ---\n   \uC774 \uC904\uC740 \uD55C \uC904\uB85C \uC548 \uB05D\uB09C\uB2E4: \uD45C \uC18D\uC758 \uC81C\uBAA9 \uBB38\uB2E8\uCC98\uB7FC \uADF8\uB8F9\uC774 \uB458 \uC14B \uACB9\uCE58\uBA74 \uC811\uD600\uC11C **\uC704\uC544\uB798\uB85C**\n   \uC313\uC778\uB2E4. \uB370\uC2A4\uD06C\uD1B1\uC5D0\uC11C 26px \uC9DC\uB9AC \uB2E8\uCD94\uAC00 \uD2C8 \uC5C6\uC774 \uC313\uC774\uB294 \uAC83\uC740 \uB9C8\uC6B0\uC2A4\uC5D0\uAC8C \uBB38\uC81C\uAC00 \uC544\uB2C8\uC9C0\uB9CC,\n   \uC190\uAC00\uB77D\uC5D0\uAC8C\uB294 \uACB9\uCCD0 \uBD99\uC740 \uB450 \uC904\uC774 \uD55C \uD45C\uC801\uC774\uB2E4 \u2014 \uAE00\uC790 \uD06C\uAE30 \uB208\uAE08\uC744 \uB204\uB974\uB824\uB2E4 \uC704 \uC904\uC758 \uB2E8\uCD94\uAC00\n   \uB20C\uB9B0\uB2E4.\n   \uADF8\uB798\uC11C **\uC190\uAC00\uB77D\uC77C \uB54C\uB9CC** \uD0A4\uC6B4\uB2E4. \uD310\uC815\uC744 \uD3ED\uC774 \uC544\uB2C8\uB77C `pointer: coarse` \uB85C \uBA3C\uC800 \uD558\uB294 \uAE4C\uB2ED:\n   \uC774\uAC83\uC740 \uD654\uBA74\uC774 \uC881\uB2E4\uB294 \uC774\uC57C\uAE30\uAC00 \uC544\uB2C8\uB77C \uACA8\uB214\uC774 \uAD75\uB2E4\uB294 \uC774\uC57C\uAE30\uB2E4(\uD0DC\uBE14\uB9BF\uC740 \uB113\uACE0\uB3C4 \uC190\uAC00\uB77D\uC774\uB2E4).\n   \uD3ED 40rem \uC744 \uD568\uAED8 \uBC1B\uB294 \uAC83\uC740 \uC881\uD78C \uCC3D\uAE4C\uC9C0 \uAC19\uC740 \uBAA8\uC591\uC73C\uB85C \uBCF4\uB824\uB294 \uAC83\uC774\uACE0, \uC774 \uAC12\uC740 \uD310\u00B7\uD45C \uACA9\uC790\uAC00\n   \uC4F0\uB294 \uADF8 \uC9C0\uC810\uACFC \uAC19\uB2E4.\n   \uC22B\uC790 \uC14B\uC774 \uD55C \uBAB8\uC774\uB2E4: \uB2E8\uCD94 40px + \uC904 \uC0AC\uC774 4px + \uC904 \uB192\uC774 44px. 44px \uC740 \uC190\uAC00\uB77D \uD45C\uC801 \uAD00\uB840\uC774\uACE0,\n   \uB2E8\uCD94\uB97C \uADF8\uBCF4\uB2E4 \uC870\uAE08 \uC791\uAC8C \uB450\uC5B4 **\uD45C\uC801\uC740 \uAD00\uB840\uB97C \uC9C0\uD0A4\uB418 \uD654\uBA74 \uBB34\uAC8C\uB294 \uC548 \uB298\uB9B0\uB2E4** \u2014 \uB0A8\uB294 4px \uC740\n   \uC774\uC6C3 \uC904\uACFC\uC758 \uD2C8\uC774\uB77C \uC798\uBABB \uB20C\uB9BC\uC744 \uB9C9\uB294 \uB370 \uADF8\uB300\uB85C \uC4F0\uC778\uB2E4.\n   \uB370\uC2A4\uD06C\uD1B1\uC740 \uC774 \uBD84\uAE30 \uBC16\uC774\uB77C \uAC12\uC774 \uD558\uB098\uB3C4 \uC548 \uBC14\uB010\uB2E4. */\n@media (pointer: coarse), (max-width: 40rem) {\n  /* \uC138\uB85C \uD2C8 \u2014 \uACB9\uCCD0 \uBD99\uC740 \uB450 \uC904\uC744 \uAC08\uB77C \uB193\uB294 \uAC83\uC774 \uC774 \uAC12 \uD558\uB098\uB2E4(\uAC00\uB85C \uD2C8\uC740 \uADF8\uB300\uB85C). */\n  .nabi-context { gap: .25rem .75rem; }\n  /* \uC811\uD78C \uC904 \uD558\uB098\uC758 \uB192\uC774 \u2014 \uB2E8\uCD94\uB294 \uADF8\uB8F9 \uC18D\uC5D0 \uC11C\uBBC0\uB85C \uADF8\uB8F9\uC774 \uD45C\uC801\uC758 \uB192\uC774\uB97C \uC7A1\uB294\uB2E4.\n     **\uC904\uBC14\uAFC8\uC740 \uADF8\uB8F9 \uC548\uC5D0\uC11C\uB3C4 \uC77C\uC5B4\uB09C\uB2E4** \u2014 \uD45C\uB294 \uB2E8\uCD94\uAC00 \uC5F4 \uAC1C\uB77C \uC881\uC740 \uD654\uBA74\uC5D0\uC11C \uC81C \uC548\uC5D0\uC11C \uC811\uD78C\uB2E4.\n     \uADF8\uB54C\uC758 \uC904 \uC0AC\uC774\uB294 \uADF8\uB8F9\uC758 \uC138\uB85C gap \uC774 \uC7A1\uC73C\uBBC0\uB85C \uADF8\uAC83\uB3C4 \uD568\uAED8 \uBC8C\uB9B0\uB2E4(\uB2E8\uCD94 40 + \uD2C8 4 = 44).\n     \uAC00\uB85C \uD2C8\uC740 \uADF8\uB300\uB85C \uB454\uB2E4 \u2014 \uC606\uC73C\uB85C \uBC8C\uB9AC\uBA74 \uC811\uD788\uB294 \uC904\uB9CC \uB298\uC5B4\uB09C\uB2E4. */\n  .nabi-ctx-group { min-block-size: var(--nabi-touch-control-size); gap: .25rem .1875rem; }\n  .nabi-context .nabi-btn { block-size: 2.5rem; min-inline-size: 2.5rem; }\n  /* \uB208\uAE08\uC740 \uC190\uC7A1\uC774\uAC00 \uC791\uC544 \uB354 \uC5B4\uB835\uB2E4 \u2014 \uC0C1\uC790\uB97C \uC904 \uB192\uC774\uB9CC\uD07C \uC138\uC6CC \uB760 \uC804\uCCB4\uAC00 \uC190\uC5D0 \uB2FF\uAC8C \uD55C\uB2E4. */\n  .nabi-context .nabi-range { block-size: 2.5rem; }\n  /* \uC0AC\uB78C\uC774 \uC801\uB294 \uCE78\uC758 \uAE00\uC790\uB294 **16px \uC544\uB798\uB85C \uC548 \uB0B4\uB9B0\uB2E4** (\uC8FC\uC778 \uC2E0\uACE0 2026-08-23 \"\uC790\uAFB8 \uD655\uB300\uB3FC\uC11C\").\n     iOS \uC0AC\uD30C\uB9AC\uB294 \uAE00\uC790\uAC00 16px \uBBF8\uB9CC\uC778 **\uD3FC \uCE78**\uC5D0 \uACA8\uB214\uC774 \uB4E4\uBA74 \uD398\uC774\uC9C0\uB97C \uD1B5\uC9F8\uB85C \uD655\uB300\uD55C\uB2E4 \u2014 \uD3B8\uC9D1\n     \uC601\uC5ED(contenteditable)\uC774 \uC544\uB2C8\uB77C \uC774 input \uB4E4\uC774 \uBC29\uC544\uC1E0\uB2E4(\uD3B8\uC9D1 \uC601\uC5ED\uC740 \uC774\uBBF8 16px \uC774\uB2E4).\n     \uD655\uB300\uB418\uBA74 visualViewport.scale \uC774 1 \uC744 \uBC97\uC5B4\uB098 **\uC6B0\uB9AC\uAC00 \uC7AC\uB294 rect \uAC00 \uC804\uBD80 \uC5B4\uAE0B\uB098\uACE0**, \uD0A4\uBCF4\uB4DC\n     \uC790\uB9AC \uBCF4\uC815\uAE4C\uC9C0 \uD568\uAED8 \uD754\uB4E4\uB9B0\uB2E4.\n     \uB9C9\uB294 \uAE38(user-scalable=no \u00B7 maximum-scale=1)\uC740 **\uC548 \uC4F4\uB2E4** \u2014 \uC0AC\uB78C\uC774 \uD655\uB300\uD574 \uBCFC \uAD8C\uB9AC\uB97C \uBE8F\uB294\n     \uAE38\uC774\uB2E4. \uBC14\uB978 \uAE38\uC740 \uAE00\uC790\uB97C \uD0A4\uC6B0\uB294 \uAC83\uC774\uACE0, \uC190\uAC00\uB77D \uAE30\uAE30\uC5D0\uC11C\uB9CC \uD0A4\uC6B4\uB2E4.\n     \uD1A0\uD070\uC744 **\uC815\uC758\uD558\uC9C0 \uC54A\uACE0 \uB300\uCCB4\uAC12\uC73C\uB85C\uB9CC** \uBD80\uB974\uB294 \uAC83\uC740 --nabi-font\u00B7--nabi-content-min-height \uC640\n     \uAC19\uC740 \uADDC\uCE59\uC774\uB2E4 \u2014 \uD638\uC2A4\uD2B8\uAC00 :root \uC5D0 \uC801\uC740 \uAC12\uC774 \uC774\uAE34\uB2E4. */\n  .nabi-input { font-size: var(--nabi-touch-font-size, 16px); }\n}\n\n/* --- \uD55C \uC904 \uBAA8\uB4DC (260824_000) ---\n   \uADF8\uB987\uC774 \uC881\uC73C\uBA74(\uD3ED 40rem \uC544\uB798) \uD234\uBC14 \uC904\u00B7\uC0C1\uD669 \uC904\uC740 \uC811\uD788\uB294 \uB300\uC2E0 **\uD55C \uC904\uB85C \uC11C\uC11C \uAC00\uB85C\uB85C \uAD6C\uB978\uB2E4.**\n   \uBB38\uD131\uC774 \uBDF0\uD3EC\uD2B8\uAC00 \uC544\uB2C8\uB77C \uADF8\uB987\uC758 \uC81C \uD3ED\uC778 \uAE4C\uB2ED(\uC8FC\uC778\uC758 \"\uCEE8\uD14D\uC2A4\uD2B8 \uAC00\uB85C\uD06C\uAE30\"): \uB113\uC740 \uD654\uBA74\uC774\uB77C\uB3C4\n   \uC881\uC740 \uCE7C\uB7FC\uC5D0 \uBC15\uD78C \uD3B8\uC9D1\uAE30\uB294 \uBAA8\uBC14\uC77C\uACFC \uAC19\uC740 \uCC98\uC9C0\uB2E4. \uD310\uC815\uC740 ui/narrow.ts \uAC00 \uC7AC\uC11C .nabi-narrow \uB97C\n   \uB2E8\uB2E4 \u2014 \uCEE8\uD14C\uC774\uB108 \uCFFC\uB9AC\uB97C \uC548 \uC4F0\uB294 \uAE4C\uB2ED\uB3C4 \uADF8 \uD30C\uC77C \uB9E8 \uC704\uC5D0 \uC788\uB2E4(containment \uAC00 fixed \uD310\uC744 \uAC00\uB454\uB2E4).\n   \uC704 \uC190\uAC00\uB77D \uBD84\uAE30\uC640\uB294 \uC11C\uB85C \uB2E4\uB978 \uAC83\uC744 \uC7B0\uB2E4(\uACA8\uB214\uC758 \uAD75\uAE30 / \uADF8\uB987\uC758 \uD3ED) \u2014 \uACB9\uCCD0 \uAC78\uB9AC\uBA74 \"\uD55C \uC904\uC778\uB370\n   \uB2E8\uCD94\uAC00 \uD06C\uB2E4\"\uB85C \uC790\uC5F0\uD788 \uD569\uCCD0\uC9C4\uB2E4.\n   \uC2A4\uD06C\uB864\uBC14\uB294 \uC228\uAE34\uB2E4 \u2014 \uC190\uAC00\uB77D\uC740 \uC5B4\uCC28\uD53C \uB9E8\uC0B4\uB85C \uAD74\uB9AC\uACE0, \uACE0\uC815\uD3ED \uC2A4\uD06C\uB864\uBC14\uAC00 \uC904 \uB192\uC774\uC5D0 \uC5B9\uD788\uBA74\n   --nabi-bar-height \uAC00 \uADF8\uB9CC\uD07C \uBD88\uC5B4 \uC2DC\uD2B8\uC758 \uC2A4\uD06C\uB864 \uBCF4\uC815\uC774 \uBC00\uB9B0\uB2E4. */\n.nabi-toolbar-row.nabi-narrow .nabi-strip {\n  display: flex; flex-wrap: nowrap; align-items: center;\n  overflow-x: auto; scrollbar-width: none;\n  /* \uB354 \uC788\uB2E4\uB294 \uD45C\uC2DD (\uC8FC\uC778 \uC2E0\uACE0 2026-08-24 \"\uADF8\uB0E5 \uBCF4\uBA74 \uAC70\uAE30\uC11C \uB05D\uB09C \uAC83 \uAC19\uB2E4\") \u2014 \uB118\uCE5C \uCABD \uAC00\uC7A5\uC790\uB9AC\uC5D0\n     \uC605\uC740 \uADF8\uB298 \uD55C \uBF18. \uB109 \uC7A5\uC744 \uACB9\uCE5C\uB2E4: \uADF8\uB298 \uB450 \uC7A5(scroll)\uC740 \uC591 \uB05D\uC5D0 \uC81C\uC790\uB9AC\uB85C \uC11C\uACE0, \uBC14\uD0D5\uC0C9 \uB9C9\n     \uB450 \uC7A5(local)\uC740 \uB0B4\uC6A9\uACFC \uD568\uAED8 \uAD6C\uB974\uBA70 \uC81C \uCABD \uADF8\uB298\uC744 \uB36E\uB294\uB2E4 \u2014 \uADF8\uB798\uC11C \uADF8\uB298\uC740 **\uADF8\uCABD\uC5D0 \uB354 \uC788\uC744\n     \uB54C\uB9CC** \uBCF4\uC774\uACE0, \uB05D\uAE4C\uC9C0 \uAD74\uB9AC\uBA74 \uB9C9\uC774 \uB36E\uC5B4 \uC0AC\uB77C\uC9C4\uB2E4. \uC2A4\uD06C\uB864 \uC704\uCE58\uB97C JS \uB85C \uC548 \uB4E3\uB294\uB2E4.\n     \uADF8\uB298\uC0C9\uC744 fg \uB85C \uC11E\uB294 \uAE4C\uB2ED: \uAC80\uC815 \uACE0\uC815\uC774\uBA74 \uB2E4\uD06C\uC5D0\uC11C \uBC14\uD0D5\uBCF4\uB2E4 \uC605\uC5B4 \uC548 \uBCF4\uC778\uB2E4.\n     \uAD75\uAE30\u00B7\uC9D9\uAE30(.5rem\u00B720%)\uB294 \uC8FC\uC778 \uC9C0\uC2DC 2026-08-26 \u2014 \uCC98\uC74C \uAC12(.875rem\u00B732%)\uC774 \uB108\uBB34 \uB450\uAECD\uACE0 \uC9C4\uD588\uB2E4.\n     \uB9C9\uC758 **\uBD88\uD22C\uBA85 \uAD6C\uAC04(1rem)\uC740 \uADF8\uB298 \uD3ED(.5rem)\uBCF4\uB2E4 \uB113\uC5B4\uC57C \uD55C\uB2E4** \u2014 \uC881\uC73C\uBA74 \uC2A4\uD06C\uB864\uC774 \uC5C6\uB294\n     \uC904\uC5D0\uC11C\uB3C4 \uB35C \uB36E\uC778 \uADF8\uB298 \uB05D\uC774 \uBE44\uCCD0 \uBCF4\uC778\uB2E4 (\uC8FC\uC778 \uC2E0\uACE0 2026-08-24, \uC0C1\uD669 \uC904\uC5D0\uC11C \uC2E4\uC81C\uB85C \uBE44\uCCE4\uB2E4). */\n  background:\n    linear-gradient(to right, var(--nabi-bg) 1rem, transparent) left / 2rem 100%,\n    linear-gradient(to left, var(--nabi-bg) 1rem, transparent) right / 2rem 100%,\n    radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--nabi-fg) 20%, transparent), transparent) left / .5rem 100%,\n    radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--nabi-fg) 20%, transparent), transparent) right / .5rem 100%;\n  background-repeat: no-repeat;\n  background-attachment: local, local, scroll, scroll;\n}\n.nabi-toolbar-row.nabi-narrow .nabi-strip::-webkit-scrollbar { display: none; }\n/* \uC2DC\uC791 \uC5EC\uBC31\uC740 \uC904\uC774 \uC544\uB2C8\uB77C **\uC2A4\uD06C\uB864 \uADF8\uB987 \uC548**\uC5D0 \uB454\uB2E4 (\uC8FC\uC778 \uC9C0\uC2DC 2026-08-24) \u2014 \uC5EC\uBC31\uC774 \uADF8\uB987\n   \uBC16(\uC904\uC758 padding)\uC5D0 \uC788\uC73C\uBA74 \uADF8\uB298\uC774 \uC904\uC758 \uCCAB\uBA38\uB9AC\uAC00 \uC544\uB2C8\uB77C \uADF8 \uC5EC\uBC31 \uB4A4\uC5D0\uC11C \uC2DC\uC791\uD55C\uB2E4. \uC548\uC73C\uB85C\n   \uB4E4\uC774\uBA74 \uADF8\uB298\uC740 \uC904\uC758 \uC2DC\uC791 \uB05D\uC120\uC5D0\uC11C \uC11C\uACE0, \uB2E8\uCD94\uB4E4\uC758 \uB4E4\uC5EC\uC4F0\uAE30(.375rem)\uB294 \uADF8\uB300\uB85C\uB2E4. \uB05D\uCABD \uC5EC\uBC31\uC740\n   \uC904\uC5D0 \uB0A8\uAE34\uB2E4 \u2014 \uADF8 \uC790\uB9AC\uB294 \uB3C4\uAD6C \uB458\uC758 \uBAAB\uC774\uB77C \uADF8\uB987 \uBC16\uC774 \uB9DE\uB2E4. */\n/* :has \uAC08\uB798\uB294 \uC774 \uD074\uB798\uC2A4\uAC00 \uACB9\uCCD0 \uBD99\uB294 \uD638\uC2A4\uD2B8\uC758 \uAC83 \u2014 \uBC14\uAE65 \uC904(\uD638\uC2A4\uD2B8\uAC00 \uAC10\uC2FC \uACB9)\uC758 \uC2DC\uC791 \uC5EC\uBC31\uB3C4\n   \uAC19\uC774 \uAC77\uC5B4\uC57C \uADF8\uB298\uC774 \uC815\uB9D0 \uCCAB\uBA38\uB9AC\uC5D0\uC11C \uC120\uB2E4. \uACB9\uB9C8\uB2E4 .375rem \uC529 \uB450 \uBC88 \uBC00\uB9AC\uB358 \uC790\uB9AC\uB2E4. */\n.nabi-toolbar-row.nabi-narrow,\n.nabi-toolbar-row:has(> .nabi-toolbar-row.nabi-narrow) { padding-inline-start: 0; }\n.nabi-toolbar-row.nabi-narrow .nabi-strip { padding-inline-start: .375rem; }\n/* \uB3C4\uAD6C(.nabi-tools)\uB294 \uADF8\uB987 \uBC16\uC774\uB77C \uC190\uC744 \uC548 \uB304\uB2E4 \u2014 float \uADF8\uB300\uB85C \uC624\uB978\uCABD\uC5D0 \uB298 \uBCF4\uC774\uACE0, \uC18D \uACB9\uC740\n   BFC \uB77C \uB72C \uAC83 \uACC1\uC5D0\uC11C \uB0A8\uC740 \uD3ED\uB9CC \uCC28\uC9C0\uD55C\uB2E4. */\n.nabi-context.nabi-narrow {\n  flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;\n  /* \uAC19\uC740 \uD45C\uC2DD \u2014 \uB2E4\uB9CC \uC774 \uC904\uC758 \uBC14\uD0D5(--nabi-soft)\uC740 **\uBC18\uD22C\uBA85**\uC774\uB77C \uADF8\uB300\uB85C\uB294 \uB9C9\uC774 \uBABB \uB41C\uB2E4:\n     4% \uD68C\uC0C9 \uD55C \uACB9\uC73C\uB85C\uB294 \uBC11\uC758 \uADF8\uB298\uC774 \uADF8\uB300\uB85C \uBE44\uCE5C\uB2E4 (\uC8FC\uC778 \uC2E0\uACE0 2026-08-24 \"\uC2A4\uD06C\uB864\uC774 \uC5C6\uC744 \uB54C\uB3C4\n     \uBCF4\uC778\uB2E4\"). \uADF8\uB798\uC11C \uB9C9\uC744 \uB450 \uACB9\uC73C\uB85C \uAE50\uB2E4 \u2014 \uBD88\uD22C\uBA85\uD55C --nabi-bg \uC704\uC5D0 --nabi-soft. \uC774 \uC904\uC740\n     \uD06C\uB86C(\uBC30\uACBD --nabi-bg) \uC548\uC5D0 \uC0AC\uB2C8 \uADF8 \uD569\uC131\uC774 \uACE7 \uC904\uC758 \uC2E4\uC81C \uC0C9\uC774\uB77C \uC774\uC74C\uB9E4\uAC00 \uC548 \uBCF4\uC778\uB2E4. */\n  background:\n    linear-gradient(to right, var(--nabi-soft) 1rem, transparent) left / 2rem 100%,\n    linear-gradient(to right, var(--nabi-bg) 1rem, transparent) left / 2rem 100%,\n    linear-gradient(to left, var(--nabi-soft) 1rem, transparent) right / 2rem 100%,\n    linear-gradient(to left, var(--nabi-bg) 1rem, transparent) right / 2rem 100%,\n    radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--nabi-fg) 20%, transparent), transparent) left / .5rem 100%,\n    radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--nabi-fg) 20%, transparent), transparent) right / .5rem 100%,\n    var(--nabi-soft);\n  background-repeat: no-repeat;\n  background-attachment: local, local, local, local, scroll, scroll, scroll;\n}\n.nabi-context.nabi-narrow::-webkit-scrollbar { display: none; }\n/* \uADF8\uB8F9\uC774 \uB20C\uB9AC\uC9C0 \uC54A\uC544\uC57C \uB118\uCE5C\uB2E4 \u2014 nowrap flex \uC5D0\uC11C \uC904\uC5B4\uB4E4 \uC218 \uC788\uC73C\uBA74 \uC2A4\uD06C\uB864 \uB300\uC2E0 \uB2E8\uCD94\uAC00\n   \uC9DC\uBD80\uB77C\uC9C4\uB2E4. \uADF8\uB8F9 \uC548 \uC811\uD798\uB3C4 \uD568\uAED8 \uB048\uB2E4(\uC811\uD790 \uC904\uC774 \uC774\uC81C \uC5C6\uB2E4). */\n.nabi-narrow .nabi-group, .nabi-narrow .nabi-ctx-group { flex: none; flex-wrap: nowrap; }\n/* \uC2A4\uD06C\uB864 \uADF8\uB987 \uC548\uC758 \uD234\uD301\uC740 \uB048\uB2E4 \u2014 \uC904 \uBC16\uC73C\uB85C \uB098\uAC00\uB294 \uC808\uB300 \uBC30\uCE58\uB77C \uC798\uB9AC\uAC70\uB098, \uADF8\uB987\uC5D0 \uC138\uB85C \uB118\uCE68\uC744\n   \uB9CC\uB4E4\uC5B4 \uC904\uC774 \uC704\uC544\uB798\uB85C\uB3C4 \uAD6C\uB974\uAC8C \uB41C\uB2E4. \uB3C4\uAD6C \uB458\uC758 \uD234\uD301\uC740 \uADF8\uB987 \uBC16\uC774\uB77C \uADF8\uB300\uB85C \uC0B0\uB2E4. */\n.nabi-toolbar-row.nabi-narrow .nabi-strip [data-nabi-tip]:hover::after,\n.nabi-context.nabi-narrow [data-nabi-tip]:hover::after { content: none; }\n\n/* \uB208\uAE08 \uC2AC\uB77C\uC774\uB354 \u2014 \uAC12\uC774 \uC21C\uC11C\uB97C \uAC16\uB294 \uAC83(\uAE00\uC790 \uD06C\uAE30\u00B7\uC11C\uCCB4\u00B7\uD3ED)\uC758 \uC190\uC7A1\uC774\uB2E4. \uCE78 \uC5EC\uC12F\uC774 \uC904\uC744 \uC5EC\uC12F \uCE78\n   \uBA39\uB294 \uC790\uB9AC\uC5D0\uC11C \uC774\uAC83\uC740 \uD558\uB098\uB85C \uB05D\uB09C\uB2E4 \u2014 \uC0C1\uD669 \uC904\uC774 \uD55C \uC904\uB85C \uB0A8\uB294 \uAE4C\uB2ED. */\n/* \uB208\uAE08 \uC2AC\uB77C\uC774\uB354 \u2014 accent-color \uD558\uB098\uB85C \uD2B8\uB799\uACFC \uC190\uC7A1\uC774\uAC00 \uD3B8\uC9D1\uAE30 \uAC15\uC870\uC0C9\uC744 \uB530\uB978\uB2E4. \uBE0C\uB77C\uC6B0\uC800\uC758 \uAE30\uBCF8\n   \uBAA8\uC591\uC744 \uC77C\uBD80\uB7EC \uADF8\uB300\uB85C \uC4F4\uB2E4: \uC9C1\uC811 \uADF8\uB9AC\uBA74 \uD06C\uB86C\u00B7\uC0AC\uD30C\uB9AC\u00B7\uD30C\uC774\uC5B4\uD3ED\uC2A4\uAC00 \uC800\uB9C8\uB2E4 \uB2E4\uB978 \uAC00\uC9DC \uBD80\uD488\uC744 \uC694\uAD6C\uD55C\uB2E4. */\n.nabi-range {\n  inline-size: 6.5rem; margin: 0 .125rem; accent-color: var(--nabi-accent);\n  cursor: pointer; vertical-align: middle;\n}\n.nabi-range:focus-visible { outline: 2px solid var(--nabi-accent); outline-offset: 2px; }\n/* \uC190\uC7A1\uC774\uAC00 \uC120 \uB2E8\uACC4\uC758 \uC774\uB984 \u2014 \uB044\uB294 \uB3D9\uC548 \uD568\uAED8 \uC6C0\uC9C1\uC5EC, \uACE0\uB974\uB294 \uC790\uB9AC\uC5D0\uC11C \uAC12\uC774 \uC77D\uD78C\uB2E4. \uD3ED\uC744 \uC7A1\uC544 \uB450\uB294\n   \uAC83\uC740 \uAE00\uC790\uAC00 \uBC14\uB014 \uB54C\uB9C8\uB2E4 \uB4A4\uC758 \uAC83\uB4E4\uC774 \uBC00\uB9AC\uC9C0 \uC54A\uAC8C \uD558\uB824\uB294 \uAC83\uC774\uB2E4. */\n/* \uC190\uC7A1\uC774\uAC00 \uC120 \uC790\uB9AC\uC758 \uAC12 \u2014 \uB044\uB294 \uB3D9\uC548 \uAE00\uC790\uAC00 \uBC14\uB00C\uBBC0\uB85C \uCD5C\uC18C \uD3ED\uC744 \uC918 \uC904\uC774 \uC548 \uD754\uB4E4\uB9B0\uB2E4. */\n.nabi-ctx-readout {\n  font-size: .75rem; opacity: .62; min-inline-size: 3.5rem;\n  font-variant-numeric: tabular-nums; white-space: nowrap;\n}\n\n/* toast \u2014 \uD3B8\uC9D1\uAE30\uAC00 \uC0AC\uB78C\uC5D0\uAC8C \uD758\uB9AC\uB294 \uD55C \uB9C8\uB514 (ui/toast.ts \uAC00 \uC138\uC6B4\uB2E4).\n   \uC790\uB9AC\uB294 \uD234\uBC14 \uC904 \uC544\uB798\uC758 \uACE0\uC815 \uC9C0\uC810 \uD558\uB098\uB2E4: \uAC70\uC2AC\uB9AC\uC9C0 \uC54A\uC73C\uBA74\uC11C \uC77D\uAE30 \uC88B\uC740 \uADF8 \uC5B8\uC800\uB9AC\uC774\uACE0, \uC0C1\uD669 \uC904\uC774\n   \uB5B4\uB2E4 \uC0AC\uB77C\uC838\uB3C4 \uC548 \uC6C0\uC9C1\uC778\uB2E4. \uD750\uB984 \uBC16(\uC808\uB300 \uBC30\uCE58)\uC774\uB77C \uAE00\uC744 \uC548 \uBBFC\uB2E4 \u2014 \uB9D0\uC774 \uC624\uAC04\uB2E4\uACE0 \uD654\uBA74\uC774 \uD280\uBA74\n   \uB9D0\uBCF4\uB2E4 \uADF8 \uD290\uC774 \uBA3C\uC800 \uC77D\uD78C\uB2E4. */\n.nabi-toasts {\n  /* \uAC00\uB85C \uAC00\uC6B4\uB370\uB294 \uBB3C\uB9AC\uB85C \uB9DE\uCD98\uB2E4 \u2014 \uD234\uD301\uACFC \uAC19\uC740 \uAE4C\uB2ED\uC774\uB2E4(099). \uB17C\uB9AC \uC18D\uC131\uACFC \uBB3C\uB9AC \uBCC0\uD658\uC744 \uC11E\uC73C\uBA74\n     RTL \uC5D0\uC11C \uB9D0\uC774 \uD654\uBA74 \uD55C\uCABD\uC73C\uB85C \uBC00\uB824\uB09C\uB2E4. */\n  position: absolute; inset-block-start: calc(100% + .375rem); left: 50%;\n  transform: translateX(-50%);\n  /* \uD310(+5)\uBCF4\uB2E4 \uC704 \u2014 \uB9D0\uC740 \uC7A0\uAE50 \uC11C\uB294 \uAC83\uC774\uB77C \uBB34\uC5C7\uC5D0\uB3C4 \uC548 \uAC00\uB824\uC57C \uD558\uACE0, \uACE7 \uC2A4\uC2A4\uB85C \uAC77\uD78C\uB2E4. */\n  z-index: calc(var(--nabi-z-sticky) + 6);\n  display: flex; flex-direction: column; align-items: center; gap: .375rem;\n  inline-size: max-content; max-inline-size: min(92vw, 30rem);\n  /* \uC120\uBC18 \uC790\uC2E0\uC740 \uC190\uC774 \uC548 \uB2FF\uB294\uB2E4 \u2014 \uB9D0 \uC0AC\uC774 \uD2C8\uC744 \uB20C\uB800\uB294\uB370 \uB4A4\uC758 \uAE00\uC774 \uC548 \uB20C\uB9AC\uBA74 \uC548 \uB41C\uB2E4. */\n  pointer-events: none;\n}\n.nabi-toast {\n  pointer-events: auto; cursor: pointer; user-select: none;\n  box-sizing: border-box; max-inline-size: 100%;\n  padding: .375rem .75rem; font-size: .8125rem; line-height: 1.5;\n  /* `\\n` \uC774 \uC0B0\uB2E4 \u2014 \uC5EC\uB7EC \uC904\uC9DC\uB9AC \uC548\uB0B4\uAC00 \uD55C \uB369\uC5B4\uB9AC\uB85C \uC811\uD788\uC9C0 \uC54A\uB294\uB2E4. */\n  white-space: pre-wrap; overflow-wrap: break-word;\n  color: var(--nabi-fg); background: var(--nabi-bg);\n  /* \uAE09\uC758 \uC0C9\uC740 \uC67C\uCABD \uC120 \uD558\uB098\uAC00 \uB9D0\uD55C\uB2E4 \u2014 \uC0C1\uC790\uB97C \uD1B5\uC9F8\uB85C \uCE60\uD558\uBA74 \uAE00\uC790 \uB300\uBE44\uAC00 \uAE09\uB9C8\uB2E4 \uB2EC\uB77C\uC838\uC11C,\n     \uB77C\uC774\uD2B8\u00B7\uB2E4\uD06C\uB9C8\uB2E4 \uAE09\uBCC4 \uAE00\uC790\uC0C9\uC744 \uB610 \uC815\uD574\uC57C \uD55C\uB2E4. \uC120\uC774\uBA74 \uD1A0\uD070 \uADF8\uB300\uB85C \uB450 \uD14C\uB9C8\uB97C \uB2E4 \uC0B0\uB2E4.\n     \uB458\uB808 \uD14C\uB450\uB9AC\u00B7\uB77C\uC6B4\uB4DC\uB294 \uC5C6\uB2E4(\uC8FC\uC778 \uC9C0\uC2DC 2026-08-26) \u2014 \uB5A0 \uC788\uC74C\uC740 \uADF8\uB9BC\uC790\uAC00 \uB9D0\uD55C\uB2E4. */\n  border: 0; border-inline-start: 3px solid var(--nabi-accent);\n  border-radius: 0; box-shadow: var(--nabi-shadow);\n  /* \uB0A8\uC740 \uC2DC\uAC04 0.5\uCD08\uBD80\uD130 \uC605\uC5B4\uC838 0 \uC5D0\uC11C \uAC77\uD78C\uB2E4 \u2014 500ms \uB294 ui/toast.ts \uC758 TOAST_FADE_MS \uC640\n     \uAC19\uC544\uC57C \uD55C\uB2E4(\uADF8\uBCF4\uB2E4 \uC9E7\uAC8C \uC0AC\uB294 \uB9D0\uC740 JS \uAC00 duration \uC744 \uC81C \uC218\uBA85\uC73C\uB85C \uC904\uC778\uB2E4). */\n  transition: opacity var(--nabi-motion-toast) linear;\n}\n.nabi-toast[data-level=\"warn\"] { border-inline-start-color: var(--nabi-tc-amber); }\n.nabi-toast[data-level=\"error\"] { border-inline-start-color: var(--nabi-danger); }\n.nabi-toast.is-fading { opacity: 0; }\n\n/* \uC5C5\uB85C\uB4DC \u2014 \uC62C\uB77C\uAC00\uB294 \uC911\uC778 \uAC83\uC740 \uC544\uC9C1 \uBB38\uC11C\uAC00 \uC544\uB2C8\uB77C\uC11C \uD2B8\uB9AC\uC5D0 \uC548 \uB4E4\uC5B4\uAC04\uB2E4. \uADF8\uB798\uB3C4 **\uADF8 \uC790\uB9AC\uC5D0**\n   \uB5A0\uC57C \uD55C\uB2E4: \uD30C\uC77C\uC744 \uB118\uACA8\uBC1B\uB358 \uC21C\uAC04 \uCE90\uB7FF\uC774 \uB4E0 \uBE14\uB85D \uBC14\uB85C \uB4A4\uC5D0, \uD750\uB984 \uC548\uC758 \uD615\uC81C\uB85C \uC120\uB2E4.\n\n   \uC9C4\uD589\uB960\uC740 --nabi-per **\uD558\uB098**\uAC00 \uBAAC\uB2E4 \u2014 \uC22B\uC790\uB3C4 \uACA9\uC790\uB3C4 \uADF8 \uD558\uB098\uB97C \uBCF4\uBBC0\uB85C \uD568\uAED8 \uC6C0\uC9C1\uC778\uB2E4. */\n\n/* --nabi-per \uB97C \uB4F1\uB85D\uD574\uC57C \uBCF4\uAC04\uB41C\uB2E4 \u2014 \uB4F1\uB85D \uC548 \uD55C \uCEE4\uC2A4\uD140 \uC18D\uC131\uC740 transition \uC774 \uC548 \uAC78\uB824 \uB69D\uB69D \uB04A\uAE34\uB2E4.\n   \uD37C\uC13C\uD2B8\uAC00 \uC544\uB2C8\uB77C **\uC218**\uB2E4: blur() \uB294 \uAE38\uC774\uB97C \uBC1B\uB294\uB370 calc \uB294 \uD37C\uC13C\uD2B8\uB97C \uC218\uB85C \uBABB \uB0B4\uB9B0\uB2E4. */\n@property --nabi-per { syntax: \"<number>\"; inherits: true; initial-value: 0; }\n\n.nabi-content nabi-upload {\n  --nabi-per: 0;\n  /* \uACA9\uC790\uC758 \uBAA8\uC591\uAC12 \u2014 \uCE78\uC774 \uC0C1\uC18D\uD574 \uAC04\uB2E4. --nabi-span \uC740 upload.ts \uC758 TILE_SPAN \uACFC \uAC19\uC544\uC57C \uD55C\uB2E4. */\n  --nabi-span: 25;\n  --nabi-blur-max: 12px;\n  /* \uBBF8\uB9AC\uBCF4\uAE30\uB97C \uBABB \uB9CC\uB4E0 \uC790\uB9AC\uC758 \uCC28\uC624\uB974\uB294 \uB9C8\uC2A4\uD06C. \uCEE4\uC2A4\uD140 \uC18D\uC131 \uC548\uC758 var \uB294 **\uC120\uC5B8\uB41C \uACF3**\uC5D0\uC11C\n     \uCE58\uD658\uB418\uBBC0\uB85C, --nabi-per \uB97C \uAC00\uC9C4 \uC774 \uC5D8\uB9AC\uBA3C\uD2B8\uC5D0\uC11C \uC870\uB9BD\uD574\uC57C \uAC12\uC774 \uB530\uB77C\uC628\uB2E4. */\n  --nabi-wipe: linear-gradient(to right, #000 0 calc(var(--nabi-per) * 1%), rgb(0 0 0 / 25%) calc(var(--nabi-per) * 1% + 10%));\n\n  transition: --nabi-per var(--nabi-motion-progress) linear;\n  position: relative;\n  display: flex; align-items: center; justify-content: center;\n  min-inline-size: 6rem; min-block-size: 6rem; max-inline-size: 100%;\n  margin: 0 0 .65em;\n  overflow: hidden;\n  color: var(--nabi-muted); background: var(--nabi-soft);\n  border: 1px dashed var(--nabi-line); border-radius: var(--nabi-radius);\n  cursor: progress; user-select: none;\n}\n/* **\uC644\uB8CC \uD6C4 \uADF8\uB9BC\uC774 \uC549\uC744 \uBC14\uB85C \uADF8 \uC790\uB9AC\uB2E4.** \uD3ED 60%\u00B7\uAC00\uC6B4\uB370 \u2014 \uB123\uAE30\uC758 \uAE30\uBCF8\uAC12(wing/ops \uC758\n   LUMP_DEFAULT_WIDTH\u00B7LUMP_DEFAULT_ALIGN)\uACFC \uAC19\uC740 \uAC12\uC774\uB77C, \uB05D\uB098\uB294 \uC21C\uAC04 \uD06C\uAE30\uB3C4 \uC790\uB9AC\uB3C4 \uC544\uBB34\uAC83\uB3C4\n   \uC548 \uBCC0\uD55C\uB2E4. \uC62C\uB77C\uAC00\uB294 \uB3D9\uC548 \uC77D\uB358 \uC904\uC774 \uBC00\uB9AC\uC9C0 \uC54A\uB294 \uAC83\uC774 \uC774 \uC790\uB9AC\uC758 \uC694\uC810\uC774\uB2E4. */\n.nabi-content nabi-upload:has(img) {\n  inline-size: 60%; max-inline-size: 60%; margin-inline: auto;\n  /* \uD14C\uB450\uB9AC\uB97C \uC544\uC608 \uC5C6\uC564\uB2E4 \u2014 \uD22C\uBA85\uD574\uB3C4 1px \uC740 \uC790\uB9AC\uB97C \uBA39\uC5B4\uC11C \uC790\uB9AC\uD45C\uC2DC\uC790\uAC00 \uC644\uC131\uB41C \uADF8\uB9BC\uBCF4\uB2E4\n     2px \uB113\uC5C8\uB2E4(59% vs 58%). \uC7AC\uB294 \uC0AC\uB78C\uC740 \uC5C6\uC9C0\uB9CC \uB05D\uB098\uB294 \uC21C\uAC04 \uD55C \uBC88 \uD284\uB2E4. */\n  background: transparent; border: 0;\n}\n/* \uACA9\uC790\uAC00 \uBD99\uC5C8\uB2E4 = \uBBF8\uB9AC\uBCF4\uAE30\uAC00 \uADF8\uB824\uC84C\uB2E4 \u2014 \uADF8\uB54C\uBD80\uD130 \uC0C1\uC790\uAC00 \uADF8\uB9BC\uC5D0 \uB531 \uB9DE\uC744 \uC218 \uC788\uB2E4. */\n.nabi-content nabi-upload:has(img):has(nabi-grid) { min-inline-size: 0; min-block-size: 0; }\n\n/* **\uC0C1\uC790\uB97C \uAF49 \uCC44\uC6B4\uB2E4** \u2014 max-inline-size \uAC00 \uC544\uB2C8\uB77C inline-size \uB2E4. \uB05D\uB09C \uB4A4\uC758 \uADF8\uB9BC\uC740\n   [data-nabi-width=\"60\"] \uC774 \uD3ED\uC744 **\uC815\uD574 \uC8FC\uB294** \uAC83\uC774\uB77C, \uC81C \uD06C\uAE30\uAC00 60% \uBCF4\uB2E4 \uC791\uC740 \uADF8\uB9BC\uB3C4 \uADF8\uB9CC\uD07C\n   \uB298\uC5B4\uB09C\uB2E4. \uBBF8\uB9AC\uBCF4\uAE30\uB9CC \"\uCD5C\uB300\"\uB85C \uB450\uBA74 \uC791\uC740 \uADF8\uB9BC\uC774 \uC0C1\uC790 \uC548\uC5D0 \uC791\uAC8C \uC549\uC558\uB2E4\uAC00 \uB05D\uB098\uB294 \uC21C\uAC04 \uCEE4\uC9C4\uB2E4 \u2014\n   \uC790\uB9AC\uAC00 \uD754\uB4E4\uB9AC\uC9C0 \uC54A\uB294 \uAC83\uC774 \uC774 \uD654\uBA74\uC758 \uC694\uC810\uC774\uB2E4. */\n.nabi-content nabi-upload > img {\n  display: block; inline-size: 100%; block-size: auto; border-radius: var(--nabi-radius);\n}\n/* \uADF8\uB9BC\uC774 \uC544\uB2CC \uAC83 \u2014 **\uCCA8\uBD80 \uB9C1\uD06C\uC640 \uAC19\uC740 \uD074\uB9BD \uC0C1\uC790**\uB85C \uC120\uB2E4(link wing \uC758 a[data-nabi-file] \uACFC\n   \uAC19\uC740 \uBAA8\uC591). \uD55C \uC904 \uB192\uC774\uB77C \uD0C0\uC77C \uD310\uC774 \uB4E4\uC5B4\uAC08 \uC790\uB9AC\uAC00 \uC5C6\uC5B4\uC11C, \uC9C4\uD589\uB960\uC740 \uC0C1\uC790 \uC548\uC744 **\uC67C\uCABD\uC5D0\uC11C\n   \uC624\uB978\uCABD\uC73C\uB85C** \uCC28\uC624\uB974\uB294 \uB760 \uD558\uB098\uAC00 \uB9D0\uD55C\uB2E4. \uC22B\uC790\uB97C \uB9CC\uB4DC\uB294 \uC190\uC740 \uADF8\uB9BC \uCABD\uACFC \uB611\uAC19\uB2E4(--nabi-per).\n\n   \uC608\uC804\uC5D0\uB294 \uC5EC\uAE30\uC5D0\uB3C4 \uADF8\uB9BC \uD55C \uC7A5(\uB098\uBE44 \uD310)\uC744 \uC138\uC6CC \uD0C0\uC77C\uC744 \uBD99\uC600\uB2E4. \uADF8 \uADF8\uB9BC\uC740 \uC62C\uB77C\uAC00\uB294 \uAC83\uC774 \uBB34\uC5C7\uC778\uC9C0\n   \uB9D0\uD574 \uC8FC\uC9C0 \uBABB\uD588\uACE0, \uC81C \uD06C\uAE30\uAC00 \uC62C\uB77C\uAC00\uB294 \uAC83\uACFC \uC544\uBB34 \uC0C1\uAD00\uC774 \uC5C6\uC5B4 \uBB38\uB2E8\uC744 \uBC00\uC5B4\uB0C8\uB2E4. */\n.nabi-content nabi-upload[data-nabi-kind=\"file\"] {\n  /* \uC544\uB798 \uB2E4\uC12F \uC904\uC740 link wing \uC758 a[data-nabi-file] \uC744 **\uADF8\uB300\uB85C \uBCA0\uB080 \uAC83**\uC774\uB2E4 \u2014 \uBCA0\uB080 \uAC83\uC774 \uC694\uC810\uC774\uB2E4.\n     \uC790\uB9AC\uD45C\uC2DC\uC790\uC640 \uB05D\uB09C \uB4A4\uC758 \uB9C1\uD06C\uAC00 \uAC19\uC740 \uC0C1\uC790\uC5EC\uC57C \uB05D\uB098\uB294 \uC21C\uAC04 \uC904\uC774 \uC548 \uBC14\uB010\uB2E4. \uBC30\uACBD\uB3C4 \uC548 \uAE50\uB2E4\n     (\uB9C1\uD06C\uC5D0 \uBC30\uACBD\uC774 \uC5C6\uB2E4) \u2014 \uC774 \uC0C1\uC790\uC758 \uBC30\uACBD\uC740 \uC624\uC9C1 \uCC28\uC624\uB974\uB294 \uB760 \uD558\uB098\uB2E4. */\n  display: inline-flex; align-items: center; gap: .35em;\n  inline-size: auto; min-inline-size: 0; min-block-size: 0;\n  padding: .1em .5em; margin: 0 0 .65em;\n  border: 1px solid var(--nabi-line); border-radius: 4px; overflow: hidden;\n  color: var(--nabi-accent); background: transparent;\n  /* \uCC28\uC624\uB974\uB294 \uB760 \u2014 \uC67C\uCABD\uC5D0\uC11C \uC624\uB978\uCABD\uC73C\uB85C. \uACBD\uACC4\uB97C \uC870\uAE08 \uD750\uB824 \uB450\uBA74 \uAC78\uC74C\uC774 \uB69D\uB69D \uB04A\uACA8 \uBCF4\uC774\uC9C0 \uC54A\uB294\uB2E4. */\n  background-image: linear-gradient(\n    to right,\n    color-mix(in srgb, var(--nabi-accent) 24%, transparent) 0 calc(var(--nabi-per) * 1%),\n    transparent calc(var(--nabi-per) * 1% + 1.5%)\n  );\n}\n/* \uD074\uB9BD\uB9CC \uC791\uB2E4 \u2014 \uB9C1\uD06C\uC758 ::before \uC640 \uAC19\uC740 \uD06C\uAE30\uB2E4. \uC774\uB984\uC740 **\uC904\uC774\uC9C0 \uC54A\uB294\uB2E4**: \uB9C1\uD06C\uC758 \uAE00\uC790\uB294 \uC81C\n   \uD06C\uAE30\uB85C \uC11C\uBBC0\uB85C, \uC5EC\uAE30\uC11C \uC904\uC774\uBA74 \uB05D\uB098\uB294 \uC21C\uAC04 \uAE00\uC790\uAC00 \uCEE4\uC9C0\uBA70 \uC904 \uB192\uC774\uAC00 2px \uD284\uB2E4. */\n.nabi-content nabi-upload[data-nabi-kind=\"file\"] > .nabi-upload-clip { font-size: .9em; }\n/* \uD655\uC7A5\uC790 \uBC30\uC9C0 \u2014 \uCCA8\uBD80 \uB9C1\uD06C\uC758 \uAC83\uACFC \uAC19\uC740 \uAE00\uC790\uB2E4. */\n.nabi-content nabi-upload[data-nabi-kind=\"file\"]:not([data-nabi-label=\"\"])::before {\n  content: attr(data-nabi-label);\n  order: 3; font-size: .75em; color: var(--nabi-muted); letter-spacing: .04em;\n}\n/* \uC22B\uC790\uB294 \uC774 \uC0C1\uC790 \uC548\uC5D0\uC11C\uB294 \uACB9\uCE58\uC9C0 \uC54A\uACE0 \uC904 \uB05D\uC5D0 \uC120\uB2E4 \u2014 \uB36E\uC744 \uADF8\uB9BC\uC774 \uC5C6\uB2E4. */\n.nabi-content nabi-upload[data-nabi-kind=\"file\"]::after {\n  position: static; order: 4;\n  font-size: .8em; color: var(--nabi-muted); text-shadow: none;\n}\n\n/* \uC9C4\uD589\uB960 \uC22B\uC790 \u2014 \uBBF8\uB9AC\uBCF4\uAE30\uC640 \uACA9\uC790 **\uC704**\uC5D0 \uACB9\uCE5C\uB2E4. \uCE60 \uC21C\uC11C\uC5D0 \uB9E1\uAE30\uC9C0 \uC54A\uACE0 z-index \uB97C \uC801\uB294\uB2E4:\n   \uCE78\uC758 backdrop-filter \uAC00 \uC313\uC784 \uB9E5\uB77D\uC744 \uD55C \uBC88\uB9CC \uBC14\uAFD4\uB3C4 \uC22B\uC790\uAC00 \uADF8 \uBC11\uC73C\uB85C \uBB3B\uD78C\uB2E4. */\n.nabi-content nabi-upload::after {\n  content: attr(data-nabi-per) \"%\";\n  position: absolute; z-index: 1;\n  font-size: 1.1em; font-weight: 700; font-variant-numeric: tabular-nums;\n  color: #fff; text-shadow: 0 1px 3px rgb(0 0 0 / 85%);\n}\n/* \uACA9\uC790\uAC00 \uC544\uC9C1 \uC548 \uBD99\uC740 \uADF8\uB9BC \uC0C1\uC790 \u2014 \uC22B\uC790\uAC00 \uAC00\uC6B4\uB370\uB97C \uD63C\uC790 \uC4F0\uC9C0 \uC54A\uAC8C \uC704\uB85C \uBE44\uCF1C\uC120\uB2E4. */\n.nabi-content nabi-upload:has(img):not(:has(nabi-grid))::after { inset-block-start: .625rem; }\n\n/* \uACA9\uC790 \u2014 \uBBF8\uB9AC\uBCF4\uAE30 \uC704\uC5D0 \uC815\uD655\uD788 \uACB9\uCE5C\uB2E4. \uC5F4 \uC218\uAC00 \uC778\uB77C\uC778\uC778 \uAE4C\uB2ED: \uCE78\uC5D0 \uC21C\uC704\uB97C \uB9E4\uAE30\uB824\uBA74 JS \uAC00 \uADF8 \uC218\uB97C\n   \uC54C\uC544\uC57C \uD558\uB294\uB370 auto-fill \uC740 \uADF8 \uC218\uB97C \uB808\uC774\uC544\uC6C3\uC5D0 \uB118\uAE34\uB2E4. */\n.nabi-content nabi-upload > nabi-grid {\n  position: absolute; inset: 0; display: grid;\n  grid-template-columns: repeat(var(--nabi-cols), 1fr);\n  overflow: hidden; border-radius: var(--nabi-radius); pointer-events: none;\n}\n/* --nabi-t \uB294 \uC774 \uCE78\uC758 \uCC3D\uC774 \uC5F4\uB9AC\uB294 \uC9C0\uC810\uC774\uACE0 --nabi-span \uB9CC\uD07C \uB4A4\uC5D0 \uB2EB\uD78C\uB2E4.\n   img \uAC00 \uC544\uB2C8\uB77C \uCE78\uC5D0 \uAC70\uB294 \uAE4C\uB2ED: img \uC5D0 filter \uB97C \uAC78\uBA74 \uC313\uC784 \uB9E5\uB77D\uC774 \uC0DD\uACA8 backdrop-filter \uC758\n   \uD45C\uBCF8\uC774 \uBC14\uB010\uB2E4(\uC790\uAE30 \uC790\uC2E0\uC744 \uBCF4\uAC8C \uB41C\uB2E4). */\n.nabi-content nabi-upload nabi-tile {\n  --nabi-clear: clamp(0, (var(--nabi-per) - var(--nabi-t)) / var(--nabi-span), 1);\n  -webkit-backdrop-filter: blur(calc((1 - var(--nabi-clear)) * var(--nabi-blur-max))) grayscale(calc(1 - var(--nabi-clear)));\n  backdrop-filter: blur(calc((1 - var(--nabi-clear)) * var(--nabi-blur-max))) grayscale(calc(1 - var(--nabi-clear)));\n}\n\n/* \uCDE8\uC18C \u2014 \uC0C1\uC790 \uC704\uC5D0 \uACB9\uCCD0 \uC549\uB294 \uC791\uC740 \uB3D9\uADF8\uB77C\uBBF8. */\n.nabi-content nabi-upload > .nabi-upload-stop {\n  position: absolute; z-index: 2; inset-block-start: 4px; inset-inline-end: 4px;\n  inline-size: 22px; block-size: 22px; padding: 0; border: 0; border-radius: 999px;\n  display: inline-flex; align-items: center; justify-content: center;\n  font: inherit; font-size: 14px; line-height: 1; cursor: pointer;\n  color: var(--nabi-fg); background: color-mix(in srgb, var(--nabi-bg) 70%, transparent);\n  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);\n}\n/* \uCCA8\uBD80 \uC0C1\uC790\uC5D0\uC11C\uB294 \uACB9\uCE58\uC9C0 \uC54A\uACE0 \uC904 \uB05D\uC5D0 \uC549\uB294\uB2E4 \u2014 \uD55C \uC904 \uB192\uC774\uB77C \uACB9\uCE58\uBA74 \uAE00\uC790\uB97C \uAC00\uB9B0\uB2E4. */\n.nabi-content nabi-upload[data-nabi-kind=\"file\"] > .nabi-upload-stop {\n  position: static; order: 5;\n  inline-size: 1rem; block-size: 1rem; font-size: .75rem; background: none;\n  -webkit-backdrop-filter: none; backdrop-filter: none;\n}\n\n/* backdrop-filter \uAC00 \uC5C6\uC73C\uBA74 \uACA9\uC790\uAC00 \uC544\uBB34\uAC83\uB3C4 \uC548 \uADF8\uB9B0\uB2E4 \u2014 \uADF8 \uC790\uB9AC\uB97C \uBBF8\uB9AC\uBCF4\uAE30\uC758 \uB9C8\uC2A4\uD06C\uAC00 \uB300\uC2E0\uD55C\uB2E4. */\n@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {\n  .nabi-content nabi-upload > img {\n    -webkit-mask-image: var(--nabi-wipe); mask-image: var(--nabi-wipe);\n    filter: grayscale(calc(1 - var(--nabi-per) / 100));\n  }\n}\n/* \uBE14\uB7EC\uB3C4 \uC0C9\uB3C4 \uB0A8\uAE34\uB2E4 \u2014 \uC7A5\uC2DD\uC774 \uC544\uB2C8\uB77C \uC9C4\uD589 \uD45C\uC2DC\uB2E4. \uC6C0\uC9C1\uC784\uB9CC \uBE80\uB2E4. */\n@media (prefers-reduced-motion: reduce) {\n  .nabi-content nabi-upload { transition: none; }\n}\n\n/* \uAC70\uC808 \uBB38\uAD6C\uC758 \uC790\uB9AC\uB294 \uC774\uC81C \uC5C6\uB2E4 \u2014 \uC5C5\uB85C\uB4DC\uC758 \uBAA8\uB4E0 \uC624\uB958\uB294 toast \uB85C \uB098\uAC04\uB2E4 (084 \u2466).\n   \uC54C\uB9BC \uC790\uB9AC\uAC00 \uB458\uC774\uBA74 \uC5B4\uB290 \uCABD\uC744 \uBD10\uC57C \uD558\uB294\uC9C0\uBD80\uD130 \uBC30\uC6CC\uC57C \uD55C\uB2E4. */\n\n/* \uC7A0\uAE34 \uD45C\uBA74 \u2014 \uB3C4\uB294 \uB3D9\uC548\uC740 \uAE00\uC774 \uC548 \uB4E4\uC5B4\uAC04\uB2E4. */\n.nabi-content.nabi-uploading { cursor: progress; }\n\n/* \uB85C\uCEEC \uAE30\uB85D \uD310 \u2014 \uB9C9 \uC704\uC5D0 \uC120 \uC0AC\uAC01\uD615 \uD558\uB098. \uBAA9\uB85D\u00B7\uBBF8\uB9AC\uBCF4\uAE30\u00B7\uC9C0\uC6B0\uAE30\uAC00 \uD55C \uC0C1\uC790\uC5D0 \uC0B0\uB2E4. */\n.nabi-history { inline-size: min(46rem, 100%); max-block-size: 100%; display: flex; flex-direction: column; overflow: hidden; }\n.nabi-history-head { padding: .75rem 4.5rem .5rem .9rem; }\n.nabi-history-title { font-size: .95rem; font-weight: 650; }\n/* \uBAA8\uC11C\uB9AC\uC5D0 \uB728\uB294 \uB2E8\uCD94 \uB458 \u2014 \uBA38\uB9AC\uC904\uC5D0 \uC548 \uB07C\uC6B4\uB2E4(\uBBF8\uB9AC\uBCF4\uAE30 \uCE74\uB4DC\uC640 \uAC19\uC740 \uC790\uB9AC). */\n.nabi-history-corner {\n  position: absolute; inset-block-start: .5rem; inset-inline-end: .5rem; z-index: 1;\n  display: inline-flex; gap: .125rem;\n}\n/* \uACA9\uC790 \uCE78\uC758 \uAE30\uBCF8 \uCD5C\uC18C \uD3ED\uC740 auto \uB77C \uC904\uC774 \uC81C \uB0B4\uC6A9\uB9CC\uD07C \uBD80\uD47C\uB2E4 \u2014 minmax(0, 1fr) \uC774 \uADF8 \uBC14\uB2E5\uC744\n   0 \uC73C\uB85C \uB0B4\uB824, \uAE34 \uC694\uC57D\uC774 \uC904\uC744 \uBC00\uC5B4 \uC2DC\uAC01\u00B7\uB3C4\uAD6C\uB97C \uC0C1\uC790 \uBC16\uC73C\uB85C \uB0B4\uBCF4\uB0B4\uC9C0 \uBABB\uD558\uAC8C \uD55C\uB2E4. */\n.nabi-history-list {\n  overflow-y: auto; padding: 0 .5rem .5rem; display: grid; gap: .125rem;\n  grid-template-columns: minmax(0, 1fr);\n}\n.nabi-history-empty { padding: 1.5rem; text-align: center; opacity: .62; font-size: .85rem; }\n.nabi-history-row {\n  display: flex; align-items: center; gap: .25rem; min-inline-size: 0;\n  border-radius: var(--nabi-radius-sm); padding-inline-end: .25rem;\n}\n/* \uC904\uBB34\uB2AC \u2014 \uC904\uC774 \uAE38\uC5B4\uC838\uB3C4 \uB208\uC774 \uD55C \uC904\uC744 \uC783\uC9C0 \uC54A\uB294\uB2E4. */\n.nabi-history-row:nth-child(odd) { background: color-mix(in srgb, var(--nabi-fg) 4%, transparent); }\n.nabi-history-row:hover { background: var(--nabi-soft); }\n/* \uC694\uC57D\uC774 \uC904\uC758 \uB0A8\uB294 \uC790\uB9AC\uB97C \uB2E4 \uBA39\uACE0, \uC2DC\uAC01\uACFC \uB3C4\uAD6C \uB458\uC740 **\uC904\uC9C0 \uC54A\uB294\uB2E4**(flex: none).\n   min-inline-size: 0 \uC774 \uC5C6\uC73C\uBA74 \uAE34 \uC694\uC57D\uC774 \uC904\uC744 \uBC00\uC5B4 \uC2DC\uAC01\u00B7\uB3C4\uAD6C\uAC00 \uC0C1\uC790 \uBC16\uC73C\uB85C \uB098\uAC04\uB2E4. */\n.nabi-history-open {\n  flex: 1; min-inline-size: 0; display: flex; align-items: baseline; gap: .75rem;\n  padding: .5rem .6rem; border: 0; background: none; color: inherit; font: inherit;\n  text-align: start; cursor: pointer; border-radius: var(--nabi-radius-sm);\n}\n.nabi-history-open:disabled { cursor: default; }\n.nabi-history-summary {\n  flex: 1; min-inline-size: 0; font-size: .85rem;\n  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n}\n.nabi-history-when { flex: none; text-align: end; font-size: .72rem; opacity: .62; line-height: 1.5; white-space: nowrap; }\n/* \uC2DC\uAC01 \uB458(\uACE0\uCE5C \uB54C\u00B7\uB9CC\uB4E0 \uB54C) \u2014 \uB9C8\uC6B0\uC2A4\uB97C \uC62C\uB9AC\uBA74 \uC774\uB984\uD45C\uAC00 \uADF8 \uB098\uB77C \uCC28\uB9BC\uC758 \uC790\uC138\uD55C \uC2DC\uAC01\uC744 \uB4E0\uB2E4.\n   \uC774\uB984\uD45C\uB294 \uC808\uB300 \uBC30\uCE58\uB77C **\uAE30\uC900\uC774 \uB420 \uC0C1\uC790**\uAC00 \uC788\uC5B4\uC57C \uD55C\uB2E4: \uC5C6\uC73C\uBA74 \uD310 \uC804\uCCB4\uB97C \uAE30\uC900\uC73C\uB85C \uB5A0\uC11C\n   \uBAA9\uB85D\uACFC \uC544\uBB34 \uC0C1\uAD00 \uC5C6\uB294 \uC790\uB9AC\uC5D0 \uB72C\uB2E4. \uBAA9\uB85D\uC740 \uC138\uB85C\uB85C \uAD6C\uB974\uB294 \uC0C1\uC790\uB77C \uAC00\uB85C\uB85C \uC090\uC838\uB098\uAC00\uBA74 \uC798\uB9AC\uBBC0\uB85C,\n   \uAC00\uC6B4\uB370 \uC815\uB82C \uB300\uC2E0 \uC904 \uB05D\uC5D0 \uBD99\uC5EC \uC548\uCABD\uC73C\uB85C \uB4E4\uC778\uB2E4. */\n.nabi-history-time, .nabi-history-made { position: relative; }\n.nabi-history-when [data-nabi-tip]:hover::after {\n  inset-inline-start: auto; inset-inline-end: 0; transform: translateY(4px);\n}\n.nabi-history-here { color: var(--nabi-accent); opacity: 1; }\n.nabi-history-tool { flex: none; block-size: 1.625rem; min-inline-size: 1.625rem; opacity: .62; }\n.nabi-history-tool:hover { opacity: 1; }\n.nabi-history-preview { padding: 1rem 1.25rem; }\n\n/* \uACE8\uB77C\uC9C4 \uBB3C\uAC74 \u2014 **\uBE0C\uB77C\uC6B0\uC800\uAC00 \uADF8\uB9BC\u00B7iframe \uC704\uC5D0\uB294 \uC120\uD0DD \uD558\uC774\uB77C\uC774\uD2B8\uB97C \uC548 \uADF8\uB9B0\uB2E4.** \uADF8\uB798\uC11C \uACE8\uB790\uB2E4\uB294\n   \uB9D0\uC744 \uC6B0\uB9AC\uAC00 \uD55C\uB2E4: \uBC14\uAE65\uC5D0 \uB450\uB978 \uC810\uC120 \uACE0\uB9AC \uD558\uB098\uBFD0\uC774\uB2E4.\n   \uC548\uCABD\uC740 \uBB3C\uB4E4\uC774\uC9C0 \uC54A\uB294\uB2E4 \u2014 \uADF8\uB9BC\uC740 \uC0C9\uC774 \uC5B9\uD788\uBA74 \uC6D0\uB798 \uC0C9\uC744 \uBABB \uC77D\uACE0, \uCF54\uB4DC\u00B7\uC811\uAE30\uCC98\uB7FC \uAE00\uC774 \uB4E0 \uBB3C\uAC74\uC740\n   \uAE00\uC790 \uC704\uC5D0 \uC0C9\uC774 \uB450 \uACB9(::selection + \uBB3C\uB4E6)\uC73C\uB85C \uC549\uC544 \uB418\uB808 \uC548 \uC77D\uD78C\uB2E4. \uD14C\uB450\uB9AC\uB9CC\uC73C\uB85C \uCDA9\uBD84\uD788 \uB9D0\uD55C\uB2E4.\n   \uD654\uBA74 \uC804\uC6A9 \uD45C\uC2DD\uC774\uB77C \uCD9C\uB825\uC5D0\uB294 \uC548 \uB098\uAC04\uB2E4. */\n.nabi-content [data-nabi-picked] {\n  outline: 2px dashed var(--nabi-accent);\n  outline-offset: 2px;\n  border-radius: var(--nabi-radius-xs);\n}\n/* \uAE00 \uC704\uC758 \uC120\uD0DD\uB3C4 \uD3B8\uC9D1\uAE30\uC758 \uAC15\uC870\uC0C9\uC744 \uB530\uB978\uB2E4 \u2014 \uBE0C\uB77C\uC6B0\uC800 \uAE30\uBCF8 \uD30C\uB791\uC774 \uB2E4\uD06C\uC5D0\uC11C \uAE00\uC744 \uC0BC\uD0A8\uB2E4. */\n.nabi-content[contenteditable] ::selection { background: color-mix(in srgb, var(--nabi-accent) 28%, transparent); }\n/* \uAE00\uC774 \uB4E0 \uBB3C\uAC74(\uCF54\uB4DC\u00B7\uC811\uAE30\u00B7\uC778\uC6A9\u00B7\uD45C)\uC744 \uD1B5\uC9F8\uB85C \uACE0\uB974\uBA74 \uBE0C\uB77C\uC6B0\uC800\uAC00 \uC548\uCABD \uAE00\uC904\uC744 \uCE60\uD55C\uB2E4 \u2014 \uADF8 \uCE60\uC744 \uAC77\uC5B4\n   \uD14C\uB450\uB9AC\uB9CC \uB0A8\uAE34\uB2E4. \uCE90\uB7FF\uC774 \uC548\uC73C\uB85C \uB4E4\uC5B4\uAC00 \uAE00\uC744 \uACE0\uB974\uB294 \uAC83\uC740 \uC774 \uD45C\uC2DD\uC774 \uC5C6\uC744 \uB54C\uB77C \uC548 \uAC74\uB4DC\uB9B0\uB2E4.\n   **\uBC14\uB85C \uC704 \uC904 \uB4A4\uC5D0 \uC640\uC57C \uD55C\uB2E4** \u2014 \uC790\uC138\uD568\uC774 \uAC19\uC544\uC11C \uC21C\uC11C\uAC00 \uC774\uAE34\uB2E4. */\n.nabi-content [data-nabi-picked]::selection,\n.nabi-content [data-nabi-picked] ::selection { background: transparent; }\n\n/* \uD654\uBA74\uC5D0 \uB4E4\uC774\uB294 \uB300\uC0C1\uC740 \uBC29\uAE08 \uB123\uC740 \uBE14\uB85D\uC774\uC9C0 \uD3B8\uC9D1 \uC601\uC5ED\uC774 \uC544\uB2C8\uB2E4 \u2014 \uADF8\uB798\uC11C \uBE14\uB85D\uC5D0 \uAC74\uB2E4.\n   scrollIntoView \uB294 \uC704\uC5D0 \uBD99\uC5B4 \uC788\uB294 \uD234\uBC14\uB97C \uBAA8\uB974\uBBC0\uB85C, \uC5C6\uC73C\uBA74 \uC0C8 \uBE14\uB85D\uC774 \uADF8 \uB4A4\uC5D0 \uAC00\uB824 \uC120\uB2E4.\n   \uD234\uBC14\uC758 \uD0A4\uB294 **\uC7B0 \uAC12**\uC744 \uC4F4\uB2E4(--nabi-bar-height, mountSticky \uAC00 \uB0B4\uC900\uB2E4) \u2014 \uC5B4\uB9BC\uAC12 3.5rem \uC740\n   \uD55C \uC904\uC9DC\uB9AC \uD234\uBC14\uC758 \uD0A4\uB77C, \uB450 \uC904 + \uC0C1\uD669 \uC904\uC774\uBA74 \uD06C\uAC8C \uBAA8\uC790\uB780\uB2E4(011 \uC2E4\uCE21 2: \uC5B4\uB9BC 56px \u00B7 \uC2E4\uC81C 188px).\n   \uBCC0\uC218\uAC00 \uC5C6\uC744 \uB54C(\uC2A4\uD2F0\uD0A4\uB97C \uC548 \uBD99\uC600\uC744 \uB54C)\uC758 \uB418\uB3CC\uC544\uAC08 \uC790\uB9AC\uAC00 \uADF8 3.5rem \uC774\uB2E4. */\n.nabi-content > * {\n  scroll-margin-block-start: calc(var(--nabi-sticky-top, 0px) + var(--nabi-keyboard-top, 0px) + var(--nabi-bar-height, 3.5rem));\n}\n\n/* \uC4F0\uB294 \uC790\uB9AC \u2014 \uBB38\uB2E8\uC774 \uAE30\uBCF8 \uB2E8\uC704\uB2E4. */\n.nabi-content { padding: 12px 14px; line-height: 1.7; outline: none; overflow-wrap: break-word; }\n/* \uD3B8\uC9D1 \uD45C\uBA74\uC758 \uCD5C\uC18C \uB192\uC774 \u2014 **\uBE44\uC5B4\uB3C4 \uD55C \uC904\uB85C \uC8FC\uC800\uC549\uC9C0 \uC54A\uB294\uB2E4.** \uC804\uCCB4\uC120\uD0DD \uC0AD\uC81C \uB4A4 \uC0C1\uC790\uAC00 \uD55C \uC904\uB85C\n   \uC811\uD788\uBA74 \uADF8 \uC544\uB798 \uD398\uC774\uC9C0\uAC00 \uD1B5\uC9F8\uB85C \uC704\uB85C \uB538\uB824 \uC62C\uB77C\uC624\uACE0, \uB2E4\uC2DC \uC4F0\uBA74 \uB3C4\uB85C \uB0B4\uB824\uAC04\uB2E4(\uC8FC\uC778 \uC2E0\uACE0\n   2026-08-23). \uAC12\uC740 \uD638\uC2A4\uD2B8 \uC14B\uC774 \uAC01\uC790 \uBCA0\uAEF4 \uC4F0\uB358 \uADF8 \uAC12(200px = 12.5rem, 103 \u00A73)\uC744 \uCF54\uC5B4\uB85C \uC62C\uB9B0 \uAC83\uC774\uB2E4.\n   **.nabi-editing \uC774 \uBD99\uC740 \uC790\uB9AC\uC5D0\uB9CC \uAC74\uB2E4** \u2014 \uBC1C\uD589\u00B7\uBBF8\uB9AC\uBCF4\uAE30\uC758 .nabi-content \uB294 \uAE00 \uAE38\uC774\uAC00\n   \uB192\uC774\uC5EC\uC57C \uD55C\uB2E4(\uC9E7\uC740 \uAE00\uC5D0 \uBE48 200px \uC744 \uB2EC\uC544 \uC904 \uC774\uC720\uAC00 \uC5C6\uB2E4).\n   \uD1A0\uD070\uC744 **\uC815\uC758\uD558\uC9C0 \uC54A\uACE0 \uB300\uCCB4\uAC12\uC73C\uB85C\uB9CC** \uBD80\uB974\uB294 \uAC83\uC740 \uAE00\uAF34(--nabi-font)\uACFC \uAC19\uC740 \uADDC\uCE59\uC774\uB2E4 \u2014\n   \uCF54\uC5B4\uAC00 \uAC12\uC744 \uBC15\uC544 \uB450\uBA74 \uD638\uC2A4\uD2B8\uAC00 :root \uC5D0 \uC801\uC740 \uAC12\uC774 \uB298 \uC9C4\uB2E4. \uC544\uB798\uB85C\uB294 \uC548 \uC904\uACE0, \uAE00\uC774 \uAE38\uC5B4\uC9C0\uBA74\n   \uADF8\uB9CC\uD07C \uC790\uB780\uB2E4(\uC2A4\uD06C\uB864 \uC0C1\uD55C\uC744 \uC548 \uB454\uB2E4 \u2014 \uD3B8\uC9D1\uAE30\uB294 \uD398\uC774\uC9C0 \uD750\uB984 \uADF8\uB300\uB85C \uC790\uB77C\uB294 \uAC83\uC774 \uB9DE\uB2E4). */\n.nabi-content.nabi-editing { min-block-size: var(--nabi-content-min-height, 12.5rem); }\n/* \uBE14\uB85D \uC0AC\uC774\uC758 \uC228\uC740 **\uBC14\uAE65 \uC5EC\uBC31\uC774 \uC544\uB2C8\uB77C \uC548\uCABD \uC5EC\uBC31**\uC774\uB2E4 \u2014 margin \uC774\uBA74 \uADF8 \uB760\uAC00 \uC5B4\uB290 \uBE14\uB85D\uC758\n   \uAC83\uB3C4 \uC544\uB2C8\uC5B4\uC11C, \uAC70\uAE30 \uCC0D\uD78C \uC810\uC744 \uBE0C\uB77C\uC6B0\uC800\uAC00 \uD1B5\uC9F8\uB85C **\uC544\uB798 \uBE14\uB85D\uC758 0\uBC88**\uC73C\uB85C \uC148\uD55C\uB2E4(Chrome \uC2E4\uCE21:\n   \uC55E \uBE14\uB85D \uBC14\uB2E5\uC5D0\uC11C 2px \uC778 \uC790\uB9AC\uB3C4 \uADF8\uB807\uB2E4). \uC624\uB978\uCABD \uB05D\uC744 \uB20C\uB800\uB294\uB370 \uCE90\uB7FF\uC774 \uB2E4\uC74C \uC904 \uB9E8 \uC67C\uCABD\uC5D0 \uC11C\uACE0,\n   \uADF8 \uB760\uB97C \uAC00\uB85C\uC9C8\uB7EC \uB04C\uBA74 \uC5C9\uB6B1\uD55C \uB370\uAC00 \uC7A1\uD788\uB358 \uAC83\uC774 \uC804\uBD80 \uC774\uAC83\uC774\uB2E4.\n   padding \uC774\uBA74 \uADF8 \uB760\uAC00 **\uC55E \uBE14\uB85D\uC758 \uBAB8**\uC774\uB77C, \uBE0C\uB77C\uC6B0\uC800\uAC00 \uC81C \uC904 \uC548\uC5D0\uC11C x \uAE4C\uC9C0 \uD480\uC5B4 \uC900\uB2E4 \u2014\n   \uC904\uC758 \uBC29\uD5A5(RTL \uC774\uBA74 \uB05D\uC774 \uC67C\uCABD)\uB3C4 \uBE0C\uB77C\uC6B0\uC800\uAC00 \uC548\uB2E4. \uC6B0\uB9AC\uAC00 \uC140 \uAC83\uC774 \uC5C6\uC5B4\uC9C4\uB2E4. */\n.nabi-content > * { margin: 0; padding-block-end: .6em; }\n.nabi-content > :last-child { padding-block-end: 0; }\n/* \uBC1C\uD589 HTML \uC758 \uBE48 \uAE00 \uBB38\uB2E8\uC740 \uC790\uC2DD\uC774 \uC5C6\uC5B4 \uBE0C\uB77C\uC6B0\uC800\uAC00 \uC904 \uC0C1\uC790\uB97C \uB9CC\uB4E4\uC9C0 \uC54A\uB294\uB2E4. \uD3B8\uC9D1\uAE30\uC5D0\uC11C\uB294 \uBC1B\uCE68\n   br \uC774 \uAC19\uC740 \uC77C\uC744 \uD558\uC9C0\uB9CC \uBC1C\uD589\uAC12\uC5D0\uB294 \uD654\uBA74 \uC804\uC6A9 \uBC1B\uCE68\uC744 \uC2E3\uC9C0 \uC54A\uC73C\uBBC0\uB85C, \uBE48 \uBB38\uB2E8\uB9C8\uB2E4 \uD55C \uC904 \uB192\uC774\uB97C\n   \uC2DC\uD2B8\uAC00 \uC138\uC6B4\uB2E4. \uADF8\uB798\uC57C \uC5D4\uD130\uB97C \uC5F0\uB2EC\uC544 \uB9CC\uB4E0 \uBE48 \uBB38\uB2E8 \uC218\uAC00 \uBBF8\uB9AC\uBCF4\uAE30\uC640 \uBC1C\uD589 \uD654\uBA74\uC5D0\uB3C4 \uADF8\uB300\uB85C \uBCF4\uC778\uB2E4. */\n.nabi-content :is(p, h1, h2, h3, h4, h5, h6):empty { min-block-size: 1lh; }\n/* \uBE48 \uD3B8\uC9D1\uAE30\uC758 \uC548\uB0B4\uAE00 \u2014 **\uD3B8\uC9D1 \uBFCC\uB9AC\uC758 \uCE35 \uD558\uB098\uB2E4.** \uBB38\uC11C\uC758 \uBE14\uB85D\uC774 \uC544\uB2C8\uB77C \uD3B8\uC9D1 \uC0C1\uC790\uC5D0 \uBD99\uC73C\uBBC0\uB85C\n   \uADF8 \uC548\uC758 \uAE00\uC774 \uBB34\uC2A8 \uC637\uC744 \uC785\uB4E0(\uC81C\uBAA9\u00B7\uC815\uB82C\u00B7\uB4DC\uB86D\uCEA1) \uC548\uB0B4\uAE00\uC740 \uB298 \uAE30\uBCF8 \uBAA8\uC591\uC774\uB2E4 \u2014\n   \"\uC548\uB0B4\uAE00\uC740 \uAE30\uBCF8\uC0C1\uD0DC \uB531 \uADF8 \uC0C1\uD0DC\uC5EC\uC57C \uD55C\uB2E4\"(\uC8FC\uC778 2026-08-23).\n   \uC608\uC804\uC5D0\uB294 \uBE48 \uBE14\uB85D \uC790\uC2E0\uC758 ::before \uC600\uB2E4. \uADF8\uB54C\uB294 \uC815\uB82C\uC774 \uC0C8\uC11C text-align: start \uD55C \uC904\uB85C \uB9C9\uC558\uB294\uB370,\n   \uC81C\uBAA9\uC774 \uAC19\uC740 \uAE38\uB85C \uC0C8\uACE0(\uAE00\uC790\uAC00 \uCEE4\uC9C4\uB2E4) \uB4DC\uB86D\uCEA1\uB3C4 ::first-letter \uB85C \uC0DC\uB2E4 \u2014 \uB9C9\uB294 \uC904\uC744 \uC18D\uC131\uB9C8\uB2E4\n   \uB298\uB9AC\uB294 \uB300\uC2E0 \uBD99\uB294 \uC790\uB9AC\uB97C \uD55C \uCE35 \uC704\uB85C \uC62C\uB9B0\uB2E4.\n   \uBE48 \uD310\uC815\uC740 \uADF8\uB300\uB85C\uB2E4: \uBB38\uC11C\uAC00 \uD1B5\uC9F8\uB85C \uBE48 \uBAA8\uC591\uC740 \uD654\uBA74\uC5D0\uC11C\uB3C4 \uD55C \uBAA8\uC591\uBFD0\uC774\uB77C \"\uBC1B\uCE68 br \uD558\uB098\uB9CC \uB4E0 \uAE00\n   \uBE14\uB85D \uD558\uB098\"\uAC00 \uACE7 \uBE48 \uBB38\uC11C\uB2E4(html/render \uC758 \uBC1B\uCE68 \uADDC\uCE59 \u2460, \uACB0\uC815 12). \uADF8\uB798\uC11C \uD2B8\uB9AC\uB97C \uC548 \uBCF4\uACE0 \uADF8 \uBAA8\uC591\n   \uD558\uB098\uB9CC \uACA8\uB208\uB2E4 \u2014 \uAE00\uC790\uAC00 \uD55C \uC790 \uB4E4\uC5B4\uC624\uB294 \uC21C\uAC04 \uBC1B\uCE68\uC774 \uC0AC\uB77C\uC9C0\uBBC0\uB85C \uC548\uB0B4\uAE00\uB3C4 \uAC19\uC774 \uC0AC\uB77C\uC9C4\uB2E4.\n   \uD3EC\uCEE4\uC2A4\uAC00 \uB4E4\uBA74 \uC774 \uCE35\uC740 \uC5C6\uC564\uB2E4. Android Chrome \uC758 IME \uB294 compositionstart \uC804\uC5D0 \uAC00\uC0C1 \uC694\uC18C\uAE4C\uC9C0\n   \uD3EC\uD568\uD55C \uBE48 contenteditable \uC5D0\uC11C \uC870\uD569 \uB300\uC0C1\uC744 \uC815\uD574 \uCCAB \uD55C\uAE00 \uC74C\uC808\uC744 \uAE68\uB728\uB9B4 \uC218 \uC788\uB2E4. \uD45C\uBA74\uC740 \uADF8\uB54C\n   \uD3ED \uC5C6\uB294 \uC9C4\uC9DC \uD14D\uC2A4\uD2B8 \uB178\uB4DC\uB97C \uBA3C\uC800 \uC138\uC6B0\uBBC0\uB85C, \uC548\uB0B4\uAE00\uB3C4 \uC870\uD569 \uC790\uB9AC\uC640 \uACB9\uCE58\uC9C0 \uC54A\uAC8C \uBB3C\uB7EC\uB098\uC57C \uD55C\uB2E4.\n   \uC81C\uBAA9 \uD0DC\uADF8\uAE4C\uC9C0 \uC138\uB294 \uAE4C\uB2ED\uC740 \uBE48 \uBB38\uC11C\uC5D0\uC11C \uC81C\uBAA9 \uB2E8\uCD94\uBD80\uD130 \uB204\uB974\uB294 \uAC78\uC74C\uC774\uB2E4(104).\n   \uB9D0\uC740 \uC2DC\uD2B8\uAC00 \uC544\uB2C8\uB77C \uBCC0\uC218\uB85C \uC628\uB2E4 \u2014 --nabi-placeholder \uC5D0 surface \uAC00 \uC801\uB294\uB2E4(\uB9D0\uC740 \uB85C\uCF00\uC77C\uC758\n   \uAC83\uC774\uACE0 \uC2DC\uD2B8\uB294 \uBAA8\uC591\uC758 \uAC83\uC774\uB2E4). \uC548 \uC801\uD600 \uC788\uC73C\uBA74 \uBE48 \uAE00\uC790\uC5F4\uC774\uB77C \uC544\uBB34\uAC83\uB3C4 \uC548 \uB72C\uB2E4.\n   pre-line \uC778 \uAE4C\uB2ED\uC740 \uC5EC\uB7EC \uC904\uC9DC\uB9AC \uC548\uB0B4\uAE00\uC774\uB2E4 \u2014 surface \uAC00 \uC904\uBC14\uAFC8\uC744 CSS \uC758 A \uB85C \uC62E\uACA8 \uC801\uB294\uB370,\n   \uBCF4\uD1B5\uC758 white-space \uB294 \uADF8 \uC904\uBC14\uAFC8\uC744 \uACF5\uBC31\uC73C\uB85C \uBB49\uAC20\uB2E4. \uC787\uB2E8 \uACF5\uBC31\uC740 \uADF8\uB300\uB85C \uBB49\uAC20\uB2E4(pre-wrap \uC774\n   \uC544\uB2CC \uAE4C\uB2ED).\n   \uC790\uB9AC\uB294 \uC808\uB300 \uC704\uCE58\uB2E4 \u2014 \uD750\uB984\uC5D0 \uB07C\uBA74 \uCE90\uB7FF\uC774 \uC548\uB0B4\uAE00 \uB4A4\uB85C \uBC00\uB824\uB09C\uB2E4. padding: inherit \uAC00 \uC694\uC810\uC774\uB2E4 \u2014\n   \uC808\uB300 \uC704\uCE58\uC758 \uAE30\uC900\uC740 .nabi-content \uC758 **\uD328\uB529 \uC0C1\uC790**\uB77C, \uC548\uB0B4\uAE00\uC774 \uAE00\uC790\uC640 \uAC19\uC740 \uC790\uB9AC\uC5D0 \uC11C\uB824\uBA74 \uAC19\uC740\n   \uC548\uCABD \uC5EC\uBC31\uC744 \uC368\uC57C \uD55C\uB2E4. \uAC12\uC744 \uBCA0\uB07C\uC9C0 \uC54A\uACE0 \uC0C1\uC18D\uBC1B\uC73C\uBBC0\uB85C \uD638\uC2A4\uD2B8\uAC00 padding \uC744 \uBC14\uAFD4\uB3C4 \uB530\uB77C\uAC04\uB2E4.\n   \uB17C\uB9AC \uC88C\uD45C\uB77C RTL \uC5D0\uC11C\uB294 \uC624\uB978\uCABD\uC5D0\uC11C \uC2DC\uC791\uD55C\uB2E4.\n   **\uC815\uB82C\uC740 \uC548 \uB530\uB77C\uAC04\uB2E4** (text-align: start) \u2014 \uCE35\uC774 \uB41C \uC9C0\uAE08\uC740 \uC800\uC808\uB85C \uADF8\uB807\uC9C0\uB9CC, \uBFCC\uB9AC\uC5D0 \uC815\uB82C\uC774\n   \uAC78\uB9AC\uB294 \uD638\uC2A4\uD2B8\uAC00 \uC788\uC5B4 \uADF8\uB300\uB85C \uB454\uB2E4. \uC548\uB0B4\uAE00\uC758 \uC790\uB9AC\uB294 \uAE00\uC758 \uBC29\uD5A5\uC774 \uC815\uD55C\uB2E4: LTR \uC774\uBA74 \uC67C\uCABD,\n   RTL \uC774\uBA74 \uC624\uB978\uCABD\uC774\uB2E4.\n   user-select: none \uC740 \uCE35\uC774 \uB41C \uAE40\uC5D0 \u2014 \uC804\uCCB4\uC120\uD0DD\uC774 \uC774 \uAE00\uC790\uB97C \uD6D1\uB294 \uC77C\uC774 \uC5C6\uAC8C.\n   \uC0C9\uC740 muted \uADF8\uB300\uB85C\uAC00 \uC544\uB2C8\uB77C **\uC54C\uD30C\uB97C \uC11E\uC740 \uAC12**\uC774\uB2E4 (\uC8FC\uC778 2026-08-23) \u2014 \uC548\uB0B4\uAE00\uC740 \uC4F4 \uAE00\uC774 \uC544\uB2C8\uB77C\n   \uC790\uB9AC\uB9CC \uC54C\uB9AC\uB294 \uB9D0\uC774\uB77C \uD55C \uAC78\uC74C \uB4A4\uB85C \uBB3C\uB9B0\uB2E4. \uAC08\uC544 \uB07C\uC6B0\uB294 \uC774\uB984\uC740 --nabi-placeholder-color \uD558\uB098\uACE0,\n   \uCF54\uC5B4\uB294 \uADF8\uAC83\uC744 \uC815\uC758\uD558\uC9C0 \uC54A\uB294\uB2E4(\uAE00\uAF34\u00B7\uCD5C\uC18C \uB192\uC774\uC640 \uAC19\uC740 \uADDC\uCE59) \u2014 \uD638\uC2A4\uD2B8\uAC00 \uC5B4\uB514\uC5D0 \uC801\uB4E0 \uC774\uAE34\uB2E4.\n   \uB300\uCCB4\uAC12\uC740 \uD14C\uB9C8\uB97C \uD0C0\uB294 --nabi-placeholder-color-fallback \uC774\uB77C \uB2E4\uD06C\uC5D0\uC11C\uB3C4 \uC81C \uBC1D\uAE30\uB85C \uB72C\uB2E4.\n   \uB9E8 \uB05D\uC758 \uB9AC\uD130\uB7F4\uC740 \uD1A0\uD070\uC774 \uC548 \uB2FF\uB294 \uC790\uB9AC(\uC2DC\uD2B8\uC758 \uD1A0\uD070 \uBE14\uB85D \uBC16)\uB97C \uC704\uD55C \uB9C8\uC9C0\uB9C9 \uBC1B\uCE68\uC774\uB2E4. */\n.nabi-content.nabi-editing { position: relative; }\n.nabi-content.nabi-editing:not(:focus):has(> :is(p, h1, h2, h3, h4, h5, h6):only-child > br:only-child)::before {\n  content: var(--nabi-placeholder, \"\");\n  position: absolute; inset-block-start: 0; inset-inline: 0;\n  padding: inherit;\n  text-align: start; white-space: pre-line;\n  color: var(--nabi-placeholder-color, var(--nabi-placeholder-color-fallback, #6b6b76aa));\n  pointer-events: none; user-select: none;\n}\n.nabi-content [data-nabi-align=\"l\"] { text-align: start; }\n.nabi-content [data-nabi-align=\"c\"] { text-align: center; }\n.nabi-content [data-nabi-align=\"r\"] { text-align: end; }\n/* \uBB3C\uAC74\uC740 text-align \uC774 \uC548 \uC62E\uAE34\uB2E4 \u2014 \uD45C\uB294 display:table \uC774\uACE0 \uAC89\uC637(.nabi-scroll)\uC740 \uBE14\uB85D\uC774\uB77C, \uB458 \uB2E4\n   \uAE00\uC790\uAC00 \uC544\uB2C8\uB77C **\uC0C1\uC790**\uB2E4. \uC0C1\uC790\uB294 \uBC14\uAE65 \uC5EC\uBC31\uC73C\uB85C \uC62E\uAE34\uB2E4.\n   \uADF8\uB9BC\u00B7\uC601\uC0C1\uC740 \uC790\uAE30 \uD3ED(\uB610\uB294 \uBCF8\uB514 \uD06C\uAE30)\uC774 \uC774\uBBF8 \uC788\uC73C\uBBC0\uB85C \uD3ED\uC744 \uAC74\uB4DC\uB9AC\uC9C0 \uC54A\uB294\uB2E4 \u2014 \uBE14\uB85D\uC73C\uB85C \uC138\uC6B0\uACE0\n   \uC5EC\uBC31\uB9CC \uC900\uB2E4. \uC5EC\uAE30\uC11C fit-content \uB97C \uC8FC\uBA74 \uB300\uCCB4 \uC5D8\uB9AC\uBA3C\uD2B8\uAC00 \uCC0C\uADF8\uB7EC\uC9C4\uB2E4. */\n.nabi-content [data-nabi-align] > .nabi-scroll,\n.nabi-content [data-nabi-align] > table { inline-size: fit-content; max-inline-size: 100%; }\n.nabi-content [data-nabi-align] > :is(img, iframe) { display: block; }\n.nabi-content [data-nabi-align=\"l\"] > :is(.nabi-scroll, table, img, iframe) { margin-inline: 0 auto; }\n.nabi-content [data-nabi-align=\"c\"] > :is(.nabi-scroll, table, img, iframe) { margin-inline: auto; }\n.nabi-content [data-nabi-align=\"r\"] > :is(.nabi-scroll, table, img, iframe) { margin-inline: auto 0; }\n/* \uB4DC\uB86D\uCEA1 \u2014 \uCCAB \uAE00\uC790\uAC00 **\uC138 \uC904**\uC744 \uCC28\uC9C0\uD55C\uB2E4.\n   \uC148: \uB744\uC6B4 \uC0C1\uC790\uC758 \uD0A4 = font-size \u00D7 line-height \uC774\uACE0, \uBCF8\uBB38 \uD55C \uC904\uC740 1.7em \uC774\uB2E4(.nabi-content \uC758\n   line-height). \uBC00\uB824\uB098\uB294 \uC904 \uC218\uB294 \uADF8 \uD0A4\uB97C \uC904 \uB192\uC774\uB85C \uB098\uB208 **\uC62C\uB9BC**\uC774\uB77C, \uC138 \uC904\uC744 \uC6D0\uD558\uBA74 \uC0C1\uC790\uAC00\n   5.1em \uC744 **\uB118\uC9C0 \uC54A\uC544\uC57C** \uD55C\uB2E4.\n\n   \uB531 5.1em \uC73C\uB85C \uB9DE\uCD94\uBA74 \uC548 \uB41C\uB2E4 \u2014 \uC138 \uC904\uC758 \uC544\uB798 \uBCC0\uACFC \uC0C1\uC790\uC758 \uC544\uB798 \uBCC0\uC774 \uAC19\uC740 \uC790\uB9AC\uC5D0 \uC11C\uC11C, \uBC18\uC62C\uB9BC\uC774\n   \uD55C \uD53D\uC140\uB9CC \uC5B4\uAE0B\uB098\uB3C4 \uB124 \uC904\uC9F8\uAC00 \uBC00\uB9B0\uB2E4(\uC2E4\uC81C\uB85C \uADF8\uB7AC\uB2E4). \uADF8\uB798\uC11C 3\uC904 **\uC548\uCABD**\uC778 4.9em \uCBE4\uC73C\uB85C \uC7A1\uB294\uB2E4:\n   5.9 \u00D7 .83 = 4.897em \u2192 2.88\uC904\uC774\uB77C \uC138 \uC904\uC744 \uBC00\uC5B4\uB0B4\uACE0 \uB124 \uC904\uC9F8\uB294 \uC548 \uAC74\uB4DC\uB9B0\uB2E4.\n   (\uC608\uC804 3em \u00D7 .8 = 2.4em \uC740 \uBC18\uB300\uB85C \uB450 \uC904\uB9CC \uBC00\uC5B4\uB0C8\uB2E4.)\n\n   **\uACF1\uC774 \uAC19\uC544\uB3C4 \uC5B4\uB290 \uCABD\uC744 \uD0A4\uC6B0\uB290\uB0D0\uAC00 \uB2E4\uB974\uB2E4.** line-height \uB97C \uD0A4\uC6B0\uBA74 \uC0C1\uC790 \uD0A4\uB294 \uADF8\uB300\uB85C\uC778\uB370 \uAE00\uC790\uAC00\n   \uC791\uC544\uC9C0\uACE0 \uC704\uC544\uB798\uB85C \uBE48\uC790\uB9AC\uAC00 \uC0DD\uAE34\uB2E4 \u2014 \uC138 \uC904\uC744 \uCC28\uC9C0\uD558\uC9C0\uB9CC \uADF8 \uC548\uC774 \uD5D0\uB801\uD558\uB2E4. \uADF8\uB798\uC11C \uBC18\uB300\uB85C \uAC04\uB2E4:\n   line-height \uB97C 1 \uC544\uB798\uB85C \uC870\uC5EC **\uAE00\uC790 \uCABD\uC744 \uD0A4\uC6B4\uB2E4**(5.9em). \uC138\uB85C\uB85C \uAF49 \uCC2C \uB4DC\uB86D\uCEA1\uC774 \uC774 \uAC12\uC774\uB2E4.\n   \uC870\uC774\uB294 \uAC83\uC740 \uC704\uC544\uB798\uBFD0\uC774\uACE0 \uAC00\uB85C \uC0AC\uC774\uB294 \uADF8\uB300\uB85C \uB454\uB2E4.\n\n   \uC624\uB978\uCABD \uC0AC\uC774\uB294 \uB450 \uBAAB\uC774\uB2E4: padding \uC740 \uB744\uC6B4 \uC0C1\uC790 **\uC548**, margin \uC740 \uADF8 **\uBC14\uAE65**. \uB4A4 \uAE00\uC790\uAC00\n   \uC548 \uB2EC\uB77C\uBD99\uAC8C \uD558\uB294 \uC790\uB9AC\uB2E4(\uC608\uC804 .08em \uC740 \uBD99\uC5B4 \uBCF4\uC600\uB2E4). \uAE00\uC790\uAC00 \uCEE4\uC84C\uC73C\uB2C8 em \uAC12\uC744 \uADF8\uB9CC\uD07C \uC904\uC5EC\n   **\uC2E4\uC81C \uD3ED\uC740 \uADF8\uB300\uB85C** \uB454\uB2E4 \u2014.14em \u00D7 4 \uACFC.095em \u00D7 5.9 \uAC00 \uAC19\uC740 \uD3ED\uC774\uB2E4.\n\n   contenteditable \uC548\uC5D0\uB294 \uC774 \uAC00\uC0C1 \uC0C1\uC790\uB97C \uB9CC\uB4E4\uC9C0 \uC54A\uB294\uB2E4. ::first-letter\uAC00 \uC788\uC73C\uBA74 WebKit\uC740 \uBCF4\uC774\uB294\n   \uCE90\uB7FF\uACFC Selection\uC744 \uD55C \uAE00\uC790 \uC5B4\uAE0B\uB098\uAC8C \uD558\uACE0, Chromium\uB3C4 \uB4DC\uB86D\uCEA1 \uBB38\uB2E8\uC73C\uB85C \uB0B4\uB824\uAC00\uB294 \uC904 \uC774\uB3D9\uC744\n   \uBB38\uC11C \uB05D\uC73C\uB85C \uBCF4\uB0BC \uC218 \uC788\uB2E4(\uB458 \uB2E4 \uC2E4\uC7AC \uC7AC\uD604). \uD3B8\uC9D1 \uC870\uB9BD\uC740 \uCCAB \uAE00\uC790\uB97C \uC2E4\uC81C span\uC73C\uB85C \uAC10\uC2F8 \uAC19\uC740\n   \uBAA8\uC591\uC744 \uADF8\uB9B0\uB2E4. \uC2E4\uC81C \uB178\uB4DC\uB77C DOM Selection\uACFC \uD2B8\uB9AC \uC624\uD504\uC14B\uC774 \uAC19\uC740 \uAE00\uC790\uB97C \uAC00\uB9AC\uD0A8\uB2E4. */\n.nabi-content:not(.nabi-editing) [data-nabi-dropcap=\"1\"]::first-letter,\n.nabi-content.nabi-editing [data-nabi-dropcap-letter] {\n  float: inline-start;\n  font-size: 5.9em; line-height: .83;\n  padding-inline-end: .095em; margin-inline-end: .04em;\n}\n.nabi-content [data-nabi-p] { display: block; }\n/* \uD45C\uC758 \uAC89\uC637 \u2014 \uB118\uCE58\uBA74 **\uD45C \uC548**\uC5D0\uC11C \uAD6C\uB978\uB2E4(\uD398\uC774\uC9C0\uAC00 \uC606\uC73C\uB85C \uBC00\uB9AC\uC9C0 \uC54A\uB294\uB2E4).\n   \uD3ED\uC740 \uD45C\uB97C \uAEF4\uC548\uB294\uB2E4: \uBE14\uB85D \uAE30\uBCF8\uAC12(\uC904 \uD3ED \uC804\uBD80)\uC73C\uB85C \uB450\uBA74 \uD45C \uC624\uB978\uCABD\uC758 \uBE48 \uC790\uB9AC\uAC00 \uC804\uBD80 \uAC89\uC637\uC774\uB77C,\n   \uAC70\uAE30\uB97C \uB20C\uB7EC\uB3C4 \uD45C\uB97C \uB204\uB978 \uAC83\uC774 \uB41C\uB2E4. \uC7B4 \uC218 \uC788\uB294 \uC790\uB9AC\uB9CC \uD45C\uC758 \uC790\uB9AC\uB2E4. */\n.nabi-scroll { overflow-x: auto; inline-size: fit-content; max-inline-size: 100%; }\n/* \uACE0\uB978 \uD45C\uC758 \uC810\uC120\uC740 **\uC548\uCABD**\uC5D0 \uB450\uB978\uB2E4 \u2014 \uAC89\uC637\uC774 \uB118\uCE68\uC744 \uC790\uB974\uBBC0\uB85C \uBC16\uC73C\uB85C 2px \uB098\uAC04 \uACE0\uB9AC\uB294 \uC798\uB824\n   \uD55C\uCABD \uBCC0\uB9CC \uBCF4\uC600\uB2E4. \uC548\uCABD\uC5D0 \uB450\uB974\uBA74 \uB124 \uBCC0\uC774 \uB2E4 \uC0B0\uB2E4(\uD45C\uB97C \uAC10\uC2F8\uB294 \uADF8 \uC790\uB9AC \uADF8\uB300\uB85C\uB2E4). */\n.nabi-content .nabi-scroll > [data-nabi-picked] { outline-offset: -2px; }\n\n/* \uC804\uCCB4\uD654\uBA74 \u2014 Fullscreen API \uAC00 \uC544\uB2C8\uB77C \uD074\uB798\uC2A4 \uD558\uB098\uB2E4(iframe \uC548\uC5D0\uC11C\uB3C4 \uC0B0\uB2E4). */\n.nabi.is-fullscreen {\n  position: fixed; inset: 0; inset-block-end: var(--nabi-keyboard-bottom, 0px);\n  z-index: var(--nabi-z-overlay); overflow: auto; background: var(--nabi-bg);\n}\n\n/* \uB36E\uAC1C \u2014 \uBBF8\uB9AC\uBCF4\uAE30\u00B7\uB77C\uC774\uD2B8\uBC15\uC2A4\uAC00 \uAC19\uC740 \uBD80\uD488 \uC704\uC5D0 \uC120\uB2E4.\n   **\uC605\uC740 \uBE14\uB7EC\uAC00 \uD55C \uC904 \uB4E4\uC5B4\uAC04\uB2E4.** \uBC18\uD22C\uBA85 \uB9C9\uB9CC\uC73C\uB85C\uB294 \uB4A4 \uD398\uC774\uC9C0\uC758 \uAE00\uC790\uAC00 \uADF8\uB300\uB85C \uC77D\uD600 \uC55E\uC758 \uAE00\uACFC\n   \uACB9\uCCD0 \uBCF4\uC778\uB2E4. \uD750\uB9AC\uBA74 \uB4A4\uAC00 \"\uBC30\uACBD\"\uC774 \uB418\uACE0 \uC77D\uB294 \uC790\uB9AC\uAC00 \uD558\uB098\uB85C \uB0A8\uB294\uB2E4. \uC57D\uD558\uAC8C \u2014 \uB4A4\uAC00 \uBB34\uC5C7\uC774\uC5C8\uB294\uC9C0\uB294\n   \uC5EC\uC804\uD788 \uBCF4\uC5EC\uC57C \uD55C\uB2E4. */\n.nabi-scrim {\n  position: fixed; inset: 0; z-index: var(--nabi-z-dialog); display: flex; align-items: center;\n  justify-content: center; padding: 4vmin; background: var(--nabi-scrim);\n  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);\n}\n/* \uBB38\uC11C \uC790\uC2E0\uC758 \uD3ED\uC73C\uB85C \uB728\uB294 \uC0AC\uAC01\uD615 \u2014 \uB77C\uC6B4\uB4DC\uB97C \uD06C\uAC8C \uC8FC\uC9C0 \uC54A\uB294\uB2E4. \uB4A4\uC758 \uB9C9\uC774 \uC774\uBBF8 \uD398\uC774\uC9C0\uC640 \uAC08\uB77C\n   \uB193\uACE0 \uC788\uC5B4\uC11C, \uADF8 \uC704\uC758 \uD070 \uB77C\uC6B4\uB4DC\uB294 \uC77D\uB294 \uB2E8\uC744 \uC704\uC82F\uCC98\uB7FC \uBCF4\uC774\uAC8C \uD55C\uB2E4. \uC2E4\uC120 \uD55C \uC904\uC740 \uB0A8\uAE34\uB2E4:\n   \uB2E4\uD06C\uC5D0\uC11C\uB294 \uCE74\uB4DC\uC640 \uB9C9\uC758 \uBC1D\uAE30\uAC00 \uAC00\uAE4C\uC6CC \uADF8\uB9BC\uC790\uB9CC\uC73C\uB85C\uB294 \uC5B4\uB514\uAE4C\uC9C0\uAC00 \uC0C1\uC790\uC778\uC9C0 \uB208\uC774 \uBABB \uC9DA\uB294\uB2E4. */\n.nabi-card {\n  position: relative; background: var(--nabi-bg); color: var(--nabi-fg);\n  border: 1px solid var(--nabi-line); border-radius: var(--nabi-radius-xs); box-shadow: var(--nabi-shadow);\n  inline-size: var(--nabi-preview-width, 720px); max-inline-size: 100%; max-block-size: 100%;\n  overflow: auto; outline: none;\n}\n.nabi-preview { min-block-size: min(50dvh, 100%); }\n/* \uCE74\uB4DC \uC704\uC5D0 \uACB9\uCCD0 \uC549\uB294 \uBC18\uD22C\uBA85 \uB3D9\uADF8\uB77C\uBBF8 \u2014 \uC81C\uBAA9 \uC904\uC744 \uC5C6\uC560\uACE0 \uC774\uAC83\uB9CC \uB0A8\uACBC\uB2E4. \uC904 \uD558\uB098\uAC00 \uD1B5\uC9F8\uB85C\n   \uC0AC\uB77C\uC9C0\uB2C8 \uADF8 \uC904\uC758 \uD14C\uB450\uB9AC\uB3C4 \uD568\uAED8 \uC5C6\uC5B4\uC9C0\uACE0, \uB0B4\uC6A9\uC774 \uCE74\uB4DC \uC804\uCCB4\uB97C \uADF8\uB300\uB85C \uC4F4\uB2E4. */\n.nabi-close {\n  position: absolute; inset-block-start: 8px; inset-inline-end: 8px; inline-size: 32px; block-size: 32px;\n  z-index: 1; border: 0; border-radius: 999px; color: inherit; cursor: pointer;\n  display: inline-flex; align-items: center; justify-content: center;\n  background: color-mix(in srgb, var(--nabi-bg) 65%, transparent);\n  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);\n}\n.nabi-close:hover { background: color-mix(in srgb, var(--nabi-soft) 85%, transparent); }\n.nabi-lightbox { max-inline-size: 100%; max-block-size: 100%; object-fit: contain; outline: none; }\n/* \uBBF8\uB9AC\uBCF4\uAE30\uC758 \uADF8\uB9BC\uC740 **\uB204\uB974\uBA74 \uD06C\uAC8C \uC5F4\uB9B0\uB2E4** \u2014 overlay.ts \uC758 body \uD074\uB9AD \uD558\uB098\uAC00 \uADF8 \uBB38\uC774\uB2E4.\n   \uC190\uAC00\uB77D \uCEE4\uC11C\uB294 \uADF8 \uC0AC\uC2E4\uC744 \uB9D0\uD55C\uB2E4. \uD3B8\uC9D1 \uD654\uBA74\uC758 \uAC19\uC740 \uB9D0(img wing \uC758 .nabi-editing img)\uC774 \uC5EC\uAE30\uAE4C\uC9C0\n   \uC548 \uC628 \uAE4C\uB2ED\uC740 \uBBF8\uB9AC\uBCF4\uAE30 \uBCF8\uBB38\uC5D0 .nabi-editing \uC774 \uC5C6\uAE30 \uB54C\uBB38\uC774\uB2E4 \u2014 \uAC70\uAE30\uB294 \uACE0\uCE58\uB294 \uC790\uB9AC\uAC00 \uC544\uB2C8\uB2E4.\n   \uADF8\uB9BC\uC744 \uB204\uB97C \uC218 \uC788\uAC8C \uB9CC\uB4DC\uB294 \uAC83\uC774 \uC774 \uD30C\uC77C\uC774\uBBC0\uB85C, \uADF8\uB807\uB2E4\uACE0 \uB9D0\uD558\uB294 \uAC83\uB3C4 \uC774 \uD30C\uC77C\uC758 \uBAAB\uC774\uB2E4. */\n.nabi-preview-body img { cursor: pointer; }\n\n/* \uACA9\uC790 \uD310 \uB458 \u2014 \uBD99\uC5EC\uB123\uAE30(\uACE0\uB974\uB294 \uD310)\uC640 \uC800\uC7A5 \uD310\uC740 **\uD55C \uADDC\uCE59\uC744 \uB098\uB220 \uC4F4\uB2E4**(\uC8FC\uC778 \uC9C0\uC2DC 2026-08-23:\n   \"\uBD99\uC5EC\uB123\uAE30\uCC98\uB7FC 3\uAC1C \uBCF4\uC774\uAC8C\" \u00B7 \"\uB9C8\uC6B0\uC2A4 \uC624\uBC84 CSS \uB3C4 \uBC30\uACBD\uC0C9 \uC5C6\uACE0 \uD14C\uB450\uB9AC \uD30C\uB791 \u2026 \uBC29\uD5A5\uD0A4 \uC81C\uC5B4\uB791\n   \uCC98\uC74C \uB728\uB294 \uC704\uCE58\uB3C4\"). \uAC08\uB77C \uB450\uBA74 \uB2E4\uC74C \uB77C\uC6B4\uB4DC\uC5D0 \uD55C\uCABD\uB9CC \uACE0\uCCD0\uC838 \uB610 \uC5B4\uAE0B\uB09C\uB2E4 \u2014 \uC9D3\uB294 \uC190\uB3C4 \uD558\uB098\uB2E4\n   (ui/parts/grid.ts).\n\n   **\uB098\uB780\uD788 \uC120 \uCE74\uB4DC \uBA87 \uC7A5**\uC774\uB2E4. \uAE30\uB85D \uD310\uBCF4\uB2E4 \uC881\uAC8C \uC138\uC6B4\uB2E4: \uC5EC\uAE30\uC11C \uC77D\uB294 \uAC83\uC740 \uD615\uC2DD\uC758 \uC774\uB984 \uD55C\n   \uB0B1\uB9D0\uC774\uB77C, \uD310\uC774 \uB113\uC73C\uBA74 \uAE00\uC790\uAC00 \uD5C8\uACF5\uC5D0 \uB72C\uB2E4. \uC81C\uBAA9\uB3C4 \uCE74\uB4DC\uB3C4 \uAC00\uC6B4\uB370\uB2E4 \u2014 \uC9E7\uC740 \uAC83 \uC11C\uB11B\uC774 \uD55C \uC904\uC5D0\n   \uC11C\uB294 \uD310\uC5D0\uC11C \uC67C\uCABD \uC815\uB82C\uC740 \uC624\uB978\uCABD\uC5D0 \uBE48 \uC790\uB9AC\uB97C \uB0A8\uAE34\uB2E4.\n   \uD3ED\uC740 **\uC0C1\uD55C\uB9CC** \uC900\uB2E4 \u2014 \uCE74\uB4DC\uC758 \uACE0\uC815 \uD3ED\uC744 \uC5EC\uAE30\uC11C \uD480\uC5B4 \uD310\uC774 \uD6C4\uBCF4 \uC218\uB9CC\uD07C\uB9CC \uB113\uC5B4\uC9C4\uB2E4: \uB458\uC774\uBA74 \uB450 \uCE78\n   \uD3ED, \uB137\uC774\uBA74 \uC14B \uCE78 \uD3ED\uC774 \uC0C1\uD55C\uC774\uB2E4. \uACE0\uC815 \uD3ED\uC774\uBA74 \uD6C4\uBCF4 \uB458\uC9DC\uB9AC \uD310 \uC606\uC774 \uC808\uBC18 \uBE48\uB2E4. */\n.nabi-choose, .nabi-save { inline-size: fit-content; max-inline-size: min(24rem, 100%); padding: .9rem; }\n.nabi-choose-title, .nabi-save-title {\n  font-size: .9rem; font-weight: 650; margin-block-end: .8rem; text-align: center;\n}\n/* \uD55C \uC904\uC5D0 \uC14B\uAE4C\uC9C0\uC758 \uACA9\uC790 \u2014 \uC5F4 \uC218(--nabi-grid-cols)\uB294 \uD310\uC744 \uC138\uC6B0\uB294 \uC190\uC774 \uD6C4\uBCF4 \uC218\uB85C \uAC74\uB128\uB2E4.\n   \uBC29\uD5A5\uD0A4\uC758 \uAC78\uC74C(gridStep)\uC774 \uAC19\uC740 \uC5F4 \uC218\uB97C \uC4F4\uB2E4: \uBCF4\uC774\uB294 \uACA9\uC790\uC640 \uACA8\uB214\uC758 \uACA9\uC790\uAC00 \uD558\uB098\uB2E4. */\n.nabi-choose-list, .nabi-save-list {\n  display: grid; grid-template-columns: repeat(var(--nabi-grid-cols, 3), minmax(0, 5.25rem));\n  justify-content: center; gap: .4rem;\n}\n/* \uD55C \uC790\uB9AC = \uC138\uB85C \uC2A4\uD0DD: \uADF8\uB9BC\uC774 \uC704, \uC774\uB984\uC774 \uC544\uB798. \uADF8\uB9BC \uC5C6\uB294 \uD6C4\uBCF4(\uD638\uC2A4\uD2B8 \uD544\uD130)\uB294 \uADF8 \uCE78\uC744 \uC544\uC608\n   \uC548 \uB9CC\uB4E4\uC5B4\uC11C, \uC774\uB984 \uD558\uB098\uAC00 \uCE74\uB4DC \uD55C\uAC00\uC6B4\uB370 \uADF8\uB300\uB85C \uC120\uB2E4. */\n.nabi-choose-row, .nabi-save-row {\n  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .4rem;\n  min-inline-size: 0; min-block-size: 4.5rem; text-align: center; cursor: pointer;\n  padding: .7rem .4rem; border: 1px solid transparent; border-radius: var(--nabi-radius-xs);\n  background: none; color: inherit; font: inherit; font-size: .64rem; font-weight: 400;\n  letter-spacing: .04em; line-height: 1.2; overflow-wrap: anywhere;\n}\n/* \uADF8\uB9BC\uC774 \uB9D0\uD558\uACE0 \uC774\uB984\uC740 \uAC70\uB4E0\uB2E4 \u2014 \uC774\uB984\uC740 \uAD75\uAC8C\uB3C4 \uD06C\uAC8C\uB3C4 \uC548 \uC4F4\uB2E4(\uC704 font-weight: 400). */\n.nabi-choose-icon, .nabi-save-icon { display: flex; color: var(--nabi-muted); }\n.nabi-choose-icon svg, .nabi-save-icon svg { inline-size: 24px; block-size: 24px; display: block; }\n/* \uACA8\uB214\uC740 **\uD55C \uC790\uB9AC\uBFD0**\uC774\uB2E4 \u2014 \uD0A4\uB85C \uC62E\uAE30\uB4E0 \uB9C8\uC6B0\uC2A4\uB97C \uC5B9\uB4E0 \uAC19\uC740 \uD45C\uC2DD\uC774 \uC120\uB2E4(\uB458\uC774 \uAC08\uB9AC\uBA74 \uC5B4\uB290 \uAC83\uC774\n   \uC5D4\uD130\uB97C \uBC1B\uB294\uC9C0 \uC54C \uC218 \uC5C6\uB2E4). \uADF8\uB798\uC11C :hover \uAC00 \uC544\uB2C8\uB77C aria-selected \uD558\uB098\uB85C \uB450\uB978\uB2E4.\n   \uADF8\uB9AC\uACE0 \uADF8 \uD45C\uC2DD\uC740 **\uD14C\uB450\uB9AC \uD558\uB098\uBFD0**\uC774\uB2E4 \u2014 \uD310 \uC548\uCABD\uC5D0\uB294 \uC544\uBB34 \uCE60\uB3C4 \uC5C6\uB2E4(\uC8FC\uC778 \uC9C0\uC2DC 2026-08-23):\n   \uBC14\uD0D5\uC744 \uAE54\uBA74 \uC544\uC774\uCF58 \uC14B\uC774 \uC800\uB9C8\uB2E4 \uC0C1\uC790\uB97C \uC9C4 \uAC83\uCC98\uB7FC \uBCF4\uC5EC, \uB098\uB780\uD788 \uC120 \uADF8\uB9BC\uC744 \uACAC\uC8FC\uB294 \uB208\uC774 \uD750\uB824\uC9C4\uB2E4.\n   \uD14C\uB450\uB9AC \uC0C9\uC740 **\uD45C \uCE78\uC744 \uACE0\uB97C \uB54C\uC640 \uAC19\uC740 \uD1A0\uD070**(--nabi-accent)\uC774\uB2E4 \u2014 \uC774 \uD3B8\uC9D1\uAE30\uC5D0\uC11C \"\uACE8\uB790\uB2E4\" \uB294\n   \uB9D0\uC740 \uD55C \uC0C9\uC73C\uB85C\uB9CC \uD55C\uB2E4. */\n.nabi-choose-row[aria-selected=\"true\"], .nabi-save-row[aria-selected=\"true\"] {\n  outline: none; border-color: var(--nabi-accent);\n}\n\n/* --- \uC800\uC7A5 \uD310\uB9CC\uC758 \uAC83 \u2014 \uC774\uB984 \uCE78\u00B7\uD655\uC7A5\uC790 \uD45C\uC2DD\u00B7\uC190\uC2E4 \uD55C \uB9C8\uB514 -------------------------------------- */\n/* \uD310\uC5D0 \uC774\uB984 \uCE78\uC774 \uD568\uAED8 \uC11C\uBBC0\uB85C \uD3ED\uC5D0 \uD558\uD55C\uC774 \uC788\uB2E4 \u2014 \uD615\uC2DD\uC774 \uD558\uB098\uBFD0\uC778 \uD638\uC2A4\uD2B8\uC5D0\uC11C\uB3C4 \uCE78\uC774 \uC548 \uCABC\uADF8\uB77C\uB4E0\uB2E4. */\n.nabi-save { min-inline-size: min(18rem, 100%); }\n/* \uC774\uB984 \uC904 \u2014 \uCE78\uC774 \uB0A8\uB294 \uC790\uB9AC\uB97C \uB2E4 \uBA39\uACE0, \uD655\uC7A5\uC790 \uD45C\uC2DD\uC774 \uADF8 \uB05D\uC5D0 \uBD99\uC5B4 \uC120\uB2E4. \uD45C\uC2DD\uC740 **\uACA8\uB208 \uCE78\uC744\n   \uB530\uB77C \uBC14\uB010\uB2E4**: \uBB34\uC5C7\uC73C\uB85C \uC800\uC7A5\uB418\uB294\uC9C0\uB97C \uC774\uB984 \uC606\uC5D0\uC11C \uBC14\uB85C \uC77D\uAC8C \uD55C\uB2E4. */\n.nabi-save-name { display: flex; align-items: center; gap: .375rem; margin-block-end: .6rem; }\n.nabi-save-name .nabi-input { flex: 1 1 auto; min-inline-size: 0; }\n/* \uD45C\uC2DD\uC758 **\uD3ED\uC740 \uC548 \uBCC0\uD55C\uB2E4** \u2014 \uD310\uC5D0 \uB72C \uD655\uC7A5\uC790 \uC911 \uAC00\uC7A5 \uAE34 \uAC83(`--nabi-save-ext-len`, \uAE00\uC790 \uC218)\uB9CC\uD07C\n   \uC790\uB9AC\uB97C \uBBF8\uB9AC \uC7A1\uB294\uB2E4(\uC8FC\uC778 \uC9C0\uC2DC 2026-08-23: \"\uAC00\uC7A5 \uB113\uC740 \uAC70 \uAE30\uC900\uC73C\uB85C \uACE0\uC815 \u2026 \uC785\uB825 \uCE78\uC774 \uB3D9\uC801\uC73C\uB85C\n   \uBCC0\uD558\uB294 \uAC8C \uBCF4\uAE30 \uBD88\uD3B8\uD574\"). \uACA8\uB214\uC774 .nabi \u2194 .nhtml \u2194 .md \uB85C \uC62E\uACA8 \uB2E4\uB140\uB3C4 \uC774\uB984 \uCE78\uC758 \uC624\uB978\uCABD \uB05D\uC774\n   \uD55C \uC790\uB9AC\uC5D0 \uC120\uB2E4. \uAE00\uC790 \uC218\uB294 \uD310\uC774 formats() \uB97C \uC138\uC5B4 \uAC74\uB124\uBBC0\uB85C \uD638\uC2A4\uD2B8\uAC00 \uB07C\uC6B4 \uD615\uC2DD\uB3C4 \uADF8 \uC148\uC5D0 \uB4E0\uB2E4.\n   \uAE00\uC790\uB294 **\uCE78 \uCABD\uC5D0 \uBD99\uC778\uB2E4**(text-align: start) \u2014 \uD45C\uC2DD\uC740 \uC774\uB984\uC5D0 \uC774\uC5B4 \uC77D\uB294 \uAF2C\uB9AC\uB77C \uBD99\uC5B4 \uC788\uC5B4\uC57C\n   \"\uC774\uB984.md\" \uD55C \uB0B1\uB9D0\uB85C \uC77D\uD78C\uB2E4. \uAC00\uC6B4\uB370\uB85C \uB450\uBA74 \uC9E7\uC740 .md \uAC00 \uC774\uB984\uC5D0\uC11C \uB5A8\uC5B4\uC838 \uB72C\uB2E4. */\n.nabi-save-ext {\n  font-size: .85rem; color: var(--nabi-muted); white-space: nowrap;\n  flex: 0 0 auto; inline-size: calc(var(--nabi-save-ext-len, 5) * 1ch); text-align: start;\n}\n/* \uB418\uB3CC\uC544\uC624\uC9C0 \uBABB\uD55C\uB2E4\uB294 \uD55C \uB9C8\uB514 \u2014 \uC774\uB984 **\uC544\uB798 \uC544\uC8FC \uC791\uC740 \uAE00\uC528**\uB2E4(\uC8FC\uC778 \uC9C0\uC2DC 2026-08-23).\n   \uACBD\uACE0\uC0C9\uC740 \uC548 \uC4F4\uB2E4: \uB9C9\uB294 \uAC83\uC774 \uC544\uB2C8\uB77C \uC54C\uB9AC\uB294 \uAC83\uC774\uB2E4. md \uD55C \uCE78\uC5D0\uB9CC \uC120\uB2E4. */\n.nabi-save-note { font-size: .52rem; line-height: 1.1; color: var(--nabi-muted); margin-block-start: -.25rem; }\n";
//# sourceMappingURL=css.d.ts.map