@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&family=Fira+Code:wght@400;500;600&family=Source+Code+Pro:wght@400;500;600&family=Noto+Sans+KR:wght@400;500;600&display=swap";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";@import"https://cdn.jsdelivr.net/gh/joungkyun/font-d2coding@1.3.2/d2coding-subset.css";*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.m5{margin:1.25rem}.m8{margin:2rem}.block{display:block}.resize{resize:both}.px{padding-left:1rem;padding-right:1rem}:root{color-scheme:light;--app-bg: #f9f3ee;--editor-bg: #fffaf4;--surface-bg: rgba(249, 243, 238, .82);--text-primary: #1d1d1f;--text-secondary: #86868b;--border-color: rgba(0, 0, 0, .06);--accent: #007aff;--switch-on-state: #111111;--switch-active-track: rgba(29, 29, 31, .14);--switch-active-border: rgba(29, 29, 31, .14);--selection: rgba(0, 122, 255, .15);--line-number: #c7c7cc;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--radius-lg: 8px;--radius-md: 6px}:root[data-theme=dark]{color-scheme:dark;--app-bg: #1a1a1a;--editor-bg: #1e1e1e;--surface-bg: rgba(30, 30, 30, .8);--text-primary: #e5e5e7;--text-secondary: #98989d;--border-color: rgba(255, 255, 255, .08);--accent: #0a84ff;--switch-on-state: #ffffff;--switch-active-track: rgba(245, 245, 247, .16);--switch-active-border: rgba(245, 245, 247, .18);--selection: rgba(10, 132, 255, .25);--line-number: #48484a;--shadow: 0 1px 3px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body,#app{height:100%;width:100%}body{margin:0;overflow:hidden;background:radial-gradient(circle at top left,rgba(0,122,255,.08),transparent 24%),var(--app-bg);color:var(--text-primary);font-family:Inter,Noto Sans KR,system-ui,sans-serif;transition:background .15s ease,color .15s ease}body:before,body:after{position:fixed;z-index:-1;content:"";pointer-events:none;filter:blur(50px);opacity:.55}body:before{top:-80px;right:-120px;width:260px;height:260px;background:#007aff2e}body:after{left:-120px;bottom:-120px;width:320px;height:320px;background:#ff5e001a}button,textarea{font:inherit}button{border:0;background:transparent;color:inherit}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100dvh;min-height:100%;overflow:hidden;isolation:isolate}.app-file-input{position:fixed;top:0;left:0;width:1px;height:1px;opacity:0;pointer-events:none}.app-shell--viewport{max-height:100dvh}.header,.statusbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-bg);border-bottom:1px solid var(--border-color)}.header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:16px;padding:16px 20px}.header__brand{display:flex;flex:1 1 auto;align-items:center;min-width:0}.header__title{font-size:18px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.header__actions{display:flex;flex:0 0 auto;flex-wrap:nowrap;justify-content:flex-end;gap:8px;align-items:center;min-width:0}.chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:#fff9;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}:root[data-theme=dark] .chip{background:#ffffff0a}.chip:hover{transform:translateY(-1px);border-color:#007aff3d}.chip--ghost{box-shadow:none}.tools{position:relative;z-index:6}.tools__toggle{justify-content:center;min-width:40px;padding:0}.tools__toggle-icon{display:inline-flex;align-items:center;justify-content:center}.tools__menu{position:absolute;right:0;top:calc(100% + 10px);z-index:50;width:fit-content;max-width:calc(100vw - 32px);padding:12px;border:1px solid var(--border-color);border-radius:14px;background:var(--editor-bg);box-shadow:0 20px 50px #00000024}:root[data-theme=dark] .tools__menu{box-shadow:0 20px 50px #00000070}.tools__section+.tools__section{margin-top:12px}.tools__section--selectors{display:grid;grid-template-columns:176px 88px;gap:6px;align-items:start}.tools__selector,.tools__section--settings{display:grid;gap:8px}.tools__selector{position:relative;width:176px;min-width:0}.tools__selector--size{min-width:88px;width:88px}.tools__selector--font{width:176px}.tools__item,.tools__action{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:#ffffffb8;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}:root[data-theme=dark] .tools__item,:root[data-theme=dark] .tools__action{background:#ffffff0a}.tools__item:hover,.tools__action:hover{transform:translateY(-1px);border-color:#007aff3d}.tools__item--selector{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:52px;padding:7px 8px;width:100%;min-width:0;background:var(--surface-bg);color:var(--text-primary)}:root[data-theme=dark] .tools__item--selector{background:#ffffff0f}.tools__selector--size .tools__item--selector{padding-inline:7px}.tools__item.is-active{border-color:#007aff6b;background:#007aff14}.tools__item-label{display:block;font-size:13px;font-weight:500}.tools__item-prefix{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tools__item-label--preview{flex:1 1 auto;width:auto;font-size:13px;font-weight:600;letter-spacing:-.03em;text-align:right}.tools__selector--font .tools__item-label--preview{max-width:120px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.tools__selector--size .tools__item-label--preview{text-align:right}.tools__item-meta{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--text-secondary);font-size:11px}.tools__item-meta svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tools__item--selector .tools__item-label--preview{padding-top:2px}.tools__action-label{display:block;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tools__action-meta{display:inline-flex;align-items:center;margin-left:auto;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.04em;white-space:nowrap}.tools__popover{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:15;display:grid;gap:8px;padding:8px;border:1px solid var(--border-color);border-radius:12px;background:#ffffffc7;box-shadow:var(--shadow)}:root[data-theme=dark] .tools__popover{background:#1e1e1ef5}.tools__option{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:#ffffffb8;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}:root[data-theme=dark] .tools__option{background:#ffffff0a}.tools__option:hover{transform:translateY(-1px);border-color:#007aff3d}.tools__option.is-active{border-color:#007aff6b;background:#007aff14}.tools__option-label{display:block;font-size:13px;font-weight:500}.tools__option-meta{display:block;margin-top:2px;color:var(--text-secondary);font-size:11px}.tools__popover--list{grid-template-columns:1fr}.tools__popover--size .tools__option{text-align:center}.tools__section--actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tools__action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px}.tools__action--switch{min-height:46px}.tools__switch{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.tools__switch-track{position:relative;width:42px;height:24px;border-radius:999px;background:#78788038;border:1px solid transparent;transition:background .15s ease}:root[data-theme=dark] .tools__switch-track{background:#ebebf52e}.tools__switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000002e;transition:transform .15s ease}.tools__action--switch.is-active .tools__switch-track{background:var(--switch-active-track)}.tools__action--switch.is-active .tools__switch-thumb{transform:translate(18px)}.tools__switch-state--on{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:34px;padding:2px 6px;border-radius:999px;background:var(--switch-on-state);color:var(--editor-bg);font-weight:700;font-size:11px;letter-spacing:.08em}.tools__switch-state--off{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:34px;padding:2px 6px;border-radius:999px;background:#78788014;color:var(--text-secondary);font-weight:500;font-size:10px;letter-spacing:.08em}:root[data-theme=dark] .tools__switch-state--off{background:#ebebf514}.tools__action--switch:hover .tools__switch-track{border:1px solid var(--switch-active-border)}.tools__switch-state{min-width:26px;text-align:right}.tools__action--danger{color:#d92d20}:root[data-theme=dark] .tools__action--danger{color:#ff6b6b}.tools__action--danger .tools__action-meta{color:var(--text-secondary)}.tools__action--danger.is-active .tools__action-label--danger{color:var(--text-primary)}.tools__action--danger:not(.is-active) .tools__action-label--danger{color:var(--text-secondary)}.tools__action--danger:disabled{cursor:default;opacity:1}.tools__action--danger:disabled .tools__action-label--danger{color:var(--text-secondary)}.tools__action--danger:disabled .tools__action-meta{display:none}.app-main{min-height:0;position:relative;z-index:1;display:flex;justify-content:stretch;overflow:hidden;padding:20px}.app-main>.editor{width:100%;height:100%;min-height:0}.app-shell--compact .app-main{padding:12px}.app-shell--compact .header{padding:14px 16px}.app-shell--compact .statusbar{padding:10px 16px}.editor{position:relative;z-index:0;display:grid;grid-template-columns:56px minmax(0,1fr);width:100%;height:100%;min-height:0;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--editor-bg);box-shadow:var(--shadow)}.editor--viewport{contain:layout paint}.editor--markdown-layout{grid-template-columns:minmax(3.5rem,max-content) minmax(0,1fr);align-items:stretch}.editor--no-gutter,.editor--rich{grid-template-columns:1fr}.editor--placeholder{grid-template-columns:1fr;align-items:center;justify-items:center}.editor__gutter{margin:0;padding:20px 10px 20px 0;background:#00000005;border-right:1px solid var(--border-color);color:var(--line-number);font:500 13px/1.6 JetBrains Mono,monospace;text-align:right;overflow:hidden;-webkit-user-select:none;user-select:none}.editor__content{position:relative;min-height:0;overflow:hidden}.editor__mirror{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;overflow-y:scroll;overflow-x:hidden;padding:20px 22px;line-height:1.6;letter-spacing:-.01em;white-space:pre-wrap;word-break:break-word}.editor--markdown-layout .editor__mirror{padding-block:20px;padding-inline:22px;scrollbar-gutter:stable both-edges}.editor__textarea{width:100%;height:100%;min-height:0;padding:20px 22px;border:0;outline:none;resize:none;color:var(--text-primary);background:transparent;line-height:1.6;letter-spacing:-.01em;caret-color:var(--accent);white-space:pre-wrap;word-break:break-word;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain}.editor__richtext{width:100%;height:100%;min-height:0;padding:20px 22px;border:0;outline:none;color:var(--text-primary);background:transparent;line-height:1.6;letter-spacing:-.01em;caret-color:var(--accent);white-space:pre-wrap;word-break:break-word;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain}.editor--markdown-layout .editor__gutter,.editor--markdown-layout .editor__textarea{padding-block:20px}.editor--markdown-layout .editor__gutter{padding-inline:0 12px;font-size:13px;line-height:1.6}.editor--markdown-layout .editor__textarea{padding-inline:22px;font-size:inherit;line-height:1.6;scrollbar-gutter:stable both-edges}.editor--markdown-layout.editor--no-gutter .editor__textarea{padding-inline-start:22px}.editor__textarea::selection{background:var(--selection)}.editor__richtext::selection{background:var(--selection)}.editor__richtext>.markdown-block{margin:0}.editor__richtext .markdown-block--blank{min-height:1.6em}.editor__richtext .markdown-block--heading{line-height:1.2;font-weight:700;letter-spacing:-.02em}.editor__richtext .markdown-block--heading-1{font-size:2em}.editor__richtext .markdown-block--heading-2{font-size:1.5em}.editor__richtext .markdown-block--heading-3{font-size:1.25em}.editor__richtext .markdown-block--heading-4{font-size:1.1em}.editor__richtext .markdown-block--heading-5,.editor__richtext .markdown-block--heading-6{font-size:1em}.editor__richtext .markdown-block--paragraph{line-height:1.6}.editor__richtext .markdown-block--blockquote{margin-inline:0;padding-inline:16px 0;border-inline-start:3px solid var(--border-color);color:var(--text-secondary)}.editor__richtext .markdown-block--bullet-list,.editor__richtext .markdown-block--ordered-list{margin:0;padding-left:1.25em}.editor__richtext .markdown-block--list-item{margin:0}.editor__richtext .markdown-block--code{display:block;overflow-x:auto;margin:0;padding:14px 16px;border:1px solid var(--border-color);border-radius:14px;background:#00000008;font-family:JetBrains Mono,monospace;font-size:.92em}:root[data-theme=dark] .editor__richtext .markdown-block--code{background:#ffffff0a}.editor__richtext .markdown-block--code code{font:inherit;white-space:pre-wrap}.editor__richtext .markdown-block--hr{height:1px;background:var(--border-color)}.editor__richtext .markdown-block--table{width:100%;border-collapse:collapse;border:1px solid var(--border-color)}.editor__richtext .markdown-block--table-cell{padding:10px 12px;border:1px solid var(--border-color);text-align:left;vertical-align:top}.editor__richtext .markdown-block--table-header{background:#00000008;color:var(--text-primary);font-weight:600}:root[data-theme=dark] .editor__richtext .markdown-block--table-header{background:#ffffff0a}.editor__richtext .task-list-item{display:flex;align-items:flex-start;gap:10px;margin:0;list-style:none}.editor__richtext .task-list-item>input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:.2em 0 0;accent-color:var(--accent)}:root[data-theme=dark] .editor__richtext .task-list-item>input[type=checkbox]{accent-color:var(--accent)}.editor__richtext .task-list-item>:not(input[type=checkbox]){flex:1 1 auto;min-width:0}.editor__placeholder-card{max-width:540px;margin:32px;padding:24px;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:#ffffff8c;box-shadow:var(--shadow)}:root[data-theme=dark] .editor__placeholder-card{background:#ffffff08}.editor__placeholder-card h2{margin:0 0 8px;font-size:20px}.editor__placeholder-card p{margin:0;color:var(--text-secondary)}.switch{display:inline-flex;padding:4px;border:1px solid var(--border-color);border-radius:999px;background:#ffffff9e;box-shadow:var(--shadow)}:root[data-theme=dark] .switch{background:#ffffff0a}.switch--theme,.switch--mode{width:max-content;min-width:0}.switch__segment{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:34px;min-height:32px;padding:0 8px;border-radius:999px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease,border-color .15s ease}.switch__segment:hover{transform:translateY(-1px);color:var(--text-primary)}.switch__segment.is-active{background:var(--editor-bg);color:var(--text-primary);box-shadow:0 1px 2px #00000014}:root[data-theme=dark] .switch__segment.is-active{box-shadow:0 1px 2px #0000005c}.switch__icon,.tools__toggle-icon{display:inline-flex;align-items:center;justify-content:center}.switch__icon svg,.tools__toggle-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;color:var(--text-secondary);font-size:12px}.statusbar__meta,.statusbar__actions{display:inline-flex;align-items:center;gap:14px;min-width:0}.statusbar__meta{flex-wrap:wrap}.statusbar__actions{margin-left:auto}.statusbar__action,.statusbar__indicator{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;padding:0;border-radius:999px}.statusbar__action{border:1px solid transparent;background:#ffffff47;color:var(--text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}:root[data-theme=dark] .statusbar__action{background:#ffffff0a}.statusbar__action:hover{transform:translateY(-1px);border-color:#007aff3d;color:var(--text-primary)}.statusbar__indicator{border:1px solid rgba(0,122,255,.22);background:#007aff14;color:var(--accent)}.statusbar__action svg,.statusbar__indicator svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#0000002e}.settings-panel{width:min(560px,100%);padding:20px;border:1px solid var(--border-color);border-radius:16px;background:var(--editor-bg);box-shadow:0 24px 60px #0000002e}.settings-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px}.settings-panel__header h2{margin:0;font-size:18px}.settings-panel__body{display:grid;gap:10px;margin:16px 0 0}.settings-toggle,.settings-clear{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:12px;background:#ffffffb8;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}:root[data-theme=dark] .settings-toggle,:root[data-theme=dark] .settings-clear{background:#ffffff0a}.settings-toggle:hover,.settings-clear:hover{transform:translateY(-1px);border-color:#007aff3d}.settings-toggle.is-active{border-color:#007aff6b;background:#007aff14}.settings-toggle__label{display:block;font-size:14px;font-weight:600}.settings-toggle__meta{display:block;margin-top:4px;color:var(--text-secondary);font-size:11px}.settings-clear{text-align:center;color:#d92d20}:root[data-theme=dark] .settings-clear{color:#ff6b6b}@media (max-width: 900px){.header{gap:10px;padding:12px}.header__actions{gap:6px}.tools__menu{position:fixed;top:74px;right:12px;width:auto;max-width:none}.editor--markdown-layout{grid-template-columns:44px 1fr;height:100%}.editor--markdown-layout.editor--no-gutter,.tools__section--selectors,.tools__section--actions{grid-template-columns:1fr}.tools__selector--font,.tools__selector--size{width:100%}}@media print{.header,.statusbar{display:none!important}.app-shell{display:block;height:auto;overflow:visible}.app-main{overflow:visible;height:auto;padding:0}.editor{overflow:visible;height:auto;border:none;border-radius:0;box-shadow:none;background:transparent}.editor__richtext{overflow:visible;height:auto;padding:0;color:#000;background:#fff}}