.mp-filters{flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.mp-filter-row{flex-wrap:wrap;align-items:flex-start;gap:1.25rem;display:flex}.mp-filter-group{flex-direction:column;gap:.4rem;display:flex}.mp-filter-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.7rem;font-weight:600}.mp-pills{flex-wrap:wrap;gap:.375rem;display:flex}.mp-pill{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;color:var(--page-ink);white-space:nowrap;border-radius:9999px;padding:.35rem .9rem;font-size:.8125rem;font-weight:500;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.mp-pill:hover:not(.mp-pill--active){background:var(--surface-muted,#f5f6f5);border-color:var(--border-strong,#9ca299)}.mp-pill--active{color:#1a2e00;background:#92d050;border-color:#7ab840;font-weight:700;box-shadow:0 2px 6px #92d05066}.mp-prompt{text-align:center;color:var(--muted);padding:3rem 1.5rem;font-size:1rem}.mp-output{flex-direction:column;gap:1.5rem;display:flex}.mp-pattern-headers{border-bottom:1px solid var(--border);grid-template-columns:2.5rem minmax(0,1fr) minmax(0,1fr);gap:0 1.5rem;margin-bottom:.75rem;padding-bottom:.5rem;display:grid}.mp-col-heading{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0;font-size:.7rem;font-weight:700}.mp-pattern{flex-direction:column;display:flex}.mp-pattern-row{grid-template-columns:2.5rem minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 1.5rem;display:grid}.mp-step--internal{opacity:.55}.mp-step__example{padding-top:.875rem;padding-bottom:1.25rem}.mp-step__number{z-index:1;flex-direction:column;align-items:center;padding-top:.875rem;display:flex}.mp-pattern-row:not(:last-child) .mp-step__number:after{content:"";background:var(--border);flex:1;width:2px;min-height:1.25rem;margin-top:.375rem}.mp-step__num-badge{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:700;display:flex}.mp-step--internal .mp-step__num-badge{background:var(--border-strong,#9ca299)}.mp-step--optional .mp-step__num-badge{border:2px dashed var(--border-strong,#9ca299);color:var(--border-strong,#9ca299);background:0 0}.mp-step__body{padding:.625rem 0 1.25rem .75rem}.mp-step__header{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.25rem;display:flex}.mp-step__label{color:var(--page-ink);font-size:.9375rem;font-weight:600}.mp-step__route{color:var(--muted);font-size:.8125rem}.mp-step__badge--optional{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:9999px;padding:.1rem .4rem;font-size:.6875rem;font-weight:600}.mp-step__detail{color:var(--muted);margin-bottom:.5rem;font-size:.8125rem}.mp-step__notes{flex-direction:column;gap:.25rem;margin-top:.25rem;display:flex}.mp-step__note{border-radius:.25rem;padding:.25rem .625rem;font-size:.8125rem}.mp-step__note--neutral{color:#374151;border-left:2px solid var(--border);background:#f9fafb}.mp-payload-block{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;margin-bottom:1rem;overflow:hidden}.mp-payload-header{background:var(--surface-muted,#f5f6f5);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.mp-payload-caption{color:var(--page-ink);flex:1;min-width:0;font-size:.75rem;font-weight:600}.mp-payload-tag{background:var(--surface);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:9999px;padding:.1rem .35rem;font-size:.65rem;font-weight:600}.mp-payload-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--page-ink);white-space:nowrap;border-radius:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.mp-payload-pre{color:#cdd6f4;background:#1e1e2e;margin:0;padding:.75rem 1rem;font-size:.72rem;line-height:1.5;overflow-x:auto}.mp-parse-structure{background:var(--surface);color:var(--page-ink);padding:.75rem 1rem 1rem;font-size:.75rem}.mp-parse-structure h4{color:var(--heading-deep);margin:.875rem 0 .375rem;font-size:.78rem;font-weight:700}.mp-parse-path{margin:0 0 .5rem;font-size:.72rem}.mp-parse-table{border-collapse:collapse;width:100%;font-size:.72rem}.mp-parse-table th,.mp-parse-table td{border-bottom:.0625rem solid var(--border);text-align:left;vertical-align:top;padding:.35rem .5rem}.mp-parse-table th{color:var(--heading-deep);background:var(--surface-muted);white-space:nowrap;font-weight:700}.mp-parse-table tr:last-child td{border-bottom:0}.mp-gbcs-block{color:#cdd6f4;background:#1e1e2e;flex-direction:column;gap:.75rem;padding:.75rem 1rem;display:flex}.mp-gbcs-meta{color:#a6adc8;flex-direction:column;gap:.2rem;font-size:.7rem;display:flex}.mp-gbcs-meta code{color:#89b4fa;font-family:monospace}.mp-gbcs-hex{white-space:pre-wrap;word-break:break-all;color:#a6e3a1;margin:0;font-size:.72rem;line-height:1.6}.mp-gbcs-parser-link{color:#89b4fa;padding:.25rem 0;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-block}.mp-gbcs-parser-link:hover{text-decoration:underline}.mp-gbcs-note{color:#f9e2af;border-left:2px solid #f9e2af40;margin-top:.1rem;padding-left:.5rem;font-size:.68rem}.mp-mmc-note{color:var(--muted);background:var(--surface-muted,#f5f6f5);border-bottom:1px solid var(--border);margin:0;padding:.4rem .75rem;font-size:.75rem;font-style:italic}@media (width<=860px){.mp-pattern-headers{grid-template-columns:2.5rem 1fr}.mp-pattern-headers .mp-col-heading:last-child{display:none}.mp-pattern-row{grid-template-columns:2.5rem 1fr}.mp-step__example{grid-column:2;padding-top:0}}