.markdown-studio-root{min-height:100vh;display:flex;flex-direction:column;background-color:var(--md-bg,#030305);color:var(--md-text,#f8fafc);font-family:Inter,sans-serif;--md-bg:#030305;--md-surface:#0f0f14;--md-border:rgba(255,255,255,0.08);--md-accent:#fbbf24;--md-text:#f8fafc}.markdown-studio-root[data-theme=light]{--md-bg:#f8fafc;--md-surface:#ffffff;--md-border:rgba(0,0,0,0.08);--md-accent:#4f46e5;--md-text:#0f172a}.md-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--md-surface);border-bottom:1px solid var(--md-border);position:sticky;top:0;z-index:30}.md-brand-link{display:flex;align-items:center;gap:8px;font-size:14px}.md-brand-link,.md-nav-btn{font-weight:600;text-decoration:none;color:var(--md-text)}.md-nav-btn{padding:5px 12px;border-radius:6px;font-size:12px;border:1px solid var(--md-border);transition:all .2s ease}.md-nav-btn.active,.md-nav-btn:hover{background:var(--md-accent);color:#fff;border-color:var(--md-accent)}.md-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;border:1px solid var(--md-border);background:transparent;color:var(--md-text);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.md-btn:hover{border-color:var(--md-accent)}.md-footer{border-top:1px solid var(--md-border);padding:12px 20px;text-align:center;font-size:12px;color:var(--md-text);opacity:.8;display:flex;align-items:center;justify-content:center}