:root{--brc-ink: #1d1b17;--brc-muted: #6b6459;--brc-faint: #a39b8d;--brc-paper: #fbf8f2;--brc-sheet: #ffffff;--brc-line: #e6dfd2;--brc-rust: #a8431c;--brc-rust-dark: #7d2f12;--brc-rust-soft: #f7e7de;--brc-green: #2f6b4f;--brc-radius: 12px;--brc-radius-sm: 8px;--brc-shadow: 0 10px 28px rgba(29,27,23,0.08);--brc-focus: 0 0 0 3px rgba(168,67,28,0.25);--brc-serif: Georgia,"Iowan Old Style","Times New Roman",serif;--brc-sans: system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--primary: var(--brc-rust);--primary-dark: var(--brc-rust-dark);--border: var(--brc-line);--surface: var(--brc-sheet);--shadow-soft: var(--brc-shadow);--surface-muted: var(--brc-paper);--text-main: var(--brc-ink);--text-muted: var(--brc-muted);}
.brc-tool{background: var(--brc-sheet);border: 1px solid var(--brc-line);border-radius: var(--brc-radius);box-shadow: var(--brc-shadow);color: var(--brc-ink);overflow: hidden;}
.brc-tool [hidden]{display: none !important;}
.brc-byline{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.3rem 1rem;padding: 0.7rem 1.3rem;border-bottom: 1px solid var(--brc-line);font-size: 0.86rem;color: var(--brc-muted);}
.brc-byline-author{font-weight: 600;color: var(--brc-ink);}
.brc-byline .author-link{color: var(--brc-rust);text-decoration: none;}
.brc-byline .author-link:hover{text-decoration: underline;}
.brc-opts{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 0.9rem 1.6rem;padding: 0.95rem 1.3rem;background: var(--brc-paper);border-bottom: 1px solid var(--brc-line);font-size: 0.9rem;}
.brc-field{display: flex;flex-direction: column;gap: 0.3rem;color: var(--brc-muted);font-weight: 600;}
.brc-field select{border: 1px solid var(--brc-line);border-radius: var(--brc-radius-sm);background: var(--brc-sheet);color: var(--brc-ink);padding: 0.35rem 0.55rem;font-size: 0.9rem;}
.brc-field select:focus-visible,.brc-range:focus-visible{outline: none;box-shadow: var(--brc-focus);}
.brc-fix-row{display: flex;align-items: center;gap: 0.6rem;}
.brc-range{width: 150px;accent-color: var(--brc-rust);}
.brc-fix-val{min-width: 3.6rem;color: var(--brc-ink);font-weight: 700;}
.brc-check{display: inline-flex;align-items: center;gap: 0.45rem;color: var(--brc-ink);font-weight: 600;cursor: pointer;padding-bottom: 0.35rem;}
.brc-check input{accent-color: var(--brc-rust);width: 1rem;height: 1rem;}
.brc-body{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);}
.brc-in,.brc-pane{padding: 1.2rem 1.3rem;display: flex;flex-direction: column;gap: 0.7rem;min-width: 0;}
.brc-in{border-right: 1px solid var(--brc-line);}
.brc-label{font-weight: 700;font-size: 0.95rem;margin: 0;}
.brc-text{width: 100%;min-height: 340px;flex: 1;border: 1px solid var(--brc-line);border-radius: var(--brc-radius-sm);background: var(--brc-paper);color: var(--brc-ink);padding: 0.9rem 1rem;font: 1rem/1.65 var(--brc-sans);resize: vertical;}
.brc-text:focus{outline: none;border-color: var(--brc-rust);background: var(--brc-sheet);box-shadow: var(--brc-focus);}
.brc-text[readonly]{opacity: 0.65;}
.brc-row{display: flex;flex-wrap: wrap;gap: 0.5rem;align-items: center;}
.brc-btn{border: 1px solid var(--brc-line);background: var(--brc-sheet);color: var(--brc-ink);border-radius: var(--brc-radius-sm);padding: 0.48rem 0.85rem;font-weight: 600;font-size: 0.88rem;cursor: pointer;display: inline-flex;align-items: center;gap: 0.4rem;transition: border-color 0.15s ease,background 0.15s ease;}
.brc-btn:hover:not(:disabled){border-color: var(--brc-rust);background: var(--brc-rust-soft);}
.brc-btn:focus-visible{outline: none;box-shadow: var(--brc-focus);}
.brc-btn:disabled{opacity: 0.45;cursor: not-allowed;}
.brc-btn.is-main{background: var(--brc-rust);border-color: var(--brc-rust);color: #fff;}
.brc-btn.is-main:hover:not(:disabled){background: var(--brc-rust-dark);border-color: var(--brc-rust-dark);}
.brc-btn.is-live{background: var(--brc-green);border-color: var(--brc-green);color: #fff;}
.brc-pane-head{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 0.5rem;}
.brc-seg{display: inline-flex;border: 1px solid var(--brc-line);border-radius: var(--brc-radius-sm);overflow: hidden;}
.brc-seg-btn{border: 0;background: var(--brc-sheet);color: var(--brc-muted);padding: 0.38rem 0.8rem;font-weight: 600;font-size: 0.85rem;cursor: pointer;}
.brc-seg-btn+.brc-seg-btn{border-left: 1px solid var(--brc-line);}
.brc-seg-btn.is-on{background: var(--brc-ink);color: #fff;}
.brc-seg-btn:focus-visible{outline: none;box-shadow: inset var(--brc-focus);}
.brc-out{min-height: 340px;max-height: 560px;overflow: auto;border: 1px solid var(--brc-line);border-radius: var(--brc-radius-sm);background: var(--brc-paper);padding: 1rem 1.15rem;white-space: pre-wrap;overflow-wrap: anywhere;font: 400 1.08rem/1.75 var(--brc-sans);color: var(--brc-ink);}
.brc-out b{font-weight: 700;color: var(--brc-ink);}
.brc-out.is-dim{color: var(--brc-muted);}
.brc-out.is-serif{font-family: var(--brc-serif);}
.brc-out[data-size="s"]{font-size: 0.95rem;}
.brc-out[data-size="l"]{font-size: 1.3rem;line-height: 1.7;}
.brc-empty{margin: 0;color: var(--brc-faint);font-style: italic;white-space: normal;}
.brc-stats{display: flex;flex-wrap: wrap;gap: 0.4rem 1.3rem;font-size: 0.86rem;color: var(--brc-muted);margin: 0;}
.brc-stats strong{color: var(--brc-ink);font-variant-numeric: tabular-nums;}
.brc-status{min-height: 1.3em;margin: 0;font-size: 0.86rem;color: var(--brc-green);font-weight: 600;}
.brc-timer{display: grid;grid-template-columns: auto 1fr;gap: 1rem 1.6rem;align-items: start;padding: 1.1rem 1.3rem;border-top: 1px solid var(--brc-line);background: var(--brc-paper);}
.brc-timer-ctl{display: flex;flex-direction: column;gap: 0.55rem;align-items: flex-start;}
.brc-timer-ctl h2{font-size: 1rem;font-weight: 700;margin: 0;}
.brc-clock{font: 700 1.9rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric: tabular-nums;color: var(--brc-ink);}
.brc-timer-note{margin: 0;font-size: 0.88rem;color: var(--brc-muted);}
.brc-runs{border-collapse: collapse;width: 100%;font-size: 0.88rem;background: var(--brc-sheet);border: 1px solid var(--brc-line);border-radius: var(--brc-radius-sm);}
.brc-runs th,.brc-runs td{padding: 0.42rem 0.7rem;text-align: left;border-bottom: 1px solid var(--brc-line);}
.brc-runs th{color: var(--brc-muted);font-weight: 600;}
.brc-runs-wrap{display: flex;flex-direction: column;gap: 0.5rem;min-width: 0;}
.brc-link-btn{align-self: flex-start;border: 0;background: none;color: var(--brc-rust);font-weight: 600;font-size: 0.85rem;padding: 0;cursor: pointer;text-decoration: underline;}
.brc-article{margin: 2.8rem auto 0;color: var(--brc-ink);font-size: 1.02rem;line-height: 1.75;}
.brc-article h2{font-size: 1.5rem;font-weight: 700;margin: 2.4rem 0 0.8rem;}
.brc-article h3{font-size: 1.12rem;font-weight: 700;margin: 1.6rem 0 0.5rem;}
.brc-article p,.brc-article li{color: #3b372f;}
.brc-article ul,.brc-article ol{padding-left: 1.3rem;margin-bottom: 1rem;}
.brc-article li{margin-bottom: 0.45rem;}
.brc-article code{background: var(--brc-paper);border: 1px solid var(--brc-line);border-radius: 4px;padding: 0.05rem 0.3rem;font-size: 0.9em;color: var(--brc-rust-dark);}
.brc-demo{margin: 1.2rem 0;padding: 1rem 1.2rem;border-left: 4px solid var(--brc-rust);background: var(--brc-paper);border-radius: 0 var(--brc-radius-sm) var(--brc-radius-sm) 0;font-size: 1.08rem;line-height: 1.8;color: var(--brc-ink);}
.brc-demo b{font-weight: 700;}
.brc-demo-label{display: block;font-size: 0.78rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;color: var(--brc-muted);margin-bottom: 0.3rem;}
.brc-scroll{overflow-x: auto;margin: 1rem 0 1.3rem;}
.brc-table{border-collapse: collapse;width: 100%;min-width: 520px;font-size: 0.95rem;}
.brc-table caption{caption-side: top;color: var(--brc-muted);font-size: 0.88rem;padding-bottom: 0.4rem;}
.brc-table th,.brc-table td{border: 1px solid var(--brc-line);padding: 0.5rem 0.7rem;text-align: left;vertical-align: top;}
.brc-table thead th{background: var(--brc-paper);font-weight: 700;}
.brc-table td b{font-weight: 800;}
.brc-verdict{margin: 1.3rem 0;padding: 1rem 1.2rem;border: 1px solid var(--brc-line);border-radius: var(--brc-radius-sm);background: var(--brc-sheet);}
.brc-verdict p:last-child{margin-bottom: 0;}
@media (max-width: 860px){.brc-body{grid-template-columns: 1fr;}.brc-in{border-right: 0;border-bottom: 1px solid var(--brc-line);}.brc-text,.brc-out{min-height: 240px;}.brc-timer{grid-template-columns: 1fr;}}
@media (max-width: 520px){.brc-opts{gap: 0.8rem 1rem;}.brc-range{width: 120px;}.brc-in,.brc-pane,.brc-timer{padding: 1rem;}.brc-article h2{font-size: 1.3rem;}}