: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,select{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-description{color:#d9e2ec;margin:.15rem 0 0}.app-brand{align-items:center;gap:.8rem;min-width:0;display:flex}.app-logo{filter:drop-shadow(0 .15rem .25rem #102a4359);flex:none;width:3.25rem;height:3.25rem}.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}#install-button{color:#fff;white-space:nowrap;background:0 0;border-color:#9fb3c8}#install-button:hover{background:#ffffff1f}.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{color:#486581;margin:.25rem 0 .75rem;font-size:.82rem}.settings-buttons{justify-content:space-between;gap:.75rem;display:flex}.settings-version{color:graytext;text-align:center;margin:.75rem 0 0;font-size:.8rem}.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}.editor-pane,.preview-pane{container-type:inline-size}.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}.copy-actions,.editor-actions{align-items:center;gap:.55rem;display:flex}.editor-toolbar{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.paste-bar,.paste-actions,.keyboard-paste-mode{align-items:center;gap:.55rem;display:flex}.paste-bar{justify-content:flex-end;min-width:0}.keyboard-paste-mode{color:#486581;white-space:nowrap;font-size:.86rem}.keyboard-paste-mode select{min-height:2.25rem;padding:.25rem .4rem}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,select: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}.manual-copy-content[data-plain-text]{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}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}}@container (width<=42rem){.editor-toolbar{grid-template-columns:1fr auto}.paste-bar{background:color-mix(in srgb, Canvas 92%, #d9e2ec);border-top:1px solid #bcccdc;grid-area:2/1/auto/-1;justify-content:space-between;margin:.1rem -.75rem -.6rem;padding:.55rem .75rem}}@container (width<=30rem){.paste-bar{flex-direction:column;align-items:stretch}.paste-actions{grid-template-columns:1fr 1fr;display:grid}.keyboard-paste-mode{justify-content:space-between}}@container (width<=20rem){.preview-pane .toolbar{flex-direction:column;align-items:stretch}.copy-actions{grid-template-columns:1fr 1fr;display:grid}}@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,.paste-bar{border-color:#52667a}.keyboard-paste-mode{color:#b7c7d6}.editor-hint{color:#b7c7d6;border-color:#52667a}.preview pre,.preview :not(pre)>code{background:#253341}@container (width<=42rem){.paste-bar{background:#19232d}}}
