:root{--b2a-paper: #f6f4ef;--b2a-card: #ffffff;--b2a-card-2: #efece4;--b2a-rule: #e0dbcf;--b2a-rule-2: #c9c2b2;--b2a-ink: #1d1b16;--b2a-ink-2: #3a372f;--b2a-fade: #6b665b;--b2a-teal: #0f766e;--b2a-teal-2: #0b5f58;--b2a-teal-soft: #dcf1ee;--b2a-amber: #b45309;--b2a-amber-soft: #fdf0dc;--b2a-red: #b42318;--b2a-red-soft: #fde8e6;--b2a-dump: #16191d;--b2a-dump-2: #20242a;--b2a-dump-rule: #343941;--b2a-dump-ink: #ebe6d8;--b2a-dump-fade: #8d929b;--b2a-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--primary: #0f766e;--primary-dark: #0b5f58;--border: #e0dbcf;--surface: #ffffff;--surface-muted: #efece4;--shadow-soft: 0 3px 16px rgba(29, 27, 22, 0.08);--text-main: #1d1b16;--text-muted: #6b665b;}
.b2a-sr{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.b2a-shell{margin: 0 0 2.5rem;padding: 1.1rem;background: var(--b2a-paper);border: 1px solid var(--b2a-rule);border-radius: 12px;color: var(--b2a-ink);}
.b2a-byline{display: flex;flex-wrap: wrap;gap: .3rem 1rem;margin: 0 0 1rem;padding: 0 0 .8rem;border-bottom: 1px solid var(--b2a-rule);font-size: .82rem;color: var(--b2a-fade);}
.b2a-byline .author-link{color: var(--b2a-teal-2);font-weight: 600;text-decoration: none;}
.b2a-byline .author-link:hover{text-decoration: underline;}
.b2a-bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: .75rem;margin: 0 0 .9rem;}
.b2a-fmt{display: inline-flex;background: var(--b2a-card-2);border: 1px solid var(--b2a-rule);border-radius: 8px;padding: 3px;}
.b2a-fmt-btn{border: 0;background: transparent;color: var(--b2a-ink-2);font-size: .86rem;font-weight: 600;padding: .38rem .8rem;border-radius: 6px;cursor: pointer;}
.b2a-fmt-btn:hover{color: var(--b2a-teal-2);}
.b2a-fmt-btn.is-on{background: var(--b2a-card);color: var(--b2a-teal-2);box-shadow: 0 1px 3px rgba(29, 27, 22, .14);}
.b2a-samples{display: flex;flex-wrap: wrap;align-items: center;gap: .35rem;}
.b2a-samples-label{font-size: .78rem;text-transform: uppercase;letter-spacing: .06em;color: var(--b2a-fade);margin-right: .2rem;}
.b2a-chip{border: 1px solid var(--b2a-rule-2);background: var(--b2a-card);color: var(--b2a-ink-2);font-size: .8rem;padding: .25rem .65rem;border-radius: 999px;cursor: pointer;}
.b2a-chip:hover{border-color: var(--b2a-teal);color: var(--b2a-teal-2);}
.b2a-grid{display: grid;grid-template-columns: 1fr 1fr;gap: .9rem;}
.b2a-pane{display: flex;flex-direction: column;background: var(--b2a-card);border: 1px solid var(--b2a-rule);border-radius: 10px;min-width: 0;}
.b2a-pane-dark{background: var(--b2a-dump);border-color: var(--b2a-dump);}
.b2a-pane-head{display: flex;align-items: center;justify-content: space-between;gap: .5rem;padding: .55rem .8rem;border-bottom: 1px solid var(--b2a-rule);}
.b2a-pane-dark .b2a-pane-head{border-bottom-color: var(--b2a-dump-rule);}
.b2a-pane-title{margin: 0;font-size: .8rem;font-weight: 700;text-transform: uppercase;letter-spacing: .07em;color: var(--b2a-fade);}
.b2a-pane-dark .b2a-pane-title{color: var(--b2a-dump-fade);}
.b2a-link{border: 0;background: none;color: var(--b2a-teal-2);font-size: .82rem;font-weight: 600;cursor: pointer;padding: 0;}
.b2a-link:hover{text-decoration: underline;}
.b2a-input{flex: 1;width: 100%;min-height: 230px;border: 0;padding: .8rem;font-family: var(--b2a-mono);font-size: .92rem;line-height: 1.65;color: var(--b2a-ink);background: transparent;resize: vertical;}
.b2a-input:focus{outline: 2px solid var(--b2a-teal);outline-offset: -2px;border-radius: 0 0 10px 10px;}
.b2a-status{margin: 0;padding: .5rem .8rem;font-size: .82rem;color: var(--b2a-fade);border-top: 1px solid var(--b2a-rule);min-height: 2.2rem;}
.b2a-status.is-note{color: var(--b2a-amber);background: var(--b2a-amber-soft);}
.b2a-status.is-error{color: var(--b2a-red);background: var(--b2a-red-soft);font-weight: 600;}
.b2a-actions{display: flex;gap: .3rem;flex-wrap: wrap;}
.b2a-act{border: 1px solid var(--b2a-dump-rule);background: var(--b2a-dump-2);color: var(--b2a-dump-ink);font-size: .78rem;padding: .25rem .6rem;border-radius: 6px;cursor: pointer;}
.b2a-act:hover{border-color: #5eead4;color: #5eead4;}
.b2a-act.is-done{border-color: #5eead4;color: #5eead4;}
.b2a-output{flex: 1;margin: 0;min-height: 230px;max-height: 420px;overflow: auto;padding: .8rem;font-family: var(--b2a-mono);font-size: .95rem;line-height: 1.65;color: var(--b2a-dump-ink);white-space: pre-wrap;word-break: break-all;background: transparent;}
.b2a-output:focus{outline: 2px solid #5eead4;outline-offset: -2px;}
.b2a-empty{color: var(--b2a-dump-fade);font-style: italic;}
.b2a-tag{display: inline-block;margin: 0 1px;padding: 0 .28em;border-radius: 3px;font-size: .78em;line-height: 1.5;vertical-align: 1px;}
.b2a-tag-ctrl{background: #134e4a;color: #99f6e4;}
.b2a-tag-high{background: #78350f;color: #fde68a;}
.b2a-hi{color: #fde68a;border-bottom: 1px dotted #fde68a;}
.b2a-bad{color: #fca5a5;}
.b2a-opts{display: flex;flex-wrap: wrap;align-items: flex-end;gap: .8rem 1.2rem;margin: .9rem 0 0;}
.b2a-opt{display: flex;flex-direction: column;gap: .25rem;font-size: .8rem;font-weight: 600;color: var(--b2a-fade);margin: 0;}
.b2a-opt select{font-size: .88rem;padding: .38rem .55rem;border: 1px solid var(--b2a-rule-2);border-radius: 6px;background: var(--b2a-card);color: var(--b2a-ink);min-width: 230px;}
.b2a-opt select:focus{outline: 2px solid var(--b2a-teal);outline-offset: 1px;}
.b2a-stats{display: flex;gap: .5rem;margin: 0 0 0 auto;}
.b2a-stats div{background: var(--b2a-card);border: 1px solid var(--b2a-rule);border-radius: 8px;padding: .35rem .7rem;text-align: center;min-width: 76px;}
.b2a-stats dt{font-size: .68rem;font-weight: 600;text-transform: uppercase;letter-spacing: .05em;color: var(--b2a-fade);}
.b2a-stats dd{margin: 0;font-family: var(--b2a-mono);font-size: 1.05rem;font-weight: 700;color: var(--b2a-ink);}
.b2a-dump{margin: .9rem 0 0;background: var(--b2a-card);border: 1px solid var(--b2a-rule);border-radius: 10px;}
.b2a-dump summary{padding: .6rem .8rem;font-size: .85rem;font-weight: 700;color: var(--b2a-ink-2);cursor: pointer;}
.b2a-dump-note{font-weight: 400;color: var(--b2a-fade);margin-left: .4rem;}
.b2a-dump-scroll{max-height: 320px;overflow: auto;border-top: 1px solid var(--b2a-rule);}
.b2a-dump-table{width: 100%;border-collapse: collapse;font-family: var(--b2a-mono);font-size: .84rem;}
.b2a-dump-table th{position: sticky;top: 0;background: var(--b2a-card-2);text-align: left;font-weight: 600;color: var(--b2a-fade);padding: .35rem .8rem;font-family: inherit;}
.b2a-dump-table td{padding: .22rem .8rem;border-top: 1px solid var(--b2a-card-2);color: var(--b2a-ink-2);}
.b2a-dump-table td:first-child{color: var(--b2a-fade);}
.b2a-dump-table tr.is-ctrl td:last-child{color: var(--b2a-teal-2);font-weight: 700;}
.b2a-dump-table tr.is-high td:last-child{color: var(--b2a-amber);font-weight: 700;}
.b2a-content{margin: 0 auto 2.5rem;color: var(--b2a-ink-2);}
.b2a-block{margin: 0 0 2.25rem;}
.b2a-block h2{font-size: 1.45rem;font-weight: 700;color: var(--b2a-ink);margin: 0 0 .75rem;}
.b2a-block p{font-size: 1rem;line-height: 1.7;margin: 0 0 .9rem;}
.b2a-block code,.b2a-list code{font-family: var(--b2a-mono);font-size: .88em;background: var(--b2a-card-2);color: var(--b2a-ink);padding: .08em .35em;border-radius: 4px;}
.b2a-list{padding-left: 1.2rem;margin: 0 0 1rem;line-height: 1.7;}
.b2a-list li{margin: 0 0 .4rem;}
.b2a-table-wrap{overflow-x: auto;margin: 0 0 1rem;border: 1px solid var(--b2a-rule);border-radius: 10px;}
.b2a-table{width: 100%;border-collapse: collapse;font-size: .93rem;background: var(--b2a-card);}
.b2a-table th{background: var(--b2a-card-2);text-align: left;padding: .55rem .8rem;font-weight: 700;color: var(--b2a-ink);}
.b2a-table td{padding: .55rem .8rem;border-top: 1px solid var(--b2a-rule);vertical-align: top;}
.b2a-table td:first-child{white-space: nowrap;}
.b2a-example{background: var(--b2a-card);border: 1px solid var(--b2a-rule);border-left: 4px solid var(--b2a-teal);border-radius: 10px;padding: 1.2rem 1.3rem .4rem;}
.b2a-steps{padding-left: 1.3rem;line-height: 1.7;margin: 0 0 1rem;}
.b2a-steps li{margin: 0 0 .5rem;}
.b2a-inline-btn{border: 1px solid var(--b2a-teal);background: var(--b2a-teal-soft);color: var(--b2a-teal-2);font-weight: 600;font-size: .9em;padding: .05rem .5rem;border-radius: 5px;cursor: pointer;}
.b2a-inline-btn:hover{background: var(--b2a-teal);color: #fff;}
.b2a-limits{background: var(--b2a-amber-soft);border: 1px solid #f3d9b1;border-radius: 10px;padding: 1.2rem 1.3rem .4rem;}
.b2a-limits code{background: #fff7eb;}
@media (max-width: 991px){.b2a-grid{grid-template-columns: 1fr;}.b2a-stats{margin-left: 0;}}
@media (max-width: 576px){.b2a-shell{padding: .75rem;}.b2a-bar{flex-direction: column;align-items: stretch;}.b2a-fmt{overflow-x: auto;}.b2a-opt,.b2a-opt select{width: 100%;min-width: 0;}.b2a-stats{width: 100%;}.b2a-stats div{flex: 1;min-width: 0;padding: .35rem .3rem;}.b2a-input,.b2a-output{min-height: 170px;}}