:root{--green-700:#265544;--green-600:#2e6e5a;--green-500:#36856c;--green-50:#eaf2ee;--accent:#e0712c;--bg:#f5f7f6;--surface:#fff;--surface-2:#fafbfb;--border:#e2e6e4;--border-strong:#cdd4d1;--text:#1a1d1c;--muted:#67726d;--muted-2:#8a938e;--danger:#c63a2f;--danger-50:#fbeae8;--success:#2e6e5a;--ring:#36856c;--r-sm:6px;--r:8px;--r-lg:12px;--sh-1:0 1px 2px #1018140d;--sh-2:0 1px 3px #10181414, 0 4px 12px #1018140a;--sh-3:0 8px 24px #1018141f;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.55}h1,h2,h3{color:var(--text);margin:0 0 .5em;line-height:1.25}h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:650}h3{margin-top:1.75rem;font-size:1.05rem;font-weight:600}a{color:var(--green-600)}.layout{min-height:100dvh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-self:flex-start;gap:2px;width:248px;height:100dvh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .brand{letter-spacing:.02em;color:var(--text);align-items:center;gap:9px;padding:4px 8px 14px;font-size:1.05rem;font-weight:700;display:flex}.sidebar .brand .mark{width:22px;height:22px;color:var(--green-600);flex:none;place-items:center;display:grid}.sidebar .brand .dot{color:var(--accent)}.sidebar a{color:var(--muted);border-radius:var(--r-sm);border-left:3px solid #0000;align-items:center;padding:9px 12px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .16s,color .16s;display:flex}.sidebar a:hover{background:var(--surface-2);color:var(--text)}.sidebar a.active{background:var(--green-50);color:var(--green-700);border-left-color:var(--accent);font-weight:600}.sidebar hr{border:0;border-top:1px solid var(--border);margin:12px 4px}.sidebar .actions{flex-direction:column;gap:8px;display:flex}.sidebar .actions a{border:1px solid var(--border-strong);color:var(--text);border-left:1px solid var(--border-strong);justify-content:center}.sidebar .actions a:hover{background:var(--surface-2)}.sidebar .spacer{flex:1}.sidebar .who{color:var(--muted-2);word-break:break-all;padding:2px 8px 8px;font-size:.78rem}.content{flex:1;width:100%;max-width:1100px;padding:32px 36px}.content>h2:first-child{margin-bottom:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:20px}.btn{appearance:none;background:var(--green-600);color:#fff;border-radius:var(--r-sm);cursor:pointer;font:inherit;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:9px 16px;font-size:.92rem;font-weight:550;transition:background .15s,border-color .15s,box-shadow .15s,transform 80ms;display:inline-flex}.btn:hover{background:var(--green-700)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #36856c59}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn.secondary:hover{background:var(--surface-2);border-color:var(--muted-2)}.btn.danger{background:var(--surface);color:var(--danger);border-color:#e7c9c5}.btn.danger:hover{background:var(--danger-50);border-color:var(--danger)}.btn.danger:focus-visible{box-shadow:0 0 0 3px #c63a2f4d}.btn.icon{width:36px;min-height:36px;padding:0;font-size:1rem;line-height:1}.btn.tool{white-space:nowrap;min-height:36px;padding:6px 10px;font-size:.9rem;line-height:1}.btn.secondary.tool.active{background:var(--green-600);color:#fff;border-color:#0000}.toolbar.bubble{background:var(--surface,#fff);border:1px solid var(--border);border-radius:8px;gap:2px;padding:4px;box-shadow:0 6px 20px #0000001f}.insert-toolbar{margin-bottom:8px}.insert-toolbar .table-controls{border-left:1px solid var(--border);gap:4px;margin-left:4px;padding-left:8px;display:inline-flex}.article-editor-body{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #0000000a}.article-editor-body .ProseMirror{max-width:760px;min-height:320px;color:var(--text);outline:none;margin:0 auto;padding:24px 20px 40px;line-height:1.7}.article-editor-body .ProseMirror:focus{outline:none}.article-editor-body h2{margin:1.4rem 0 .5rem;font-size:1.5rem}.article-editor-body h3{margin:1.2rem 0 .4rem;font-size:1.25rem}.article-editor-body h4{margin:1rem 0 .3rem;font-size:1.05rem}.article-editor-body ul,.article-editor-body ol{padding-left:1.4rem}.article-editor-body img{border-radius:8px;max-width:100%;height:auto;display:block}.article-editor-body .article-img{margin:1rem 0}.article-editor-body blockquote{border-left:3px solid var(--border);color:var(--muted);padding-left:1rem}.article-editor-body table{border-collapse:collapse;width:100%;margin:1rem 0}.article-editor-body th,.article-editor-body td{border:1px solid var(--border);padding:.4rem .6rem}.article-editor-body th{background:#0000000a}.article-editor-body .ProseMirror-selectednode{outline:2px solid var(--green-600)}.editor-callout{border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:.5rem;margin:1rem 0;padding:.8rem 1rem;display:flex}.editor-callout-info{background:#3b82f614;border-left:3px solid #3b82f6}.editor-callout-warning{background:#eab3081a;border-left:3px solid #eab308}.editor-callout-success{background:#22c55e1a;border-left:3px solid #22c55e}.editor-callout-switch{gap:2px;display:flex}.editor-callout-body{flex:1}label{color:var(--muted);margin:12px 0 5px;font-size:.85rem;font-weight:550;display:block}input,textarea,select{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:9px 11px;font-size:.95rem;transition:border-color .15s,box-shadow .15s;display:block}input::placeholder,textarea::placeholder{color:var(--muted-2)}input:hover,textarea:hover,select:hover{border-color:var(--muted-2)}input:focus,textarea:focus,select:focus{border-color:var(--ring);outline:none;box-shadow:0 0 0 3px #36856c2e}textarea{resize:vertical;min-height:84px}form{margin:0}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;margin-bottom:16px;overflow:hidden}tbody tr{border-bottom:1px solid var(--border);transition:background .12s}tbody tr:last-child{border-bottom:0}tbody tr:hover{background:var(--surface-2)}td{vertical-align:middle;padding:11px 14px;font-size:.95rem}td:first-child{font-weight:550}td .num,.tabular{font-variant-numeric:tabular-nums}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}td.row{justify-content:flex-end}.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:5px;display:flex}.tabs .btn{min-height:34px;color:var(--muted);background:0 0;border-color:#0000;padding:6px 14px;font-size:.88rem}.tabs .btn:hover{background:var(--surface);color:var(--text)}.tabs .btn.active{background:var(--green-600);color:#fff;box-shadow:var(--sh-1)}.error{color:var(--danger);background:var(--danger-50);border-radius:var(--r-sm);border:1px solid #eccac5;margin-bottom:14px;padding:9px 12px;font-size:.9rem}.mono{font-family:var(--mono);color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);word-break:break-word;padding:7px 10px;font-size:.82rem}.muted{color:var(--muted)}.content ul{margin:0 0 8px;padding:0;list-style:none}.content ul li{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:6px;padding:11px 14px;font-weight:550}.content ul li .mono{color:var(--muted-2);background:0 0;border:0;padding:0;font-weight:400;display:inline}.login-wrap{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:360px;box-shadow:var(--sh-2);padding:28px 26px}.login-card .brand{letter-spacing:.02em;align-items:center;gap:9px;margin-bottom:4px;font-size:1.15rem;font-weight:700;display:flex}.login-card .brand .mark{color:var(--green-600)}.login-card .brand .dot{color:var(--accent)}.login-card h2{color:var(--muted);margin-bottom:18px;font-size:1.05rem;font-weight:600}.login-card .btn{width:100%;margin-top:18px}.with-preview{align-items:flex-start;gap:24px;display:flex}.with-preview>.editor-main{flex:1;min-width:0}.block-preview{flex:none;width:360px;position:sticky;top:24px}.block-preview-head{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:600;display:flex}.block-preview-frame{border:1px solid var(--border);border-radius:var(--r);background:#fff;width:100%;height:440px}@media (width<=900px){.with-preview{flex-direction:column}.block-preview{width:100%;position:static}}@media (width<=768px){.layout{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;width:100%;height:auto;position:static}.sidebar .brand{width:100%;padding-bottom:6px}.sidebar a{border-left:0;padding:8px 10px}.sidebar a.active{box-shadow:inset 0 -2px 0 var(--accent);border-left:0}.sidebar hr,.sidebar .spacer{display:none}.sidebar .actions{flex-direction:row;width:100%;margin-top:6px}.sidebar .who{width:100%}.content{padding:22px 18px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.slash-menu{background:var(--surface,#fff);border:1px solid var(--border);z-index:50;border-radius:8px;flex-direction:column;min-width:220px;max-height:280px;padding:4px;display:flex;overflow-y:auto;box-shadow:0 8px 24px #00000024}.slash-item{text-align:left;cursor:pointer;font:inherit;color:var(--text);background:0 0;border:0;border-radius:6px;padding:7px 10px}.slash-item.active,.slash-item:hover{background:#0000000f}.skins{flex-wrap:wrap;gap:16px;margin:20px 0;display:flex}.skin-card{text-align:left;width:280px;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-2);cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;transition:border-color .15s,box-shadow .15s;display:flex}.skin-card:hover{border-color:var(--border-strong)}.skin-card:focus-visible{outline:none;box-shadow:0 0 0 3px #36856c59}.skin-card strong{font-size:16px}.skin-card span{color:var(--muted);font-size:13px;line-height:1.45}.skin-card.selected{border-color:var(--green-500);box-shadow:0 0 0 2px var(--green-50), var(--sh-2)}