@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
@import "https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Nanum+Gothic+Coding:wght@400;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-app:#f0f2f5;--bg-surface:#fff;--bg-elevated:#f8f9fb;--text-primary:#1a1a2e;--text-secondary:#64748b;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#eef2ff;--accent-glow:#6366f126;--shadow-paper:0 1px 3px #0000000d,0 20px 60px #0000001a;--radius-sm:6px;--radius-md:10px;--font-sans:"Inter","Noto Sans KR",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--bg-app:#0f1117;--bg-surface:#1a1b23;--bg-elevated:#22232d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#2d2e3a;--border-subtle:#1f2029;--accent:#818cf8;--accent-hover:#6366f1;--accent-light:#6366f11f;--accent-glow:#818cf833;--shadow-paper:0 1px 3px #0003,0 20px 60px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.top-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-color);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;min-height:52px;max-height:52px;padding:0 20px;display:flex}.top-bar-logo{color:var(--accent);letter-spacing:-.3px;flex-shrink:0;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.top-bar-logo svg{flex-shrink:0;width:20px;height:20px}.top-bar-controls{align-items:center;gap:4px;display:flex}.control-group{border-right:1px solid var(--border-color);align-items:center;gap:6px;padding:0 10px;display:flex}.control-group:last-child{border-right:none;padding-right:0}.control-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:11px;font-weight:500}.control-select{appearance:none;color:var(--text-primary);background-color:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:13px;font-weight:500;font-family:var(--font-sans);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:16px;padding:5px 28px 5px 10px}.control-select:hover{border-color:var(--accent)}.control-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-elevated);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.icon-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.print-btn{color:#fff;background:linear-gradient(135deg,var(--accent)0%,var(--accent-hover)100%);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);font-size:13px;font-weight:600;font-family:var(--font-sans);box-shadow:0 2px 8px var(--accent-glow);white-space:nowrap;border:none;align-items:center;gap:8px;padding:7px 18px;display:inline-flex}.print-btn:hover{box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.print-btn:active{transform:translateY(0)}.print-btn svg{flex-shrink:0;width:16px;height:16px}.workspace{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.editor-pane{border-right:1px solid var(--border-color);background:var(--bg-surface);flex-direction:column;width:50%;min-height:0;display:flex}.pane-header{text-transform:uppercase;letter-spacing:.8px;height:36px;min-height:36px;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:600;display:flex}.pane-header-dot{background:var(--accent);opacity:.7;border-radius:50%;flex-shrink:0;width:7px;height:7px}.editor-textarea{resize:none;width:100%;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-surface);tab-size:2;border:none;outline:none;flex:1;min-height:0;padding:24px;font-size:14px;line-height:1.7}.editor-textarea::placeholder{color:var(--text-muted)}.preview-pane{background:var(--bg-surface);flex-direction:column;width:50%;min-height:0;display:flex;overflow:hidden}.preview-scroll{flex:1;min-height:0;overflow-y:auto}.document-view{background:var(--bg-surface);width:100%;max-width:760px;color:var(--text-primary);margin:0 auto;padding:40px 48px;font-family:inherit;line-height:1.75}.typography-inter{font-family:var(--font-sans)}.typography-pretendard{font-family:Pretendard,sans-serif}.typography-myeongjo{font-family:Nanum Myeongjo,serif}.page-break{page-break-after:always;break-after:page;border:none;height:0;margin:0;padding:0}.document-view h1{border-bottom:2px solid var(--border-color);letter-spacing:-.02em;margin-top:0;margin-bottom:.6em;padding-bottom:.3em;font-size:2em;font-weight:700;line-height:1.25}.document-view h2{border-bottom:1px solid var(--border-subtle);margin-top:1.6em;margin-bottom:.5em;padding-bottom:.2em;font-size:1.5em;font-weight:600}.document-view h3{margin-top:1.4em;margin-bottom:.4em;font-size:1.25em;font-weight:600}.document-view h4{margin-top:1.2em;margin-bottom:.3em;font-size:1.1em;font-weight:600}.document-view p{margin-top:0;margin-bottom:1em;line-height:1.75}.document-view a{color:var(--accent);text-underline-offset:2px;transition:var(--transition);text-decoration:underline}.document-view a:hover{opacity:.8}.document-view strong{font-weight:600}.document-view em{font-style:italic}.document-view ul,.document-view ol{margin-bottom:1em;padding-left:1.5em}.document-view li{margin-bottom:.35em;line-height:1.7}.document-view li::marker{color:var(--accent)}.document-view blockquote{border-left:4px solid var(--accent);background:var(--bg-elevated);border-radius:0 var(--radius-sm)var(--radius-sm)0;color:var(--text-secondary);margin:1.2em 0;padding:.8em 1.2em;font-style:italic}.document-view pre{border-radius:var(--radius-md);font-family:var(--font-mono);color:#e2e8f0;background:#1e293b;margin:1.2em 0;padding:16px 20px;font-size:.88em;line-height:1.6;overflow-x:auto}.document-view code{font-family:var(--font-mono);font-size:.88em}.document-view :not(pre)>code{background:var(--accent-light);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.88em}.document-view table{border-collapse:collapse;width:100%;margin:1.2em 0;font-size:.92em}.document-view th{background:var(--bg-elevated);text-align:left;border:1px solid var(--border-color);padding:10px 14px;font-weight:600}.document-view td{border:1px solid var(--border-color);padding:10px 14px}.document-view tr:nth-child(2n) td{background:var(--bg-elevated)}.document-view hr{background:var(--border-color);border:none;height:1px;margin:2em 0}.document-view img{border-radius:var(--radius-sm);max-width:100%}.document-view input[type=checkbox]{accent-color:var(--accent);margin-right:6px}.status-bar{height:26px;min-height:26px;color:var(--text-muted);background:var(--bg-surface);border-top:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;display:flex}.status-item{align-items:center;gap:4px;display:flex}@media print{.top-bar,.editor-pane,.pane-header,.status-bar,.no-print{display:none!important}html,body{color:#000!important;background:#fff!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}.app-container{height:auto!important;display:block!important;overflow:visible!important}.workspace{display:block!important;overflow:visible!important}.preview-pane{background:#fff!important;width:100%!important;display:block!important;overflow:visible!important}.preview-scroll{padding:0!important;display:block!important;overflow:visible!important}.document-view{color:#000!important;background:#fff!important;max-width:100%!important;margin:0!important;padding:0!important}.document-view h1,.document-view h2,.document-view h3,.document-view h4,.document-view p,.document-view li,.document-view td,.document-view th{color:#000!important}.document-view h1{border-bottom-color:#ccc!important}.document-view h2{border-bottom-color:#eee!important}.document-view blockquote{color:#333!important;background:#f5f5f5!important;border-left-color:#888!important}.document-view :not(pre)>code{color:#c92a2a!important;background:#f0f0f0!important}.document-view th{background:#f5f5f5!important}.document-view tr:nth-child(2n) td{background:#fafafa!important}.document-view h1,.document-view h2,.document-view h3{page-break-after:avoid}.document-view pre,.document-view blockquote,.document-view table,.document-view img{page-break-inside:avoid}.document-view p{orphans:3;widows:3}@page{size:A4;margin:18mm 22mm 22mm}}