.guide-toc{background:var(--guide-surface-flat,#2b2b34);border:1px solid var(--guide-border);box-shadow:var(--guide-card-shadow,0 4px 20px #0000004d);border-radius:12px;padding:20px;overflow-y:auto}.guide-toc-title{text-transform:uppercase;letter-spacing:.04em;color:var(--guide-text-dim);margin-bottom:10px;font-size:12px;font-weight:700}.guide-toc-toggle{cursor:default;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.guide-toc-toggle-icon{display:none}.guide-toc-list{flex-direction:column;gap:4px;list-style:none;display:flex}.guide-toc-item a{color:var(--guide-text-muted);border-radius:6px;padding:4px 8px;font-size:13px;transition:color .15s,background .15s;display:block}.guide-toc-item a:hover{color:var(--guide-text)}.guide-toc-item a.active{color:var(--guide-accent);background:#557aff1a;font-weight:600}.guide-toc-level-1{padding-left:0}.guide-toc-level-2{padding-left:4px}.guide-toc-level-3{padding-left:8px}.guide-toc-level-4{padding-left:12px}.guide-toc-level-5{padding-left:16px}.guide-toc-level-6{padding-left:18px}.guide-toc-level-1 a{font-size:15px;font-weight:700}.guide-toc-level-2 a{font-size:14px;font-weight:600}.guide-toc-level-3 a{font-size:13px}.guide-toc-level-4 a{font-size:12px}.guide-toc-level-5 a{font-size:10px}.guide-toc-level-6 a{font-size:9px}@media (max-width:1200px){.guide-toc{flex:none}.guide-toc-toggle{cursor:pointer}.guide-toc-toggle-icon{transition:transform .2s;display:inline-flex}.guide-toc.expanded .guide-toc-toggle-icon{transform:rotate(180deg)}.guide-toc:not(.expanded) .guide-toc-title{margin-bottom:0}.guide-toc:not(.expanded) .guide-toc-list{display:none}}
.guide-comments{background:var(--guide-surface-flat,#2b2b34);border:1px solid var(--guide-border);box-shadow:var(--guide-card-shadow,0 4px 20px #0000004d);border-radius:12px;flex-direction:column;gap:14px;padding:20px;display:flex;overflow-y:auto}.guide-comments-title{text-transform:uppercase;letter-spacing:.04em;color:var(--guide-text-dim);font-size:12px;font-weight:700}.guide-comment-login-gate{border:1px dashed var(--guide-border);color:var(--guide-text-muted);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;font-size:13px;display:flex}.guide-comment-login-gate .custom-transparent-btn{aspect-ratio:auto;min-height:26px;padding:4px 14px;font-size:14px}.guide-comment-composer{flex-direction:column;gap:6px;display:flex}.guide-comment-composer-pill{border:1px solid var(--guide-border);background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:4px 4px 4px 16px;transition:border-color .15s;display:flex}.guide-comment-composer-pill:focus-within{border-color:var(--guide-accent)}.guide-comment-composer-pill input{min-width:0;color:var(--guide-text);background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-family:inherit;font-size:13.5px}.guide-comment-composer-pill input::placeholder{color:var(--guide-text-dim)}.guide-comment-send-btn{background:var(--guide-accent);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .15s,transform .15s;display:inline-flex}.guide-comment-send-btn svg{transform:rotate(-45deg)}.guide-comment-send-btn:hover:not(:disabled){transform:scale(1.06)}.guide-comment-send-btn:disabled{opacity:.4;cursor:default}.guide-comment-send-options{flex-wrap:wrap;gap:8px;display:flex}.guide-comment-send-position-btn{color:#a5b4fc;cursor:pointer;background:#6366f126;border:1px solid #6366f159;border-radius:8px;align-self:flex-start;min-height:28px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.guide-comment-send-position-btn:hover:not(:disabled){background:#6366f140;border-color:#6366f199;transform:translateY(-1px)}.guide-comment-send-position-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #6366f166}.guide-comment-send-position-btn:disabled{opacity:.4;cursor:default}.guide-comment-mode-tooltip{flex-direction:column;gap:8px;max-width:260px;display:flex}.guide-comment-mode-tooltip p{color:#d1d5db;margin:0;font-size:12px;line-height:1.4}.guide-comment-mode-example{pointer-events:none}.guide-comment-send-official-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#557aff 0%,#f96b03 100%);border:none;border-radius:8px;align-self:flex-start;min-height:28px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:opacity .15s,transform .15s}.guide-comment-send-official-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.guide-comment-send-official-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #557aff66}.guide-comment-send-official-btn:disabled{opacity:.4;cursor:default}.guide-comment-error{color:var(--base-red,#fd5e5a);padding-left:16px;font-size:12px}.guide-comment-list{flex-direction:column;gap:10px;display:flex}.guide-comments-loading,.guide-comments-empty{color:var(--guide-text-dim);text-align:center;padding:10px 0;font-size:13px}.guide-comment{background:#ffffff0d;border-radius:10px;padding:10px 12px}.guide-comment-official{background:linear-gradient(135deg,#557aff14 0%,#f96b0314 100%);border:1px solid #557aff33}.guide-comment-header{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:3px;display:flex}.guide-comment-avatar{aspect-ratio:1;width:20px;height:20px;color:var(--guide-text-muted,#9ca3af);background:#ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.guide-comment-avatar canvas,.guide-comment-avatar svg{border-radius:4px}.guide-comment-author{color:var(--guide-text);font-size:12.5px;font-weight:700}.guide-comment-badge{text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.guide-comment-badge-staff{color:#a5b4fc;background:#6366f126}.guide-comment-badge-official{color:#fff;background:linear-gradient(135deg,#557aff 0%,#f96b03 100%)}.guide-comment-time{color:var(--guide-text-dim);margin-left:auto;font-size:11px}.guide-comment-body{color:#d1d5db;white-space:pre-wrap;word-break:break-word;font-size:12.5px}.guide-comment-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.guide-comment-vote{color:var(--guide-text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 4px;font-size:11.5px;transition:color .15s;display:inline-flex}.guide-comment-vote:hover{color:var(--guide-text)}.guide-comment-vote.active{color:var(--guide-accent)}.guide-comment-moderate{color:#ff8080}.guide-comment-moderate:hover{color:#ffa3a3}
.guide-edit-toggle-row{z-index:1000;background:#28282f;border-radius:16px;justify-content:flex-end;margin-bottom:16px;display:flex;position:sticky;top:74px}.guide-edit-toggle-row .custom-blue-btn,.guide-edit-toggle-row .custom-transparent-btn{min-height:30px;padding:4px 16px;font-size:14px}.guide-page-meta-editor{background:var(--guide-surface-flat);border:1px solid var(--guide-border);border-radius:10px;flex-direction:column;gap:10px;margin-bottom:20px;padding:14px;display:flex}.guide-meta-icon-row{align-items:center;gap:10px;display:flex}.guide-meta-icon-preview{border:1px dashed var(--guide-border);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.guide-meta-icon-row select{border:1px solid var(--guide-border);color:var(--guide-text);background:#ffffff0d;border-radius:6px;padding:4px 8px}.guide-meta-icon-row select option,.guide-heading-level-select option{color:#fff;background:#1a1a2e}.guide-meta-emoji-input{border:1px solid var(--guide-border);width:60px;color:var(--guide-text);text-align:center;background:#ffffff0d;border-radius:6px;padding:4px 8px}.guide-meta-title-input{border:1px solid var(--guide-border);color:var(--guide-text);background:#ffffff0d;border-radius:6px;padding:6px 10px;font-size:22px;font-weight:700}.guide-meta-description-input{resize:vertical;border:1px solid var(--guide-border);color:var(--guide-text);background:#ffffff0d;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:14px}.guide-meta-publish-toggle{color:var(--guide-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.guide-page-meta-editor>.custom-blue-btn{align-self:flex-start;min-height:26px;padding:4px 14px;font-size:13px}.guide-page-editor,.guide-block-editor-row{flex-direction:column;display:flex}.guide-editor-empty{text-align:center;color:var(--guide-text-dim);border:1px dashed var(--guide-border);border-radius:8px;padding:24px}.guide-block-shell{border:1px solid var(--guide-border);outline-offset:2px;background:#ffffff05;border-radius:8px;outline:2px dashed #0000;margin-bottom:4px;transition:opacity .15s,outline-color .15s,background .15s}.guide-block-shell.dragging{opacity:.4;outline-color:var(--guide-accent)}.guide-block-shell.drag-over{box-shadow:inset 0 2px 0 0 var(--guide-accent);background:#557aff14}.guide-block-shell-toolbar{border-bottom:1px solid var(--guide-border);background:#ffffff08;align-items:center;gap:8px;padding:6px 10px;display:flex}.guide-block-shell-drag{cursor:grab;color:var(--guide-text-dim);display:flex}.guide-block-shell-type{text-transform:uppercase;letter-spacing:.04em;color:var(--guide-text-dim);font-size:11px;font-weight:700}.guide-block-shell-btn{color:var(--guide-text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:13px}.guide-block-shell-btn:hover{color:var(--guide-text);background:#ffffff0f}.guide-block-shell-btn.has-anchor{color:var(--guide-accent)}.guide-block-shell-delete{margin-left:auto}.guide-block-shell-delete:hover{color:var(--base-red,#fd5e5a)}.guide-block-shell-body{padding:10px 12px}.guide-block-shell-heading-row{flex-direction:column;gap:6px;display:flex}.guide-heading-level-select{border:1px solid var(--guide-border);color:var(--guide-text);background:#ffffff0d;border-radius:6px;align-self:flex-start;padding:2px 6px;font-size:12px}.guide-anchor-popover-wrap{position:relative}.guide-anchor-popover{z-index:40;background:var(--guide-surface);border:1px solid var(--guide-border);border-radius:8px;flex-direction:column;gap:6px;min-width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 30px #0009}.guide-anchor-popover input{border:1px solid var(--guide-border);color:var(--guide-text);background:#ffffff0f;border-radius:4px;padding:3px 6px;font-size:12px}.guide-anchor-popover-actions{gap:6px;display:flex}.guide-anchor-popover-actions button{min-height:22px;padding:2px 10px;font-size:12px}.guide-add-block-wrap{justify-content:center;margin:4px 0;display:flex;position:relative}.guide-add-block-btn{border:1px dashed var(--guide-border);color:var(--guide-text-dim);cursor:pointer;opacity:.5;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;transition:opacity .15s;display:inline-flex}.guide-add-block-wrap:hover .guide-add-block-btn,.guide-add-block-btn:focus{opacity:1}.guide-add-block-menu{z-index:40;background:var(--guide-surface);border:1px solid var(--guide-border);border-radius:8px;grid-template-columns:repeat(2,minmax(90px,1fr));gap:4px;padding:8px;display:grid;position:absolute;top:calc(100% + 4px);box-shadow:0 10px 30px #0009}.guide-add-block-menu button{color:var(--guide-text-muted);cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #0000;border-radius:6px;padding:6px 10px;font-size:12px}.guide-add-block-menu button:hover{color:var(--guide-text);background:#557aff26}.guide-page-editor-actions{gap:10px;margin-top:16px;display:flex}.guide-rich-editor{border:1px solid #0000}.guide-rich-toolbar{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.guide-rich-toolbar-sep{background:var(--guide-border);align-self:stretch;width:1px;margin:0 2px}.guide-rich-toolbar-clear{color:#ff8080;justify-content:center;align-items:center;display:inline-flex;background:#ff555514!important;border-color:#ff555559!important}.guide-rich-toolbar-clear:hover{color:#fff;background:#ff555540!important;border-color:#f559!important}.guide-rich-toolbar button{border:1px solid var(--guide-border);color:var(--guide-text-muted);cursor:pointer;background:#ffffff0d;border-radius:5px;padding:3px 9px;font-size:12px}.guide-rich-toolbar button.active{color:var(--guide-accent);border-color:var(--guide-accent);background:#557aff33}.guide-rich-editor .ProseMirror{min-height:32px;color:var(--guide-text);white-space:pre-wrap;overflow-wrap:break-word;outline:none;font-size:15px;line-height:1.6}.guide-rich-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--guide-text-dim);float:left;pointer-events:none;height:0}.guide-rich-editor .ProseMirror table{border-collapse:collapse;width:100%}.guide-rich-editor .ProseMirror td,.guide-rich-editor .ProseMirror th{border:1px solid var(--guide-border);min-width:60px;padding:6px 8px}.guide-rich-editor .ProseMirror a{color:var(--guide-accent);-webkit-text-decoration:underline #557aff66;text-decoration:underline #557aff66}.guide-styled-span-editing{outline:1px dashed var(--guide-accent);outline-offset:1px;cursor:pointer;border-radius:2px}.guide-styled-span-editing:hover{background:#557aff24}.guide-styled-span-popover-wrap{display:inline-flex;position:relative}.guide-styled-span-popover{z-index:40;background:var(--guide-surface);border:1px solid var(--guide-border);border-radius:8px;flex-direction:column;gap:8px;min-width:220px;padding:10px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 30px #0009}.guide-styled-span-popover label{color:var(--guide-text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.guide-styled-span-popover input[type=color]{border:1px solid var(--guide-border);cursor:pointer;background:0 0;border-radius:4px;width:32px;height:24px;padding:0}.guide-styled-span-popover input[type=number]{border:1px solid var(--guide-border);width:70px;color:var(--guide-text);background:#ffffff0f;border-radius:4px;padding:3px 6px;font-size:12px}.guide-styled-span-checkbox-row{justify-content:flex-start!important}.guide-styled-span-popover-actions{gap:6px;margin-top:2px;display:flex}.guide-styled-span-popover-actions button{min-height:22px;padding:2px 10px;font-size:12px}.guide-quote-accent-popover-wrap{position:relative}.guide-quote-accent-btn-swatch{border:1px solid #ffffff4d;border-radius:50%;width:14px;height:14px;display:inline-block}.guide-quote-accent-popover{z-index:40;background:var(--guide-surface);border:1px solid var(--guide-border);border-radius:8px;flex-direction:column;gap:10px;width:216px;min-width:fit-content;padding:14px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 30px #0009}.guide-quote-accent-swatch-row{flex-wrap:wrap;gap:12px;display:flex}.guide-quote-accent-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .1s}.guide-quote-accent-swatch:hover{transform:scale(1.12)}.guide-quote-accent-swatch.active{border-color:var(--guide-text);box-shadow:0 0 0 2px #ffffff26}.guide-quote-accent-reset{align-self:flex-start;min-height:22px;padding:2px 10px;font-size:12px}.guide-quote-accent-preview{color:var(--guide-text-muted);white-space:normal;border-radius:0 6px 6px 0;width:240px;margin:0;padding:10px 14px;font-size:13px}.guide-code-editor{flex-direction:column;gap:6px;display:flex}.guide-code-lang-input{border:1px solid var(--guide-border);width:200px;color:var(--guide-text-muted);background:#ffffff0d;border-radius:6px;align-self:flex-start;padding:3px 8px;font-size:12px}.guide-code-textarea{background:var(--guide-surface-flat);border:1px solid var(--guide-border);color:#d1d5db;resize:vertical;border-radius:6px;width:100%;padding:10px;font-family:Courier New,monospace;font-size:13.5px}.guide-image-editor{flex-direction:column;gap:10px;display:flex}.guide-image-editor-preview-wrap{flex-direction:column;display:flex}.guide-image-editor-preview{object-fit:cover;border-radius:6px;max-width:100%;max-height:260px}.guide-image-editor-empty{text-align:center;border:1px dashed var(--guide-border);color:var(--guide-text-dim);border-radius:8px;padding:30px}.guide-image-editor-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.guide-image-editor-align{gap:4px;display:flex}.guide-image-editor-align button{border:1px solid var(--guide-border);color:var(--guide-text-muted);cursor:pointer;background:#ffffff0d;border-radius:5px;padding:3px 8px}.guide-image-editor-align button.active{border-color:var(--guide-accent);color:var(--guide-accent)}.guide-image-editor-width{color:var(--guide-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.guide-image-editor-width input{border:1px solid var(--guide-border);width:60px;color:var(--guide-text);background:#ffffff0d;border-radius:5px;padding:3px 6px}.guide-hidden-file-input{display:none}.guide-suggestion-menu{background:var(--guide-surface);border:1px solid var(--guide-border);z-index:3500;border-radius:10px;flex-direction:column;gap:2px;min-width:220px;max-height:280px;padding:6px;display:flex;overflow-y:auto;box-shadow:0 16px 40px #000000b3}.guide-suggestion-status{color:var(--guide-text-dim);padding:8px 10px;font-size:12px}.guide-suggestion-item{text-align:left;color:var(--guide-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.guide-suggestion-item:hover,.guide-suggestion-item.active{color:var(--guide-text);background:#557aff26}.guide-suggestion-icon{font-size:14px}.guide-tree-row-wrap{align-items:center;display:flex}.guide-tree-row-wrap .guide-tree-row{flex:1;min-width:0}.guide-tree-row-actions{flex-shrink:0;gap:2px;display:none}.guide-tree-row-wrap:hover .guide-tree-row-actions{display:flex}.guide-tree-row-actions button{color:var(--guide-text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px}.guide-tree-row-actions button:hover{color:var(--guide-text);background:#ffffff14}.guide-tree-add-root{border:1px dashed var(--guide-border);width:100%;color:var(--guide-text-dim);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 10px;font-size:12px;display:flex}.guide-tree-add-root:hover{color:var(--guide-text);border-color:var(--guide-accent)}