.markdown-body{--document-text: #242424;--document-muted: #6b6b6b;--document-border: #dedede;--document-accent: #1769aa;color:var(--document-text);font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:18px;line-height:1.72}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{line-height:1.22;margin:1.7em 0 .55em}.markdown-body h1{font-size:2.25em;letter-spacing:-.035em}.markdown-body h2{font-size:1.55em}.markdown-body h3{font-size:1.2em}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote{margin:0 0 1.15em}.markdown-body a{color:var(--document-accent);text-underline-offset:.16em}.markdown-body blockquote{border-left:3px solid var(--document-border);color:var(--document-muted);margin-left:0;padding-left:1.1em}.markdown-body code{background:color-mix(in srgb,var(--document-text) 7%,transparent);border-radius:4px;font:.86em ui-monospace,SFMono-Regular,Menlo,monospace;padding:.12em .3em}.markdown-body pre{background:#f5f5f4;border:1px solid var(--document-border);border-radius:7px;overflow:auto;padding:1em}.markdown-body pre code{background:none;padding:0}.markdown-body img{display:block;height:auto;margin:1.5em auto;max-width:100%}.markdown-body table{border-collapse:collapse;display:block;overflow:auto;width:100%}.markdown-body th,.markdown-body td{border:1px solid var(--document-border);padding:.45em .7em}.markdown-body hr{border:0;border-top:1px solid var(--document-border);margin:2.5em 0}:root[data-theme=dark] .markdown-body{--document-text: #e8e8e6;--document-muted: #aaa9a5;--document-border: #3c3c3a;--document-accent: #7db7e8}:root[data-theme=dark] .markdown-body pre{background:#1d1d1c}:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:#fafaf9;color:#20201f}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px}button,textarea{font:inherit}button{background:transparent;border:1px solid #d4d4d1;border-radius:7px;color:inherit;cursor:pointer;padding:.48rem .75rem}button:hover{background:#f0f0ed}button.primary{background:#20201f;border-color:#20201f;color:#fff}button.primary:hover{background:#3b3b39}button.icon-button{border-color:transparent;min-width:2.25rem;padding-inline:.5rem}.text-button{border:0;color:#666;padding:.25rem}.toolbar{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb,#fafaf9 90%,transparent);border-bottom:1px solid #e7e7e4;display:flex;gap:.45rem;height:3.5rem;padding:0 .75rem;position:fixed;inset:0 0 auto;z-index:10}.document-title{font-size:.92rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{color:#777;flex:1;font-size:.78rem}.menu{background:#fff;border:1px solid #ddd;border-radius:9px;box-shadow:0 12px 32px #0002;display:grid;min-width:12rem;padding:.35rem;position:absolute;right:.75rem;top:3rem}.menu button{border:0;text-align:left}.home{display:grid;min-height:100vh;place-items:center;padding:3rem 1.25rem}.home-header{align-items:center;border-bottom:1px solid #e2e2df;display:flex;height:76px;justify-content:space-between;left:50%;max-width:1180px;position:fixed;top:0;transform:translate(-50%);width:calc(100% - 3rem)}.home-nav{align-items:center;display:flex;gap:1.2rem}.home-nav a{color:#777;font-size:.8rem;text-decoration:none}.home-nav a:hover{color:#20201f}.home-theme-toggle{border-radius:50%;font-size:1.1rem;height:36px;min-width:36px;padding:0;width:36px}.home-content{max-width:620px;text-align:center;width:100%}.home h1{font:600 clamp(2rem,6vw,3.4rem)/1.05 ui-serif,Georgia,serif;letter-spacing:-.045em;margin:0}.lede{color:#666;margin:1rem 0 2rem}.home-actions{display:flex;gap:.65rem;justify-content:center}.drop-zone{border:1px dashed #b9b9b4;border-radius:12px;cursor:pointer;display:grid;gap:.35rem;margin-top:1.5rem;padding:3rem 1rem}.drop-zone.dragging{background:#f0f4f7;border-color:#1769aa}.drop-zone span,.privacy-note{color:#777;font-size:.85rem}.privacy-note{margin-top:1.5rem}.recents{margin-top:2.5rem;text-align:left}.section-heading{align-items:center;display:flex;justify-content:space-between}.section-heading h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.recent-item{align-items:center;border-top:1px solid #e7e7e4;display:flex;justify-content:space-between;padding:.7rem 0}.recent-item small{color:#777}.workspace{min-height:100vh;padding-top:3.5rem}.sidebar{background:#f5f5f3;border-right:1px solid #e2e2df;bottom:0;left:0;overflow:auto;padding:.8rem;position:fixed;top:3.5rem;width:240px}.sidebar-heading{color:#777;font-size:.72rem;font-weight:650;letter-spacing:.08em;padding:.5rem;text-transform:uppercase}#file-list{display:grid;gap:.15rem}.file-button{border:0;display:flex;gap:.4rem;overflow:hidden;text-align:left;width:100%}.file-button.active{background:#e5e5e1}.file-button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dirty-dot{color:#b65c31}.workspace.with-sidebar .document-area{margin-left:240px}.document-area{min-width:0}.reader{margin:0 auto;max-width:760px;min-height:calc(100vh - 3.5rem);padding:clamp(2rem,7vw,5rem) 1.5rem}.editor-layout{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 3.5rem)}#editor{background:#fcfcfb;border:0;border-right:1px solid #ddd;color:#252524;line-height:1.55;outline:0;padding:2rem;resize:none;-moz-tab-size:2;tab-size:2}.preview{overflow:auto;padding:2rem clamp(1.5rem,4vw,4rem)}.blocked-image{align-items:center;background:#f2f2ef;border:1px solid #ddd;border-radius:7px;color:#666;display:flex;font:.8rem ui-sans-serif,system-ui;justify-content:center;min-height:7rem;padding:1rem}dialog{background:#fafaf9;border:1px solid #ccc;border-radius:12px;color:inherit;max-height:90vh;max-width:1100px;padding:0;width:calc(100% - 2rem)}dialog::backdrop{background:#0007}.dialog-header{align-items:start;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:1.2rem}.dialog-header h2,dialog form h2{margin:0 0 .35rem}.dialog-header p,dialog form>p{color:#666;font-size:.85rem;margin:0}.css-workspace{display:grid;grid-template-columns:1fr 1fr;height:min(65vh,650px)}#css-editor{background:#20201f;border:0;color:#eee;font:.82rem/1.5 ui-monospace,monospace;outline:0;padding:1rem;resize:none}.css-sample{overflow:auto;padding:2rem}.dialog-actions{border-top:1px solid #ddd;display:flex;gap:.5rem;justify-content:flex-end;padding:.8rem 1.2rem}#remote-images-dialog form{padding:1.3rem}@media(max-width:720px){.home-header{height:64px;width:calc(100% - 2rem)}.sidebar{width:min(85vw,280px);z-index:8}.workspace.with-sidebar .document-area{margin-left:0}.editor-layout,.css-workspace{grid-template-columns:1fr}.editor-layout{height:auto}#editor,.preview{min-height:calc(50vh - 1.75rem)}.css-sample,.status{display:none}}:root[data-theme=dark]{background:#171716;color:#ececea;color-scheme:dark}:root[data-theme=dark] button{border-color:#444}:root[data-theme=dark] button:hover{background:#292927}:root[data-theme=dark] .toolbar{background:color-mix(in srgb,#171716 90%,transparent);border-color:#333}:root[data-theme=dark] .menu{background:#222220;border-color:#444}:root[data-theme=dark] .lede,:root[data-theme=dark] .drop-zone span,:root[data-theme=dark] .privacy-note,:root[data-theme=dark] .status{color:#aaa}:root[data-theme=dark] .home-nav a{color:#aaa}:root[data-theme=dark] .home-nav a:hover{color:#ececea}:root[data-theme=dark] .home-header{border-color:#393936}:root[data-theme=dark] .drop-zone{border-color:#555}:root[data-theme=dark] .recent-item,:root[data-theme=dark] .dialog-header,:root[data-theme=dark] .dialog-actions{border-color:#363634}:root[data-theme=dark] .sidebar{background:#1d1d1c;border-color:#333}:root[data-theme=dark] .file-button.active{background:#333330}:root[data-theme=dark] #editor{background:#1b1b1a;border-color:#3b3b39;color:#eee}:root[data-theme=dark] dialog{background:#20201f;border-color:#444}:root[data-theme=dark] .blocked-image{background:#222;border-color:#444;color:#aaa}@media print{.toolbar,.sidebar{display:none!important}.workspace{padding:0}.workspace.with-sidebar .document-area{margin:0}.reader{max-width:none;padding:0}}