@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-primary: #0f1115;--bg-secondary: #161b22;--bg-surface: #1e232a;--text-main: #e6edf3;--text-muted: #8b949e;--text-accent: #58a6ff;--border-color: #30363d;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.app-header{padding:1rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#161b22eb,#0f1115eb);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:.85rem}.brand-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;letter-spacing:.06em;color:#0b0d12;background:radial-gradient(circle at top,#7dd3fc,#38bdf8 45%,#0284c7);box-shadow:0 10px 20px #0284c759,inset 0 0 0 1px #fff3}.brand-text{display:flex;flex-direction:column;gap:.1rem}.brand-title{margin:0;font-size:1.35rem;font-family:var(--font-display);font-weight:700;letter-spacing:.02em;color:var(--text-main)}.brand-tagline{margin:0;color:var(--text-muted);font-size:.85rem}.header-actions{display:flex;align-items:center;gap:1rem}.language-switcher{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem;background:#0f172a99;border:1px solid var(--border-color);border-radius:999px}.language-switcher button{border:none;background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:.35rem .6rem;border-radius:999px;cursor:pointer;transition:all .2s ease}.language-switcher button:hover{color:var(--text-main)}.language-switcher button.is-active{background:#38bdf833;color:#7dd3fc;box-shadow:inset 0 0 0 1px #7dd3fc59}@media(max-width:720px){.app-header{flex-direction:column;align-items:flex-start;gap:1rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.editor-container{display:flex;flex-direction:column;gap:1rem;max-width:900px;margin:0 auto;padding:1rem;position:relative}.editor-container.is-file-dragging .ProseMirror,.editor-container.is-file-dragging .code-view{box-shadow:0 0 0 2px #58a6ff73,var(--shadow-sm)}.editor-drop-overlay{position:absolute;inset:1rem;z-index:200;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(88,166,255,.8);border-radius:var(--radius-lg);background:#0f1115cc;color:var(--text-main);font-family:var(--font-display);font-size:1.1rem;text-align:center;pointer-events:none}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);position:sticky;top:1rem;z-index:100;box-shadow:var(--shadow-lg)}.toolbar-group{display:flex;align-items:center;gap:.25rem}.toolbar-divider{width:1px;height:1.5rem;background-color:var(--border-color);margin:0 .5rem}.toolbar-spacer{flex-grow:1}.toolbar button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.toolbar button:hover:not(:disabled){background-color:#ffffff1a;color:var(--text-main)}.toolbar button.is-active{background-color:#58a6ff33;color:var(--text-accent)}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.export-button,.document-button{width:auto!important;padding:0 .75rem;gap:.5rem;font-size:.875rem;font-weight:500;background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important}.document-button:hover,.export-button:hover{border-color:var(--text-accent)!important;color:var(--text-accent)!important}.ProseMirror{outline:none;min-height:80vh;padding:4rem;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-main);font-size:1.125rem;line-height:1.8;box-shadow:var(--shadow-sm)}.ProseMirror h1{font-size:2.5rem;font-weight:800;margin-top:2rem;margin-bottom:1.5rem;letter-spacing:-.025em;line-height:1.1}.ProseMirror h2{font-size:1.8rem;font-weight:700;margin-top:2rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.ProseMirror h3{font-size:1.4rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem}.ProseMirror p{margin-bottom:1.25rem}.ProseMirror a{color:var(--text-accent);text-decoration:underline;cursor:pointer}.ProseMirror ul,.ProseMirror ol{padding-left:1.5rem;margin-bottom:1.25rem}.ProseMirror li{margin-bottom:.5rem}.ProseMirror blockquote{border-left:4px solid var(--text-accent);background:#ffffff0d;padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-muted)}.ProseMirror pre{background:#1e1e1e;padding:1rem;border-radius:var(--radius-md);overflow-x:auto;margin:1.5rem 0;border:1px solid #2d2d2d}.ProseMirror code{font-family:var(--font-mono);font-size:.9em;background-color:#2a2d2e;color:#d4d4d4;padding:.2rem .4rem;border-radius:6px}.ProseMirror pre code{background-color:transparent;padding:0;border-radius:0;color:inherit;font-size:.9rem}ul[data-type=taskList]{list-style:none;padding:0}ul[data-type=taskList] li{display:flex;align-items:center;gap:.5rem}ul[data-type=taskList] li input[type=checkbox]{cursor:pointer;width:1.1em;height:1.1em;margin:0}.ProseMirror img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1rem 0;display:block}.ProseMirror img.ProseMirror-selectednode{outline:3px solid var(--text-accent)}.ProseMirror table{border-collapse:collapse;margin:0;overflow:hidden;table-layout:fixed;width:100%}.ProseMirror td,.ProseMirror th{border:1px solid var(--border-color);box-sizing:border-box;min-width:1em;padding:6px 8px;position:relative;vertical-align:top}.ProseMirror th{background-color:#ffffff0d;font-weight:700;text-align:left}.ProseMirror .selectedCell:after{background:#c8c8ff66;content:"";inset:0;pointer-events:none;position:absolute;z-index:2}.ProseMirror .column-resize-handle{background-color:var(--text-accent);bottom:-2px;pointer-events:none;position:absolute;right:-2px;top:0;width:4px}.ProseMirror p.is-editor-empty:first-child:before{color:var(--text-muted);content:var(--placeholder, attr(data-placeholder));float:left;height:0;pointer-events:none}.code-view{display:block;width:100%;height:calc(100vh - 200px);min-height:500px;padding:2rem;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;color:var(--text-primary);background-color:#151a21;border:1px solid #2b313a;border-radius:var(--radius-lg);resize:vertical;outline:none;overflow-y:auto;box-shadow:0 0 0 1px #ffffff05,var(--shadow-sm);transition:all .2s ease}.code-view:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.light-sheet .ProseMirror,.light-sheet .code-view{background-color:#fff;color:#1a1a1a;border-color:#e2e8f0}.light-sheet .ProseMirror h1,.light-sheet .ProseMirror h2,.light-sheet .ProseMirror h3,.light-sheet .ProseMirror strong,.light-sheet .ProseMirror b{color:#000}.light-sheet .ProseMirror blockquote{background:#00000008;color:#4a5568;border-left-color:var(--primary)}.light-sheet .ProseMirror th{background-color:#f7fafc;color:#2d3748}.light-sheet .ProseMirror code{background-color:#f3f3f3;color:#1f2937}.light-sheet .ProseMirror pre{background:#f3f3f3;color:#1f2937;border-color:#e5e7eb}.light-sheet .code-view{background-color:#f8fafc;color:#0f172a}.code-menu-container{position:relative}.code-menu-container>button{display:flex;align-items:center;gap:.25rem;width:auto!important;padding:0 .5rem}.code-language-dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;max-height:400px;overflow-y:auto;z-index:1000}.code-language-category{border-bottom:1px solid var(--border-color)}.code-language-category:last-child{border-bottom:none}.code-category-label{padding:.5rem 1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background-color:#ffffff08}.code-language-option{display:block;width:100%!important;height:auto!important;padding:.5rem 1rem;background:transparent;border:none;color:var(--text-main);font-size:.875rem;text-align:left;cursor:pointer;transition:background-color .15s ease}.code-language-option:hover{background-color:#58a6ff26;color:var(--text-accent)}.hljs{color:#d4d4d4;background:transparent}.hljs-comment,.hljs-quote{color:#6a9955}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-symbol,.hljs-name{color:#569cd6}.hljs-type,.hljs-built_in,.hljs-builtin-name{color:#4ec9b0}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcdcaa}.hljs-number,.hljs-variable.constant_{color:#b5cea8}.hljs-string,.hljs-doctag,.hljs-regexp,.hljs-attr,.hljs-attribute{color:#ce9178}.hljs-variable,.hljs-template-variable,.hljs-selector-class,.hljs-selector-id,.hljs-meta,.hljs-meta .hljs-keyword{color:#9cdcfe}.hljs-operator,.hljs-punctuation,.hljs-subst{color:#d4d4d4}.hljs-section{color:#4fc1ff;font-weight:600}.hljs-addition{color:#b5cea8;background-color:#1f7a4b40}.hljs-deletion{color:#f14c4c;background-color:#ad2a2a40}.ProseMirror pre{position:relative}.ProseMirror pre:before{content:attr(data-language);position:absolute;top:0;right:0;padding:.25rem .5rem;font-size:.7rem;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);background:#ffffff0d;border-radius:0 var(--radius-md) 0 var(--radius-sm)}.print-root{display:none}@media print{@page{margin:18mm}header,.toolbar,.editor-container{display:none!important}body{background:#fff}.print-root{display:block;--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-surface: #ffffff;--text-main: #111827;--text-muted: #4b5563;--text-accent: #2563eb;--border-color: #e5e7eb}.print-root .ProseMirror{min-height:auto;padding:0;background:transparent;border:none;box-shadow:none;color:var(--text-main)}.print-root .ProseMirror pre{page-break-inside:avoid}.print-root .ProseMirror blockquote,.print-root .ProseMirror pre{break-inside:avoid}}*,*:before,*:after{box-sizing:border-box}