:root{--bg:#050505;--bg-soft:#080808;--panel:#0a0a0a;--panel-2:#0d0d0d;--text:#f1f1f1;--muted:#8d8d8d;--muted-2:#5f5f5f;--line:#ffffff21;--line-strong:#ffffff4d;--fill:#ffffff0b;--fill-strong:#ffffff18;--selection:#ffffff30;--overlay:#0000009e;--shadow:0 22px 70px #00000094;--danger:#f1f1f1;--radius:8px;--font-sans:"Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--doc-font-size:15px;--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--fast:.12s;--med:.2s;--slow:.32s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#fafafa;--bg-soft:#fff;--panel:#fff;--panel-2:#f6f6f6;--text:#121212;--muted:#6a6a6a;--muted-2:#9a9a9a;--line:#00000021;--line-strong:#00000052;--fill:#0000000a;--fill-strong:#00000013;--selection:#00000026;--overlay:#fafafaa3;--shadow:0 22px 70px #00000024;--danger:#121212;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--bg);transition:background-color var(--med) var(--ease)}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior:none;margin:0;font-size:13px;line-height:1.5;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a{color:inherit}img{max-width:100%}::selection{background:var(--text);color:var(--bg)}:focus-visible{outline:1px solid var(--line-strong);outline-offset:1px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}kbd{font-family:var(--font-mono);border:1px solid var(--line);color:var(--muted);background:var(--fill);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:9.5px}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--line-strong);background-clip:padding-box}button.icon-button{color:var(--text);width:28px;height:28px;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease), transform var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;display:inline-grid;position:relative}button.icon-button:hover{background:var(--fill);border-color:var(--line)}button.icon-button:active{transform:scale(.94)}button.icon-button.is-active{background:var(--fill-strong);border-color:var(--line-strong)}button.icon-button:disabled{opacity:.3}.button-dot{background:var(--text);border-radius:50%;width:3px;height:3px;position:absolute;top:3px;right:3px}.btn{border:1px solid var(--line);height:31px;color:var(--text);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease), opacity var(--fast) var(--ease);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:12px;line-height:1;display:inline-flex}.btn:hover{border-color:var(--line-strong);background:var(--fill)}.btn:active{transform:scale(.975)}.btn-primary{background:var(--text);border-color:var(--text);color:var(--bg)}.btn-primary:hover{background:var(--text);color:var(--bg);opacity:.86}.btn-ghost{color:var(--muted);border-color:#0000}.btn-ghost:hover{color:var(--text);border-color:var(--line)}.btn-danger{border-color:var(--line-strong);color:var(--text)}.btn-danger:hover{background:var(--fill-strong)}.btn:disabled{opacity:.35}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:9.5px}.field input,.field textarea{border:1px solid var(--line);width:100%;transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease);background:0 0;border-radius:6px;padding:8px 10px;font-size:13px}.field input:hover,.field textarea:hover{border-color:var(--line-strong)}.field input:focus,.field textarea:focus{border-color:var(--line-strong);background:var(--fill)}.field-hint,.dialog-hint{color:var(--muted);margin:0;font-size:10.5px;line-height:1.55}.dialog-error{color:var(--text);border-left:2px solid var(--text);margin:0;padding-left:8px;font-size:11px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app{background:var(--bg);grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr);width:100vw;max-width:100vw;height:100dvh;display:grid;position:relative;overflow:hidden}.app>*{min-width:0}.topbar{z-index:40;background:var(--bg);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top);width:100%;min-width:0;position:relative;overflow:hidden}.topbar-row{justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;height:44px;padding:0 10px;display:flex}.topbar-left,.topbar-actions{align-items:center;gap:4px;min-width:0;display:flex}.topbar-actions{flex:none}.brand-dropdown{display:inline-flex}.brand-dropdown .dropdown-trigger{height:32px;color:var(--text);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:0 7px 0 3px;display:inline-flex}.brand-dropdown .dropdown-trigger:hover{background:var(--fill);border-color:var(--line)}.brand-mark{border:1px solid var(--line-strong);width:26px;height:26px;font-family:var(--font-mono);letter-spacing:-.07em;transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease);border-radius:6px;flex:none;place-items:center;font-size:14px;font-weight:500;line-height:1;display:inline-grid}.brand-dropdown .dropdown-trigger:hover .brand-mark{border-color:var(--text);background:var(--fill)}.brand-dot{opacity:.55}.brand-text{letter-spacing:.015em;white-space:nowrap;font-size:12px}.brand-chevron{color:var(--muted);margin-left:1px}.save-state{height:26px;color:var(--muted);white-space:nowrap;transition:color var(--fast) var(--ease), background-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:10.5px;display:inline-flex}.save-state:hover{color:var(--text);background:var(--fill)}.save-dot{background:var(--muted);border-radius:50%;flex:none;width:4px;height:4px}.save-state.is-unsaved{color:var(--text)}.save-state.is-unsaved .save-dot{background:var(--text)}.save-state.is-saving .save-dot{background:var(--text);animation:1s ease-in-out infinite pulse-dot}.offline-pill{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:9px}.palette-button{gap:6px;padding:0 8px;width:auto!important;display:inline-flex!important}.palette-hint{color:var(--muted-2);letter-spacing:.02em;font-size:9.5px;font-family:var(--font-mono)}.export-dropdown .dropdown-trigger,.mobile-file-dropdown .dropdown-trigger{width:28px;height:28px;color:var(--text);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;display:inline-grid}.export-dropdown .dropdown-trigger:hover,.mobile-file-dropdown .dropdown-trigger:hover{background:var(--fill);border-color:var(--line)}.export-dropdown .dropdown-trigger:active,.mobile-file-dropdown .dropdown-trigger:active{transform:scale(.94)}.mobile-file-dropdown{display:none}.tabstrip{border-top:1px solid var(--line);align-items:stretch;min-width:0;height:35px;padding:0 6px;display:flex;overflow:hidden}.tabstrip-scroll{scrollbar-width:none;align-items:center;gap:1px;width:100%;height:100%;display:flex;overflow:auto hidden}.tabstrip-scroll::-webkit-scrollbar{display:none}.tab{max-width:210px;height:26px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease);border:1px solid #0000;border-radius:6px;flex:none;align-items:center;gap:4px;padding:0 3px 0 10px;font-size:11.5px;display:flex}.tab:hover{border-color:var(--line);color:var(--text)}.tab.is-active{border-color:var(--line);background:var(--fill);color:var(--text)}.tab-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;line-height:1;display:flex;overflow:hidden}.tab-dot{opacity:.8;background:currentColor;border-radius:50%;flex:none;width:4px;height:4px}.tab-close{width:17px;height:17px;color:var(--muted);opacity:0;transition:opacity var(--fast) var(--ease), background-color var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:none;border-radius:4px;flex:none;place-items:center;margin-left:auto;display:inline-grid}.tab:hover .tab-close,.tab.is-active .tab-close{opacity:1}.tab-close:hover{background:var(--fill-strong);color:var(--text)}.tab-rename{border:none;border-bottom:1px solid var(--line-strong);background:0 0;outline:none;width:110px;padding:0 1px 1px;font-size:11.5px}.tab-add{width:24px;height:24px;color:var(--muted);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:5px;flex:none;place-items:center;margin-left:2px;display:inline-grid}.tab-add:hover{border-color:var(--line);background:var(--fill);color:var(--text)}.mobile-switch{border-bottom:1px solid var(--line);background:var(--bg);z-index:35;min-width:0;padding:5px 10px;display:none;overflow:hidden}.segmented{border:1px solid var(--line);isolation:isolate;border-radius:7px;grid-auto-columns:1fr;grid-auto-flow:column;height:31px;padding:2px;display:grid;position:relative}.segmented-thumb{background:var(--fill-strong);border:1px solid var(--line);width:calc(50% - 2px);transition:transform var(--slow) var(--ease-out);z-index:-1;border-radius:5px;position:absolute;top:2px;bottom:2px;left:2px}.segmented-thumb.is-right{transform:translate(calc(100% - 1px))}.segmented button{color:var(--muted);transition:color var(--fast) var(--ease);background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;gap:6px;font-size:11.5px;display:inline-flex}.segmented button.is-active,.segmented button:hover{color:var(--text)}.ribbon{z-index:30;background:var(--bg);border-bottom:1px solid var(--line);width:100%;min-width:0;position:relative;overflow:hidden}.ribbon-tabs{border-bottom:1px solid var(--line);gap:1px;height:33px;padding:0 8px;display:flex}.ribbon-tab{height:33px;color:var(--muted);letter-spacing:.01em;transition:color var(--fast) var(--ease), background-color var(--fast) var(--ease);background:0 0;border:none;border-radius:5px 5px 0 0;padding:0 12px;font-size:11.5px;position:relative}.ribbon-tab:hover{color:var(--text);background:var(--fill)}.ribbon-tab.is-active{color:var(--text)}.ribbon-tab:after{content:"";height:1px;transition:background-color var(--med) var(--ease);background:0 0;position:absolute;bottom:-1px;left:12px;right:12px}.ribbon-tab.is-active:after{background:var(--text)}.ribbon-groups{scrollbar-width:none;height:53px;animation:ribbon-in .18s var(--ease-out);align-items:stretch;padding:2px 8px 0;display:flex;overflow:auto hidden}.ribbon-groups::-webkit-scrollbar{display:none}.ribbon-group{border-right:1px solid var(--line);flex-direction:column;flex:none;justify-content:space-between;min-width:0;padding:0 8px;display:flex}.ribbon-group:last-child{border-right:none}.ribbon-group-body{align-items:center;gap:2px;height:37px;display:flex}.ribbon-group-label{text-align:center;letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap;-webkit-user-select:none;user-select:none;padding-bottom:4px;font-size:8px;line-height:1;display:block}.ribbon-style-dropdown .dropdown-trigger{background:0 0;border:none;padding:0}.style-trigger{border:1px solid var(--line);width:136px;height:28px;color:var(--text);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 7px;font-size:11.5px;display:inline-flex}.ribbon-style-dropdown .dropdown-trigger:hover .style-trigger{border-color:var(--line-strong);background:var(--fill)}.style-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ribbon-mobile{border-bottom:1px solid var(--line);align-items:center;height:46px;display:none}.ribbon-scroll{scrollbar-width:none;flex:1;align-items:center;gap:2px;width:auto;min-width:0;max-width:100%;height:100%;padding:0 10px;display:flex;overflow:auto hidden}.ribbon-scroll::-webkit-scrollbar{display:none}.ribbon-sep{background:var(--line);flex:none;width:1px;height:20px;margin:0 3px}.ribbon-fade{pointer-events:none;z-index:2;width:18px;position:absolute;top:0;bottom:0}.ribbon-fade-left{background:linear-gradient(to right, var(--bg), transparent);left:0}.ribbon-fade-right{background:linear-gradient(to left, var(--bg), transparent);right:66px}.mobile-more{height:32px;color:var(--text);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border-radius:6px;flex:none;align-items:center;gap:6px;margin:0 6px 0 2px;border:1px solid var(--line)!important;width:auto!important;padding:0 8px!important;display:inline-flex!important}.mobile-more:hover{background:var(--fill);border-color:var(--line-strong)!important}.mobile-more-text{color:var(--muted);font-size:10.5px}.workspace{background:var(--bg);grid-template-columns:50% 7px minmax(0,1fr);width:100%;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.pane{min-width:0;height:100%;min-height:0;position:relative;overflow:hidden}.editor-pane,.preview-pane{background:var(--bg)}.splitter{z-index:5;cursor:col-resize;touch-action:none;place-items:center;display:grid;position:relative}.splitter:before{content:"";background:var(--line);width:1px;transition:background-color var(--fast) var(--ease);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.splitter-grip{border:1px solid var(--line-strong);background:var(--bg);opacity:0;width:3px;height:28px;transition:opacity var(--fast) var(--ease);z-index:1;border-radius:3px;position:relative}.splitter:hover:before,.splitter:focus-visible:before,.is-dragging .splitter:before{background:var(--line-strong)}.splitter:hover .splitter-grip,.splitter:focus-visible .splitter-grip,.is-dragging .splitter-grip{opacity:1}.workspace.is-dragging{-webkit-user-select:none;user-select:none;cursor:col-resize}.workspace.view-editor{grid-template-columns:minmax(0,1fr)!important}.workspace.view-editor .preview-pane,.workspace.view-editor .splitter,.workspace.view-preview .editor-pane,.workspace.view-preview .splitter{display:none}.workspace.view-preview{grid-template-columns:minmax(0,1fr)!important}.statusbar{border-top:1px solid var(--line);background:var(--bg);width:100%;min-width:0;height:26px;color:var(--muted);white-space:nowrap;padding:0 12px;padding-bottom:env(safe-area-inset-bottom);z-index:30;flex:none;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex;overflow:hidden}.status-left,.status-right{align-items:center;gap:12px;min-width:0;display:flex;overflow:hidden}.status-left{flex:1}.status-right{flex:none}.status-item{text-overflow:ellipsis;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.status-save{align-items:center;gap:5px;display:inline-flex}.status-save-dot{background:var(--muted);border-radius:50%;width:4px;height:4px}.status-save.is-unsaved{color:var(--text)}.status-save.is-unsaved .status-save-dot{background:var(--text)}.status-save.is-saving .status-save-dot{background:var(--text);animation:1s ease-in-out infinite pulse-dot}.status-badge{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);border-radius:3px;padding:0 4px;font-size:8.5px}.splash{background:var(--bg);height:100dvh;color:var(--text);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.splash-mark{border:1px solid var(--line-strong);width:70px;height:70px;font-family:var(--font-mono);letter-spacing:-.07em;border-radius:14px;place-items:center;font-size:32px;animation:2.4s ease-in-out infinite breathe;display:grid}.splash-mark span{opacity:.5}.splash p{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:9.5px}.drop-overlay{z-index:900;background:var(--overlay);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .14s var(--ease);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.drop-card{border:1px dashed var(--line-strong);background:color-mix(in srgb, var(--bg) 86%, transparent);width:min(420px,100%);min-height:190px;color:var(--text);animation:pop-in .18s var(--ease-out);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.drop-card strong{font-size:14px;font-weight:550}.drop-card span{color:var(--muted);font-size:10.5px}@media (max-width:900px){.topbar-row{height:42px;padding:0 8px}.brand-text,.brand-chevron{display:none}.brand-dropdown .dropdown-trigger{padding:0 2px}.save-state{padding:0 4px}.save-text{display:none}.palette-button,.settings-button{display:none!important}.mobile-file-dropdown{display:inline-flex}.topbar-actions{gap:2px}.tabstrip{height:33px}.tab{max-width:156px}.tab-name{max-width:112px}.tab-close{opacity:.45}.mobile-switch{display:block}.ribbon-mobile{display:flex}.ribbon:not(.ribbon-mobile){display:none}.workspace{display:block;grid-template-columns:none!important}.workspace .splitter{display:none}.workspace .pane{width:100%;height:100%}.workspace[data-mobile-view=editor] .preview-pane,.workspace[data-mobile-view=preview] .editor-pane,.app[data-mobile-view=preview] .ribbon-mobile{display:none}.statusbar{height:24px;padding:0 10px;font-size:9.5px}.status-left,.status-right{gap:8px}.status-chars,.status-reading,.status-lines,.status-save{display:none}.app[data-mobile-view=preview] .status-reading{display:inline-flex}.app[data-mobile-view=preview] .status-cursor{display:none}.status-badge{font-size:8px}.palette-hint{display:none}.modal-backdrop.is-sheet{align-items:end;padding:0}.modal-backdrop.is-sheet .modal{border-bottom:none;border-left:none;border-right:none;border-radius:14px 14px 0 0;width:100%;max-height:88dvh}.preview-content{padding:22px 18px 130px}.toasts{bottom:34px;left:10px;right:10px}.toast{max-width:none}}@media (min-width:901px){.mobile-switch,.ribbon-mobile,.mobile-file-dropdown{display:none!important}}@keyframes ribbon-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}@keyframes breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.015)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.975)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}.editor-shell{background:var(--bg);height:100%;min-height:0;position:relative}.editor-host{height:100%;min-height:0}.cm-editor{height:100%}.cm-scroller{overscroll-behavior:contain}.cm-editor .cm-content{min-height:100%}.cm-editor .cm-line{transition:none}.cm-editor .cm-gutterElement{transition:color .12s var(--ease)}.cm-panels{font-family:var(--font-sans)!important}.cm-panel.cm-search{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:5px;padding:7px 12px;display:flex}.cm-panel.cm-search input,.cm-panel.cm-search .cm-textfield{border:1px solid var(--line);height:26px;color:var(--text);transition:border-color var(--fast) var(--ease);background:0 0;border-radius:5px;outline:none;padding:0 8px;font-size:11.5px}.cm-panel.cm-search input:focus{border-color:var(--line-strong)}.cm-panel.cm-search button,.cm-panel.cm-search .cm-button{border:1px solid var(--line);height:26px;color:var(--text);text-transform:none;white-space:nowrap;background:0 0;border-radius:5px;padding:0 9px;font-size:10.5px}.cm-panel.cm-search button:hover{border-color:var(--line-strong);background:var(--fill)}.cm-panel.cm-search label{color:var(--muted);align-items:center;gap:4px;padding:0 3px;font-size:10px;display:inline-flex}.cm-panel.cm-search input[type=checkbox]{accent-color:var(--text);width:12px;height:12px}.cm-panel.cm-search br{flex-basis:100%;height:0}.cm-panel.cm-search .cm-search-close{position:absolute;top:8px;right:8px}.cm-searchMatch{background:var(--fill-strong)}.cm-tooltip-autocomplete{box-shadow:var(--shadow);overflow:hidden;font-family:var(--font-sans)!important;background:var(--panel)!important;border:1px solid var(--line-strong)!important;border-radius:7px!important}.cm-tooltip-autocomplete ul li{padding:5px 8px;font-size:12px}.cm-tooltip-autocomplete ul li[aria-selected]{background:var(--fill-strong);color:var(--text)}.cm-tooltip{font-size:11px}.selection-bubble{z-index:26;border:1px solid var(--line-strong);background:var(--panel);box-shadow:var(--shadow);animation:bubble-in .12s var(--ease-out);-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:1px;padding:3px;display:flex;position:absolute}.bubble-btn{width:26px;height:26px;color:var(--text);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:5px;place-items:center;display:inline-grid}.bubble-btn:hover{background:var(--fill-strong);border-color:var(--line)}.bubble-sep{background:var(--line);width:1px;height:14px;margin:0 2px}.slash-menu{z-index:28;border:1px solid var(--line-strong);background:var(--panel);width:286px;max-height:336px;box-shadow:var(--shadow);animation:pop-in .13s var(--ease-out);border-radius:10px;flex-direction:column;padding:5px;display:flex;position:absolute;overflow:hidden}.slash-caption{letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2);-webkit-user-select:none;user-select:none;padding:5px 7px 6px;font-size:8.5px}.slash-list{flex-direction:column;gap:1px;min-height:0;display:flex;overflow-y:auto}.slash-item{width:100%;min-height:32px;color:var(--muted);text-align:left;transition:background-color var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;padding:6px 8px;font-size:12px;display:flex}.slash-item:hover,.slash-item.is-active{background:var(--fill);border-color:var(--line);color:var(--text)}.slash-item svg{color:var(--muted-2);flex:none}.slash-item.is-active svg{color:var(--text)}.slash-shortcut{font-family:var(--font-mono);color:var(--muted-2);margin-left:auto;font-size:8.5px}.slash-empty{color:var(--muted);padding:12px 8px;font-size:11px}@keyframes bubble-in{0%{opacity:0;transform:translateY(3px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:900px){.slash-menu{width:min(286px,100vw - 24px)}.cm-panel.cm-search{gap:4px;padding:6px 8px}.cm-panel.cm-search input,.cm-panel.cm-search .cm-textfield{flex:1;min-width:90px}}.preview-shell{background:var(--bg);flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.preview-content{height:100%;font-size:var(--doc-font-size);color:var(--text);scroll-behavior:auto;overflow-wrap:break-word;outline:none;padding:34px clamp(18px,4vw,60px) 170px;line-height:1.72;overflow:hidden auto}.preview-content>*{width:100%;max-width:780px;margin-left:auto;margin-right:auto}.preview-content>:first-child{margin-top:0}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{letter-spacing:-.025em;margin:1.9em auto .55em;scroll-margin-top:20px;font-weight:640;line-height:1.25}.preview-content h1{letter-spacing:-.035em;font-size:2.05em}.preview-content h2{border-bottom:1px solid var(--line);padding-bottom:.28em;font-size:1.5em}.preview-content h3{font-size:1.22em}.preview-content h4{font-size:1.06em}.preview-content h5,.preview-content h6{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.92em}.preview-content p{margin:0 auto 1.05em}.preview-content strong{font-weight:680}.preview-content a{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--muted-2);text-decoration-color:var(--muted-2);text-underline-offset:3px;transition:text-decoration-color var(--fast) var(--ease);text-decoration-thickness:1px}.preview-content a:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text);text-decoration-thickness:1.5px}.preview-content mark{background:var(--text);color:var(--bg);border-radius:3px;padding:.05em .24em}.preview-content hr{border:0;border-top:1px solid var(--line);margin:2.4em auto}.preview-content blockquote{border-left:1px solid var(--text);color:var(--muted);margin:1.4em auto;padding:.05em 0 .05em 1.2em}.preview-content blockquote p:last-child{margin-bottom:0}.preview-content blockquote blockquote{border-left-color:var(--line-strong);margin-top:.9em}.preview-content ul,.preview-content ol{margin:0 auto 1.1em;padding-left:1.55em}.preview-content li{margin:.28em 0}.preview-content li::marker{color:var(--muted)}.preview-content li>ul,.preview-content li>ol{margin-top:.28em;margin-bottom:.28em}.preview-content ul.contains-task-list{padding-left:.1em;list-style:none}.preview-content li.task-list-item{align-items:flex-start;gap:.55em;list-style:none;display:flex}.preview-content li.task-list-item>p{margin:0}.preview-content input.task-list-item-checkbox{appearance:none;border:1px solid var(--line-strong);cursor:pointer;width:14px;height:14px;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border-radius:3px;flex:none;margin:.4em 0 0;position:relative}.preview-content input.task-list-item-checkbox:hover{border-color:var(--text);background:var(--fill)}.preview-content input.task-list-item-checkbox:checked{background:var(--text);border-color:var(--text)}.preview-content input.task-list-item-checkbox:checked:after{content:"";border:solid var(--bg);border-width:0 1.5px 1.5px 0;width:3px;height:7px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.preview-content pre{border:1px solid var(--line);font-family:var(--font-mono);tab-size:2;background:0 0;border-radius:8px;margin:1.5em auto;padding:1.05em 1.15em;font-size:.86em;line-height:1.65;position:relative;overflow-x:auto}.preview-content pre code{font-size:inherit;background:0 0;border:none;border-radius:0;padding:0}.preview-content code{font-family:var(--font-mono);border:1px solid var(--line);background:var(--fill);overflow-wrap:anywhere;border-radius:4px;padding:.12em .34em;font-size:.88em}.preview-content pre.has-copy{padding-top:2.65em}.preview-content .code-copy{border:1px solid var(--line);background:var(--bg);height:23px;color:var(--muted);font-family:var(--font-sans);letter-spacing:.02em;opacity:0;transition:opacity var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease);border-radius:5px;padding:0 7px;font-size:9px;position:absolute;top:7px;right:7px;transform:translateY(-2px)}.preview-content pre:hover .code-copy,.preview-content .code-copy:focus-visible{opacity:1;transform:translateY(0)}.preview-content .code-copy:hover{color:var(--text);border-color:var(--line-strong)}@media (hover:none){.preview-content .code-copy{opacity:.75;transform:none}}.preview-content table{border-collapse:collapse;width:100%;margin:1.5em auto;font-size:.93em}.preview-content th,.preview-content td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.5em .75em}.preview-content th{background:var(--fill);font-weight:640}.preview-content tr:hover td{background:color-mix(in srgb, var(--fill) 55%, transparent)}.preview-content img{cursor:zoom-in;border-radius:5px;max-width:100%;height:auto;margin:1.2em auto;display:block}.preview-content .admonition{border:1px solid var(--line);border-left:2px solid var(--text);border-radius:6px;margin:1.5em auto;padding:.85em 1.05em}.preview-content .admonition-title{text-transform:uppercase;letter-spacing:.13em;color:var(--text);margin-bottom:.6em;font-size:.7em;font-weight:650;line-height:1}.preview-content .admonition p:last-child{margin-bottom:0}.preview-content .front-matter{border:1px dashed var(--line);color:var(--muted);border-radius:6px;margin:1.5em auto;padding:.55em .8em;font-size:.84em}.preview-content .front-matter summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;font-size:.85em}.preview-content .front-matter pre{border:none;margin:.55em 0 0;padding:0;font-size:1em}.preview-content details:not(.front-matter){border:1px solid var(--line);border-radius:6px;margin:1.4em auto;padding:.6em .9em}.preview-content details:not(.front-matter) summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.94em;font-weight:580}.preview-content details:not(.front-matter)[open] summary{margin-bottom:.6em}.preview-content details:not(.front-matter) p:last-child{margin-bottom:0}.preview-content .footnotes{border-top:1px solid var(--line);color:var(--muted);margin-top:3em;padding-top:1.1em;font-size:.86em}.preview-content .footnotes ol{padding-left:1.2em}.preview-content dl{margin:1.4em auto}.preview-content dt{margin-top:.8em;font-weight:640}.preview-content dd{color:var(--muted);margin:.18em 0 .8em 1.4em}.preview-content abbr{-webkit-text-decoration:underline dotted var(--muted);text-decoration:underline dotted var(--muted);text-underline-offset:3px;cursor:help}.preview-content .mermaid-block{text-align:center;min-height:0;margin:1.8em auto;overflow-x:auto}.preview-content .mermaid-block svg{max-width:100%;height:auto;margin:0 auto}.preview-content .mermaid-error{border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:.9em;font-size:.9em}.preview-content .math-block{text-align:center;margin:1.4em auto;overflow-x:auto}.preview-content .math-block .katex-display{margin:0}.preview-content .math-inline{white-space:nowrap}.preview-content .math-error,.preview-content .math-fallback{font-family:var(--font-mono);color:var(--muted)}.preview-content .page-break{border-top:1px dashed var(--line);margin:2.5em auto;position:relative}.preview-content .page-break:after{content:"page break";font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);background:var(--bg);padding-left:6px;font-size:8px;position:absolute;top:-1.1em;right:0}.preview-content .hljs-comment,.preview-content .hljs-quote{color:var(--muted);font-style:italic}.preview-content .hljs-keyword,.preview-content .hljs-selector-tag,.preview-content .hljs-literal,.preview-content .hljs-section{font-weight:640}.preview-content .hljs-string,.preview-content .hljs-attr,.preview-content .hljs-template-tag,.preview-content .hljs-template-variable{color:var(--muted)}.preview-content .hljs-number,.preview-content .hljs-symbol,.preview-content .hljs-bullet{opacity:.78}.preview-content .hljs-title,.preview-content .hljs-name,.preview-content .hljs-type{font-weight:640}.preview-content .hljs-built_in,.preview-content .hljs-class .hljs-title{text-underline-offset:2px;text-decoration:underline}.preview-content kbd{font-size:.8em}.preview-empty{color:var(--muted-2);pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.preview-empty-mark{font-family:var(--font-mono);letter-spacing:-.08em;opacity:.18;font-size:46px}.preview-empty p{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px}.preview-error{border:1px solid var(--line-strong);background:var(--panel);color:var(--muted);z-index:5;border-radius:6px;padding:6px 12px;font-size:11px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.lightbox{z-index:1400;cursor:zoom-out;animation:fade-in .15s var(--ease);background:#000000e6;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border:1px solid #ffffff2e;border-radius:6px;max-width:min(94vw,1600px);max-height:84vh}.lightbox-caption{color:#ffffff9e;margin-top:12px;font-size:11px}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:6px;width:32px;height:32px;font-size:18px;line-height:1;position:absolute;top:18px;right:18px}.lightbox-close:hover{background:#ffffff1a}.preview-content ::selection{background:var(--text);color:var(--bg)}@media (max-width:900px){.preview-content{font-size:calc(var(--doc-font-size) + 1px);padding:24px 18px 140px}.preview-content h1{font-size:1.8em}.preview-content h2{font-size:1.38em}}.dropdown{display:inline-flex;position:relative}.dropdown-trigger{color:inherit;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.menu{z-index:1250;background:var(--panel);border:1px solid var(--line-strong);box-shadow:var(--shadow);max-height:72vh;animation:menu-in .13s var(--ease-out);border-radius:8px;padding:4px;position:fixed;overflow-y:auto}.menu-caption{letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2);-webkit-user-select:none;user-select:none;padding:6px 8px 4px;font-size:8.5px}.menu-item{width:100%;min-height:30px;color:var(--text);text-align:left;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;padding:5px 8px;font-size:11.5px;display:flex}.menu-item:hover{background:var(--fill);border-color:var(--line)}.menu-item:disabled{opacity:.35}.menu-item.is-danger:hover{background:var(--fill-strong)}.menu-icon{width:16px;color:var(--muted);flex:none;place-items:center;display:inline-grid}.menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.menu-shortcut{font-family:var(--font-mono);color:var(--muted-2);white-space:nowrap;font-size:8.5px}.menu-sep{background:var(--line);height:1px;margin:4px 5px}.modal-backdrop{z-index:1100;background:var(--overlay);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .14s var(--ease);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line-strong);width:min(540px,100vw - 28px);max-height:min(86dvh,900px);box-shadow:var(--shadow);animation:modal-in .2s var(--ease-out);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.modal-sm{width:min(430px,100vw - 28px)}.modal-lg{width:min(720px,100vw - 28px)}.modal-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding:17px 18px 14px;display:flex}.modal-icon{color:var(--muted);place-items:center;padding-top:2px;display:inline-grid}.modal-heading{flex:1;min-width:0}.modal-heading h2{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:560}.modal-heading p{color:var(--muted);margin:4px 0 0;font-size:10.5px;line-height:1.45}.modal-close{flex:none;margin-top:-2px}.modal-body{flex-direction:column;gap:14px;padding:17px 18px 18px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);background:var(--bg-soft);justify-content:flex-end;align-items:center;gap:8px;padding:11px 18px;display:flex}.segmented-boxed{border:1px solid var(--line);border-radius:7px;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;height:31px;padding:2px;display:grid;position:relative}.segmented-boxed button{color:var(--muted);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:5px;font-size:11.5px}.segmented-boxed button:hover{color:var(--text)}.segmented-boxed button.is-active{background:var(--fill-strong);border-color:var(--line);color:var(--text)}.segmented-wrap{flex-direction:column;gap:6px;display:flex}.toggle-row{justify-content:space-between;align-items:center;gap:16px;padding:3px 0;display:flex}.toggle-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.toggle-label{font-size:12px}.toggle-hint{color:var(--muted);font-size:10px;line-height:1.45}.switch{border:1px solid var(--line-strong);width:34px;height:18px;transition:background-color var(--med) var(--ease), border-color var(--med) var(--ease);background:0 0;border-radius:10px;flex:none;padding:0;position:relative}.switch-thumb{background:var(--muted);width:12px;height:12px;transition:transform var(--med) var(--ease-out), background-color var(--med) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch.is-on{background:var(--fill)}.switch.is-on .switch-thumb{background:var(--text);transform:translate(16px)}.range-row{align-items:center;gap:12px;display:flex}.range-row .field-label{flex:none;width:106px}.range-row input[type=range]{appearance:none;background:0 0;flex:1;height:20px;margin:0}.range-row input[type=range]::-webkit-slider-runnable-track{background:var(--line-strong);height:1px}.range-row input[type=range]::-moz-range-track{background:var(--line-strong);height:1px}.range-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--text);border:none;border-radius:50%;width:11px;height:11px;margin-top:-5px}.range-row input[type=range]::-moz-range-thumb{background:var(--text);border:none;border-radius:50%;width:11px;height:11px}.range-value{text-align:right;width:38px;font-family:var(--font-mono);color:var(--muted);font-size:10px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field input[type=number]{appearance:textfield}.field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.image-drop{border:1px dashed var(--line);min-height:116px;color:var(--muted);letter-spacing:.02em;transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:10.5px;display:flex;position:relative;overflow:hidden}.image-drop.is-drag{border-color:var(--line-strong);background:var(--fill)}.image-drop.has-image{min-height:90px;padding:8px}.image-drop img{object-fit:contain;border-radius:4px;max-width:100%;max-height:190px}.image-drop-loading{background:color-mix(in srgb, var(--bg) 82%, transparent);color:var(--muted);place-items:center;font-size:10.5px;display:grid;position:absolute;inset:0}.dialog-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-preview{grid-template-columns:repeat(3,1fr);gap:2px;margin-top:2px;display:grid}.table-preview span{border:1px solid var(--line);border-radius:2px;height:14px}.table-preview span.is-header{background:var(--fill-strong)}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:3px;max-height:56dvh;display:grid;overflow-y:auto}.emoji-cell{height:38px;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;font-size:21px;line-height:1;display:grid}.emoji-cell:hover{background:var(--fill);border-color:var(--line);transform:scale(1.08)}.char-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:3px;display:grid}.char-cell{border:1px solid var(--line);height:36px;color:var(--text);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border-radius:5px;place-items:center;font-size:15px;display:grid}.char-cell:hover{background:var(--fill);border-color:var(--line-strong)}.recent-list{flex-direction:column;margin:-5px -4px;display:flex}.recent-row{transition:background-color var(--fast) var(--ease);border-radius:6px;align-items:center;gap:10px;padding:7px;display:flex}.recent-row:hover{background:var(--fill)}.recent-icon{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);border-radius:6px;flex:none;place-items:center;display:grid}.recent-main{text-align:left;min-width:0;color:var(--text);background:0 0;border:none;flex-direction:column;flex:1;gap:3px;padding:0;display:flex}.recent-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.recent-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:9.5px;display:flex}.recent-badge{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);border-radius:3px;padding:0 4px;font-size:8px}.recent-delete{opacity:0;flex:none}.recent-row:hover .recent-delete{opacity:1}.toc-list{flex-direction:column;gap:1px;max-height:56dvh;margin:-4px;display:flex;overflow-y:auto}.toc-item{width:100%;min-height:30px;color:var(--text);text-align:left;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:flex}.toc-item:hover{background:var(--fill);border-color:var(--line)}.toc-level{font-family:var(--font-mono);color:var(--muted-2);border:1px solid var(--line);border-radius:3px;flex:none;padding:0 3px;font-size:8px}.dialog-empty{color:var(--muted);text-align:center;margin:0;padding:22px 10px;font-size:11.5px}.settings-section{border-top:1px solid var(--line);flex-direction:column;gap:9px;padding-top:14px;display:flex}.settings-section:first-child{border-top:none;padding-top:0}.settings-section h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);margin:0 0 1px;font-size:9.5px;font-weight:500}.settings-stats{color:var(--muted);justify-content:space-between;padding:2px 0;font-size:10.5px;display:flex}.settings-danger{border:1px dashed var(--line);border-radius:7px;justify-content:space-between;align-items:center;gap:14px;padding:9px 10px;display:flex}.settings-danger .toggle-label,.settings-danger .toggle-hint{display:block}.settings-about p{margin:0}.about-hero{align-items:center;gap:13px;display:flex}.about-mark{border:1px solid var(--line-strong);width:48px;height:48px;font-family:var(--font-mono);letter-spacing:-.07em;border-radius:10px;flex:none;place-items:center;font-size:22px;display:grid}.about-mark span{opacity:.5}.about-hero h3{margin:0;font-size:15px;font-weight:560}.about-hero p{color:var(--muted);margin:3px 0 0;font-size:10.5px}.about-badges{flex-wrap:wrap;gap:5px;display:flex}.about-badges span{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:9.5px;display:inline-flex}.about-subtitle{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);align-items:center;gap:6px;margin:7px 0 0;font-size:9.5px;font-weight:500;display:flex}.shortcut-grid{grid-template-columns:1fr 1fr;gap:5px 18px;margin-top:2px;display:grid}.shortcut-row{align-items:center;gap:7px;min-width:0;padding:2px 0;display:flex}.shortcut-row kbd{text-align:center;min-width:88px}.shortcut-row span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.palette-backdrop{z-index:1150;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .13s var(--ease);justify-content:center;align-items:flex-start;padding:11vh 12px 20px;display:flex;position:fixed;inset:0}.palette{background:var(--panel);border:1px solid var(--line-strong);width:min(560px,100vw - 24px);max-height:70dvh;box-shadow:var(--shadow);animation:modal-in .18s var(--ease-out);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.palette-search{border-bottom:1px solid var(--line);color:var(--muted);flex:none;align-items:center;gap:9px;padding:10px 12px;display:flex}.palette-search input{min-width:0;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.palette-search input::placeholder{color:var(--muted-2)}.palette-list{min-height:70px;padding:5px;overflow-y:auto}.palette-group{letter-spacing:.13em;text-transform:uppercase;color:var(--muted-2);-webkit-user-select:none;user-select:none;padding:7px 8px 3px;font-size:8px}.palette-item{width:100%;height:33px;color:var(--text);text-align:left;transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;padding:0 8px;font-size:12px;display:flex}.palette-item svg{color:var(--muted);flex:none}.palette-item.is-active{background:var(--fill);border-color:var(--line)}.palette-item.is-active svg{color:var(--text)}.palette-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.palette-shortcut{font-family:var(--font-mono);color:var(--muted-2);white-space:nowrap;font-size:8.5px}.palette-empty{text-align:center;color:var(--muted);padding:24px 10px;font-size:11.5px}.palette-foot{border-top:1px solid var(--line);color:var(--muted-2);letter-spacing:.03em;flex:none;padding:6px 12px;font-size:9px}.toasts{z-index:1300;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:fixed;bottom:38px;right:14px}.toast{pointer-events:auto;border:1px solid var(--line-strong);background:var(--panel);max-width:360px;min-height:34px;box-shadow:var(--shadow);color:var(--text);animation:toast-in .2s var(--ease-out);border-radius:7px;align-items:center;gap:8px;padding:7px 8px 7px 10px;font-size:11.5px;display:flex}.toast-icon{color:var(--muted);flex:none;place-items:center;display:inline-grid}.toast.is-success .toast-icon{color:var(--text)}.toast.is-error{border-color:var(--line-strong)}.toast-text{flex:1;min-width:0}.toast-close{width:18px;height:18px;color:var(--muted);background:0 0;border:none;border-radius:4px;flex:none;place-items:center;display:grid}.toast-close:hover{background:var(--fill);color:var(--text)}@keyframes menu-in{0%{opacity:0;transform:translateY(-3px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modal-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:900px){.modal-backdrop{padding:12px}.modal{max-height:90dvh}.shortcut-grid{grid-template-columns:1fr}.shortcut-row kbd{min-width:98px}.palette-backdrop{padding-top:7vh}.palette{max-height:78dvh}.recent-delete{opacity:.5}.settings-danger{flex-direction:column;align-items:flex-start}.settings-danger .btn{align-self:flex-end}.field-grid{grid-template-columns:1fr}.emoji-grid{max-height:60dvh}}@media print{:root{--bg:#fff;--bg-soft:#fff;--panel:#fff;--text:#111;--muted:#555;--muted-2:#777;--line:#0003;--line-strong:#00000073;--fill:#0000000a;--fill-strong:#00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important;height:auto!important;overflow:visible!important}html[data-theme]{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important;background:#fff!important}.app{background:#fff!important;height:auto!important;display:block!important;overflow:visible!important}.topbar,.ribbon,.mobile-switch,.statusbar,.splitter,.editor-pane,.toasts,.drop-overlay,.palette-backdrop,.modal-backdrop,.lightbox,.preview-empty,.code-copy{display:none!important}.workspace{background:#fff!important;height:auto!important;display:block!important;overflow:visible!important}.pane,.preview-pane{width:100%!important;height:auto!important;display:block!important;overflow:visible!important}.workspace .editor-pane{display:none!important}.workspace .preview-pane{display:block!important}.preview-shell{height:auto!important;display:block!important;overflow:visible!important}.preview-content{color:#111!important;max-width:none!important;height:auto!important;max-height:none!important;padding:0!important;font-size:11.5pt!important;line-height:1.65!important;overflow:visible!important}.preview-content>*{width:100%!important;max-width:none!important}.preview-content h1{font-size:24pt}.preview-content h2{font-size:17pt}.preview-content h3{font-size:13pt}.preview-content a{-webkit-text-decoration:underline #999;text-decoration:underline #999}.preview-content pre,.preview-content table,.preview-content .admonition,.preview-content .mermaid-block,.preview-content .math-block,.preview-content img,.preview-content .front-matter{break-inside:avoid}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4{break-after:avoid}.preview-content pre{color:#111;background:#fafafa;border-color:#ccc}.preview-content code{background:#f5f5f5;border-color:#ddd}.preview-content th{background:#f1f1f1}.preview-content mark{color:#fff;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;background:#111}.preview-content .page-break{break-after:page;border:none;height:0;margin:0}.preview-content .page-break:after{display:none}.preview-content .mermaid-block{overflow:visible}.preview-content .mermaid-block svg{max-width:100%}.preview-content .math-block{overflow:visible}.preview-content .front-matter{border-color:#ccc}.preview-content .footnotes{border-top-color:#ccc}a[href]{color:#111}@page{margin:16mm 15mm}}::view-transition-old(root){animation-duration:.28s;animation-timing-function:var(--ease)}::view-transition-new(root){animation-duration:.28s;animation-timing-function:var(--ease)}