@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/ibm-plex-sans-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("/assets/fonts/ibm-plex-sans-600.ttf") format("truetype");font-weight:600 800;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/jetbrains-mono-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/jetbrains-mono-600.ttf") format("truetype");font-weight:600 800;font-display:swap}

    .markdown-studio {
      --app-bg: #07080d;
      --chrome: #0b0d14;
      --chrome-2: #10131d;
      --panel: #0d1018;
      --panel-2: #111520;
      --line: #22283a;
      --line-soft: #181d2b;
      --text: #f3f5fb;
      --muted: #98a1b5;
      --subtle: #6f788c;
      --accent: #86a8ff;
      --accent-2: #668cff;
      --accent-faint: rgba(102, 140, 255, .13);
      --success: #65d7a6;
      --warning: #ffcb6b;
      --danger: #ff7e93;
      --shadow: 0 22px 70px rgba(0, 0, 0, .36);
      --radius: 16px;
      --doc-max: 980px;
      --doc-bg: #090a10;
      --doc-text: #e9ebf2;
      --doc-muted: #a7adbd;
      --code-bg: #061019;
      --table-head: #111522;
      --font-ui: "IBM Plex Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --font-mono: "JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace;
    }

    .markdown-studio, .markdown-studio * { box-sizing: border-box; }
    .markdown-studio, .markdown-studio { height: 100%; }
    .markdown-studio {
      margin: 0;
      overflow: hidden;
      background:
        radial-gradient(1000px 500px at 75% -10%, rgba(74, 101, 180, .13), transparent 60%),
        var(--app-bg);
      color: var(--text);
      font-family: var(--font-ui);
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    .markdown-studio button, .markdown-studio textarea, .markdown-studio select, .markdown-studio input { font: inherit; }

    .markdown-studio .app {
      height: clamp(720px, 82vh, 920px);
      display: grid;
      grid-template-rows: 64px minmax(0, 1fr);
    }

    .markdown-studio .topbar {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 0 16px;
      border-bottom: 1px solid var(--line-soft);
      background: rgba(7, 8, 13, .86);
      backdrop-filter: blur(18px);
      z-index: 20;
    }

    .markdown-studio .brand {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 225px;
      user-select: none;
    }

    .markdown-studio .brand-mark {
      width: 31px;
      height: 31px;
      display: grid;
      place-items: center;
      border-radius: 9px;
      background: linear-gradient(145deg, #91adff, #5f7ff0);
      color: #07080d;
      font-weight: 900;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 8px 24px rgba(91,123,235,.25);
    }

    .markdown-studio .brand-copy { line-height: 1.03; }
    .markdown-studio .brand-copy strong { display: block; font-size: 14px; letter-spacing: -.015em; }
    .markdown-studio .brand-copy span { color: var(--subtle); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }

    .markdown-studio .top-actions {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-left: auto;
      min-width: 0;
    }

    .markdown-studio .btn, .markdown-studio .icon-btn, .markdown-studio .select {
      border: 1px solid var(--line);
      background: #0e1119;
      color: #dce1ee;
      height: 36px;
      border-radius: 10px;
      transition: .18s ease;
    }

    .markdown-studio .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      padding: 0 12px;
      cursor: pointer;
      white-space: nowrap;
      font-weight: 650;
      font-size: 12px;
    }

    .markdown-studio .btn:hover, .markdown-studio .icon-btn:hover, .markdown-studio .select:hover {
      border-color: #37415c;
      background: #131722;
      transform: translateY(-1px);
    }

    .markdown-studio .btn:active, .markdown-studio .icon-btn:active { transform: translateY(0); }
    .markdown-studio .btn.primary {
      border-color: #6b8ff4;
      background: linear-gradient(180deg, #7c9eff, #6888ed);
      color: #070912;
      box-shadow: 0 8px 26px rgba(104, 136, 237, .23);
    }
    .markdown-studio .btn.primary:hover { background: linear-gradient(180deg, #8aa8ff, #7291f4); }
    .markdown-studio .btn:disabled { opacity: .55; cursor: wait; transform: none; }

    .markdown-studio .icon-btn {
      width: 36px;
      display: grid;
      place-items: center;
      cursor: pointer;
      padding: 0;
    }

    .markdown-studio .select {
      padding: 0 30px 0 10px;
      outline: none;
      cursor: pointer;
      font-size: 12px;
    }

    .markdown-studio .workspace {
      min-height: 0;
      display: grid;
      grid-template-columns: minmax(240px, var(--editor-pane-width, 42%)) 10px minmax(240px, 1fr);
    }

    .markdown-studio .editor-pane {
      min-width: 0;
      display: grid;
      grid-template-rows: 44px minmax(0, 1fr) 32px;
      border-right: 0;
      background: rgba(8, 10, 15, .7);
    }

    .markdown-studio .pane-resizer {
      position: relative;
      z-index: 12;
      width: 10px;
      min-width: 10px;
      cursor: col-resize;
      touch-action: none;
      background: var(--chrome);
      border-left: 1px solid var(--line-soft);
      border-right: 1px solid var(--line-soft);
      outline: 0;
    }
    .markdown-studio .pane-resizer::before {
      content: "";
      position: absolute;
      inset: 0 -5px;
    }
    .markdown-studio .pane-resizer span {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 3px;
      height: 46px;
      border-radius: 999px;
      background: #353d52;
      transform: translate(-50%, -50%);
      transition: height .16s ease, background .16s ease, box-shadow .16s ease;
    }
    .markdown-studio .pane-resizer:hover span,
    .markdown-studio .pane-resizer:focus-visible span,
    .markdown-studio.is-resizing .pane-resizer span {
      height: 68px;
      background: #ff6422;
      box-shadow: 0 0 0 3px rgba(255,100,34,.14);
    }
    .markdown-studio.is-resizing,
    .markdown-studio.is-resizing * { cursor: col-resize !important; user-select: none !important; }

    .markdown-studio .pane-head {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 0 11px;
      border-bottom: 1px solid var(--line-soft);
      background: var(--chrome);
    }

    .markdown-studio .pane-label {
      font-size: 11px;
      color: var(--muted);
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      margin-right: auto;
    }

    .markdown-studio .tiny-btn {
      border: 0;
      background: transparent;
      color: var(--subtle);
      font-size: 11px;
      cursor: pointer;
      border-radius: 7px;
      padding: 5px 7px;
    }
    .markdown-studio .tiny-btn:hover { color: var(--text); background: #151925; }

    .markdown-studio .editor-wrap {
      min-height: 0;
      position: relative;
    }

    .markdown-studio #editor {
      width: 100%;
      height: 100%;
      resize: none;
      border: 0;
      outline: 0;
      padding: 22px 22px 60px;
      color: #d7dbea;
      caret-color: #9ab3ff;
      background:
        linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px) 0 0 / 100% 28px,
        #090b11;
      font-family: var(--font-mono);
      font-size: 13px;
      line-height: 1.72;
      tab-size: 2;
      white-space: pre;
      overflow: auto;
    }

    .markdown-studio #editor::selection { background: rgba(118, 149, 255, .28); }

    .markdown-studio .drop-hint {
      pointer-events: none;
      position: absolute;
      inset: 12px;
      display: none;
      place-items: center;
      border-radius: 14px;
      border: 1.5px dashed #6f8fe9;
      background: rgba(16, 22, 38, .92);
      color: #b8c7f6;
      font-weight: 750;
      z-index: 5;
    }
    .markdown-studio .editor-wrap.dragging .drop-hint { display: grid; }

    .markdown-studio .statusbar {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 0 12px;
      border-top: 1px solid var(--line-soft);
      color: var(--subtle);
      background: #090b11;
      font-size: 10px;
    }
    .markdown-studio .statusbar .saved { color: #82c9ad; }
    .markdown-studio .statusbar span:last-child { margin-left: auto; }

    .markdown-studio .preview-pane {
      min-width: 0;
      min-height: 0;
      display: grid;
      grid-template-rows: 44px minmax(0, 1fr);
      background: #07080d;
    }

    .markdown-studio .preview-toolbar {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 0 12px;
      border-bottom: 1px solid var(--line-soft);
      background: var(--chrome);
    }

    .markdown-studio .preview-toolbar .pane-label { margin-right: 4px; }

    .markdown-studio .preview-toolbar .doc-name {
      min-width: 0;
      max-width: 44ch;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: var(--subtle);
      font-size: 11px;
    }

    .markdown-studio .preview-toolbar .spacer { flex: 1; }

    .markdown-studio .preview-scroll {
      min-height: 0;
      overflow: auto;
      scroll-behavior: smooth;
      background:
        radial-gradient(900px 360px at 50% 0, rgba(71, 91, 151, .08), transparent 70%),
        var(--doc-bg);
    }

    .markdown-studio #preview-shell {
      width: min(calc(100% - 42px), var(--doc-max));
      margin: 0 auto;
      padding: 58px 0 110px;
    }

    .markdown-studio .markdown-body {
      color: var(--doc-text);
      font-size: 15.5px;
      line-height: 1.78;
      overflow-wrap: anywhere;
    }

    .markdown-studio .markdown-body > :first-child { margin-top: 0 !important; }
    .markdown-studio .markdown-body > :last-child { margin-bottom: 0 !important; }

    .markdown-studio .markdown-body h1,
    .markdown-studio .markdown-body h2,
    .markdown-studio .markdown-body h3,
    .markdown-studio .markdown-body h4,
    .markdown-studio .markdown-body h5,
    .markdown-studio .markdown-body h6 {
      color: #f6f7fb;
      letter-spacing: -.025em;
      line-height: 1.24;
      font-weight: 790;
      scroll-margin-top: 68px;
    }

    .markdown-studio .markdown-body h1 {
      margin: 0 0 22px;
      font-size: clamp(31px, 4vw, 43px);
      letter-spacing: -.045em;
    }
    .markdown-studio .markdown-body h2 {
      margin: 56px 0 18px;
      font-size: 26px;
    }
    .markdown-studio .markdown-body h3 {
      margin: 38px 0 14px;
      font-size: 19px;
    }
    .markdown-studio .markdown-body h4 { margin: 28px 0 10px; font-size: 16px; }
    .markdown-studio .markdown-body h5 { margin: 24px 0 9px; font-size: 14px; }
    .markdown-studio .markdown-body h6 {
      margin: 22px 0 8px;
      color: var(--doc-muted);
      font-size: 12px;
      letter-spacing: .065em;
      text-transform: uppercase;
    }

    .markdown-studio .markdown-body p { margin: 0 0 18px; color: var(--doc-muted); }
    .markdown-studio .markdown-body strong { color: #f4f5f8; font-weight: 760; }
    .markdown-studio .markdown-body em { color: #cfd4e1; }
    .markdown-studio .markdown-body a {
      color: #99b3ff;
      text-decoration: none;
      border-bottom: 1px solid rgba(153,179,255,.35);
    }
    .markdown-studio .markdown-body a:hover { border-color: currentColor; }

    .markdown-studio .markdown-body ul,
    .markdown-studio .markdown-body ol {
      color: var(--doc-muted);
      margin: 0 0 22px;
      padding-left: 1.55em;
    }

    .markdown-studio .markdown-body li { margin: 8px 0; padding-left: .2em; }
    .markdown-studio .markdown-body li::marker { color: #8796bc; }
    .markdown-studio .markdown-body li > ul,
    .markdown-studio .markdown-body li > ol { margin: 8px 0 4px; }
    .markdown-studio .markdown-body .task-list-item {
      list-style: none;
      margin-left: -1.35em;
    }
    .markdown-studio .markdown-body input[type="checkbox"] {
      width: 14px;
      height: 14px;
      margin: 0 8px 0 0;
      accent-color: #7b9eff;
      transform: translateY(2px);
    }

    .markdown-studio .markdown-body hr {
      height: 1px;
      border: 0;
      margin: 48px 0;
      background: linear-gradient(90deg, transparent, #2b3143 12%, #2b3143 88%, transparent);
    }

    .markdown-studio .markdown-body code:not(pre code) {
      font-family: var(--font-mono);
      color: #d7dded;
      background: #141823;
      border: 1px solid #242a3a;
      border-radius: 6px;
      padding: .12em .4em;
      font-size: .9em;
    }

    .markdown-studio .markdown-body kbd {
      display: inline-block;
      min-width: 1.55em;
      padding: .12em .42em;
      border: 1px solid #3a4357;
      border-bottom-width: 2px;
      border-radius: 5px;
      background: #161b26;
      color: #e5e9f2;
      font-family: var(--font-mono);
      font-size: .82em;
      line-height: 1.35;
      text-align: center;
      box-shadow: inset 0 -1px 0 rgba(255,255,255,.05);
    }
    .markdown-studio .markdown-body mark {
      padding: .08em .25em;
      border-radius: 4px;
      background: rgba(255,203,107,.2);
      color: #ffe0a3;
    }
    .markdown-studio .markdown-body del { color: #7f899c; }
    .markdown-studio .markdown-body sub,
    .markdown-studio .markdown-body sup { line-height: 0; }

    .markdown-studio .markdown-body pre {
      position: relative;
      margin: 20px 0 30px;
      padding: 25px 28px;
      overflow: auto;
      border: 1px solid #20283a;
      border-radius: 14px;
      background:
        linear-gradient(135deg, rgba(89,119,194,.06), transparent 36%),
        var(--code-bg);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 14px 40px rgba(0,0,0,.16);
      page-break-inside: avoid;
      break-inside: avoid;
    }

    .markdown-studio .markdown-body pre code {
      display: block;
      padding: 0;
      background: transparent;
      color: #d2d9e7;
      font-family: var(--font-mono);
      font-size: 12.8px;
      line-height: 1.7;
      tab-size: 2;
      white-space: pre;
      overflow-wrap: normal;
    }

    .markdown-studio .code-copy {
      position: absolute;
      top: 10px;
      right: 10px;
      border: 1px solid #2a3247;
      border-radius: 7px;
      background: rgba(12,16,25,.85);
      color: #929cb1;
      padding: 5px 8px;
      font-size: 9px;
      cursor: pointer;
      opacity: 0;
      transition: .16s ease;
    }
    .markdown-studio pre:hover .code-copy { opacity: 1; }
    .markdown-studio .code-copy:hover { color: #eef1f7; border-color: #465373; }

    .markdown-studio .hljs-keyword, .markdown-studio .hljs-selector-tag, .markdown-studio .hljs-literal, .markdown-studio .hljs-section { color: #ff8f9e; }
    .markdown-studio .hljs-string, .markdown-studio .hljs-title, .markdown-studio .hljs-name, .markdown-studio .hljs-type { color: #b9d78b; }
    .markdown-studio .hljs-number, .markdown-studio .hljs-symbol, .markdown-studio .hljs-bullet { color: #d2a8ff; }
    .markdown-studio .hljs-built_in, .markdown-studio .hljs-attr, .markdown-studio .hljs-attribute { color: #8db7ff; }
    .markdown-studio .hljs-comment, .markdown-studio .hljs-quote { color: #6f7a90; font-style: italic; }
    .markdown-studio .hljs-variable, .markdown-studio .hljs-template-variable { color: #ffc18b; }

    .markdown-studio .table-wrap {
      position: relative;
      width: 100%;
      margin: 44px 0 32px;
      padding-top: 0;
      overflow: visible;
      border: 1px solid #23293a;
      border-radius: 13px;
      background: #0d1018;
      box-shadow: 0 10px 32px rgba(0,0,0,.12);
      page-break-inside: avoid;
      break-inside: avoid;
    }

    .markdown-studio .markdown-body table {
      width: 100%;
      border-collapse: collapse;
      min-width: 520px;
      background: #0a0c12;
      color: #c7ccd8;
      font-size: 13px;
    }

    .markdown-studio .markdown-body th,
    .markdown-studio .markdown-body td {
      padding: 15px 18px;
      border-bottom: 1px solid #1f2533;
      text-align: left;
      vertical-align: middle;
    }
    .markdown-studio .markdown-body tr:last-child td { border-bottom: 0; }
    .markdown-studio:not(.paper) .markdown-body thead th {
      background: #121725 !important;
      color: #cbd6e8 !important;
      font-size: 11px;
      line-height: 1.35;
      text-transform: none;
      letter-spacing: .045em;
      font-weight: 800;
    }
    .markdown-studio:not(.paper) .markdown-body thead th * {
      color: inherit !important;
    }
    .markdown-studio:not(.paper) .markdown-body tbody td {
      color: #c9d2e2 !important;
    }
    .markdown-studio:not(.paper) .markdown-body tbody td:first-child,
    .markdown-studio:not(.paper) .markdown-body tbody td:first-child strong,
    .markdown-studio:not(.paper) .markdown-body tbody td:first-child b,
    .markdown-studio:not(.paper) .markdown-body tbody td:first-child span {
      color: #edf2fa !important;
    }
    .markdown-studio:not(.paper) .markdown-body tbody th,
    .markdown-studio:not(.paper) .markdown-body tbody td[colspan] {
      background: #171d31 !important;
      color: #aebfff !important;
      border-top: 2px solid #657fe1;
      font-weight: 800;
      letter-spacing: .015em;
    }
    .markdown-studio:not(.paper) .markdown-body tbody th *,
    .markdown-studio:not(.paper) .markdown-body tbody td[colspan] * {
      color: inherit !important;
    }
    .markdown-studio .markdown-body tbody tr:nth-child(even) td:not([colspan]) {
      background: rgba(100,116,160,.055);
    }
    .markdown-studio:not(.paper) .markdown-body tbody tr:hover td:not([colspan]) {
      background: rgba(111,137,203,.09);
    }

    .markdown-studio .markdown-body blockquote {
      margin: 24px 0 32px;
      padding: 17px 20px 17px 23px;
      border: 0;
      border-left: 3px solid #7e9fff;
      border-radius: 3px 11px 11px 3px;
      background: linear-gradient(90deg, rgba(77,108,202,.17), rgba(49,68,126,.13));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
      page-break-inside: avoid;
      break-inside: avoid;
    }
    .markdown-studio .markdown-body blockquote p { margin: 0 0 6px; color: #bcc6df; }
    .markdown-studio .markdown-body blockquote p:last-child { margin-bottom: 0; }

    .markdown-studio .markdown-body blockquote.callout-tip {
      border-left-color: #65d7a6;
      background: linear-gradient(90deg, rgba(57,161,119,.14), rgba(38,80,69,.11));
    }
    .markdown-studio .markdown-body blockquote[data-label="IMPORTANT"] {
      border-left-color: #b397ff;
      background: linear-gradient(90deg, rgba(126,92,203,.16), rgba(66,47,108,.10));
    }
    .markdown-studio .markdown-body blockquote.callout-warning {
      border-left-color: #ffcb6b;
      background: linear-gradient(90deg, rgba(180,132,40,.14), rgba(91,69,34,.10));
    }
    .markdown-studio .markdown-body blockquote.callout-danger {
      border-left-color: #ff7e93;
      background: linear-gradient(90deg, rgba(183,65,87,.14), rgba(84,39,50,.10));
    }
    .markdown-studio .markdown-body blockquote::before {
      content: attr(data-label);
      display: block;
      margin-bottom: 7px;
      color: #9bb4ff;
      font-size: 9px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .markdown-studio .markdown-body blockquote:not([data-label])::before { display: none; }

    .markdown-studio .mermaid-card {
      position: relative;
      margin: 44px 0 32px;
      padding: 24px;
      overflow: visible;
      border: 1px solid #22293a;
      border-radius: 16px;
      background:
        radial-gradient(500px 220px at 50% 0, rgba(70,92,154,.09), transparent 70%),
        #0c0e16;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 18px 50px rgba(0,0,0,.14);
      page-break-inside: avoid;
      break-inside: avoid;
    }
    .markdown-studio .mermaid-card .mermaid {
      min-width: 560px;
      display: flex;
      justify-content: center;
    }
    .markdown-studio .mermaid-card svg {
      display: block;
      max-width: 100%;
      height: auto !important;
      margin: 0 auto;
    }

    .markdown-studio .mermaid-card[data-diagram="gantt"] {
      padding: 30px clamp(20px, 3.5vw, 42px) 34px;
      background:
        radial-gradient(720px 260px at 50% -30px, rgba(86,116,190,.12), transparent 72%),
        #0b0f18;
    }
    .markdown-studio .mermaid-card[data-diagram="gantt"] .mermaid { min-width: 0; }
    .markdown-studio .mermaid-card[data-diagram="gantt"] svg {
      width: min(100%, 960px) !important;
      max-width: 960px !important;
    }

    .markdown-studio .svg-card {
      position: relative;
      margin: 44px 0 32px;
      padding: 24px;
      overflow: visible;
      border: 1px solid #22293a;
      border-radius: 16px;
      background: #0c0e16;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 18px 50px rgba(0,0,0,.14);
      page-break-inside: avoid;
      break-inside: avoid;
    }
    .markdown-studio .media-card {
      position: relative;
      width: 100%;
      margin: 44px 0 32px;
      padding: 24px;
      overflow: visible;
      border: 1px solid #22293a;
      border-radius: 16px;
      background: #0c0e16;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 18px 50px rgba(0,0,0,.14);
      page-break-inside: avoid;
      break-inside: avoid;
    }
    .markdown-studio .svg-card .rendered-asset-scroll > svg {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
    }
    .markdown-studio .media-card .rendered-asset-scroll img {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0 auto !important;
    }

    .markdown-studio .rendered-asset-scroll {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      overflow-x: auto;
      overflow-y: hidden;
      border-radius: inherit;
      overscroll-behavior-x: contain;
      overscroll-behavior-y: auto;
      touch-action: pan-x pan-y;
      -webkit-overflow-scrolling: touch;
    }
    .markdown-studio .rendered-asset-scroll svg,
    .markdown-studio .rendered-asset-scroll svg * { touch-action: pan-x pan-y; }

    .markdown-studio .markdown-body img,
    .markdown-studio .markdown-body video,
    .markdown-studio .markdown-body picture,
    .markdown-studio .markdown-body canvas {
      max-width: 100%;
      height: auto;
    }
    .markdown-studio .markdown-body img {
      display: block;
      margin: 24px auto 30px;
      border-radius: 12px;
      box-shadow: 0 16px 46px rgba(0,0,0,.2);
    }
    .markdown-studio .markdown-body figure { margin: 26px 0 34px; }
    .markdown-studio .markdown-body figure > img { margin: 0 auto; }
    .markdown-studio .markdown-body figcaption {
      margin-top: 10px;
      color: var(--subtle);
      font-size: 12px;
      line-height: 1.55;
      text-align: center;
    }

    .markdown-studio .markdown-body details {
      margin: 20px 0 28px;
      padding: 0 18px;
      border: 1px solid #232b3c;
      border-radius: 12px;
      background: rgba(15,19,29,.7);
    }
    .markdown-studio .markdown-body summary {
      margin: 0 -18px;
      padding: 14px 18px;
      color: #e9edf6;
      font-weight: 700;
      cursor: pointer;
    }
    .markdown-studio .markdown-body details[open] summary {
      margin-bottom: 16px;
      border-bottom: 1px solid #232b3c;
    }

    .markdown-studio .markdown-body .footnotes {
      margin-top: 58px;
      padding-top: 22px;
      border-top: 1px solid #293145;
      color: var(--doc-muted);
      font-size: 13px;
    }
    .markdown-studio .markdown-body .footnotes ol { padding-left: 1.4em; }
    .markdown-studio .markdown-body [data-footnote-ref] {
      margin-left: .12em;
      border: 0;
      font-size: .78em;
      font-weight: 750;
    }
    .markdown-studio .markdown-body [data-footnote-backref] { border: 0; margin-left: .28em; }
    .markdown-studio .sr-only {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
    }

    .markdown-studio .markdown-body .katex-display {
      margin: 24px 0 30px;
      padding: 20px;
      overflow-x: auto;
      overflow-y: hidden;
      border: 1px solid #222a3a;
      border-radius: 12px;
      background: #0b0f17;
    }
    .markdown-studio .markdown-body .katex { color: var(--doc-text); font-size: 1.04em; }

    .markdown-studio .diagram-expand {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 5;
      transform: translateY(-100%);
      width: 34px;
      height: 34px;
      display: grid;
      place-items: center;
      border: 1px solid #2b3448;
      border-radius: 9px;
      background: rgba(12,16,25,.88);
      color: #aeb8cb;
      cursor: pointer;
      backdrop-filter: blur(10px);
    }
    .markdown-studio .diagram-expand:hover { color: #fff; border-color: #465675; transform: translateY(-100%); }
    .markdown-studio .diagram-expand:focus-visible {
      outline: 2px solid #8da8ff;
      outline-offset: 2px;
    }
    .markdown-studio .table-wrap > .diagram-expand { top: 0; right: 0; }

    .markdown-studio .mermaid-card:fullscreen,
    .markdown-studio .svg-card:fullscreen,
    .markdown-studio .media-card:fullscreen,
    .markdown-studio .table-wrap:fullscreen,
    .markdown-studio .html-card-fullscreen {
      width: 100vw !important;
      height: 100vh !important;
      margin: 0 !important;
      padding: clamp(24px, 5vw, 72px) !important;
      overflow: auto !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: var(--doc-bg) !important;
    }
    .markdown-studio .html-card-fullscreen {
      position: fixed !important;
      inset: 0 !important;
      z-index: 9999 !important;
    }
    .markdown-studio .mermaid-card:fullscreen .diagram-expand,
    .markdown-studio .svg-card:fullscreen .diagram-expand,
    .markdown-studio .media-card:fullscreen .diagram-expand,
    .markdown-studio .table-wrap:fullscreen .diagram-expand,
    .markdown-studio .html-card-fullscreen .diagram-expand {
      position: fixed;
      top: 16px;
      right: 16px;
      transform: none;
    }

    .markdown-studio .diagram-dialog {
      width: min(94vw, 1440px);
      height: min(90vh, 1000px);
      padding: 0;
      border: 1px solid #2a3347;
      border-radius: 18px;
      background: #0a0d14;
      color: var(--text);
      box-shadow: 0 36px 120px rgba(0,0,0,.65);
    }
    .markdown-studio .diagram-dialog::backdrop { background: rgba(2,4,8,.82); backdrop-filter: blur(8px); }
    .markdown-studio .diagram-dialog__bar {
      height: 52px;
      display: flex;
      align-items: center;
      padding: 0 16px;
      border-bottom: 1px solid #20283a;
      color: #cbd3e2;
      font-size: 12px;
      font-weight: 750;
      text-transform: capitalize;
    }
    .markdown-studio .diagram-dialog__bar button { margin-left: auto; }
    .markdown-studio .diagram-dialog__body {
      height: calc(100% - 52px);
      display: grid;
      place-items: center;
      padding: 30px;
      overflow: auto;
    }
    .markdown-studio .diagram-dialog__body[data-kind="graphic"] > svg {
      display: block;
      min-width: min(900px, 84vw);
      max-width: none;
      height: auto;
    }
    .markdown-studio .diagram-dialog__body[data-kind="graphic"] {
      align-items: start;
      padding-top: clamp(28px, 4vw, 58px);
    }
    .markdown-studio .diagram-dialog__body[data-kind="image"] > img {
      display: block;
      width: auto;
      max-width: none;
      height: auto;
      margin: auto;
      border-radius: 10px;
    }
    .markdown-studio .diagram-dialog__body[data-kind="table"] {
      display: block;
      padding: 24px;
    }
    .markdown-studio .diagram-dialog__body[data-kind="table"] .dialog-table {
      min-width: 100%;
      overflow: visible;
      border: 1px solid #23293a;
      border-radius: 13px;
      background: #0a0c12;
    }
    .markdown-studio .diagram-dialog__body[data-kind="table"] table {
      width: max-content;
      min-width: 100%;
      margin: 0;
    }

    .markdown-studio .page-break {
      display: block;
      height: 0;
      margin: 0;
      break-before: page;
      page-break-before: always;
    }

    .markdown-studio .empty-state {
      border: 1px dashed #2a3144;
      border-radius: 14px;
      padding: 48px 22px;
      color: #747e94;
      text-align: center;
    }

    .markdown-studio .toast-stack {
      position: fixed;
      right: 18px;
      bottom: 18px;
      display: grid;
      gap: 8px;
      z-index: 9999;
      pointer-events: none;
    }
    .markdown-studio .toast {
      max-width: 370px;
      padding: 11px 13px;
      border: 1px solid #293149;
      border-radius: 10px;
      background: rgba(14,17,26,.94);
      color: #dce1ec;
      box-shadow: var(--shadow);
      font-size: 11px;
      animation: toast-in .22s ease both;
      backdrop-filter: blur(14px);
    }
    .markdown-studio .toast.error { border-color: #6b3541; }
    @keyframes toast-in {
      from { opacity: 0; transform: translateY(8px) scale(.98); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }

    /* Paper theme only changes the rendered document, not the app chrome. */
    .markdown-studio.paper {
      --doc-bg: #f7f7f5;
      --doc-text: #1a1d25;
      --doc-muted: #4c5361;
      --code-bg: #10141c;
      --table-head: #eceef3;
    }
    .markdown-studio.paper .preview-scroll { background: #f1f1ee; }
    .markdown-studio.paper #preview-shell {
      background: #fff;
      width: min(calc(100% - 54px), var(--doc-max));
      margin-top: 28px;
      margin-bottom: 60px;
      padding: 62px 70px 90px;
      border: 1px solid #e0e1e4;
      border-radius: 4px;
      box-shadow: 0 22px 70px rgba(0,0,0,.16);
    }
    .markdown-studio.paper .markdown-body h1,
    .markdown-studio.paper .markdown-body h2,
    .markdown-studio.paper .markdown-body h3,
    .markdown-studio.paper .markdown-body h4,
    .markdown-studio.paper .markdown-body h5,
    .markdown-studio.paper .markdown-body h6,
    .markdown-studio.paper .markdown-body strong { color: #151820; }
    .markdown-studio.paper .markdown-body p,
    .markdown-studio.paper .markdown-body ul,
    .markdown-studio.paper .markdown-body ol { color: #4d5360; }
    .markdown-studio.paper .markdown-body code:not(pre code) {
      color: #273044;
      background: #f0f1f5;
      border-color: #e1e4eb;
    }
    .markdown-studio.paper .table-wrap { border-color: #dfe2e8; background: #f7f8fb; }
    .markdown-studio.paper .markdown-body table { background: white; color: #333a48; }
    .markdown-studio.paper .markdown-body thead th {
      background: #eef1f6 !important;
      color: #455168 !important;
      font-size: 11px;
      line-height: 1.35;
      text-transform: none;
      letter-spacing: .045em;
    }
    .markdown-studio.paper .markdown-body thead th * { color: inherit !important; }
    .markdown-studio.paper .markdown-body tbody td { color: #3e4758 !important; }
    .markdown-studio.paper .markdown-body tbody td:first-child,
    .markdown-studio.paper .markdown-body tbody td:first-child strong,
    .markdown-studio.paper .markdown-body tbody td:first-child b,
    .markdown-studio.paper .markdown-body tbody td:first-child span {
      color: #202733 !important;
    }
    .markdown-studio.paper .markdown-body tbody th,
    .markdown-studio.paper .markdown-body tbody td[colspan] {
      background: #e8edff !important;
      color: #3453aa !important;
      border-top: 2px solid #7790dd;
    }
    .markdown-studio.paper .markdown-body tbody th *,
    .markdown-studio.paper .markdown-body tbody td[colspan] * { color: inherit !important; }
    .markdown-studio.paper .markdown-body th,
    .markdown-studio.paper .markdown-body td { border-color: #e2e5eb; }
    .markdown-studio.paper .markdown-body blockquote { color: #33405e; }
    .markdown-studio.paper .markdown-body kbd {
      border-color: #c7ccd5;
      background: #f2f3f5;
      color: #293142;
    }
    .markdown-studio.paper .markdown-body mark { background: #fff0b8; color: #5d4800; }
    .markdown-studio.paper .markdown-body details { background: #fafbfc; border-color: #dfe3ea; }
    .markdown-studio.paper .markdown-body summary { color: #252b36; }
    .markdown-studio.paper .markdown-body details[open] summary { border-color: #e2e5eb; }
    .markdown-studio.paper .markdown-body .katex-display { background: #fafbfc; border-color: #dfe3ea; }
    .markdown-studio.paper .markdown-body .footnotes { border-color: #dde1e8; }
    .markdown-studio.paper .mermaid-card {
      background: #f7f8fb;
      border-color: #e0e3ea;
      box-shadow: 0 14px 36px rgba(25,33,52,.07);
    }
    .markdown-studio.paper .mermaid-card[data-diagram="gantt"] {
      background:
        radial-gradient(720px 260px at 50% -30px, rgba(86,116,190,.07), transparent 72%),
        #fafbfc;
    }
    .markdown-studio.paper .svg-card {
      background: #f7f8fb;
      border-color: #e0e3ea;
      box-shadow: 0 14px 36px rgba(25,33,52,.07);
    }
    .markdown-studio.paper .media-card {
      background: #f7f8fb;
      border-color: #e0e3ea;
      box-shadow: 0 14px 36px rgba(25,33,52,.07);
    }
    .markdown-studio.paper .diagram-expand {
      border-color: #cfd5e1;
      background: rgba(255,255,255,.94);
      color: #4b576d;
      box-shadow: 0 5px 18px rgba(34,43,62,.12);
    }
    .markdown-studio.paper .diagram-expand:hover { color: #172033; border-color: #9da9bd; }
    .markdown-studio.paper .diagram-dialog {
      border-color: #d9dee8;
      background: #f7f8fb;
      color: #1e2532;
      box-shadow: 0 36px 120px rgba(23,31,48,.32);
    }
    .markdown-studio.paper .diagram-dialog::backdrop {
      background: rgba(29,36,49,.48);
      backdrop-filter: blur(8px);
    }
    .markdown-studio.paper .diagram-dialog__bar {
      border-bottom-color: #dfe3eb;
      background: #fff;
      color: #263044;
    }
    .markdown-studio.paper .diagram-dialog__bar .icon-btn {
      border-color: #d5dae4;
      background: #f7f8fb;
      color: #3d485b;
    }
    .markdown-studio.paper .diagram-dialog__body { background: #f7f8fb; }
    .markdown-studio.paper .diagram-dialog__body[data-kind="graphic"] { background: #fff; }
    .markdown-studio.paper .diagram-dialog__body[data-kind="table"] .dialog-table {
      border-color: #dfe2e8;
      background: #fff;
    }

    .markdown-studio.fullscreen .editor-pane { display: grid; }
    .markdown-studio.fullscreen .workspace { grid-template-columns: minmax(240px, var(--editor-pane-width, 42%)) 10px minmax(240px, 1fr); }
    .markdown-studio.fullscreen #preview-shell { max-width: 1060px; }
    .markdown-studio .print-stage { display: none; }

    @media (max-width: 840px) {
      .markdown-studio { overflow: auto; }
      .markdown-studio .app { height: auto; min-height: 760px; grid-template-rows: auto auto; }
      .markdown-studio .topbar { min-height: 64px; flex-wrap: wrap; padding: 10px 12px; }
      .markdown-studio .brand { min-width: auto; }
      .markdown-studio .brand-copy span { display: none; }
      .markdown-studio .top-actions { width: 100%; overflow-x: auto; padding-bottom: 2px; }
      .markdown-studio .workspace { grid-template-columns: 1fr; grid-template-rows: 52dvh minmax(70dvh, auto); }
      .markdown-studio .pane-resizer { display: none; }
      .markdown-studio .editor-pane { border-right: 0; border-bottom: 1px solid var(--line-soft); }
      .markdown-studio .preview-pane { min-height: 70dvh; }
      .markdown-studio #preview-shell { width: min(calc(100% - 28px), var(--doc-max)); padding-top: 38px; }
      .markdown-studio.paper #preview-shell { padding: 38px 26px 70px; }
      .markdown-studio .btn .optional { display: none; }
    }

    @media print {
      @page { margin: 15mm 14mm 17mm; size: A4; }
      .markdown-studio, .markdown-studio {
        overflow: visible !important;
        height: auto !important;
        background: var(--doc-bg) !important;
      }
      .markdown-studio .topbar, .markdown-studio .editor-pane, .markdown-studio .preview-toolbar, .markdown-studio .toast-stack, .markdown-studio .diagram-dialog, .markdown-studio .code-copy, .markdown-studio .diagram-expand { display: none !important; }
      .markdown-studio.printing > .app,
      .markdown-studio.printing > .toast-stack,
      .markdown-studio.printing > .diagram-dialog { display: none !important; }
      .markdown-studio.printing > .print-stage {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: var(--doc-bg) !important;
      }
      .markdown-studio .app, .markdown-studio .workspace, .markdown-studio .preview-pane, .markdown-studio .preview-scroll {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        background: var(--doc-bg) !important;
      }
      .markdown-studio #preview-shell {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        border: 0 !important;
        background: var(--doc-bg) !important;
      }
      .markdown-studio .markdown-body {
        font-size: 10.8pt;
        line-height: 1.66;
        orphans: 3;
        widows: 3;
      }
      .markdown-studio .markdown-body h1 { font-size: 27pt; }
      .markdown-studio .markdown-body h2 { font-size: 18pt; margin-top: 25pt; }
      .markdown-studio .markdown-body h3 { font-size: 14pt; margin-top: 20pt; }
      .markdown-studio .markdown-body h1,
      .markdown-studio .markdown-body h2,
      .markdown-studio .markdown-body h3,
      .markdown-studio .markdown-body h4,
      .markdown-studio .markdown-body h5,
      .markdown-studio .markdown-body h6 { break-after: avoid-page; page-break-after: avoid; }
      .markdown-studio .markdown-body h1 + *,
      .markdown-studio .markdown-body h2 + *,
      .markdown-studio .markdown-body h3 + * { break-before: avoid-page; page-break-before: avoid; }
      .markdown-studio .markdown-body pre {
        padding: 16px 18px;
        overflow: visible;
        break-inside: avoid-page;
        page-break-inside: avoid;
      }
      .markdown-studio .markdown-body pre.pdf-allow-split {
        break-inside: auto;
        page-break-inside: auto;
      }
      .markdown-studio .markdown-body pre code {
        white-space: pre-wrap;
        overflow-wrap: anywhere;
        font-size: 8.8pt;
      }
      .markdown-studio .table-wrap { overflow: visible; padding-top: 0; }
      .markdown-studio .markdown-body table { min-width: 0; font-size: 8.8pt; }
      .markdown-studio .markdown-body th,
      .markdown-studio .markdown-body td { padding: 8px 9px; overflow-wrap: anywhere; }
      .markdown-studio .markdown-body thead { display: table-header-group; }
      .markdown-studio .markdown-body tr { break-inside: avoid; page-break-inside: avoid; }
      .markdown-studio .mermaid-card { overflow: visible; padding: 16px; }
      .markdown-studio .mermaid-card .mermaid { min-width: 0; }
      .markdown-studio .mermaid-card svg { width: 100% !important; max-width: 100% !important; }
      .markdown-studio .svg-card { overflow: visible; padding: 16px; }
      .markdown-studio .svg-card .rendered-asset-scroll > svg { width: 100% !important; max-width: 100% !important; }
      .markdown-studio .mermaid-card svg,
      .markdown-studio .svg-card > svg { max-height: 230mm !important; object-fit: contain; }
      .markdown-studio blockquote, .markdown-studio figure, .markdown-studio details, .markdown-studio .katex-display, .markdown-studio .mermaid-card, .markdown-studio .svg-card, .markdown-studio .media-card {
        break-inside: avoid;
        page-break-inside: avoid;
      }
      .markdown-studio, .markdown-studio * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
    }
  

.markdown-studio{border:1.5px solid #12151a;border-radius:9px;box-shadow:5px 5px 0 #12151a;overflow:hidden;isolation:isolate;--accent:#ff7a45;--accent-2:#ff4d00;--accent-faint:rgba(255,77,0,.14)}
.markdown-studio .brand-mark{background:linear-gradient(145deg,#ff7b42,#e64500);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 24px rgba(230,69,0,.24)}
.markdown-studio .btn.primary{border-color:#12151a;background:#e64500;color:#fff;box-shadow:2px 2px 0 #12151a}
.markdown-studio .btn.primary:hover{background:#ff6422}
.markdown-studio.exporting-image .code-copy,.markdown-studio.exporting-image .diagram-expand{display:none!important}
.markdown-studio .export-page{display:block;width:min(calc(100% - 40px),980px);margin:0 auto;padding:58px 0 100px}
.markdown-studio.paper .export-page{background:#fff;margin-top:28px;margin-bottom:60px;padding:62px 70px 90px;border:1px solid #e0e1e4;box-shadow:0 22px 70px rgba(0,0,0,.12)}
@media(max-width:840px){.markdown-studio{overflow:hidden}.markdown-studio .app{min-height:0}.markdown-studio .workspace{grid-template-rows:440px minmax(680px,auto)}}
@media(max-width:560px){.markdown-studio .topbar{align-items:flex-start}.markdown-studio .top-actions{gap:6px}.markdown-studio .btn,.markdown-studio .select{height:34px;padding-left:9px;padding-right:9px}}

/* Native shell containment and responsive toolbar corrections. */
.markdown-studio{width:100%;max-width:100%;min-width:0;overflow:hidden}
.markdown-studio .app,.markdown-studio .topbar,.markdown-studio .workspace,.markdown-studio .editor-pane,.markdown-studio .preview-pane{width:100%;max-width:100%;min-width:0}
.markdown-studio .topbar{overflow:hidden}
.markdown-studio .brand{flex:0 1 auto;min-width:0}
.markdown-studio .brand-copy{display:block;min-width:0}
.markdown-studio .brand-copy strong,.markdown-studio .brand-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.markdown-studio .top-actions{flex:1 1 auto;max-width:100%;justify-content:flex-end;overflow:hidden}
.markdown-studio .top-actions>*{flex:0 0 auto}
.tool-app-shell[data-tool-slug="markdown-beautifier"] .tool-app-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.tool-app-shell[data-tool-slug="markdown-beautifier"] .tool-app-header-copy{min-width:0}
.tool-app-shell[data-tool-slug="markdown-beautifier"] .studio-fullscreen-btn{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1.5px solid #ff6422;border-radius:8px;background:#0e1119;color:#f3f5fb;box-shadow:3px 3px 0 #12151a;cursor:pointer;font-family:"IBM Plex Sans",ui-sans-serif,sans-serif;font-size:13px;font-weight:700;transition:.18s ease}
.tool-app-shell[data-tool-slug="markdown-beautifier"] .studio-fullscreen-btn:hover{background:#1a1518;color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #12151a}
.tool-app-shell[data-tool-slug="markdown-beautifier"] .studio-fullscreen-btn[aria-pressed="true"]{background:#e64500;color:#fff}
.tool-app-shell[data-tool-slug="markdown-beautifier"] .studio-fullscreen-icon{font-size:18px;line-height:1}
.tool-app-shell[data-tool-slug="markdown-beautifier"] .studio-fullscreen-label{white-space:nowrap}

/* Fullscreen preview. The fallback class is used when the browser Fullscreen API is unavailable. */
.markdown-studio.fullscreen,.markdown-studio:fullscreen{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--app-bg)}
.tool-app-shell[data-tool-slug="markdown-beautifier"]:fullscreen,.tool-app-shell[data-tool-slug="markdown-beautifier"].fullscreen-fallback{width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;padding:18px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--surface,#1b202a)!important;overflow:hidden!important}
.tool-app-shell[data-tool-slug="markdown-beautifier"]:fullscreen{display:grid;grid-template-rows:auto minmax(0,1fr)}
.tool-app-shell[data-tool-slug="markdown-beautifier"].fullscreen-fallback{position:fixed!important;inset:0!important;z-index:10000!important;display:grid;grid-template-rows:auto minmax(0,1fr)}
.tool-app-shell[data-tool-slug="markdown-beautifier"]:fullscreen .tool-app-header,.tool-app-shell[data-tool-slug="markdown-beautifier"].fullscreen-fallback .tool-app-header{margin-bottom:14px!important}
.tool-app-shell[data-tool-slug="markdown-beautifier"]:fullscreen #toolAppRoot,.tool-app-shell[data-tool-slug="markdown-beautifier"].fullscreen-fallback #toolAppRoot{min-height:0}
.markdown-studio.fullscreen .app,.markdown-studio:fullscreen .app{height:100%!important;min-height:0!important;grid-template-rows:64px minmax(0,1fr)!important}
.markdown-studio.fullscreen .editor-pane,.markdown-studio:fullscreen .editor-pane{display:grid!important}
.markdown-studio.fullscreen .workspace,.markdown-studio:fullscreen .workspace{grid-template-columns:minmax(240px,var(--editor-pane-width,42%)) 10px minmax(240px,1fr)!important;grid-template-rows:minmax(0,1fr)!important;height:100%!important;min-height:0!important}
.markdown-studio.fullscreen .preview-pane,.markdown-studio:fullscreen .preview-pane{height:100%!important;min-height:0!important}
.markdown-studio.fullscreen #preview-shell,.markdown-studio:fullscreen #preview-shell{max-width:1060px}

@media(max-width:840px){
  .markdown-studio .topbar{width:100%;max-width:100%;overflow:hidden}
  .markdown-studio .brand{width:100%;max-width:100%}
  .markdown-studio .top-actions{width:100%;max-width:100%;margin-left:0;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:2px 3px 8px;scrollbar-width:thin;overscroll-behavior-x:contain}
}
@media(max-width:520px){
  .markdown-studio .brand-mark{display:none}
  .markdown-studio .brand-copy strong{font-size:13px}
  .tool-app-shell[data-tool-slug="markdown-beautifier"] .tool-app-header{align-items:flex-start;gap:10px}
  .tool-app-shell[data-tool-slug="markdown-beautifier"] .studio-fullscreen-btn{min-height:38px;padding:0 11px}
  .tool-app-shell[data-tool-slug="markdown-beautifier"] .studio-fullscreen-label{display:none}
}