:root{--bg: #ffffff;--side: #f7f7f5;--border: #e9e9e7;--text: #37352f;--muted: #9b9a97;--accent: #2f6fed;--accent-soft: #eef3fe;--danger: #d9534f;--hover: rgba(55, 53, 47, .06);--shadow: 0 8px 30px rgba(15, 15, 15, .12)}.dark{--bg: #191919;--side: #202020;--border: #333;--text: #e8e8e6;--muted: #7d7d7b;--accent: #5b8def;--accent-soft: #26314a;--hover: rgba(255, 255, 255, .07);--shadow: 0 8px 30px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg);font-size:15px}button{font-family:inherit;cursor:pointer}input{font-family:inherit;color:inherit}button:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:#2f6fed40}.boot,.empty-main,.shared-err{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:12px}.empty-emoji{font-size:44px}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f3f6fc,#e8eef9,#f7f7f5)}.dark .login-wrap{background:linear-gradient(160deg,#16181d,#1b2030 60%,#191919)}.login-card{width:340px;padding:40px 36px;background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);text-align:center}.login-logo{font-size:44px}.login-card h1{font-size:20px;margin:10px 0 4px}.login-sub{color:var(--muted);font-size:13px;margin:0 0 22px}.login-card input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg);font-size:15px;outline:none;margin-bottom:12px}.login-card input:focus{border-color:var(--accent)}.text-link{border:none;background:transparent;color:var(--accent);cursor:pointer;margin-left:4px;padding:0;font:inherit}.login-error{color:var(--danger);font-size:13px;margin-bottom:10px}.btn{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:7px 14px;font-size:14px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--hover)}.btn.danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn.sm{padding:4px 10px;font-size:13px;border-radius:6px}.btn.block{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{border:none;background:transparent;border-radius:6px;padding:4px 8px;font-size:14px;color:var(--text)}.icon-btn:hover{background:var(--hover)}.app{display:flex;height:100%}.sidebar{width:264px;flex-shrink:0;background:var(--side);border-right:1px solid var(--border);display:flex;flex-direction:column}.side-header{display:flex;align-items:center;justify-content:space-between;padding:12px 10px 6px 14px;font-weight:600;font-size:14px}.side-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-search{position:relative;padding:6px 10px 8px}.side-search input{width:100%;padding:7px 28px 7px 10px;border:1px solid transparent;border-radius:7px;background:var(--hover);font-size:13px;outline:none}.side-search input:focus{background:var(--bg);border-color:var(--border)}.side-search .clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:0 4px;color:var(--muted)}.side-tree{flex:1;overflow-y:auto;padding:0 6px 10px}.side-empty{color:var(--muted);font-size:13px;text-align:center;padding:24px 8px;display:flex;flex-direction:column;gap:12px;align-items:center}.tree-item{display:flex;align-items:center;gap:5px;padding:4px 8px 4px 10px;border-radius:7px;cursor:pointer;position:relative;font-size:13.5px;-webkit-user-select:none;user-select:none;height:30px}.tree-item:hover{background:var(--hover)}.tree-item.active{background:var(--accent-soft)}.tree-item:hover .t-actions{opacity:1}.tw{border:none;background:transparent;color:var(--muted);width:16px;font-size:10px;padding:0;flex-shrink:0}.tw.spacer{display:inline-block}.t-icon{flex-shrink:0;font-size:14px;width:20px;text-align:center}.t-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.t-actions{display:flex;gap:2px;opacity:0;flex-shrink:0}.t-actions button{border:none;background:transparent;color:var(--muted);border-radius:5px;font-size:12px;padding:1px 5px}.t-actions button:hover{background:var(--border);color:var(--text)}.t-menu{position:absolute;right:6px;top:30px;z-index:50;background:var(--bg);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow);padding:5px;display:flex;flex-direction:column;min-width:140px}.t-menu button{border:none;background:transparent;text-align:left;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--text)}.t-menu button:hover{background:var(--hover)}.t-menu button.danger{color:var(--danger)}.side-footer{border-top:1px solid var(--border);padding:8px 10px;display:flex;flex-direction:column;gap:2px}.side-user{font-size:12px;color:var(--muted);padding:2px 8px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-row{display:flex;gap:4px}.footer-btn{flex:1;border:none;background:transparent;color:var(--muted);font-size:12.5px;text-align:left;padding:6px 8px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-btn:hover{background:var(--hover);color:var(--text)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.editor-pane{display:flex;flex-direction:column;height:100%}.editor-header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);min-height:48px}.crumb{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;color:var(--muted)}.crumb-item .cur{color:var(--text)}.crumb-sep{margin:0 6px;color:var(--muted)}.save-state{font-size:12px;color:var(--muted)}.save-state.err{color:var(--danger)}.badge-shared{font-size:12px;color:var(--accent);background:var(--accent-soft);border-radius:20px;padding:2px 10px}.editor-scroll{flex:1;overflow-y:auto}.editor-body{max-width:780px;margin:0 auto;padding:32px 48px 120px}.page-icon-row{margin-bottom:4px}.page-icon{border:none;background:transparent;font-size:42px;border-radius:10px;padding:4px 8px}.page-icon:hover{background:var(--hover)}.icon-picker{display:grid;grid-template-columns:repeat(11,1fr);gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:8px;margin-bottom:10px;width:fit-content}.icon-picker button{border:none;background:transparent;font-size:19px;border-radius:6px;padding:3px}.icon-picker button:hover{background:var(--hover)}.page-title{width:100%;border:none;outline:none;background:transparent;font-size:32px;font-weight:700;padding:6px 0 14px;margin-bottom:6px}.page-title::placeholder{color:var(--muted);opacity:.6}.editor-body .bn-container,.editor-body .bn-editor{padding-left:0;padding-right:0}.editor-body .bn-block-content{font-size:15.5px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f73;display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:480px;max-width:calc(100vw - 40px);max-height:70vh;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.modal-head h3{margin:0;font-size:16px}.modal-empty{color:var(--muted);text-align:center;padding:30px 0;font-size:14px}.modal.ai-modal{width:640px}.ai-output{white-space:pre-wrap;word-break:break-word;max-height:360px;min-height:120px;overflow-y:auto;font-size:14px;line-height:1.7;color:var(--text);background:var(--side);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:12px}.ai-output.loading{color:var(--muted)}.ai-cursor{display:inline-block;animation:ai-blink 1s steps(1) infinite;color:var(--accent)}@keyframes ai-blink{50%{opacity:0}}.ai-err{color:var(--danger, #ef4444)}.ai-actions{display:flex;align-items:center;gap:8px}.ai-actions-space{flex:1}.gblock-snake{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--side);max-width:320px;-webkit-user-select:none;user-select:none}.gblock-snake canvas{display:block;border-radius:8px;outline:none;width:100%;height:auto}.gblock-snake-stage{position:relative}.gblock-snake-score{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:6px 2px 0}.gblock-snake-score .best{color:var(--accent)}.gblock-snake-pad{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;flex-wrap:wrap}.gblock-snake-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:4px 10px;font-size:13px;cursor:pointer}.gblock-snake-btn:hover{background:var(--hover)}.gblock-snake-keys{display:flex;flex-direction:column;align-items:center;gap:2px}.gblock-snake-keys>div{display:flex;gap:2px}.gblock-snake-keys .dir{padding:0;width:30px;font-size:12px}.gblock-snake-tip{font-size:11px;color:var(--muted);width:100%;text-align:right}.gblock-wheel{display:inline-flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--side)}.gblock-wheel canvas{display:block}.gblock-wheel-row{display:flex;gap:8px}.gblock-wheel-spin{border:none;background:var(--accent);color:#fff;border-radius:10px;padding:8px 18px;font-size:14px;font-weight:700;cursor:pointer}.gblock-wheel-spin:disabled{opacity:.6;cursor:default}.gblock-wheel-edit{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:10px;padding:8px 12px;font-size:13px;cursor:pointer}.gblock-wheel-result{font-size:15px;font-weight:700;color:var(--accent);animation:wheel-pop .4s ease}@keyframes wheel-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.gblock-wheel-warn{font-size:12px;color:var(--danger)}.gblock-pomodoro{display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:12px;padding:10px 14px;background:var(--side);max-width:420px}.gblock-pomodoro.done{border-color:#34c77b}.gblock-pomodoro-ring svg{display:block}.gblock-pomodoro-body{flex:1;min-width:0}.gblock-pomodoro-status{font-size:13px;color:var(--muted)}.gblock-pomodoro-label{font-size:14px;margin:2px 0 6px}.gblock-pomodoro-btns{display:flex;gap:6px;flex-wrap:wrap}.gblock-pomodoro-btn{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:3px 10px;font-size:12px;cursor:pointer}.gblock-pomodoro-btn.ghost{background:transparent;color:var(--text);border-color:var(--border)}.gblock-pomodoro-btn:hover{filter:brightness(1.08)}.gblock-marquee{position:relative;overflow:hidden;border:1px dashed var(--accent);border-radius:10px;background:var(--accent-soft, var(--side));padding:8px 0}.gblock-marquee-inner{display:inline-block;white-space:nowrap;padding-left:100%;animation:gblock-marquee-move linear infinite;font-size:14px;font-weight:700}@keyframes gblock-marquee-move{0%{transform:translate(0)}to{transform:translate(-100%)}}.gblock-marquee-speed{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:1px solid var(--border);background:var(--bg);color:var(--muted);font-size:11px;border-radius:6px;padding:1px 6px;cursor:pointer}.gblock-like{display:flex;align-items:center;gap:10px}.gblock-like-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--side);border-radius:999px;padding:6px 16px;font-size:15px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.gblock-like-btn:hover{border-color:var(--accent)}.gblock-like-btn.on{border-color:var(--accent);background:var(--accent-soft, var(--side))}.gblock-like-thumb{display:inline-block;animation:like-pop .35s ease}@keyframes like-pop{0%{transform:scale(.6)}60%{transform:scale(1.4)}to{transform:scale(1)}}.gblock-like-num{font-weight:700;color:var(--text)}.gblock-like-label{font-size:14px;color:var(--muted)}.share-page-line{display:flex;align-items:center;gap:8px;font-size:14px;padding:8px 10px;background:var(--hover);border-radius:8px;margin-bottom:14px}.share-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.share-toggle-title{font-weight:600;font-size:14px}.share-toggle-sub{font-size:12.5px;color:var(--muted);margin-top:3px}.switch{position:relative;width:42px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:24px;transition:.2s;cursor:pointer}.switch .slider:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s;box-shadow:0 1px 3px #0000004d}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translate(18px)}.share-link-box{display:flex;gap:8px;margin-bottom:12px}.share-link-box input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--side);font-size:13px;outline:none}.share-tip{font-size:12.5px;color:var(--muted);margin:0}.trash-list{display:flex;flex-direction:column;gap:4px}.trash-item{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--border)}.trash-item:last-child{border-bottom:none}.trash-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.trash-time{font-size:12px;color:var(--muted);flex-shrink:0}.shared-page{min-height:100%;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.shared-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid var(--border);background:var(--bg);font-size:14px;font-weight:600}.shared-title{font-size:32px;margin:8px 0 18px}.shared-footer{text-align:center;color:var(--muted);font-size:12.5px;padding:20px 0 30px}.shared-err{text-align:center}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#8080804d;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#80808080}::-webkit-scrollbar-track{background:transparent}.pagelink{display:flex;align-items:center;gap:8px;padding:7px 10px;margin:2px 0;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:var(--side);max-width:480px;width:100%;color:var(--text);text-align:left;transition:background .12s,border-color .12s}.pagelink:hover{background:var(--accent-soft);border-color:var(--accent)}.pagelink-icon{font-size:16px}.pagelink-title{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.pagelink-arrow{color:var(--muted);font-size:13px}.pagelink-missing{cursor:default;color:var(--muted);font-style:italic;background:transparent}.pagelink-missing:hover{background:transparent;border-color:var(--border)}.subs-form{display:flex;gap:6px;margin-bottom:8px}.subs-form input{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--border);border-radius:7px;background:var(--bg);font-size:13px;outline:none}.subs-form input:focus{border-color:var(--accent)}.subs-error{color:var(--danger);font-size:12.5px;margin-bottom:8px}.subs-tip{font-size:12px;color:var(--muted);margin-bottom:10px}.subs-list{display:flex;flex-direction:column;gap:4px}.subs-item{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--border)}.subs-item:last-child{border-bottom:none}.subs-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.subs-pwd{font-family:Consolas,monospace;font-size:12.5px;background:var(--hover);padding:2px 8px;border-radius:5px;color:var(--text)}.gblock-alert{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;margin:2px 0;border-radius:10px;border-left:4px solid}.alert-info{background:#eef5ff;border-color:#3b82f6}.alert-success{background:#edfaf0;border-color:#22c55e}.alert-warning{background:#fff8e8;border-color:#f59e0b}.alert-danger{background:#fdeeee;border-color:#ef4444}.dark .alert-info{background:#1c2a44}.dark .alert-success{background:#16281d}.dark .dark .alert-warning,.dark .alert-warning{background:#332a14}.dark .alert-danger{background:#33191a}.gblock-alert-icon{font-size:16px;line-height:1.5;flex-shrink:0;-webkit-user-select:none;user-select:none}.gblock-alert-icon.swappable{cursor:pointer}.gblock-alert-icon.swappable:hover{transform:scale(1.2)}.gblock-alert-text{flex:1;min-width:0}.gblock-progress{padding:4px 2px;width:100%}.gblock-progress-row{display:flex;align-items:center;gap:10px}.gblock-progress-bar{flex:1;height:14px;background:var(--hover);border-radius:8px;overflow:hidden}.gblock-progress-fill{height:100%;border-radius:8px;transition:width .2s}.color-blue .gblock-progress-fill{background:linear-gradient(90deg,#2563eb,#60a5fa)}.color-green .gblock-progress-fill{background:linear-gradient(90deg,#16a34a,#4ade80)}.color-orange .gblock-progress-fill{background:linear-gradient(90deg,#ea580c,#fb923c)}.color-red .gblock-progress-fill{background:linear-gradient(90deg,#dc2626,#f87171)}.color-purple .gblock-progress-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.gblock-progress-num{font-size:12px;font-weight:700;min-width:38px;text-align:right;color:var(--text);flex-shrink:0;-webkit-user-select:none;user-select:none}.gblock-progress-num.swappable{cursor:pointer}.gblock-progress-slider{width:100%;margin:8px 0 2px;accent-color:var(--accent);height:4px}.gblock-progress-label{min-height:8px}[data-content-type=codeBlock] .cm-editor{border-radius:10px;border:1px solid var(--border)}.dark [data-content-type=codeBlock] .cm-editor{background:#11151c}[data-content-type=quote]{border-left:4px solid var(--accent);background:var(--side);border-radius:0 8px 8px 0;padding:2px 0 2px 12px;margin:2px 0}[data-content-type=table] table,[data-content-type=table] th,[data-content-type=table] td{border:1px solid var(--border)}[data-content-type=table] tr:first-child td{background:var(--side);font-weight:600}[data-content-type=table] tr:nth-child(2n) td{background:#7f7f7f0d}[data-content-type=image] img{border-radius:10px;box-shadow:0 2px 12px #0000001f}.bn-editor input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.gblock-spoiler{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:2px 0;border-radius:10px;background:repeating-linear-gradient(45deg,#7f7f7f14,#7f7f7f14 10px,#7f7f7f24 10px,#7f7f7f24 20px)}.gblock-spoiler.revealed{background:var(--side)}.gblock-spoiler-text{flex:1;min-width:0}.gblock-spoiler.hidden .gblock-spoiler-text{filter:blur(6px);-webkit-user-select:none;user-select:none}.gblock-spoiler.hidden:hover .gblock-spoiler-text{filter:blur(4px)}.gblock-spoiler-btn{flex-shrink:0;border:none;background:var(--accent);color:#fff;border-radius:7px;padding:4px 12px;font-size:12.5px;cursor:pointer;white-space:nowrap}.gblock-spoiler-btn:hover{filter:brightness(1.1)}.gblock-countdown{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:2px 0;border-radius:12px;background:linear-gradient(135deg,#1e293b,#312e81);color:#fff}.gblock-countdown.urgent{background:linear-gradient(135deg,#7f1d1d,#b45309)}.gblock-countdown-label{font-weight:600;font-size:14px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gblock-countdown-status{font-size:16px;font-weight:800;white-space:nowrap}.gblock-countdown-date{border:none;border-radius:7px;padding:4px 8px;font-size:13px;background:#ffffff26;color:#fff;outline:none}.gblock-countdown-date::-webkit-calendar-picker-indicator{filter:invert(1)}.gblock-dice{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:2px 0;border-radius:10px;background:var(--side);border:1px dashed var(--border)}.gblock-dice-roll{border:none;background:var(--accent);color:#fff;border-radius:8px;padding:6px 14px;font-size:13.5px;cursor:pointer}.gblock-dice-roll:hover{filter:brightness(1.1)}.gblock-dice-sides{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:7px;padding:4px 8px;font-size:12.5px;cursor:pointer}.gblock-dice-result{font-size:18px;font-weight:800;color:var(--accent);animation:dice-pop .3s ease}@keyframes dice-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.tree-item{cursor:grab}.tree-item.dragging{opacity:.35}.tree-item.drop-before{box-shadow:inset 0 2px 0 var(--accent)}.tree-item.drop-after{box-shadow:inset 0 -2px 0 var(--accent)}.gblock-gallery{display:grid;gap:8px;margin:4px 0;width:100%}.gblock-gallery-cell{position:relative;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:var(--side);border:1px solid var(--border)}.gblock-gallery-cell img{width:100%;height:100%;object-fit:cover;display:block}.gblock-gallery-del{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:none;background:#0000008c;color:#fff;font-size:12px;cursor:pointer;opacity:0;transition:opacity .15s}.gblock-gallery-cell:hover .gblock-gallery-del{opacity:1}.gblock-gallery-empty{color:var(--muted);font-size:13px;padding:8px}.gblock-gallery-actions{grid-column:1 / -1;display:flex;gap:8px}.gblock-gallery-add,.gblock-gallery-cols{border:1px dashed var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer}.gblock-gallery-add:hover,.gblock-gallery-cols:hover{border-color:var(--accent);color:var(--accent)}.outline-panel{position:absolute;top:49px;right:0;bottom:0;width:250px;background:var(--side);border-left:1px solid var(--border);overflow-y:auto;z-index:30;padding:10px 6px;box-shadow:-4px 0 14px #0000000f}.outline-title{font-size:12px;font-weight:700;color:var(--muted);padding:4px 10px 8px;letter-spacing:1px}.outline-empty{font-size:12.5px;color:var(--muted);padding:4px 10px;line-height:1.6}.outline-item{display:block;width:100%;border:none;background:transparent;text-align:left;font-size:13px;padding:5px 10px;border-radius:6px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.outline-item:hover{background:var(--hover);color:var(--accent)}.outline-item.lv1{font-weight:600}.outline-item.lv2{padding-left:24px}.outline-item.lv3{padding-left:38px;color:var(--muted)}.editor-pane{position:relative}.code-row{display:flex;gap:6px;margin-bottom:12px}.code-row input{flex:1;min-width:0;letter-spacing:2px}.code-row .btn{white-space:nowrap;flex-shrink:0}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:60vh;overflow-y:auto;padding:2px}.tpl-item{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:10px 12px;color:var(--text);transition:border-color .12s,background .12s}.tpl-item:hover{border-color:var(--accent);background:var(--accent-soft)}.tpl-icon{font-size:20px}.tpl-name{font-weight:600;font-size:13.5px}.tpl-desc{font-size:12px;color:var(--muted)}.shared-crumb-link{border:none;background:transparent;padding:0;font:inherit;cursor:pointer;color:var(--muted)}.shared-crumb-link:hover{color:var(--accent);text-decoration:underline}.login-tabs{display:flex;gap:6px;margin-bottom:16px;background:var(--hover);border-radius:9px;padding:4px}.login-tab{flex:1;border:none;background:transparent;color:var(--muted);padding:7px 0;border-radius:7px;font-size:13.5px;cursor:pointer}.login-tab.active{background:var(--bg);color:var(--text);font-weight:600;box-shadow:0 1px 4px #0000001a}.login-switch{margin-top:12px;font-size:13px;color:var(--muted)}.login-switch .text-link:hover{text-decoration:underline}.editor-tail{height:300px;cursor:text}.editor-tail:active{cursor:default}.bn-suggestion-menu{max-height:min(400px,60vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.bn-suggestion-menu-item:last-child{margin-bottom:4px}@media (max-width: 720px){.sidebar{width:220px}.editor-body{padding:20px 18px 80px}.icon-picker{grid-template-columns:repeat(8,1fr)}}