.markdown-editor-app{--md-radius:1rem;--md-shadow:0 18px 50px rgb(0 0 0 / .07);max-width:1480px;padding-top:2.25rem}.markdown-editor-hero{align-items:flex-end;margin-bottom:.9rem;padding:0 .25rem}.markdown-editor-heading{min-width:0}.markdown-editor-eyebrow{margin-bottom:.55rem;padding:.28rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);font-size:.68rem;letter-spacing:.09em}.markdown-editor-eyebrow::before{content:"";display:inline-block;width:.4rem;height:.4rem;margin-inline-end:.35rem;border-radius:999px;background:var(--color-success);vertical-align:middle}.markdown-editor-title{font-size:clamp(1.75rem,3.4vw,2.7rem);letter-spacing:-.035em}.markdown-editor-description{max-width:70ch;line-height:1.6}.markdown-editor-feature-strip{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.markdown-editor-feature-strip span{padding:.25rem .5rem;border:1px solid var(--color-border);border-radius:999px;color:var(--color-muted);background:var(--color-surface);font:700 .61rem/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace;letter-spacing:.05em}.markdown-editor-actions{gap:.55rem}.markdown-editor-actions button{min-height:2.65rem;padding-inline:1rem}.markdown-editor-status{min-height:2.5rem;margin-bottom:1rem;border-radius:.75rem;box-shadow:0 1px 2px rgb(0 0 0/3%)}.markdown-editor-status .code-tools-status-text{font-weight:650}.markdown-editor-status .code-tools-status-dot{width:.48rem;height:.48rem;border-radius:999px;background:var(--color-success);box-shadow:0 0 0 .2rem color-mix(in oklab,var(--color-success) 13%,transparent)}.markdown-editor-status .code-tools-badge{margin-inline-start:auto}.markdown-editor-app .code-tools-workspace{height:min(76vh,52rem);min-height:40rem;border-radius:1.05rem;box-shadow:var(--md-shadow);background:var(--color-surface)}.markdown-editor-app .code-tools-editor-panel{background:var(--color-surface)}.markdown-editor-toolbar{min-height:3.2rem;background:var(--color-surface);padding-inline:.35rem}.markdown-editor-panel-identity{display:flex;align-items:center;gap:.5rem;min-width:0;padding-inline:.45rem}.markdown-editor-panel-kicker{font-size:.6rem;font-weight:800;letter-spacing:.08em;color:var(--color-muted)}.markdown-editor-file-pill{display:inline-flex;align-items:center;min-width:0;max-width:9rem;padding:.3rem .55rem;border:1px solid var(--color-border);border-radius:.45rem;background:var(--color-background);color:var(--color-on-surface);font:700 .72rem/1.2 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.markdown-editor-example-control{margin-inline-start:.35rem;padding-inline-start:.5rem;border-inline-start:1px solid var(--color-border)}.markdown-editor-example-control select{border-radius:.55rem;background:var(--color-background);min-height:2.2rem}.markdown-editor-toolbar .code-tools-toolbar-actions{margin-inline-start:auto;padding-inline-start:.4rem}.markdown-editor-toolbar .code-tools-toolbar-actions .ui-icon-button{width:2.35rem;height:2.35rem;border-radius:.55rem}.markdown-editor-settings{border-inline-start:1px solid var(--color-border)}.markdown-editor-settings .ui-icon-button{width:2.35rem;height:2.35rem;border-radius:.55rem}.markdown-editor-format-bar{display:flex;align-items:center;gap:.1rem;min-height:2.6rem;padding:.3rem .5rem;border-bottom:1px solid var(--color-border);background:var(--color-background);overflow-x:auto;scrollbar-width:thin}.markdown-editor-format-bar .ui-icon-button{flex-shrink:0;width:2.1rem;height:2.1rem;border-radius:.45rem}.markdown-editor-format-text{flex-shrink:0;min-width:2.4rem;height:2.1rem;padding:0 .45rem;border:1px solid transparent;border-radius:.45rem;background:0 0;color:var(--color-muted);font:700 .78rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace;cursor:pointer}.markdown-editor-format-text:hover{background:var(--color-surface);color:var(--color-on-surface)}.markdown-editor-format-bar .ui-icon-button:hover,.markdown-editor-format-text:hover{background:var(--color-surface)}.markdown-editor-format-bar .ui-icon-button:focus-visible,.markdown-editor-format-text:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.markdown-editor-app[data-markdown-editor-view=preview] .markdown-editor-format-bar{display:none}.markdown-editor-editor-surface{position:relative;background:var(--color-code);box-shadow:inset 0 1px rgb(255 255 255/.025)}.markdown-editor-editor-footer{display:flex;align-items:center;gap:.75rem;position:absolute;inset-inline:0;bottom:0;z-index:4;min-height:1.65rem;padding:0 .65rem;border-top:1px solid color-mix(in oklab,var(--color-border) 55%,transparent);background:color-mix(in oklab,var(--color-code) 92%,transparent);color:var(--color-muted);font:600 .6rem/1 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace;letter-spacing:.035em;pointer-events:none}.markdown-editor-editor-footer span:nth-child(2){margin-inline-start:auto;color:var(--color-on-code);font-variant-numeric:tabular-nums}.markdown-editor-output-panel{background:var(--color-background)}.markdown-editor-output-heading{min-height:3.2rem;padding-inline:.8rem;background:var(--color-surface)}.markdown-editor-output-heading .markdown-editor-panel-identity{padding-inline:0;gap:.55rem}.markdown-editor-output-heading h2{font-size:.8rem;font-weight:800;margin:0}.markdown-editor-heading-side{display:flex;align-items:center;gap:.5rem}.markdown-editor-heading-side .ui-icon-button{width:2.1rem;height:2.1rem;border-radius:.45rem}.markdown-editor-view-mode{display:flex;gap:.15rem;padding:.2rem;border:1px solid var(--color-border);border-radius:.55rem;background:var(--color-background)}.markdown-editor-view-mode button{min-height:1.9rem;padding:.2rem .6rem;border:0;border-radius:.4rem;background:0 0;color:var(--color-muted);font:600 .74rem/1.2 inherit;cursor:pointer}.markdown-editor-view-mode button:hover{color:var(--color-on-surface)}.markdown-editor-view-mode button.is-active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 2px rgb(0 0 0/6%)}.markdown-editor-view-mode button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.markdown-editor-preview{flex:1;min-height:0;overflow:auto;padding:1.25rem 1.5rem 2.5rem;background:var(--color-background)}.markdown-preview-error{margin:1rem 0 0;padding:1rem;border:1px solid color-mix(in oklab,var(--color-danger) 35%,var(--color-border));border-radius:.8rem;background:color-mix(in oklab,var(--color-danger) 6%,var(--color-surface));color:var(--color-danger);font-size:.85rem}.markdown-editor-app[data-markdown-editor-view=editor] .code-tools-workspace{grid-template-columns:minmax(0,1fr)}.markdown-editor-app[data-markdown-editor-view=editor] .code-tools-split-divider,.markdown-editor-app[data-markdown-editor-view=editor] .markdown-editor-output-panel{display:none}.markdown-editor-app[data-markdown-editor-view=preview] .code-tools-workspace{grid-template-columns:minmax(0,1fr)}.markdown-editor-app[data-markdown-editor-view=preview] .code-tools-split-divider,.markdown-editor-app[data-markdown-editor-view=preview] .markdown-editor-editor-panel{display:none}.markdown-body{max-width:46rem;margin:0 auto;color:var(--color-on-surface);font-size:.95rem;line-height:1.7}.markdown-body>:first-child{margin-top:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{line-height:1.25;margin:1.75rem 0 .6rem;font-weight:700;letter-spacing:-.015em}.markdown-body h1{font-size:1.85rem}.markdown-body h2{font-size:1.45rem;padding-bottom:.25rem;border-bottom:1px solid color-mix(in oklab,var(--color-border) 70%,transparent)}.markdown-body h3{font-size:1.2rem}.markdown-body h4{font-size:1.02rem}.markdown-body p{margin:.8rem 0}.markdown-body a{color:var(--color-primary);text-decoration:underline;text-underline-offset:.15em}.markdown-body a:hover{text-decoration-thickness:.12em}.markdown-body ul,.markdown-body ol{margin:.8rem 0;padding-inline-start:1.5rem}.markdown-body li{margin:.3rem 0}.markdown-body li::marker{color:var(--color-muted)}.markdown-body li.task-list-item{list-style:none;margin-inline-start:-1.25rem}.markdown-body li.task-list-item .task-list-item-checkbox{margin-inline-end:.45rem;accent-color:var(--color-primary);vertical-align:-.12em}.markdown-body blockquote{margin:1.1rem 0;padding:.5rem 1rem;border-inline-start:3px solid color-mix(in oklab,var(--color-primary) 45%,var(--color-border));background:color-mix(in oklab,var(--color-primary) 4%,var(--color-surface));border-radius:0 .4rem .4rem 0;color:var(--color-muted)}.markdown-body blockquote p{margin:.35rem 0}.markdown-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,monospace;font-size:.85em;background:color-mix(in oklab,var(--color-primary) 7%,var(--color-surface));color:var(--color-on-surface);padding:.15em .4em;border-radius:.3em;overflow-wrap:anywhere}.markdown-body pre{margin:1.1rem 0;padding:1rem 1.1rem;border-radius:.7rem;background:var(--color-code);color:var(--color-on-code);overflow:auto}.markdown-body pre code{background:0 0;color:inherit;padding:0;font-size:.84rem;line-height:1.55}.markdown-body table{border-collapse:collapse;width:100%;margin:1.1rem 0;font-size:.88rem}.markdown-body th,.markdown-body td{border:1px solid var(--color-border);padding:.5rem .7rem;text-align:start}.markdown-body thead th{background:color-mix(in oklab,var(--color-primary) 6%,var(--color-surface));font-weight:700}.markdown-body tbody tr:nth-child(even) td{background:color-mix(in oklab,var(--color-primary) 3%,transparent)}.markdown-body img{max-width:100%;border-radius:.5rem}.markdown-body hr{border:0;border-top:1px solid var(--color-border);margin:2rem 0}.markdown-body mark{background:color-mix(in oklab,var(--color-warning) 25%,transparent);padding:.05em .2em;border-radius:.2em}.markdown-body .hljs-keyword,.markdown-body .hljs-selector-tag,.markdown-body .hljs-meta{color:var(--theme-code-accent,var(--color-primary))}.markdown-body .hljs-string,.markdown-body .hljs-regexp{color:color-mix(in oklab,var(--color-success) 75%,var(--color-on-code))}.markdown-body .hljs-number,.markdown-body .hljs-literal{color:color-mix(in oklab,var(--color-warning) 75%,var(--color-on-code))}.markdown-body .hljs-comment,.markdown-body .hljs-quote{color:var(--color-muted);font-style:italic}.markdown-body .hljs-title,.markdown-body .hljs-name,.markdown-body .hljs-function{color:color-mix(in oklab,var(--color-primary) 80%,var(--color-on-code))}.markdown-body .hljs-attr,.markdown-body .hljs-attribute,.markdown-body .hljs-variable{color:color-mix(in oklab,var(--color-info,var(--color-primary)) 70%,var(--color-on-code))}.markdown-body .hljs-built_in,.markdown-body .hljs-type{color:color-mix(in oklab,var(--color-warning) 60%,var(--color-on-code))}@media(max-width:1120px){.markdown-editor-app .code-tools-workspace{height:min(78vh,52rem)}.markdown-editor-file-pill{max-width:7rem}.markdown-editor-panel-kicker{display:none}}@media(max-width:900px){.markdown-editor-app{padding-top:1.5rem}.markdown-editor-hero{align-items:flex-start;flex-direction:column}.markdown-editor-actions{width:100%}.markdown-editor-actions button{flex:1}.markdown-editor-app .code-tools-workspace{height:auto;min-height:0;grid-template-rows:minmax(24rem,58vh)minmax(24rem,58vh)}.markdown-editor-toolbar{flex-wrap:wrap;padding-block:.25rem}.markdown-editor-panel-identity{min-height:2.5rem}.markdown-editor-example-control{margin-inline-start:auto;border-inline-start:0}.markdown-editor-toolbar .code-tools-toolbar-actions{order:3;width:100%;padding-inline-start:.2rem;border-top:1px solid var(--color-border);margin-top:.15rem}.markdown-editor-toolbar .code-tools-toolbar-actions .ui-icon-button{flex:1;width:auto}.markdown-editor-settings{margin-inline-start:0}.markdown-editor-app[data-markdown-editor-view=editor] .code-tools-workspace,.markdown-editor-app[data-markdown-editor-view=preview] .code-tools-workspace{grid-template-rows:minmax(28rem,70vh)}.markdown-editor-app[data-markdown-editor-view=editor] .markdown-editor-output-panel{display:none}.markdown-editor-app[data-markdown-editor-view=preview] .markdown-editor-editor-panel{display:none}}@media(max-width:600px){.markdown-editor-app{padding:1.25rem .75rem 3.25rem}.markdown-editor-title{font-size:clamp(1.65rem,8vw,2.15rem)}.markdown-editor-description{font-size:.84rem}.markdown-editor-feature-strip span{font-size:.57rem}.markdown-editor-status{flex-wrap:wrap;padding-block:.55rem}.markdown-editor-stat{display:none}.markdown-editor-reading-stat{display:inline-flex}.markdown-editor-app .code-tools-workspace{grid-template-rows:minmax(19rem,52vh)minmax(22rem,55vh);border-radius:.85rem}.markdown-editor-panel-identity{flex:1}.markdown-editor-example-control{width:100%;padding-inline:.45rem;border-top:1px solid var(--color-border);margin-top:.2rem}.markdown-editor-example-control label{flex:1}.markdown-editor-example-control select{flex:1;max-width:none}.markdown-editor-toolbar .code-tools-toolbar-actions .ui-icon-button{min-width:0}.markdown-editor-preview{padding:.85rem .9rem 2rem}.markdown-editor-app+.tool-page-content{max-width:62ch;margin:3rem auto 0;padding:2.25rem .25rem 4rem;border-top:1px solid var(--color-border)}.markdown-editor-app+.tool-page-content p,.markdown-editor-app+.tool-page-content li{font-size:.875rem;line-height:1.65}}@media(prefers-reduced-motion:reduce){.markdown-editor-app *{scroll-behavior:auto}}