:root{--t2a-ink: #1d2433;--t2a-paper: #f6f4ee;--t2a-card: #ffffff;--t2a-line: #e2ddd0;--t2a-muted: #5f6673;--t2a-accent: #3a47a8;--t2a-accent-dark: #2a3480;--t2a-ctrl: #0e7490;--t2a-ctrl-bg: #e3f4f7;--t2a-wide: #a14f05;--t2a-wide-bg: #fff1dc;--t2a-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--t2a-radius: 10px;--primary: #3a47a8;--primary-dark: #2a3480;--border: #e2ddd0;--surface: #ffffff;--shadow-soft: 0 1px 2px rgba(29,36,51,0.06), 0 6px 18px rgba(29,36,51,0.06);--surface-muted: #f6f4ee;--text-main: #1d2433;--text-muted: #5f6673;}
.t2a-byline{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0.35rem 1rem;font-size: 0.8125rem;color: var(--t2a-muted);padding: 0.55rem 0.85rem;margin-bottom: 1.25rem;border: 1px dashed var(--t2a-line);border-radius: var(--t2a-radius);background: var(--t2a-card);}
.t2a-byline-author{font-weight: 600;color: var(--t2a-ink);}
.t2a-byline-author .author-link{color: var(--t2a-accent);text-decoration: none;}
.t2a-byline-author .author-link:hover{text-decoration: underline;}
.t2a-byline-updated{white-space: nowrap;}
.t2a-desk{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);grid-template-areas: "in opts" "res res" "strip strip";gap: 1rem 1.5rem;background: var(--t2a-paper);border: 1px solid var(--t2a-line);border-radius: 14px;padding: clamp(1rem, 2.5vw, 1.75rem);margin-bottom: 2.5rem;}
.t2a-in{grid-area: in;}
.t2a-opts{grid-area: opts;display: flex;flex-direction: column;gap: 1rem;}
.t2a-res{grid-area: res;}
.t2a-strip-wrap{grid-area: strip;}
.t2a-in-top{display: flex;align-items: center;justify-content: space-between;gap: 0.75rem;margin-bottom: 0.4rem;flex-wrap: wrap;}
.t2a-label{display: block;font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--t2a-muted);margin: 0 0 0.4rem;}
.t2a-in-top .t2a-label{margin: 0;}
.t2a-link{border: 0;background: none;color: var(--t2a-accent);font-weight: 600;font-size: 0.875rem;padding: 0;cursor: pointer;}
.t2a-link:hover{text-decoration: underline;}
.t2a-links{display: inline-flex;align-items: center;gap: 1rem;}
.t2a-links .t2a-link{margin: 0;}
.t2a-src{font-size: 0.8125rem;color: var(--t2a-ctrl);background: var(--t2a-ctrl-bg);border-radius: 6px;padding: 0.4rem 0.65rem;margin: 0 0 0.5rem;}
.t2a-area{width: 100%;border: 1px solid var(--t2a-line);border-radius: var(--t2a-radius);background: var(--t2a-card);color: var(--t2a-ink);font-family: var(--t2a-mono);font-size: 1rem;line-height: 1.5;padding: 0.75rem 0.9rem;resize: vertical;}
.t2a-area:focus{outline: none;border-color: var(--t2a-accent);box-shadow: 0 0 0 3px rgba(58,71,168,0.15);}
.t2a-area-out{background: #fbfaf7;font-size: 0.95rem;word-break: break-all;}
.t2a-chips{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem;margin-top: 0.6rem;}
.t2a-chips-label{font-size: 0.8125rem;color: var(--t2a-muted);margin-right: 0.15rem;}
.t2a-chip{border: 1px solid var(--t2a-line);background: var(--t2a-card);color: var(--t2a-ink);font-size: 0.8125rem;padding: 0.25rem 0.65rem;border-radius: 999px;cursor: pointer;}
.t2a-chip:hover{border-color: var(--t2a-accent);color: var(--t2a-accent);}
.t2a-seg{display: flex;flex-wrap: wrap;border: 0;padding: 0;margin: 0;}
.t2a-seg legend{float: none;width: 100%;}
.t2a-seg label{margin: 0;cursor: pointer;}
.t2a-seg input{position: absolute;opacity: 0;pointer-events: none;}
.t2a-seg span{display: block;padding: 0.45rem 0.95rem;font-weight: 600;font-size: 0.9rem;color: var(--t2a-muted);background: var(--t2a-card);border: 1px solid var(--t2a-line);margin-left: -1px;}
.t2a-seg label:first-of-type span{border-radius: 8px 0 0 8px;margin-left: 0;}
.t2a-seg label:last-of-type span{border-radius: 0 8px 8px 0;}
.t2a-seg input:checked + span{background: var(--t2a-ink);border-color: var(--t2a-ink);color: #fff;}
.t2a-seg input:focus-visible + span{outline: 2px solid var(--t2a-accent);outline-offset: 2px;}
.t2a-select{width: 100%;max-width: 240px;border: 1px solid var(--t2a-line);border-radius: 8px;background: var(--t2a-card);color: var(--t2a-ink);padding: 0.45rem 0.6rem;font-size: 0.9rem;}
.t2a-checks{display: flex;flex-direction: column;gap: 0.35rem;}
.t2a-check{display: flex;align-items: center;gap: 0.45rem;font-size: 0.9rem;color: var(--t2a-ink);margin: 0;cursor: pointer;}
.t2a-check input{accent-color: var(--t2a-accent);width: 1rem;height: 1rem;}
.t2a-check small{color: var(--t2a-muted);font-family: var(--t2a-mono);}
.t2a-actions{display: flex;gap: 0.5rem;}
.t2a-btn{border: 1px solid var(--t2a-accent);background: var(--t2a-accent);color: #fff;font-weight: 600;font-size: 0.875rem;padding: 0.4rem 0.95rem;border-radius: 8px;cursor: pointer;}
.t2a-btn:hover{background: var(--t2a-accent-dark);border-color: var(--t2a-accent-dark);}
.t2a-btn-ghost{background: var(--t2a-card);color: var(--t2a-accent);}
.t2a-btn-ghost:hover{background: var(--t2a-card);color: var(--t2a-accent-dark);}
.t2a-sum{font-size: 0.875rem;color: var(--t2a-muted);margin: 0.5rem 0 0;}
.t2a-warn{font-size: 0.875rem;color: var(--t2a-wide);background: var(--t2a-wide-bg);border-left: 3px solid var(--t2a-wide);border-radius: 0 6px 6px 0;padding: 0.5rem 0.75rem;margin: 0.5rem 0 0;}
.t2a-strip-head{font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase;color: var(--t2a-muted);margin: 0.5rem 0 0.6rem;}
.t2a-strip{display: flex;flex-wrap: wrap;gap: 4px;list-style: none;padding: 0;margin: 0;}
.t2a-tile{display: flex;flex-direction: column;align-items: center;min-width: 2.75rem;padding: 0.3rem 0.35rem 0.25rem;background: var(--t2a-card);border: 1px solid var(--t2a-line);border-radius: 6px;font-family: var(--t2a-mono);line-height: 1.2;}
.t2a-g{font-size: 1.15rem;color: var(--t2a-ink);min-height: 1.4rem;}
.t2a-c{font-size: 0.75rem;color: var(--t2a-muted);white-space: nowrap;}
.t2a-u{font-size: 0.625rem;color: var(--t2a-wide);white-space: nowrap;}
.t2a-tile.is-ctrl{background: var(--t2a-ctrl-bg);border-color: #b6e0e8;}
.t2a-tile.is-ctrl .t2a-g{color: var(--t2a-ctrl);}
.t2a-tile.is-wide{background: var(--t2a-wide-bg);border-color: #f1cf9c;}
.t2a-tile.is-wide .t2a-c{color: var(--t2a-wide);}
.t2a-more{font-size: 0.8125rem;color: var(--t2a-muted);margin: 0.5rem 0 0;}
.t2a-key{display: flex;flex-wrap: wrap;gap: 0.4rem 1.1rem;list-style: none;padding: 0;margin: 0.75rem 0 0;font-size: 0.8125rem;color: var(--t2a-muted);}
.t2a-key li{display: flex;align-items: center;gap: 0.4rem;}
.t2a-key i{display: inline-block;width: 0.85rem;height: 0.85rem;border-radius: 3px;border: 1px solid var(--t2a-line);}
.t2a-key .k-ascii{background: var(--t2a-card);}
.t2a-key .k-ctrl{background: var(--t2a-ctrl-bg);border-color: #b6e0e8;}
.t2a-key .k-wide{background: var(--t2a-wide-bg);border-color: #f1cf9c;}
.t2a-read{margin: 0 auto 2.5rem;color: var(--t2a-ink);font-size: 1.02rem;line-height: 1.7;}
.t2a-read h2{font-size: 1.4rem;font-weight: 700;margin: 2.25rem 0 0.75rem;}
.t2a-read h3{font-size: 1.1rem;font-weight: 700;margin: 1.5rem 0 0.5rem;}
.t2a-read code{font-family: var(--t2a-mono);font-size: 0.9em;background: var(--t2a-paper);border: 1px solid var(--t2a-line);border-radius: 4px;padding: 0.05rem 0.3rem;color: var(--t2a-ink);}
.t2a-read a{color: var(--t2a-accent);}
.t2a-lead{font-size: 1.12rem;border-left: 4px solid var(--t2a-accent);padding-left: 1rem;}
.t2a-table-wrap{overflow-x: auto;margin: 0.75rem 0 1rem;border: 1px solid var(--t2a-line);border-radius: var(--t2a-radius);}
.t2a-table{width: 100%;border-collapse: collapse;font-size: 0.925rem;}
.t2a-table th{background: var(--t2a-paper);text-align: left;font-weight: 700;padding: 0.55rem 0.75rem;border-bottom: 1px solid var(--t2a-line);white-space: nowrap;}
.t2a-table td{padding: 0.5rem 0.75rem;border-bottom: 1px solid var(--t2a-line);vertical-align: top;}
.t2a-table tr:last-child td{border-bottom: 0;}
.t2a-table td:nth-child(2),.t2a-table td:nth-child(3),.t2a-table td:nth-child(4){font-family: var(--t2a-mono);}
.t2a-bases,.t2a-seps,.t2a-limits{padding-left: 1.2rem;}
.t2a-bases li,.t2a-seps li,.t2a-limits li{margin-bottom: 0.5rem;}
.t2a-ranges{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0.75rem;margin: 0.75rem 0 1rem;}
.t2a-ranges div{background: var(--t2a-card);border: 1px solid var(--t2a-line);border-radius: var(--t2a-radius);padding: 0.75rem 0.9rem;}
.t2a-ranges dt{font-family: var(--t2a-mono);font-size: 1.05rem;color: var(--t2a-accent);margin-bottom: 0.25rem;}
.t2a-ranges dd{margin: 0;font-size: 0.925rem;line-height: 1.55;}
.t2a-note{background: var(--t2a-wide-bg);border-left: 4px solid var(--t2a-wide);border-radius: 0 8px 8px 0;padding: 0.85rem 1rem;margin: 1rem 0;}
.t2a-note p{margin: 0;}
.t2a-limits li::marker{color: var(--t2a-wide);}
.t2a-toast{position: fixed;bottom: 1.25rem;left: 50%;transform: translateX(-50%);background: var(--t2a-ink);color: #fff;font-size: 0.875rem;font-weight: 600;padding: 0.5rem 1rem;border-radius: 999px;z-index: 1050;}
@media (max-width: 767px){.t2a-desk{grid-template-columns: minmax(0, 1fr);grid-template-areas: "in" "opts" "res" "strip";}.t2a-ranges{grid-template-columns: minmax(0, 1fr);}.t2a-select{max-width: none;}.t2a-seg label{flex: 1 1 25%;}.t2a-seg span{text-align: center;padding: 0.45rem 0.4rem;}}