:root{--bg: #ffffff;--fg: #1a1a1a;--surface: #f4f4f4;--border: #e0e0e0;--selection: #eeeeee}body.dark-theme{--bg: #222831;--fg: #eeeeee;--surface: #31363f;--border: #31363f;--selection: #3e444f}body.dark-theme ::selection{color:#fff!important;background-color:var(--selection)!important}*{box-sizing:border-box;margin:0;padding:0;outline:none}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);color:var(--fg);height:100vh;overflow:hidden;transition:background .3s,color .3s}#app{height:100%;width:100%;position:relative}.workspace{display:flex;height:100%;width:100%}#editor-wrapper,#preview-wrapper{flex:1;height:100%;overflow-y:auto;transition:width .3s}#editor-wrapper{border-right:1px solid var(--border);background:var(--bg)}#preview-wrapper{padding:1rem;background:var(--bg)}.cm-editor{height:100%;background:transparent!important}.cm-scroller{font-family:Fira Code,monospace;line-height:1.6}.cm-gutters{background:var(--bg)!important;border-right:1px solid var(--border)!important;color:#888!important}.cm-activeLine,.cm-activeLineGutter{background-color:var(--selection)!important}.commander{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:10px;z-index:100}#commander-btn{width:50px;height:50px;border-radius:50%;background:var(--fg);color:var(--bg);border:none;font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #00000026;transition:transform .2s;letter-spacing:-2px;padding-bottom:4px}#commander-btn:hover{transform:scale(1.05)}#commander-btn:active{transform:scale(.95)}.menu{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px;width:200px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:4px;margin-bottom:10px;transform-origin:bottom right;transition:opacity .2s,transform .2s}.menu.hidden{opacity:0;transform:scale(.9) translateY(10px);pointer-events:none}.menu button{background:transparent;border:none;color:var(--fg);padding:10px;text-align:left;cursor:pointer;border-radius:4px;font-size:.9rem;display:flex;justify-content:space-between}.menu button:hover{background:var(--surface)}.menu button .key{opacity:.5;font-size:.8rem}.divider{border:none;border-top:1px solid var(--border);margin:4px 0}.vim-setting{padding:10px;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.vim-setting select{background:var(--surface);border:none;color:var(--fg);padding:2px 6px;border-radius:4px;cursor:pointer}#toast{position:fixed;top:2rem;left:50%;transform:translate(-50%);background:var(--fg);color:var(--bg);padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:500;opacity:1;transition:opacity .3s}#toast.hidden{opacity:0;pointer-events:none}.markdown-body{color:var(--fg);background:transparent!important}.markdown-body a{color:var(--fg);text-decoration:underline;text-decoration-thickness:1px}.markdown-body pre{background:var(--surface)!important;border-radius:4px}.markdown-body blockquote{border-left-color:var(--fg)!important;color:#888}.markdown-body>*+*{margin-top:1em}.markdown-body p{line-height:1.6}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:1.5em;margin-bottom:.5em;line-height:1.25}.markdown-body ul,.markdown-body ol{padding-left:1.5em;margin-bottom:1em}.markdown-body>*:first-child{margin-top:0}.cm-selectionBackground{background-color:var(--selection)!important}.cm-editor ::selection{background-color:var(--selection)!important}.markdown-body ::selection{background-color:var(--selection)}.version{display:flex;justify-content:space-between;padding:10px}@media(max-width:768px){.workspace{flex-direction:column}#preview-wrapper{padding:2rem}.commander{bottom:1.5rem;right:1.5rem}}@media print{.commander,#editor-wrapper,#toast{display:none}#preview-wrapper{width:100%;padding:0}}