.md-wrapper{max-width:960px;margin:0 auto;padding:0 16px 48px}.md-page-header{max-width:960px;margin:0 auto;padding:24px 16px 8px;text-align:center}.md-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.md-preset-row{display:flex;flex-wrap:wrap;gap:6px;flex:1}.md-action-row{display:flex;gap:6px;flex-wrap:wrap}.md-preset-btn{padding:10px 16px;min-height:44px;border:1px solid var(--swp-border);border-radius:var(--r-pill);font-size:13px;background:var(--swp-surface);color:var(--swp-ink);cursor:pointer;transition:background .12s}.md-preset-btn--active,.md-preset-btn[aria-pressed=true]{background:var(--swp-surface-alt);font-weight:700;border-color:var(--swp-ink-muted)}.md-preset-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.md-action-btn{padding:8px 14px;min-height:44px;border:1px solid var(--swp-border);border-radius:var(--r-pill);font-size:13px;font-weight:600;background:var(--swp-surface);color:var(--swp-ink);cursor:pointer}.md-action-btn--copied{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.md-action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.md-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:500px}.md-input-pane,.md-preview-pane{display:flex;flex-direction:column;gap:6px}.md-pane-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--swp-ink-muted);margin:0}.md-textarea{flex:1;width:100%;min-height:460px;padding:14px;border:1px solid var(--swp-border);border-radius:var(--r-lg);background:var(--swp-surface-code);font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.6;color:var(--swp-ink);resize:vertical;box-sizing:border-box}.md-textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.md-preview{flex:1;min-height:460px;padding:16px 20px;border:1px solid var(--swp-border);border-radius:var(--r-lg);background:#fff;overflow-y:auto;line-height:1.75;font-size:15px;color:#1a1a2e;word-break:break-word}.md-preview .md-h1{font-size:26px;font-weight:800;margin:0 0 16px;border-bottom:2px solid var(--swp-border);padding-bottom:8px}.md-preview .md-h2{font-size:20px;font-weight:700;margin:20px 0 10px;border-bottom:1px solid var(--swp-border);padding-bottom:4px}.md-preview .md-h3{font-size:17px;font-weight:700;margin:16px 0 8px}.md-preview .md-h4{font-size:15px;font-weight:700;margin:12px 0 6px}.md-preview .md-p{margin:0 0 12px}.md-preview .md-ul,.md-preview .md-ol{padding-left:1.6em;margin:0 0 12px}.md-preview .md-ul li,.md-preview .md-ol li{margin-bottom:4px}.md-preview .md-blockquote{margin:0 0 12px;padding:10px 16px;border-left:4px solid var(--color-primary);background:var(--swp-surface-alt, #f5f5f5);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--swp-ink-muted);font-style:italic}.md-preview .md-hr{border:none;border-top:2px solid var(--swp-border);margin:20px 0}.md-preview .md-code-block{background:#f6f8fa;border:1px solid var(--swp-border);border-radius:var(--r-md, 6px);padding:14px 16px;overflow-x:auto;margin:0 0 12px;font-size:13px;line-height:1.5}.md-preview .md-code-block code{font-family:Courier New,Courier,monospace;color:#24292e}.md-preview .md-inline-code{font-family:Courier New,Courier,monospace;background:#f0f0f0;padding:2px 5px;border-radius:3px;font-size:.9em;color:#c7254e}.md-preview .md-link{color:var(--color-primary);text-decoration:underline}.md-preview .md-link:hover{opacity:.8}.md-preview .md-img{max-width:100%;height:auto;border-radius:var(--r-sm)}.md-cheatsheet{margin-top:24px}.md-cheatsheet-toggle{min-height:44px;padding:10px 18px;border:1px solid var(--swp-border);border-radius:var(--r-pill);background:var(--swp-surface);font-size:14px;font-weight:600;color:var(--swp-ink);cursor:pointer;width:100%;text-align:left}.md-cheatsheet-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.md-cheatsheet-body{margin-top:12px;border:1px solid var(--swp-border);border-radius:var(--r-lg);overflow:hidden}.md-cheat-table{width:100%;border-collapse:collapse;font-size:13px}.md-cheat-table th{background:var(--swp-surface-alt, #f5f5f5);padding:10px 16px;text-align:left;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--swp-ink-muted)}.md-cheat-table td{padding:8px 16px;border-top:1px solid var(--swp-border);vertical-align:middle}.md-cheat-table td code{font-family:Courier New,Courier,monospace;background:#f0f0f0;padding:2px 5px;border-radius:3px;font-size:12px;color:#c7254e}.md-cheat-table tr:nth-child(2n) td{background:var(--swp-surface, #fafafa)}.md-section-title{font-size:16px;font-weight:700;color:var(--swp-ink);margin:0 0 12px}.md-how-to,.md-related-section{max-width:960px;margin:48px auto 0;padding:0 16px}.md-steps{padding-left:1.4em}.md-steps li{margin-bottom:8px;line-height:1.6}.md-related-list{list-style:none;padding:0}.md-related-list li{margin-bottom:6px}.md-related-tools{display:flex;flex-direction:column;gap:6px}.md-related-link{color:var(--color-primary);text-decoration:none}.md-related-link:hover{text-decoration:underline}@media(prefers-reduced-motion:reduce){.md-preset-btn{transition:none}}@media(max-width:767px){.md-editor-layout{display:flex;flex-direction:column;min-height:unset}.md-input-pane{order:1}.md-preview-pane{order:2}.md-cheatsheet{order:3}.md-textarea,.md-preview{min-height:200px}.md-toolbar{flex-direction:column;align-items:stretch}.md-action-row{justify-content:flex-start}.md-preset-btn,.md-action-btn{font-size:12px;padding:8px 12px}}