.md-note{position:relative;border:1px solid color-mix(in oklab,var(--line) 85%,transparent);background:oklch(99% .008 90);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px oklch(40% .02 60/.04)}.md-note.is-dragging{outline:2px dashed oklch(62% .14 45);outline-offset:-2px}.md-note-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:oklch(100% 0 0/.55)}.md-note-tabs{display:flex;gap:4px;padding:3px;border-radius:999px;background:oklch(94% .015 90)}.md-note-tabs button{border:0;background:transparent;padding:7px 14px;font:inherit;font-size:13px;font-weight:560;color:var(--text-muted);cursor:pointer;border-radius:999px}.md-note-tabs button.active{color:var(--text);background:oklch(100% 0 0);box-shadow:0 1px 3px oklch(40% .02 60/.12)}.md-note-actions{display:flex;gap:8px}.md-format-bar{display:flex;flex-wrap:wrap;gap:2px;padding:6px 10px;border-bottom:1px solid var(--line);background:oklch(97.5% .01 90)}.md-format-bar button{min-width:32px;height:30px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--text-2);font:inherit;font-size:12px;font-weight:700;letter-spacing:.01em;cursor:pointer}.md-format-bar button:hover{background:oklch(100% 0 0);color:var(--text);box-shadow:0 1px 2px oklch(40% .02 60/.1)}.md-drop-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;background:oklch(98% .02 90/.88);color:oklch(42% .1 45);font-weight:650;font-size:.95rem;letter-spacing:.02em}.md-note-editor{width:100%;min-height:420px;border:0;resize:vertical;padding:28px 28px 36px;font:inherit;font-size:1.05rem;line-height:1.75;background:transparent;color:var(--text)}.md-note-editor:focus{outline:none}.md-note-preview{min-height:420px;padding:28px 28px 36px}.md-note-hint{margin:0;padding:10px 16px 12px;border-top:1px solid var(--line);font-size:12px;color:var(--text-faint)}.md-note-error{margin:0;padding:8px 14px;color:var(--danger);font-size:13px;background:oklch(95% .04 28)}.md-empty{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.md-prose{color:var(--text-2);font-size:1.125rem;line-height:1.8;letter-spacing:-.011em}.md-prose>:first-child{margin-top:0}.md-prose h1,.md-prose h2,.md-prose h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.03em;margin:1.6em 0 .55em;line-height:1.2;font-weight:600}.md-prose h1{font-size:1.85rem}.md-prose h2{font-size:1.4rem;text-transform:none;letter-spacing:-.025em}.md-prose h3{font-size:1.15rem}.md-prose blockquote,.md-prose ol,.md-prose p,.md-prose ul{margin:0 0 1.15em}.md-prose ol,.md-prose ul{padding-left:1.35em}.md-prose li+li{margin-top:.35em}.md-prose a{color:oklch(48% .12 210);text-underline-offset:3px}.md-prose code{font-family:var(--font-mono);font-size:.86em;background:oklch(95% .015 90);padding:.12em .4em;border-radius:6px}.md-prose pre{overflow:auto;padding:16px 18px;background:oklch(26% .025 48);color:oklch(96% .01 90);border-radius:14px;margin:0 0 1.25em}.md-prose pre code{background:transparent;padding:0;color:inherit}.md-prose img{max-width:100%;height:auto;display:block;margin:1.4em 0;border-radius:14px;border:1px solid var(--line);box-shadow:0 12px 28px oklch(40% .02 60/.08)}.md-prose blockquote{border-left:3px solid oklch(72% .12 65);padding-left:16px;color:var(--text-muted);font-style:italic}.md-prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}.md-prose table{width:100%;border-collapse:collapse;margin:0 0 1.25em;font-size:.95em}.md-prose td,.md-prose th{border:1px solid var(--line);padding:8px 10px;text-align:left}.md-prose th{background:oklch(96% .012 90);color:var(--text);font-weight:650}@media (max-width:640px){.md-note-toolbar{flex-wrap:wrap}.md-note-editor,.md-note-preview{min-height:320px;padding:18px 16px 28px}.md-format-bar button{min-width:36px;height:34px}}