*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body, "Inter", sans-serif);background:var(--bg-primary, #1e1e1e);color:var(--text-primary, #dcddde);transition:background .2s,color .2s;-webkit-font-smoothing:antialiased}*,*:before,*:after{transition:background-color .2s,color .2s,border-color .2s}.app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.toolbar{display:flex;align-items:center;gap:12px;height:40px;padding:0 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:10}.toolbar-brand{font-weight:600;font-size:15px;color:var(--text-heading);letter-spacing:-.3px;flex-shrink:0}.toolbar-spacer{flex:1}.theme-swatches{display:flex;gap:5px;flex:1;overflow:hidden}.theme-swatch{width:16px;height:16px;border-radius:50%;border:2px solid transparent;cursor:pointer;flex-shrink:0;transition:border-color .15s,transform .15s}.theme-swatch:hover{transform:scale(1.2)}.theme-swatch.active{border-color:var(--text-primary);transform:scale(1.15)}.toolbar-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:13px;transition:background .15s,color .15s}.toolbar-btn:hover{background:#80808026;color:var(--text-primary)}.toolbar-btn-accent{background:var(--accent);color:#fff;padding:5px 12px}.toolbar-btn-accent:hover{background:var(--accent);filter:brightness(1.15);color:#fff}.toolbar-btn-label{font-weight:500}.split-container{display:flex;flex:1;overflow:hidden}.pane{overflow:hidden;display:flex;flex-direction:column}.editor-pane{min-width:200px;background:var(--bg-primary)}.divider{width:5px;background:var(--border);cursor:col-resize;flex-shrink:0;transition:background .15s}.divider:hover{background:var(--accent)}.preview-container{min-width:200px;overflow:hidden;background:var(--bg-primary)}.preview-pane{height:100%;overflow-y:auto;padding:32px 40px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);line-height:1.75;font-size:15px;scroll-behavior:smooth}.preview-content{max-width:72ch;margin:0 auto}.preview-content>*+*{margin-top:1em}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{font-family:var(--font-heading);color:var(--text-heading);line-height:1.3;margin-top:1.6em;margin-bottom:.4em}.preview-content h1{font-size:2em}.preview-content h2{font-size:1.5em;border-bottom:1px solid var(--border);padding-bottom:.3em}.preview-content h3{font-size:1.25em}.preview-content p{margin:.75em 0}.preview-content a{color:var(--link-color);text-decoration:underline}.preview-content strong{font-weight:700}.preview-content em{font-style:italic}.preview-content del{text-decoration:line-through;opacity:.7}.preview-content code{font-family:var(--font-code);background:var(--code-bg);padding:1px 5px;border-radius:4px;font-size:.88em}.preview-content .hljs-pre{position:relative;background:var(--code-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;margin:1em 0}.preview-content .hljs-pre code{display:block;padding:16px;overflow-x:auto;background:transparent;font-size:13px;line-height:1.6}.preview-content .lang-badge{position:absolute;top:8px;left:12px;font-size:10px;text-transform:uppercase;color:var(--text-secondary);font-family:var(--font-code);letter-spacing:.05em;opacity:.7}.preview-content .copy-btn{position:absolute;top:8px;right:8px;padding:3px 8px;font-size:11px;background:#80808033;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:background .15s}.preview-content .copy-btn:hover{background:#80808059}.preview-content blockquote{border-left:4px solid var(--blockquote-border);padding:8px 16px;color:var(--text-secondary);background:#8080800f;border-radius:0 6px 6px 0;margin:1em 0}.preview-content table{border-collapse:collapse;width:100%;margin:1em 0;font-size:14px}.preview-content th,.preview-content td{border:1px solid var(--border);padding:8px 12px;text-align:left}.preview-content th{background:var(--bg-secondary);color:var(--text-heading);font-weight:600}.preview-content tr:nth-child(2n) td{background:#8080800a}.preview-content ul,.preview-content ol{padding-left:1.5em}.preview-content li{margin:.25em 0}.preview-content .task-item{list-style:none;display:flex;align-items:center;gap:8px}.preview-content .task-item input{cursor:default;accent-color:var(--accent)}.preview-content img{max-width:100%;border-radius:6px;margin:.5em 0}.preview-content hr{border:none;border-top:1px solid var(--border);margin:2em 0}.hljs{background:transparent!important}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.palette-panel{width:100%;max-width:560px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #0006}[cmdk-root]{display:flex;flex-direction:column}[cmdk-input]{width:100%;padding:14px 16px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:15px;font-family:inherit;outline:none}[cmdk-input]::placeholder{color:var(--text-secondary)}[cmdk-list]{max-height:360px;overflow-y:auto;padding:8px}[cmdk-group-heading]{padding:6px 8px 2px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}[cmdk-item]{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--text-primary);transition:background .1s}[cmdk-item][data-selected=true],[cmdk-item]:hover{background:#80808026}[cmdk-empty]{padding:24px;text-align:center;color:var(--text-secondary);font-size:14px}.palette-item-icon{width:22px;text-align:center;font-weight:700;color:var(--accent);font-size:12px;flex-shrink:0}.palette-item-label{flex:1}.palette-item-shortcut{font-size:11px;color:var(--text-secondary);background:#80808026;padding:2px 6px;border-radius:4px;font-family:var(--font-code)}.palette-footer{padding:8px 16px;border-top:1px solid var(--border);display:flex;justify-content:center}.palette-footer-ad{font-size:11px;color:var(--text-secondary);text-decoration:none;opacity:.6;transition:opacity .15s,color .15s;letter-spacing:.02em}.palette-footer-ad:hover{opacity:1;color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-panel{width:100%;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #00000080}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px;font-weight:600;color:var(--text-heading)}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:4px;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.modal-body{display:flex;flex-direction:column;gap:16px;padding:20px}.modal-field{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary);cursor:pointer}.modal-field-block{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-secondary)}.modal-field-block select,.modal-field-block input[type=range]{margin-top:2px;width:100%}.modal-field-block input[type=range]{accent-color:var(--accent)}.modal-field-block select{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);padding:6px 10px;border-radius:6px;font-size:14px;outline:none}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.btn-primary{padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:filter .15s}.btn-primary:hover{filter:brightness(1.15)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;font-size:14px;cursor:pointer;transition:background .15s,color .15s}.btn-secondary:hover{background:#80808026;color:var(--text-primary)}.status-bar{display:flex;align-items:center;gap:16px;height:24px;padding:0 12px;background:var(--bg-secondary);border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary);flex-shrink:0;position:relative;z-index:10}.status-item{white-space:nowrap}.status-sep{width:1px;height:12px;background:var(--border);flex-shrink:0}.status-spacer{flex:1}.status-theme{color:var(--accent);font-weight:500}.status-ad{color:var(--text-secondary);text-decoration:none;font-size:11px;opacity:.7;transition:opacity .15s,color .15s;letter-spacing:.01em;white-space:nowrap}.status-ad:hover{opacity:1;color:var(--accent);text-decoration:underline}.export-thumbnail{border:1px solid var(--border);border-radius:6px;overflow:hidden;max-height:160px;background:var(--bg-primary)}.export-thumbnail img{width:100%;object-fit:cover;object-position:top;display:block;max-height:160px}.preview-content .footnotes{margin-top:2em;padding-top:1em;border-top:1px solid var(--border);font-size:.9em;color:var(--text-secondary)}.preview-content sup a{color:var(--accent);text-decoration:none;font-weight:600}.preview-content dl{margin:1em 0}.preview-content dt{font-weight:600;color:var(--text-heading);margin-top:.5em}.preview-content dd{margin-left:1.5em;color:var(--text-secondary)}.toast{position:fixed;bottom:24px;right:24px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);padding:10px 18px;border-radius:8px;font-size:14px;box-shadow:0 8px 24px #0000004d;z-index:200}.mobile-layout{flex:1;display:flex;flex-direction:column;overflow:hidden}.mobile-content{position:relative;flex:1;overflow:hidden}.mobile-format-bar{display:flex;align-items:center;gap:2px;padding:3px 8px;background:var(--bg-secondary);border-top:1px solid var(--border);overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:none}.mobile-format-bar::-webkit-scrollbar{display:none}.mobile-format-btn{display:flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 7px;background:transparent;border:1px solid transparent;border-radius:5px;color:var(--text-secondary);font-size:13px;cursor:pointer;flex-shrink:0;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .1s,color .1s,border-color .1s}.mobile-format-btn:active{background:#80808033;color:var(--text-primary);border-color:var(--border)}.mobile-format-mono{font-family:monospace;font-size:12px}.mobile-format-sep{width:1px;height:18px;background:var(--border);flex-shrink:0;margin:0 3px}.mobile-tabs{display:flex;border-top:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0px)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:none;border-top:2px solid transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;min-height:48px;-webkit-tap-highlight-color:transparent;transition:color .15s,background .15s,border-color .15s}.tab-btn.active{color:var(--accent);border-top-color:var(--accent)}@media(max-width:767px){.status-ad{display:none}}.settings-theme-swatches{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.settings-swatch{width:20px;height:20px;border-radius:50%}.settings-theme-name{display:block;font-size:12px;color:var(--text-secondary);margin-top:6px}