:root{--rxt-bg: #f6f4ef;--rxt-card: #ffffff;--rxt-ink: #17191e;--rxt-body: #2b2f38;--rxt-muted: #5c6270;--rxt-line: #e3dfd5;--rxt-soft: #f1eee7;--rxt-slab: #191c23;--rxt-slab-2: #232733;--rxt-slab-line: #363c4a;--rxt-slab-ink: #ecebe6;--rxt-slab-muted: #9aa0ad;--rxt-amber: #f59e0b;--rxt-teal: #5eead4;--rxt-accent: #c2410c;--rxt-accent-dark: #9a3412;--rxt-accent-wash: #fdebdd;--rxt-hl-a: rgba(245,158,11,0.34);--rxt-hl-b: rgba(13,148,136,0.26);--rxt-hl-on: rgba(194,65,12,0.42);--rxt-error: #b42318;--rxt-ok: #157f3c;--rxt-radius: 16px;--rxt-mono: ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;--primary: #c2410c;--primary-dark: #9a3412;--border: #e3dfd5;--surface: #ffffff;--shadow-soft: 0 12px 32px rgba(23,25,30,0.07);--surface-muted: #f1eee7;--text-main: #17191e;--text-muted: #5c6270;}
.rxt-page{color: var(--rxt-ink);padding: 1.25rem 0 4rem;}
.rxt-page code{font-family: var(--rxt-mono);font-size: 0.88em;background: var(--rxt-soft);color: var(--rxt-ink);padding: 0.1em 0.35em;border-radius: 5px;}
.rxt-byline{display: flex;flex-wrap: wrap;gap: 0.3rem 1.1rem;margin: 0.75rem 0;font-size: 0.85rem;color: var(--rxt-muted);justify-content: space-between;}
.rxt-byline a,.rxt-byline .author-link{color: var(--rxt-accent-dark);font-weight: 700;text-decoration: underline;text-underline-offset: 3px;}
.rxt-byline-updated::before{content: "";display: inline-block;width: 6px;height: 6px;margin-right: 0.5rem;border-radius: 50%;background: var(--rxt-accent);vertical-align: middle;}
.rxt-bench{background: var(--rxt-card);border: 1px solid var(--rxt-line);border-radius: var(--rxt-radius);box-shadow: 0 18px 48px rgba(23,25,30,0.08);overflow: hidden;}
.rxt-slab{background: var(--rxt-slab);color: var(--rxt-slab-ink);padding: 1.1rem 1.25rem 1rem;}
.rxt-slab-top{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: baseline;gap: 0.4rem 1rem;margin-bottom: 0.55rem;}
.rxt-slab-top label{font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase;color: var(--rxt-slab-muted);margin: 0;}
.rxt-slab-hint{font-size: 0.8rem;color: var(--rxt-slab-muted);margin: 0;}
.rxt-literal{display: flex;align-items: center;background: var(--rxt-slab-2);border: 1px solid var(--rxt-slab-line);border-radius: 10px;padding: 0 0.85rem;font-family: var(--rxt-mono);font-size: 1.05rem;}
.rxt-literal:focus-within{border-color: var(--rxt-amber);box-shadow: 0 0 0 3px rgba(245,158,11,0.25);}
.rxt-delim{color: var(--rxt-amber);font-weight: 700;}
.rxt-literal input{flex: 1;min-width: 0;background: transparent;border: 0;outline: none;color: var(--rxt-slab-ink);font: inherit;padding: 0.8rem 0.5rem;}
.rxt-literal input::placeholder{color: #7d8494;}
.rxt-flagecho{color: var(--rxt-teal);min-width: 1ch;}
.rxt-flags{display: flex;flex-wrap: wrap;gap: 0.45rem;margin-top: 0.75rem;}
.rxt-flag{display: inline-flex;align-items: center;gap: 0.45rem;background: transparent;border: 1px solid #3a4150;color: var(--rxt-slab-muted);border-radius: 999px;padding: 0.3rem 0.75rem 0.3rem 0.35rem;font-size: 0.82rem;cursor: pointer;transition: background 0.15s,border-color 0.15s,color 0.15s;}
.rxt-flag b{display: inline-grid;place-items: center;width: 1.5rem;height: 1.5rem;border-radius: 50%;background: #2b303c;color: var(--rxt-slab-ink);font-family: var(--rxt-mono);font-size: 0.85rem;}
.rxt-flag:hover{border-color: #59606f;color: var(--rxt-slab-ink);}
.rxt-flag[aria-pressed="true"]{border-color: var(--rxt-teal);color: var(--rxt-slab-ink);background: rgba(94,234,212,0.08);}
.rxt-flag[aria-pressed="true"] b{background: var(--rxt-teal);color: #0b2a27;}
.rxt-flag:focus-visible{outline: 2px solid var(--rxt-amber);outline-offset: 2px;}
.rxt-error{margin-top: 0.75rem;background: rgba(248,113,113,0.12);border: 1px solid rgba(248,113,113,0.45);color: #fecaca;border-radius: 8px;padding: 0.55rem 0.8rem;font-size: 0.88rem;font-family: var(--rxt-mono);overflow-wrap: anywhere;}
.rxt-error[hidden]{display: none;}
.rxt-samples{display: flex;flex-wrap: wrap;align-items: center;gap: 0.5rem;padding: 0.8rem 1.25rem;border-bottom: 1px solid var(--rxt-line);background: var(--rxt-soft);}
.rxt-samples-label{font-size: 0.82rem;font-weight: 700;color: var(--rxt-muted);margin-right: 0.25rem;}
.rxt-sample{background: var(--rxt-card);border: 1px solid var(--rxt-line);border-radius: 8px;padding: 0.35rem 0.7rem;font-size: 0.84rem;color: var(--rxt-ink);cursor: pointer;}
.rxt-sample:hover{border-color: var(--rxt-accent);color: var(--rxt-accent-dark);}
.rxt-grid{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);}
.rxt-left{padding: 1.1rem 1.25rem 1.25rem;border-right: 1px solid var(--rxt-line);min-width: 0;}
.rxt-right{padding: 1.1rem 1.25rem 1.25rem;min-width: 0;}
.rxt-field-head{display: flex;justify-content: space-between;align-items: baseline;gap: 0.75rem;margin-bottom: 0.5rem;}
.rxt-field-head label{font-weight: 700;font-size: 0.95rem;margin: 0;}
.rxt-field-head span{font-size: 0.8rem;color: var(--rxt-muted);}
.rxt-editor{position: relative;min-height: 280px;max-height: 520px;overflow: auto;border: 1px solid var(--rxt-line);border-radius: 10px;background: #fffefb;}
.rxt-editor:focus-within{border-color: var(--rxt-accent);box-shadow: 0 0 0 3px rgba(194,65,12,0.14);}
.rxt-backdrop,.rxt-text{font-family: var(--rxt-mono);font-size: 0.9rem;line-height: 1.65;padding: 0.85rem 1rem;margin: 0;border: 0;white-space: pre-wrap;overflow-wrap: anywhere;word-break: normal;tab-size: 4;letter-spacing: 0;box-sizing: border-box;}
.rxt-backdrop{position: absolute;top: 0;left: 0;right: 0;color: transparent;pointer-events: none;}
.rxt-text{position: relative;display: block;width: 100%;min-height: 278px;background: transparent;color: var(--rxt-ink);resize: none;overflow: hidden;outline: none;}
.rxt-text::placeholder{color: #8a8f9a;}
.rxt-backdrop mark{color: transparent;padding: 0;border-radius: 3px;}
.rxt-backdrop .rxt-hl-0{background: var(--rxt-hl-a);}
.rxt-backdrop .rxt-hl-1{background: var(--rxt-hl-b);}
.rxt-backdrop mark.is-on{background: var(--rxt-hl-on);box-shadow: 0 0 0 2px var(--rxt-accent);}
.rxt-backdrop .rxt-zero{display: inline-block;width: 0;height: 1.25em;vertical-align: -0.25em;background: transparent;box-shadow: 0 0 0 1px var(--rxt-accent);border-radius: 0;}
.rxt-left-actions,.rxt-panel-actions{display: flex;flex-wrap: wrap;gap: 0.5rem;margin-top: 0.75rem;}
.rxt-btn{display: inline-flex;align-items: center;gap: 0.45rem;background: var(--rxt-card);border: 1px solid var(--rxt-line);color: var(--rxt-ink);border-radius: 8px;padding: 0.45rem 0.8rem;font-size: 0.86rem;font-weight: 600;cursor: pointer;}
.rxt-btn:hover{border-color: var(--rxt-accent);color: var(--rxt-accent-dark);}
.rxt-btn.is-done{background: var(--rxt-ok);border-color: var(--rxt-ok);color: #ffffff;}
.rxt-btn:focus-visible,.rxt-sample:focus-visible,.rxt-tab:focus-visible,.rxt-lang:focus-visible,.rxt-row button:focus-visible{outline: 2px solid var(--rxt-accent);outline-offset: 2px;}
.rxt-stats{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0.5rem;margin: 0 0 0.9rem;}
.rxt-stats div{background: var(--rxt-soft);border-radius: 10px;padding: 0.55rem 0.75rem;}
.rxt-stats dt{font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.07em;color: var(--rxt-muted);font-weight: 700;}
.rxt-stats dd{margin: 0.1rem 0 0;font-family: var(--rxt-mono);font-size: 1.15rem;font-weight: 700;color: var(--rxt-ink);}
.rxt-stats .is-bad dd{color: var(--rxt-error);}
.rxt-tabs{display: flex;gap: 0.25rem;border-bottom: 1px solid var(--rxt-line);margin-bottom: 0.85rem;overflow-x: auto;overflow-y: hidden;scrollbar-width: none;}
.rxt-tab{background: none;border: 0;border-bottom: 2px solid transparent;padding: 0.5rem 0.8rem;margin-bottom: -1px;font-size: 0.9rem;font-weight: 600;color: var(--rxt-muted);cursor: pointer;white-space: nowrap;}
.rxt-tab:hover{color: var(--rxt-ink);}
.rxt-tab[aria-selected="true"]{color: var(--rxt-accent-dark);border-bottom-color: var(--rxt-accent);}
.rxt-panel{min-height: 220px;}
.rxt-panel[hidden]{display: none;}
.rxt-empty{color: var(--rxt-muted);font-size: 0.92rem;background: var(--rxt-soft);border-radius: 10px;padding: 1rem;margin: 0;}
.rxt-rows{list-style: none;margin: 0;padding: 0;max-height: 430px;overflow: auto;display: grid;gap: 0.4rem;}
.rxt-row{border: 1px solid var(--rxt-line);border-radius: 10px;background: var(--rxt-card);}
.rxt-row.is-on{border-color: var(--rxt-accent);box-shadow: 0 0 0 2px rgba(194,65,12,0.15);}
.rxt-row button{display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: 0.6rem;width: 100%;background: none;border: 0;padding: 0.5rem 0.7rem;text-align: left;cursor: pointer;color: inherit;border-radius: 10px;}
.rxt-row-n{font-size: 0.75rem;font-weight: 700;color: var(--rxt-accent-dark);background: var(--rxt-accent-wash);border-radius: 6px;padding: 0.1rem 0.4rem;}
.rxt-page .rxt-row-v{background: none;padding: 0;white-space: pre-wrap;overflow-wrap: anywhere;}
.rxt-row-at{font-size: 0.75rem;color: var(--rxt-muted);white-space: nowrap;}
.rxt-grps{display: flex;flex-wrap: wrap;gap: 0.35rem;padding: 0 0.7rem 0.6rem;}
.rxt-grp{display: inline-flex;align-items: baseline;gap: 0.35rem;max-width: 100%;font-size: 0.8rem;background: var(--rxt-soft);border-radius: 6px;padding: 0.15rem 0.45rem;}
.rxt-grp b{color: var(--rxt-muted);font-weight: 700;}
.rxt-page .rxt-grp code{background: none;padding: 0;overflow-wrap: anywhere;}
.rxt-grp em,.rxt-row-v em{color: var(--rxt-muted);font-style: italic;font-family: inherit;}
.rxt-more{font-size: 0.82rem;color: var(--rxt-muted);margin: 0.6rem 0 0;}
.rxt-mini-label{display: block;font-size: 0.85rem;font-weight: 700;margin-bottom: 0.4rem;}
.rxt-replace-in{width: 100%;font-family: var(--rxt-mono);font-size: 0.92rem;border: 1px solid var(--rxt-line);border-radius: 8px;padding: 0.6rem 0.75rem;background: #fffefb;color: var(--rxt-ink);}
.rxt-replace-in:focus{outline: none;border-color: var(--rxt-accent);box-shadow: 0 0 0 3px rgba(194,65,12,0.14);}
.rxt-legend{display: flex;flex-wrap: wrap;gap: 0.3rem 0.9rem;margin: 0.5rem 0 0.75rem;padding: 0;list-style: none;font-size: 0.8rem;color: var(--rxt-muted);}
.rxt-out{font-family: var(--rxt-mono);font-size: 0.88rem;line-height: 1.6;background: var(--rxt-slab);color: var(--rxt-slab-ink);border-radius: 10px;padding: 0.85rem 1rem;max-height: 340px;min-height: 3rem;overflow: auto;white-space: pre-wrap;overflow-wrap: anywhere;margin: 0;}
.rxt-page .rxt-out code{background: none;color: inherit;padding: 0;font-size: inherit;}
.rxt-explain{list-style: none;margin: 0;padding: 0;max-height: 470px;overflow: auto;}
.rxt-explain li{display: grid;grid-template-columns: minmax(4.5rem,auto) minmax(0,1fr);gap: 0.75rem;align-items: baseline;padding: 0.42rem 0 0.42rem calc(var(--d,0) * 1.1rem);border-bottom: 1px dashed var(--rxt-line);}
.rxt-explain code{justify-self: start;white-space: pre-wrap;overflow-wrap: anywhere;}
.rxt-explain span{font-size: 0.9rem;color: var(--rxt-body);}
.rxt-page .rxt-k-group code{background: #ede9fe;color: #5b21b6;}
.rxt-page .rxt-k-quant code{background: var(--rxt-accent-wash);color: var(--rxt-accent-dark);}
.rxt-page .rxt-k-cls code{background: #dcfce7;color: #166534;}
.rxt-page .rxt-k-anchor code{background: #e0f2fe;color: #075985;}
.rxt-page .rxt-k-ref code{background: #fef3c7;color: #92400e;}
.rxt-page .rxt-k-alt code{background: #fce7f3;color: #9d174d;}
.rxt-langs{display: inline-flex;flex-wrap: wrap;background: var(--rxt-soft);border-radius: 8px;padding: 0.2rem;margin-bottom: 0.6rem;}
.rxt-lang{background: none;border: 0;border-radius: 6px;padding: 0.3rem 0.75rem;font-size: 0.84rem;font-weight: 600;color: var(--rxt-muted);cursor: pointer;}
.rxt-lang[aria-pressed="true"]{background: var(--rxt-card);color: var(--rxt-ink);box-shadow: 0 1px 3px rgba(23,25,30,0.12);}
.rxt-notes{margin: 0.7rem 0 0;padding-left: 1.1rem;font-size: 0.86rem;color: var(--rxt-muted);}
.rxt-notes:empty{display: none;}
.rxt-notes li{margin-bottom: 0.3rem;}
.rxt-status{font-size: 0.88rem;}
.rxt-status:not(:empty){padding: 0.7rem 1.25rem;border-top: 1px solid var(--rxt-line);}
.rxt-status.is-warn{background: #fff4e5;color: #8a3b00;}
.rxt-status.is-ok{color: var(--rxt-ok);}
.rxt-doc{margin: 3rem auto 1rem;}
.rxt-doc section{padding: 2rem 0;border-top: 1px solid var(--rxt-line);}
.rxt-tag{font-family: var(--rxt-mono);font-size: 0.78rem;letter-spacing: 0.04em;color: var(--rxt-accent);margin: 0 0 0.4rem;}
.rxt-doc h2{font-size: clamp(1.4rem,2.6vw,1.8rem);font-weight: 800;letter-spacing: -0.01em;margin: 0 0 0.9rem;color: var(--rxt-ink);}
.rxt-doc p,.rxt-doc li{font-size: 1rem;line-height: 1.75;color: var(--rxt-body);}
.rxt-doc ul,.rxt-doc ol{padding-left: 1.2rem;}
.rxt-doc li{margin-bottom: 0.5rem;}
.rxt-doc li strong{color: var(--rxt-ink);}
.rxt-table-wrap{overflow-x: auto;border: 1px solid var(--rxt-line);border-radius: 12px;background: var(--rxt-card);margin: 1rem 0;}
.rxt-table{width: 100%;min-width: 560px;border-collapse: collapse;font-size: 0.92rem;}
.rxt-table th,.rxt-table td{padding: 0.65rem 0.85rem;text-align: left;vertical-align: top;border-bottom: 1px solid var(--rxt-line);color: var(--rxt-body);}
.rxt-table thead th{background: var(--rxt-soft);font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.05em;color: var(--rxt-muted);}
.rxt-table tbody th{font-weight: 700;color: var(--rxt-ink);}
.rxt-table tbody tr:last-child th,.rxt-table tbody tr:last-child td{border-bottom: 0;}
.rxt-table .rxt-flagcell{font-family: var(--rxt-mono);font-size: 1.05rem;font-weight: 800;color: var(--rxt-accent-dark);}
.rxt-doc .rxt-walk{display: grid;gap: 0.6rem;list-style: none;padding: 0;margin: 1rem 0;}
.rxt-doc .rxt-walk li{background: var(--rxt-card);border: 1px solid var(--rxt-line);border-left: 4px solid var(--rxt-accent);border-radius: 10px;padding: 0.75rem 1rem;margin: 0;}
.rxt-cutoff{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0.75rem;margin: 1rem 0;}
.rxt-cutoff div{border: 1px solid var(--rxt-line);border-radius: 12px;padding: 0.9rem 1rem;background: var(--rxt-card);}
.rxt-cutoff strong{display: block;font-size: 0.78rem;text-transform: uppercase;letter-spacing: 0.06em;margin-bottom: 0.4rem;}
.rxt-cutoff .is-bad{border-color: #f3c0b8;background: #fff6f4;}
.rxt-cutoff .is-bad strong{color: var(--rxt-error);}
.rxt-cutoff .is-good{border-color: #b9e4c7;background: #f3fbf5;}
.rxt-cutoff .is-good strong{color: var(--rxt-ok);}
@media (max-width: 991px){.rxt-grid{grid-template-columns: 1fr;}.rxt-left{border-right: 0;border-bottom: 1px solid var(--rxt-line);}}
@media (max-width: 575px){.rxt-slab,.rxt-left,.rxt-right,.rxt-samples{padding-left: 1rem;padding-right: 1rem;}.rxt-flag{padding: 0.25rem;}.rxt-flag span{display: none;}.rxt-stats dd{font-size: 1rem;}.rxt-cutoff{grid-template-columns: 1fr;}.rxt-explain li{grid-template-columns: 1fr;gap: 0.2rem;}}
@media (prefers-reduced-motion: reduce){.rxt-flag{transition: none;}}