:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#18202a;font-synthesis:none;background:#eef1f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{min-width:18rem;min-height:100vh;margin:0}button,textarea,input{font:inherit}.app-header{color:#fff;background:#243b53;justify-content:space-between;align-items:center;gap:1rem;min-height:5rem;padding:.75rem clamp(1rem,3vw,2rem);display:flex}h1{margin:0;font-size:clamp(1.15rem,3vw,1.55rem)}.app-header p{color:#d9e2ec;margin:.15rem 0 0}.header-actions{justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.status{text-align:right;flex:0 24rem;justify-content:flex-end;align-items:center;min-height:2.5rem;display:flex}.status[data-kind=success]:before{content:"✓";margin-right:.4rem}.status[data-kind=error]:before{content:"!";margin-right:.4rem;font-weight:800}.settings-menu{color:#18202a;position:relative}.settings-menu>button{min-width:5.5rem}.settings-panel{z-index:10;color:canvastext;background:canvas;border:1px solid #829ab1;border-radius:.5rem;width:min(26rem,100vw - 2rem);max-height:calc(100vh - 6.5rem);padding:1rem;position:absolute;top:calc(100% + .5rem);right:0;overflow:auto;box-shadow:0 .5rem 1.5rem #102a4340}.settings-panel h2{margin:0 0 .75rem;font-size:1.1rem}.settings-panel fieldset{border:1px solid #bcccdc;border-radius:.35rem;grid-template-columns:1fr 1fr;gap:.45rem 1rem;margin:0 0 .8rem;padding:.65rem .75rem .75rem;display:grid}.settings-panel legend{padding:0 .3rem;font-weight:650}.settings-panel label{align-items:center;gap:.4rem;display:flex}.settings-panel input[type=checkbox]{width:1rem;height:1rem}.settings-panel .number-setting{flex-wrap:wrap;grid-column:1/-1}.number-setting input{width:6rem;padding:.2rem .35rem}.settings-note{font-size:.82rem;color:#486581!important;margin:.25rem 0 .75rem!important}.settings-buttons{justify-content:space-between;gap:.75rem;display:flex}.warning{color:#5c3000;background:#fff3c4;border-bottom:1px solid #e0b04b;padding:.65rem clamp(1rem,3vw,2rem)}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;height:calc(100vh - 5rem);min-height:30rem;padding:1rem;display:grid}.pane{background:canvas;border:1px solid #bcccdc;border-radius:.5rem;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:0 .2rem .6rem #102a431a}.toolbar{border-bottom:1px solid #bcccdc;justify-content:space-between;align-items:center;gap:.75rem;min-height:3.5rem;padding:.6rem .75rem;display:flex}.toolbar h2{margin:0;font-size:1rem}button{color:#102a43;cursor:pointer;background:#f0f4f8;border:1px solid #829ab1;border-radius:.3rem;min-height:2.25rem;padding:.35rem .8rem}button:hover{background:#d9e2ec}button.primary{color:#fff;background:#1769aa;border-color:#0d5490}button.primary:hover{background:#0d5490}button:focus-visible,textarea:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #f6ad55}#editor{resize:none;color:canvastext;outline-offset:-3px;tab-size:2;background:canvas;border:0;flex:1;width:100%;padding:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}.editor-hint{color:#486581;border-top:1px solid #bcccdc;margin:0;padding:.45rem .75rem;font-size:.82rem}.preview{overflow-wrap:anywhere;flex:1;padding:1rem 1.25rem 3rem;overflow:auto}.preview[data-empty]:before{content:"Your formatted preview will appear here.";color:#627d98}.preview>:first-child{margin-top:0}.preview pre{background:#e8edf3;border-radius:.3rem;padding:.8rem;overflow-x:auto}.preview code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.preview :not(pre)>code{background:#e8edf3;border-radius:.2rem;padding:.1rem .25rem}.preview blockquote{color:#486581;border-left:.25rem solid #9fb3c8;margin-inline:0;padding-left:1rem}.preview-table{border-collapse:collapse;width:100%}.preview-table th,.preview-table td{border:1px solid #9fb3c8;padding:.4rem .6rem}.preview-task-checkbox{margin-right:.4rem}.preview-footnotes{border-top:1px solid #bcccdc;margin-top:2rem;font-size:.9em}.manual-copy-panel{color:#3d2b00;background:#fff8e6;border:2px solid #d69e2e;border-radius:.5rem;margin:0 1rem 1rem;padding:1rem}.manual-copy-panel p{margin-top:0}.manual-copy-content{color:#000;background:#fff;border:1px solid #c5a34e;margin-bottom:1rem;padding:1rem}kbd{background:#eee;border:1px solid #999;border-radius:.2rem;padding:.05rem .3rem}@media (max-width:48rem){.app-header{flex-direction:column;align-items:flex-start}.header-actions{justify-content:space-between;width:100%}.status{text-align:left;justify-content:flex-start;min-height:1.5rem}.workspace{grid-template-columns:1fr;height:auto}.pane{min-height:24rem}}@media (max-width:30rem){.settings-panel fieldset{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media (prefers-color-scheme:dark){:root{color:#e7edf3;background:#111820}.pane,.toolbar{border-color:#52667a}.editor-hint{color:#b7c7d6;border-color:#52667a}.preview pre,.preview :not(pre)>code{background:#253341}}