@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700&family=Literata:ital,wght@0,300;0,400;0,500;1,300;1,400&family=JetBrains+Mono:wght@300;400;500&display=swap";*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background-color:#020617}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0b;--bg-raised: #0f0f11;--bg-surface: #141416;--bg-hover: #1a1a1d;--bg-active: #1e1e24;--border: #1c1c21;--border-mid: #252530;--border-bright: #2e2e3d;--txt-primary: #e8e8f0;--txt-secondary: #9898aa;--txt-muted: #52525e;--txt-ghost: #2a2a33;--accent: #e2b96f;--accent-dim: rgba(226,185,111,.08);--accent-border: rgba(226,185,111,.18);--accent-glow: rgba(226,185,111,.04);--green: #5eead4;--green-dim: rgba(94,234,212,.08);--green-border: rgba(94,234,212,.15);--amber: #fbbf24;--amber-dim: rgba(251,191,36,.08);--red: #f87171;--sidebar-w: 228px;--topbar-h: 46px;--dochead-h: 88px;--statusbar-h: 28px;--linum-w: 54px;--font-ui: "Syne", system-ui, sans-serif;--font-prose: "Literata", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 10px;--transition: .18s ease}html,body{height:100%;background:var(--bg);color:var(--txt-primary)}button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}::selection{background:#e2b96f26;color:var(--txt-primary)}.shell{display:flex;height:100vh;overflow:hidden;font-family:var(--font-ui);background:var(--bg)}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-raised);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width var(--transition),opacity var(--transition);overflow:hidden}.sidebar-collapsed .sidebar{width:0;opacity:0;pointer-events:none}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:20px 12px 16px;border-bottom:1px solid var(--border)}.sidebar-logo-img{display:block;max-width:100%;height:auto}.sidebar-nav{padding:16px 12px 8px}.nav-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-muted);padding:0 8px 8px}.nav-item{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:400;color:var(--txt-secondary);transition:background var(--transition),color var(--transition);border:1px solid transparent;position:relative;overflow:hidden}.nav-item span:first-of-type{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item:hover{background:var(--bg-hover);color:var(--txt-primary)}.nav-item--active{background:var(--accent-dim);color:var(--txt-primary);border-color:var(--accent-border)}.nav-item--active svg{color:var(--accent)}.nav-pill{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#e2b96f1a;border:1px solid var(--accent-border);border-radius:3px;padding:2px 5px;flex-shrink:0}.sidebar-stats-panel{padding:16px 12px 8px;border-top:1px solid var(--border);margin-top:auto}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-top:8px}.stat-cell{background:var(--bg-surface);padding:10px 12px;display:flex;flex-direction:column;gap:2px;transition:background var(--transition)}.stat-cell:hover{background:var(--bg-hover)}.stat-num{font-family:var(--font-mono);font-size:15px;font-weight:500;color:var(--txt-primary);letter-spacing:-.02em}.stat-lbl{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-muted)}.sidebar-foot{padding:14px 18px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.conn-badge{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:500}.conn-badge--on{color:var(--green)}.conn-badge--off{color:var(--red)}.conn-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.conn-badge--on .conn-dot{box-shadow:0 0 6px currentColor;animation:conn-blink 2.5s ease-in-out infinite}@keyframes conn-blink{0%,to{opacity:1}50%{opacity:.35}}.sidebar-ver{font-family:var(--font-mono);font-size:9.5px;color:var(--txt-ghost);letter-spacing:.04em}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);min-width:0}.topbar{height:var(--topbar-h);flex-shrink:0;background:var(--bg-raised);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:12px}.topbar-l,.topbar-r{display:flex;align-items:center;gap:12px;flex:1}.topbar-r{justify-content:flex-end}.topbar-c{display:flex;align-items:center;justify-content:center}.menu-btn{display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:var(--radius-sm);transition:background var(--transition)}.menu-btn span{display:block;width:16px;height:1.5px;background:var(--txt-muted);border-radius:2px;transition:background var(--transition)}.menu-btn:hover span{background:var(--txt-primary)}.menu-btn:hover{background:var(--bg-hover)}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px}.bc-dim{color:var(--txt-muted)}.bc-active{color:var(--txt-secondary);font-weight:500}.breadcrumb svg{color:var(--border-mid);flex-shrink:0}.topbar-logo{display:flex;align-items:center}.topbar-logo img{display:block;height:22px;width:auto;margin-left:4px;margin-right:10px}.live-badge{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:20px;font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.live-badge--on{background:var(--green-dim);border:1px solid var(--green-border);color:var(--green)}.live-badge--off{background:#f8717112;border:1px solid rgba(248,113,113,.15);color:var(--red)}.live-ring{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.live-badge--on .live-ring{animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{box-shadow:0 0 #5eead480}50%{box-shadow:0 0 0 5px #5eead400}}.save-chip{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:400;padding:4px 10px;border-radius:var(--radius-sm);transition:all .3s ease;white-space:nowrap;font-family:var(--font-mono);letter-spacing:.02em}.save-chip--idle{color:var(--txt-muted)}.save-chip--saving{color:var(--amber);background:var(--amber-dim);border:1px solid rgba(251,191,36,.15)}.save-chip--saved{color:var(--green);background:var(--green-dim);border:1px solid var(--green-border)}.chip-spin{width:8px;height:8px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:50%;animation:chip-spin .7s linear infinite;display:inline-block}@keyframes chip-spin{to{transform:rotate(360deg)}}.tb-sep{width:1px;height:16px;background:var(--border-mid);flex-shrink:0}.view-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--txt-secondary);background:var(--bg-surface);border:1px solid var(--border-mid);transition:all var(--transition);letter-spacing:.01em}.view-btn:hover{background:var(--bg-active);color:var(--txt-primary);border-color:var(--border-bright)}.view-btn--prev{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-border)}.doc-head{flex-shrink:0;padding:22px 36px 18px calc(var(--linum-w) + 36px);border-bottom:1px solid var(--border);background:var(--bg);position:relative}.doc-head:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,var(--accent-border) 0%,transparent 60%)}.doc-title-row{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.doc-title{font-family:var(--font-prose);font-size:28px;font-weight:300;color:var(--txt-primary);letter-spacing:-.4px;line-height:1;font-style:italic}.doc-ext{font-family:var(--font-mono);font-size:12px;color:var(--txt-muted);letter-spacing:.04em;font-style:normal}.doc-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-chip{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--txt-muted);font-family:var(--font-mono);letter-spacing:.02em}.meta-chip svg{opacity:.5;flex-shrink:0}.meta-dot{color:var(--border-bright);font-size:14px}.content-area{flex:1;display:flex;overflow:hidden;position:relative}.edit-wrap{flex:1;display:flex;overflow:hidden}.linum-col{width:var(--linum-w);flex-shrink:0;background:var(--bg);border-right:1px solid var(--border);padding:30px 0;overflow:hidden;-webkit-user-select:none;user-select:none}.linum{font-family:var(--font-mono);font-size:12.5px;font-weight:300;color:var(--txt-ghost);line-height:1.8;text-align:right;padding-right:14px;transition:color var(--transition)}.editor-ta{flex:1;background:var(--bg);color:var(--txt-primary);border:none;outline:none;resize:none;font-family:var(--font-mono);font-size:13.5px;font-weight:300;line-height:1.8;letter-spacing:.005em;padding:30px 52px 30px 26px;caret-color:var(--accent);tab-size:2;overflow-y:auto;height:100%}.editor-ta::placeholder{color:var(--txt-muted);font-style:italic;white-space:pre}.editor-ta::selection{background:#e2b96f24}.editor-ta::-webkit-scrollbar{width:6px}.editor-ta::-webkit-scrollbar-track{background:transparent}.editor-ta::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.editor-ta::-webkit-scrollbar-thumb:hover{background:var(--txt-muted)}.preview-wrap{flex:1;overflow-y:auto;padding:0;background:var(--bg)}.preview-body{max-width:700px;margin:0 auto;padding:40px 52px 60px;font-family:var(--font-prose);font-size:16px;font-weight:300;line-height:1.8;color:var(--txt-primary)}.preview-body h1{font-family:var(--font-prose);font-size:34px;font-weight:400;font-style:italic;color:var(--txt-primary);margin-bottom:16px;letter-spacing:-.5px}.preview-body h2{font-size:22px;font-weight:400;color:var(--txt-primary);margin:28px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.preview-body h3{font-size:17px;font-weight:500;color:var(--txt-secondary);margin:22px 0 8px}.preview-body p{margin:12px 0}.preview-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.preview-body strong{font-weight:500;color:var(--txt-primary)}.preview-body em{color:var(--txt-secondary)}.preview-body blockquote{border-left:2px solid var(--accent-border);padding:4px 0 4px 18px;margin:16px 0;color:var(--txt-secondary);font-style:italic;background:var(--accent-glow)}.preview-body code{font-family:var(--font-mono);font-size:12.5px;background:var(--bg-surface);border:1px solid var(--border-mid);padding:2px 7px;border-radius:var(--radius-sm);color:var(--accent)}.preview-body pre{background:var(--bg-raised);border:1px solid var(--border);padding:18px 22px;border-radius:var(--radius-md);overflow-x:auto;margin:16px 0}.preview-body pre code{background:none;border:none;padding:0;color:var(--txt-secondary);font-size:13px}.preview-body ul,.preview-body ol{padding-left:22px;margin:12px 0}.preview-body li{margin:4px 0}.preview-body hr{border:none;border-top:1px solid var(--border);margin:28px 0}.preview-body table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0}.preview-body th{text-align:left;padding:8px 14px;border-bottom:1px solid var(--border-mid);color:var(--txt-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-mono);font-weight:400}.preview-body td{padding:8px 14px;border-bottom:1px solid var(--border);color:var(--txt-secondary)}.preview-wrap::-webkit-scrollbar{width:6px}.preview-wrap::-webkit-scrollbar-track{background:transparent}.preview-wrap::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}.statusbar{height:var(--statusbar-h);flex-shrink:0;background:var(--bg-raised);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 calc(var(--linum-w) + 18px)}.sb-left,.sb-right{display:flex;align-items:center}.sb-item{font-family:var(--font-mono);font-size:10.5px;font-weight:300;color:var(--txt-muted);letter-spacing:.04em;padding:0 12px}.sb-item strong{font-weight:500;color:var(--txt-secondary)}.sb-sep{width:1px;height:12px;background:var(--border-mid);flex-shrink:0}@media(max-width:768px){.shell{position:relative}.sidebar{position:fixed;top:var(--topbar-h);bottom:var(--statusbar-h);left:0;width:min(260px,78vw);max-width:78vw;box-shadow:0 0 30px #000000b3;z-index:40;transition:transform var(--transition),opacity var(--transition);transform:translate(0)}.sidebar-collapsed .sidebar{width:min(260px,78vw);transform:translate(-100%);opacity:0;pointer-events:none}.doc-head{padding-left:calc(var(--linum-w) + 16px);padding-right:16px}.statusbar{padding-left:calc(var(--linum-w) + 12px)}.editor-ta{padding-left:16px;padding-right:16px}.topbar{padding:0 12px}.doc-title{font-size:22px}.preview-body{padding:28px 20px 48px}.topbar-c{display:none}}@media(max-width:520px){.topbar{padding:0 8px;gap:8px}.topbar-l,.topbar-r{gap:8px}.topbar-logo img{height:18px;margin-right:6px}.breadcrumb{display:none}.doc-head{padding-left:calc(var(--linum-w) + 12px);padding-right:12px}.editor-ta{padding:22px 12px}.statusbar{padding:0 10px 0 calc(var(--linum-w) + 10px)}.preview-body{padding:22px 16px 40px}.doc-title{font-size:18px}.sb-item{font-size:9px;padding:0 6px}}