.md-intro{max-width:850px}.md-privacy{font-size:.9rem;color:var(--muted,#6f6258)}
.md-workspace{margin:24px 0;border:1px solid var(--line,#e8ded3);border-radius:20px;background:var(--surface,#fff);overflow:hidden;box-shadow:0 8px 28px #49332009;min-width:0}
.md-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;background:#faf6f0;border-bottom:1px solid #e8ded3}
.md-workspace button,.md-dialog button{border:1px solid #d8c9b9;background:#fffdf9;color:#43372d;border-radius:10px;padding:9px 13px;min-height:42px;font:inherit;font-size:.88rem;cursor:pointer;line-height:1.35}
.md-workspace button:hover:not(:disabled),.md-dialog button:hover{background:#f2e5d5}.md-workspace button:disabled{opacity:.45;cursor:not-allowed}.md-workspace button:focus-visible,.md-workspace select:focus-visible,.md-workspace input:focus-visible,.md-dialog button:focus-visible{outline:3px solid #407e9e;outline-offset:3px}
.md-toolbar .md-primary{background:#eec79c;border-color:#daac78;font-weight:700}.md-spacer{flex:1}.md-mobile-tabs{display:none}
.md-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-width:0}.md-pane{min-width:0}.md-pane+.md-pane{border-left:1px solid #e8ded3}.md-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid #e8ded3;font-weight:700;color:#665247}
.md-pane-heading label{display:flex;align-items:center;gap:6px;font-weight:400;font-size:.85rem}.md-pane-heading select{border:1px solid #d8c9b9;border-radius:7px;background:#fff;padding:5px;color:#43372d;max-width:140px}
#md-source{display:block;width:100%;height:540px;resize:vertical;min-height:300px;border:0;border-radius:0;background:#fffcf7;color:#342b24;padding:20px;font:14px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;box-sizing:border-box}
#md-source:focus{outline:2px solid #d8b18c;outline-offset:-2px}.md-preview{display:block;width:100%;height:540px;border:0;background:#fffdf9}.md-settings{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid #e8ded3;font-size:.85rem;color:#766559}.md-settings label{display:flex;gap:7px;align-items:center}.md-settings input{width:18px;height:18px}.md-status{margin:0;padding:12px 16px;border-top:1px solid #e8ded3;min-height:48px;font-size:.88rem;color:#716151}.md-status.is-error{color:#9b3023;background:#fff1ed}.md-workspace.is-dragging{outline:3px dashed #ad7841;outline-offset:3px}
.md-help{margin:28px 0 40px;max-width:920px;line-height:1.8}.md-help h2{font-size:1.3rem}.md-help details{padding:12px 0;border-bottom:1px solid #e8ded3}.md-help summary{font-weight:650;cursor:pointer}.md-help p{color:#75665a}
.md-dialog{width:calc(100vw - 32px);max-width:1500px;height:calc(100dvh - 32px);max-height:none;border:1px solid #d8c9b9;border-radius:16px;padding:0;background:#fffdf9}.md-dialog::backdrop{background:#211a14aa}.md-dialog-bar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid #e8ded3}.md-dialog .md-preview{height:calc(100% - 64px)}
@media(min-width:1100px){body:has(.md-workspace) main.wrap{max-width:1380px}}
@media(max-width:760px){.md-mobile-tabs{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid #e8ded3}.md-mobile-tabs button{flex:1}.md-mobile-tabs button[aria-pressed=true]{background:#f2d9bc;border-color:#b78a5c;font-weight:700}.md-panes{display:block}.md-pane+.md-pane{border-left:0}.md-workspace[data-mobile-view=edit] .md-preview-pane{display:none}.md-workspace[data-mobile-view=preview] .md-editor-pane{display:none}#md-source,.md-preview{height:450px}.md-toolbar{padding:12px;gap:7px}.md-toolbar button{flex:1 0 auto}.md-spacer{display:none}.md-settings{align-items:flex-start}.md-dialog{width:100vw;height:100dvh;border:0;border-radius:0;margin:0}.md-pane-heading{padding:10px 14px}}