*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}:focus-visible{outline-offset:2px;outline:2px solid #1f6b4f}:root[data-theme=dark] :focus-visible{outline-color:#63c395}::selection{background:oklab(85.2664% -.0234099 .0065108)}:root[data-theme=dark] ::selection{background:oklab(26.1056% -.10799 .0372202)}.app{--bg:#e9eeec;--bg-glow-a:#d5e4dc;--bg-glow-b:#dfe6f0;--surface:#f7faf8;--surface-elevated:#fff;--ink:#15201c;--muted:#5d6b65;--line:#c9d4ce;--accent:#1f6b4f;--accent-soft:#d8efe4;--accent-ink:#fff;--danger:#9b2c2c;--shadow:0 18px 50px #15201c14;--radius:18px;--font-ui:"Figtree", "Avenir Next", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;--font-prose:"Source Serif 4", Georgia, "Times New Roman", serif;min-height:100svh;color:var(--ink);background:radial-gradient(ellipse 70% 50% at 12% -10%, var(--bg-glow-a), transparent 55%), radial-gradient(ellipse 55% 45% at 88% 0%, var(--bg-glow-b), transparent 50%), linear-gradient(180deg, var(--bg), color-mix(in oklab, var(--bg) 85%, #cfd8d3));font-family:var(--font-ui);grid-template-rows:auto 1fr auto;display:grid}:root[data-theme=dark] .app{--bg:#101613;--bg-glow-a:#163328;--bg-glow-b:#1a2430;--surface:#171e1b;--surface-elevated:#1d2622;--ink:#e8efeb;--muted:#9aaba2;--line:#2c3a34;--accent:#63c395;--accent-soft:#20362c;--accent-ink:#0d1713;--danger:#f0a0a0;--shadow:0 18px 50px #00000059}.toolbar{border-bottom:1px solid color-mix(in oklab, var(--line) 80%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in oklab, var(--surface) 78%, transparent);flex-wrap:wrap;align-items:center;gap:1rem;padding:.9rem 1.1rem;display:flex}.brand{align-items:center;gap:.7rem;min-width:9.5rem;display:flex}.brand-mark{background:linear-gradient(145deg, var(--accent), color-mix(in oklab, var(--accent) 40%, #0b3d2e)), repeating-linear-gradient(-28deg, transparent, transparent 3px, #ffffff2e 3px, #ffffff2e 4px);border-radius:.45rem;width:1.55rem;height:1.55rem;box-shadow:inset 0 0 0 1px #fff3}.brand-text{flex-direction:column;line-height:1.05;display:flex}.brand-name{letter-spacing:-.03em;font-size:1.05rem;font-weight:700}.brand-tag{color:var(--muted);font-size:.72rem}.toolbar-group{align-items:center;gap:.3rem;display:flex}.format-group{border:1px solid var(--line);background:var(--surface-elevated);border-radius:999px;flex-wrap:wrap;flex:1;padding:.2rem}.actions-group{flex-wrap:wrap;gap:.45rem;margin-left:auto}.tool,.ghost,.primary,.segmented button,.menu summary,.menu-panel button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0}.tool{min-width:2rem;height:2rem;color:var(--ink);border-radius:999px;place-items:center;transition:background .14s,transform .14s;display:inline-grid}.tool:hover{background:var(--accent-soft)}.tool:active{transform:translateY(1px)}.tool .strike{text-decoration:line-through}.tool .linkish{text-underline-offset:2px;font-weight:600;text-decoration:underline}.sep{background:var(--line);width:1px;height:1.1rem;margin:0 .15rem}.segmented{border:1px solid var(--line);background:var(--surface-elevated);border-radius:999px;padding:.18rem;display:inline-flex}.segmented button{color:var(--muted);border-radius:999px;padding:.35rem .7rem;font-size:.82rem}.segmented button.active{background:var(--accent-soft);color:var(--ink);font-weight:600}.ghost{border:1px solid var(--line);background:var(--surface-elevated);border-radius:999px;padding:.4rem .8rem;font-size:.82rem}.ghost.on{border-color:color-mix(in oklab, var(--accent) 45%, var(--line));background:var(--accent-soft)}.primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 20px color-mix(in oklab, var(--accent) 28%, transparent);border-radius:999px;padding:.45rem .95rem;font-size:.88rem;font-weight:650;transition:transform .14s,filter .14s}.primary:hover{filter:brightness(1.05)}.primary:active{transform:translateY(1px)}.menu{position:relative}.menu summary{border:1px solid var(--line);background:var(--surface-elevated);border-radius:999px;padding:.4rem .8rem;font-size:.82rem;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-panel{border:1px solid var(--line);background:var(--surface-elevated);min-width:10.5rem;box-shadow:var(--shadow);z-index:20;border-radius:12px;gap:.15rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0}.menu-panel button{text-align:left;border-radius:8px;padding:.45rem .55rem;font-size:.85rem}.menu-panel button:hover{background:var(--accent-soft)}.menu-panel .danger{color:var(--danger)}.workspace{gap:0;min-height:0;padding:.9rem;display:flex}.workspace.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.pane{background:var(--surface-elevated);border:1px solid var(--line);min-width:0;min-height:0;box-shadow:var(--shadow);grid-template-rows:auto 1fr;display:grid;overflow:hidden}.editor-pane{border-radius:var(--radius) 0 0 var(--radius)}.preview-pane{border-radius:0 var(--radius) var(--radius) 0}.mode-editor .editor-pane,.mode-preview .preview-pane{border-radius:var(--radius);width:100%!important}.pane-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:color-mix(in oklab, var(--surface) 70%, var(--surface-elevated));padding:.55rem .95rem;font-size:.72rem}.editor,.preview{min-height:0;overflow:auto}.editor{resize:none;width:100%;height:100%;color:var(--ink);font-family:var(--font-mono);tab-size:2;background:0 0;border:0;outline:none;padding:1.15rem 1.2rem 1.4rem;font-size:.92rem;line-height:1.65}.editor::placeholder{color:color-mix(in oklab, var(--muted) 75%, transparent)}.preview{font-family:var(--font-prose);color:var(--ink);padding:1.15rem 1.35rem 1.6rem;font-size:1.05rem;line-height:1.7}.preview>:first-child{margin-top:0}.preview h1,.preview h2,.preview h3,.preview h4{font-family:var(--font-ui);letter-spacing:-.02em;margin:1.4rem 0 .55rem;line-height:1.2}.preview h1{font-size:2rem}.preview h2{font-size:1.45rem}.preview h3{font-size:1.18rem}.preview p,.preview ul,.preview ol,.preview blockquote,.preview pre,.preview table{margin:.75rem 0}.preview a{color:var(--accent)}.preview code{font-family:var(--font-mono);background:var(--accent-soft);border-radius:6px;padding:.12em .35em;font-size:.88em}.preview pre{background:color-mix(in oklab, var(--accent-soft) 70%, var(--surface));border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;overflow-x:auto}.preview pre code{background:0 0;padding:0}.preview blockquote{border-left:3px solid var(--accent);color:var(--muted);margin-left:0;padding:.15rem 0 .15rem 1rem}.preview table{border-collapse:collapse;width:100%;font-size:.95rem}.preview th,.preview td{border:1px solid var(--line);text-align:left;padding:.45rem .6rem}.preview th{background:var(--accent-soft);font-family:var(--font-ui)}.preview img{border-radius:10px;max-width:100%}.preview hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.splitter{cursor:col-resize;background:0 0;flex:none;width:.7rem;position:relative}.splitter:before{content:"";background:color-mix(in oklab, var(--muted) 55%, var(--line));border-radius:999px;transition:background .14s,inset .14s;position:absolute;inset:12% 45%}.splitter:hover:before,.workspace.dragging .splitter:before{background:var(--accent);inset:8% 35%}.statusbar{color:var(--ink);flex-wrap:wrap;align-items:center;gap:.55rem;padding:.55rem 1.1rem .75rem;font-size:.8rem;display:flex}.statusbar .dot{background:var(--muted);opacity:.7;border-radius:50%;width:3px;height:3px}.statusbar .spacer{flex:1}.statusbar .muted{color:var(--muted)}@media (width<=900px){.toolbar{gap:.7rem}.format-group{border-radius:14px;order:3;width:100%}.actions-group{margin-left:0}.workspace{flex-direction:column;gap:.7rem}.editor-pane,.preview-pane,.mode-editor .editor-pane,.mode-preview .preview-pane{border-radius:var(--radius);min-height:42svh;width:100%!important}.splitter{display:none}}@media (prefers-reduced-motion:reduce){.tool,.primary,.splitter:before{transition:none}}