@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f2ed;--surface:#fbfaf7;--surface-strong:#fff;--surface-soft:#efede7;--ink:#1c1c1a;--ink-soft:#696963;--ink-faint:#999890;--line:#dedbd3;--line-strong:#cbc7bd;--accent:#3157df;--accent-hover:#2849c5;--accent-soft:#e9edff;--success:#1c8c5e;--danger:#c2413a;--shadow-sm:0 1px 2px #201e1a0f, 0 5px 18px #201e1a0d;--shadow-lg:0 24px 80px #1b19152b, 0 4px 16px #1b191514;--sans:"DM Sans", "Segoe UI", sans-serif;--serif:"Newsreader", Georgia, serif;--mono:"IBM Plex Mono", "Cascadia Code", monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151513;--surface:#1b1b18;--surface-strong:#20201d;--surface-soft:#252521;--ink:#efeee9;--ink-soft:#a6a59d;--ink-faint:#73736c;--line:#30302b;--line-strong:#41413a;--accent:#7691ff;--accent-hover:#8da4ff;--accent-soft:#242d51;--success:#55bd8e;--danger:#ee7770;--shadow-sm:0 1px 2px #0000003d, 0 5px 18px #00000029;--shadow-lg:0 28px 90px #0000008c, 0 4px 20px #00000057}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea{color:inherit;font:inherit}button{border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{background:var(--bg);grid-template-rows:64px 52px minmax(0,1fr) 30px;height:100svh;min-height:540px;display:grid;overflow:hidden}.topbar{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px 0 20px;animation:.48s cubic-bezier(.22,1,.36,1) both slide-down;display:grid;position:relative}.brand-lockup{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;width:max-content;display:inline-flex}.brand-mark{background:var(--ink);width:30px;height:30px;color:var(--surface);letter-spacing:-.04em;border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff1a}.brand-name{letter-spacing:-.035em;font-size:17px;font-weight:700}.document-identity{justify-content:center;align-items:center;gap:9px;min-width:0;display:flex}.save-dot{background:var(--success);border-radius:50%;flex:none;width:6px;height:6px;transition:background .18s}.save-dot.saving{background:#d99123;animation:1s infinite pulse}.file-title-wrap{align-items:baseline;min-width:0;display:inline-flex}.file-title{text-align:right;text-overflow:ellipsis;background:0 0;border:0;border-radius:4px;outline:none;width:clamp(72px,12vw,190px);min-width:0;max-width:190px;padding:3px 1px;font-size:13px;font-weight:600}.file-title:hover,.file-title:focus{background:var(--surface-soft)}.file-title:focus-visible{outline:2px solid var(--accent)}.file-extension{color:var(--ink-faint);font-size:13px;font-weight:500}.save-state{color:var(--ink-faint);white-space:nowrap;font-size:11px}.header-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.icon-button,.tool-button{width:34px;height:34px;color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:8px;flex:none;place-items:center;transition:color .14s,background .14s,transform .14s;display:inline-grid;position:relative}.icon-button:hover,.tool-button:hover,.tool-button.active{background:var(--surface-soft);color:var(--ink)}.icon-button:active,.tool-button:active{transform:scale(.93)}[data-tooltip]:after{z-index:100;border:1px solid var(--line-strong);opacity:0;pointer-events:none;background:var(--ink);color:var(--surface);content:attr(data-tooltip);white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:6px;padding:6px 8px;font-size:10px;font-weight:500;line-height:1;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px)}[data-tooltip]:hover:after{opacity:1;transition-delay:.48s;transform:translate(-50%)}.download-button{background:var(--ink);height:36px;color:var(--surface);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:9px;align-items:center;gap:8px;margin-left:7px;padding:0 12px;font-size:12px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.download-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #18181626}.download-button:active{transform:translateY(0)scale(.98)}.download-button kbd{color:color-mix(in srgb, var(--surface) 55%, transparent);font-family:var(--sans);font-size:9px;font-weight:500}.tool-row{z-index:15;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:18px;padding:0 18px;animation:.52s cubic-bezier(.22,1,.36,1) 50ms both slide-down;display:flex;position:relative}.format-tools{align-items:center;gap:2px;min-width:0;display:flex}.tool-divider{background:var(--line);flex:none;width:1px;height:18px;margin:0 6px}.more-wrap{position:relative}.more-menu{z-index:50;border:1px solid var(--line);background:var(--surface-strong);width:220px;box-shadow:var(--shadow-lg);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 10px);left:0}.more-menu button{width:100%;min-height:38px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:7px;grid-template-columns:28px 1fr auto;align-items:center;padding:0 8px 0 5px;font-size:12px;display:grid}.more-menu button:hover{background:var(--surface-soft)}.more-menu kbd{color:var(--ink-faint);font-family:var(--mono);font-size:9px}.menu-icon{color:var(--ink-soft);place-items:center;display:grid}.view-controls{border:1px solid var(--line);background:var(--bg);border-radius:9px;flex:none;align-items:center;gap:2px;padding:3px;display:flex}.view-controls button{height:28px;color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 9px;font-size:10px;font-weight:600;transition:color .14s,background .14s,box-shadow .14s;display:inline-flex}.view-controls button:hover{color:var(--ink)}.view-controls button.active{background:var(--surface-strong);color:var(--ink);box-shadow:0 1px 4px #22201c1a}.workspace{background:var(--surface);min-width:0;min-height:0;animation:.65s cubic-bezier(.22,1,.36,1) .1s both workspace-in;display:grid;position:relative}.workspace.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.workspace.write,.workspace.preview{grid-template-columns:minmax(0,1fr)}.pane{grid-template-rows:38px minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.preview-pane{border-left:1px solid var(--line);background:var(--surface)}.workspace.preview .preview-pane{border-left:0}.pane-heading{border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink-faint);letter-spacing:.015em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 16px 0 20px;font-size:10px;font-weight:600;display:flex}.pane-heading>span:first-child{align-items:center;gap:7px;display:inline-flex}.command-trigger{height:25px;color:var(--ink-faint);letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 7px;font-size:9px;font-weight:600;display:inline-flex}.command-trigger:hover{background:var(--surface-soft);color:var(--ink-soft)}.command-trigger kbd{font-family:var(--sans);font-size:8px}.live-label{color:var(--success);align-items:center;gap:6px;display:inline-flex}.live-label i{width:5px;height:5px;box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 14%, transparent);background:currentColor;border-radius:50%}.markdown-input{resize:none;background:color-mix(in srgb, var(--surface-strong) 72%, var(--surface));width:100%;min-width:0;height:100%;min-height:0;color:var(--ink);caret-color:var(--accent);font-family:var(--mono);tab-size:2;white-space:pre-wrap;overflow-wrap:break-word;border:0;outline:0;padding:42px clamp(28px,4vw,68px) 80px;font-size:13.5px;font-weight:400;line-height:1.85}.markdown-input::placeholder{color:var(--ink-faint)}.markdown-input::selection{background:color-mix(in srgb, var(--accent) 24%, transparent)}.preview-scroll{background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 86%, transparent), transparent 14%, transparent 86%, color-mix(in srgb, var(--surface) 86%, transparent)), var(--surface-strong);scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;min-width:0;min-height:0;overflow:auto}.markdown-body{width:min(100% - 52px,760px);min-height:100%;color:var(--ink);font-family:var(--serif);margin:0 auto;padding:44px 0 100px;font-size:17px;line-height:1.7}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--ink);font-family:var(--sans);letter-spacing:-.04em;scroll-margin-top:30px;font-weight:600;line-height:1.16}.markdown-body h1{margin:0 0 26px;font-size:clamp(35px,4vw,52px)}.markdown-body h2{margin:2.1em 0 .75em;padding-top:.2em;font-size:26px}.markdown-body h3{letter-spacing:-.025em;margin:1.8em 0 .6em;font-size:20px}.markdown-body h4{letter-spacing:-.02em;margin:1.5em 0 .5em;font-size:17px}.markdown-body p{margin:0 0 1.25em}.markdown-body a{color:var(--accent);-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-underline-offset:3px;text-decoration-thickness:1px}.markdown-body a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.markdown-body strong{font-weight:600}.markdown-body ul,.markdown-body ol{margin:0 0 1.4em;padding-left:1.45em}.markdown-body li{margin:.4em 0;padding-left:.2em}.markdown-body li::marker{color:var(--ink-faint);font-family:var(--sans);font-size:.8em}.markdown-body .contains-task-list{padding-left:.2em;list-style:none}.markdown-body .task-list-item{align-items:baseline;gap:10px;display:flex}.markdown-body input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);margin:0;transform:translateY(2px)}.markdown-body blockquote{border-left:2px solid var(--accent);color:var(--ink-soft);margin:1.8em 0;padding:2px 0 2px 22px;font-size:1.15em;font-style:italic}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body hr{background:var(--line);border:0;height:1px;margin:3em 0}.markdown-body code{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);font-family:var(--mono);border-radius:5px;padding:.16em .38em;font-size:.78em}.markdown-body pre{background:#20232a;border:1px solid #343842;border-radius:11px;margin:1.7em 0;padding:21px 22px;position:relative;overflow:auto;box-shadow:0 10px 30px #0c0d0f24}.markdown-body pre code{color:#e5e7eb;background:0 0;border:0;padding:0;font-size:12px;line-height:1.7}.markdown-body table{border-spacing:0;border-collapse:collapse;width:100%;font-family:var(--sans);margin:1.8em 0;font-size:13px}.markdown-body th,.markdown-body td{border-bottom:1px solid var(--line);text-align:left;padding:11px 13px}.markdown-body th{color:var(--ink-soft);letter-spacing:.055em;text-transform:uppercase;font-size:10px;font-weight:700}.markdown-body tbody tr:hover{background:color-mix(in srgb, var(--accent) 4%, transparent)}.markdown-body img{border-radius:10px;max-width:100%;height:auto;margin:2em auto;display:block}.markdown-body details{border:1px solid var(--line);background:var(--surface);border-radius:9px;margin:1.5em 0;padding:14px 16px}.markdown-body summary{font-family:var(--sans);cursor:pointer;font-size:13px;font-weight:600}.markdown-body details>:last-child{margin-bottom:0}.markdown-body kbd{border:1px solid var(--line-strong);background:var(--surface-soft);font-family:var(--sans);border-bottom-width:2px;border-radius:4px;padding:2px 5px;font-size:.72em}.empty-preview{height:100%;color:var(--ink-faint);align-content:center;justify-items:center;gap:12px;display:grid}.empty-preview span{border:1px solid var(--line);background:var(--surface);border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.empty-preview p{margin:0;font-size:12px}.statusbar{z-index:15;border-top:1px solid var(--line);background:var(--bg);color:var(--ink-faint);letter-spacing:.01em;justify-content:space-between;align-items:center;padding:0 18px;font-size:9px;font-weight:500;display:flex;position:relative}.status-left,.status-right{align-items:center;gap:14px;display:flex}.status-separator{background:var(--line-strong);width:1px;height:10px}.local-note{margin-left:8px}.toast{z-index:200;border:1px solid var(--line-strong);background:var(--ink);min-height:40px;color:var(--surface);box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:9px;padding:0 14px 0 9px;font-size:11px;font-weight:600;animation:.28s cubic-bezier(.22,1,.36,1) both toast-in;display:flex;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}.toast>span{background:color-mix(in srgb, var(--success) 25%, transparent);color:#75d9ac;border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.toast.error>span{background:color-mix(in srgb, var(--danger) 25%, transparent);color:#ff9b95}.modal-backdrop{z-index:150;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1212106b;place-items:start center;padding:min(16vh,130px) 20px 20px;animation:.16s both fade-in;display:grid;position:fixed;inset:0}.command-palette{border:1px solid var(--line-strong);background:var(--surface-strong);width:min(100%,530px);box-shadow:var(--shadow-lg);border-radius:15px;overflow:hidden}.command-search{border-bottom:1px solid var(--line);height:58px;color:var(--ink-faint);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 16px;display:grid}.command-search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.command-search input::placeholder{color:var(--ink-faint)}.command-search kbd,.command-list kbd{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-faint);font-family:var(--sans);border-radius:5px;padding:3px 5px;font-size:8px;font-weight:600}.command-list{max-height:min(52vh,420px);padding:7px;overflow:auto}.command-section-label{color:var(--ink-faint);letter-spacing:.08em;margin:7px 9px 5px;font-size:9px;font-weight:700}.command-list button{width:100%;min-height:49px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:8px;grid-template-columns:36px 1fr auto;align-items:center;padding:0 11px 0 7px;display:grid}.command-list button:hover,.command-list button.selected{background:var(--surface-soft)}.command-icon{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--ink-soft);border-radius:7px;place-items:center;display:grid}.command-copy{flex-direction:column;gap:2px;display:flex}.command-copy strong{font-size:12px;font-weight:600}.command-copy small{color:var(--ink-faint);font-size:9px}.no-results{height:110px;color:var(--ink-faint);place-items:center;font-size:12px;display:grid}.command-footer{border-top:1px solid var(--line);background:var(--surface);height:35px;color:var(--ink-faint);justify-content:space-between;align-items:center;padding:0 14px;font-size:8px;display:flex}.command-footer span{align-items:center;gap:6px;display:inline-flex}.confirm-dialog{border:1px solid var(--line-strong);background:var(--surface-strong);width:min(100%,400px);box-shadow:var(--shadow-lg);border-radius:16px;padding:25px}.dialog-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:17px;display:grid}.confirm-dialog h2{letter-spacing:-.03em;margin:0 0 8px;font-size:19px}.confirm-dialog p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.65}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.secondary-button,.primary-button{cursor:pointer;border-radius:8px;height:36px;padding:0 13px;font-size:11px;font-weight:600}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft)}.primary-button{background:var(--ink);color:var(--surface)}.secondary-button:hover{background:var(--surface-soft);color:var(--ink)}.primary-button:hover{opacity:.88}.modal-enter{animation:.23s cubic-bezier(.22,1,.36,1) both modal-in}.popover-enter{transform-origin:0 0;animation:.16s cubic-bezier(.22,1,.36,1) both popover-in}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes workspace-in{0%{opacity:0;transform:scale(.995)}to{opacity:1;transform:scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popover-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{50%{opacity:.45}}@media (width<=1180px){.wide-tool{display:none}}@media (width<=920px){.save-state,.optional-tool{display:none}.topbar{grid-template-columns:1fr auto 1fr}.view-controls button span{display:none}.view-controls button{justify-content:center;width:28px;padding:0}.markdown-body{width:min(100% - 40px,680px)}}@media (width<=700px){.app-shell{grid-template-rows:58px 48px minmax(0,1fr) 28px}.topbar{grid-template-columns:auto minmax(0,1fr) auto;padding:0 10px 0 12px}.brand-name,.top-action,.download-button kbd,.local-note,.status-left{display:none}.document-identity{justify-content:center;margin-left:0}.file-title{text-align:right;max-width:min(31vw,130px)}.download-button{justify-content:center;width:36px;margin-left:2px;padding:0}.download-button span{display:none}.tool-row{gap:8px;padding:0 8px 0 10px}.format-tools{overflow:hidden}.tool-divider{margin:0 3px}.tool-button{width:31px;height:31px}.workspace.split{grid-template-columns:minmax(0,1fr)}.workspace.split .preview-pane{display:none}.markdown-input{padding:28px 22px 70px;font-size:13px;line-height:1.8}.markdown-body{width:calc(100% - 38px);padding-top:30px;font-size:16px}.markdown-body h1{font-size:36px}.statusbar{justify-content:flex-end;padding:0 10px}.status-right{gap:10px}.status-right span:nth-child(2),.command-trigger span,.command-trigger kbd{display:none}.modal-backdrop{padding:9vh 12px 12px}}@media (width<=420px){.theme-toggle,.format-tools .tool-button:nth-of-type(n+7){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#adbac7;background:#22272e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#f47067}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#6cb6ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-comment,.hljs-code,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca;font-weight:700}.hljs-bullet{color:#eac55f}.hljs-emphasis{color:#adbac7;font-style:italic}.hljs-strong{color:#adbac7;font-weight:700}.hljs-addition{color:#b4f1b4;background-color:#1b4721}.hljs-deletion{color:#ffd8d3;background-color:#78191b}