.rs-tr-page { padding: 2.285714rem; min-height: 100%; color: var(--rs-text,#344054); }
.rs-tr-page button, .rs-tr-page input, .rs-tr-page select { font: inherit; }
.rs-tr-page h1 { font-size: 1.857143rem; font-weight: 650; line-height: 1.25; letter-spacing: -.075rem; color: var(--rs-text-strong,#111827); margin: 0; }
.rs-tr-page h2 { font-size: 1.214286rem; font-weight: 500; line-height: 1.5; margin: 0; }
.rs-tr-page button { cursor: pointer; }
.rs-tr-page button:disabled { cursor: wait; opacity: .65; }
.rs-tr-page svg { flex: none; }
.rs-tr-back { display: inline-flex; align-items: center; gap: .428571rem; color: var(--rs-text-secondary,#667085); font-size: 1.214286rem !important; margin: -.142857rem 0 0; padding: 0 !important; }
.rs-tr-detail-body { max-width: 59.285714rem; margin: 2rem auto 0; }
.rs-tr-detail-header { display: flex; align-items: center; justify-content: space-between; gap: 1.714286rem; border-bottom: 1px solid var(--rs-line, #d7e2ef); padding-bottom: 1.928571rem; }
.rs-tr-detail-header p { margin: .714286rem 0 0; color: var(--rs-text-secondary,#667085); font-size: 1rem; line-height: 1.5; }
.rs-tr-header-actions { display: flex; gap: 1.071429rem; align-items: center; padding-top: .714286rem; }
.rs-tr-header-actions .rs-primary { padding: .642857rem .928571rem; }
.rs-tr-transform-section { margin-top: 2.142857rem; }
.rs-tr-transform-section h2 { margin-bottom: .785714rem; }
.rs-tr-editor { border: 1px solid #dedfe1; background: white; border-radius: .5rem; overflow: hidden; min-width: 0; }
.rs-tr-editor-bar { height: 1.714286rem; background: #d6e1ee; display: flex; align-items: center; justify-content: space-between; padding: 0 .857143rem; font: 600 .714286rem/1.3 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; color: var(--rs-text,#344054); }
.rs-tr-editor-bar > span { min-width: 0; }
.rs-tr-copy, .rs-tr-language { border: 0; background: transparent; display: inline-flex; align-items: center; color: inherit; padding: .214286rem 0; }
.rs-tr-language { gap: .5rem; font: inherit !important; }
.rs-tr-language-wrap { position: relative; }
.rs-tr-language-menu { position: absolute; top: calc(100% + 4px); left: 0; z-index: 8; width: 16.428571rem; background: white; box-shadow: 0 .285714rem 1.142857rem #1638601c; border: 1px solid var(--rs-line,#d7e2ef); border-radius: .428571rem; padding: .857143rem; font: 400 .857143rem/1.5 Inter, sans-serif; }
.rs-tr-language-menu[hidden] { display: none; }
.rs-tr-language-menu strong { display: flex; justify-content: space-between; color: var(--rs-blue,#0259f0); font-weight: 500; margin-bottom: .428571rem; }
.rs-tr-language-menu span { color: var(--rs-text-secondary,#667085); }
.rs-tr-code-area { display: flex; height: 16.714286rem; position: relative; padding-top: .857143rem; }
.rs-tr-line-numbers { flex: 0 0 2.142857rem; font: 400 .714286rem/1.142857rem ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; color: #a2a2a2; white-space: pre; padding-left: .857143rem; text-align: left; user-select: none; overflow: hidden; padding-bottom: .714286rem; }
.rs-tr-code-scroll { flex: 1; position: relative; min-width: 0; overflow: hidden; }
.rs-tr-highlight, .rs-tr-code-scroll textarea { font: 400 .714286rem/1.142857rem ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; letter-spacing: 0; tab-size: 2; white-space: pre; overflow-wrap: normal; word-break: normal; border: 0; border-radius: 0; margin: 0; padding: 0 .857143rem .857143rem 0; width: 100%; height: 100%; box-sizing: border-box; text-align: left; }
.rs-tr-highlight { overflow: auto; color: #333; background: transparent; }
.rs-tr-highlight code { font: inherit; background: none; padding: 0; }
.rs-tr-code-scroll:has(textarea) .rs-tr-highlight { overflow: hidden; }
.rs-tr-code-scroll textarea { position: absolute; top: 0; left: 0; resize: none; color: transparent; caret-color: #111; background: transparent; outline: 0; -webkit-text-fill-color: transparent; }
.rs-tr-code-scroll textarea::selection { background: #0259f030; }
.rs-tr-editor:focus-within { outline: 2px solid #0259f066; outline-offset: 2px; }
.rs-tr-editor.rs-tr-invalid{border-color:#dc8090}
.rs-tr-editor.rs-tr-invalid:focus-within{outline-color:#c4384c66}
.rs-tr-run-status.is-error{color:#b84255}
.rs-tr-token-comment { color: #1cad47; }
.rs-tr-token-keyword, .rs-tr-token-key { color: #5363df; }
.rs-tr-token-string { color: #b939b2; }
[data-editor=event] .rs-tr-token-string, [data-editor=output] .rs-tr-token-string { color: #df810b; }
.rs-tr-token-number { color: #b26012; }
.rs-tr-test { margin-top: 1.071429rem; }
.rs-tr-test-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: .642857rem; }
.rs-tr-test-header > div { display: flex; align-items: center; gap: 1.428571rem; }
.rs-tr-test-header .rs-outline { min-height: 2.214286rem; padding: .428571rem .857143rem; }
.rs-tr-test-editors { display: grid; grid-template-columns: 1fr 1fr; gap: 1.071429rem; }
.rs-tr-test-editors .rs-tr-code-area { height: 18.857143rem; }
.rs-tr-event-tabs { display: flex; align-items: center; gap: .928571rem; font: 400 .714286rem/1.3 Inter, sans-serif; }
.rs-tr-event-tabs button { color: var(--rs-text,#344054); border: 0; padding: .214286rem 0; background: transparent; font: inherit; }
.rs-tr-event-tabs button[aria-selected=true] { color: var(--rs-blue,#0259f0); }
.rs-tr-output-line { display: block; min-height: 1.142857rem; }
.rs-tr-changed-line { background: #edf8f0; }
.rs-tr-error-output .rs-tr-highlight { background: #fff8f8; }
.rs-tr-run-status { margin: .714286rem 0 0; font-size: .857143rem; color: var(--rs-text-secondary,#667085); min-height: 1.285714rem; }
.rs-tr-output-updated { animation: rs-tr-reveal .3s ease-out; }
@keyframes rs-tr-reveal { from { opacity: .5; } to { opacity: 1; } }
.rs-tr-library-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.857143rem; }
.rs-tr-tabs { display: flex;   }
.rs-tr-tabs button {   border: 0;  background: transparent; color: var(--rs-text,#344054); }
.rs-tr-tabs button[aria-selected=true] { border-bottom-color: var(--rs-blue,#0259f0); }
.rs-tr-library-tools { display: flex; align-items: center; justify-content: space-between; margin: 2.285714rem 0 1.714286rem; gap: 1rem; }
.rs-tr-search { display: flex; align-items: center; gap: .571429rem; background: white; border: 1px solid var(--rs-line,#d7e2ef); border-radius: .428571rem; width: 22.857143rem; padding: .642857rem .714286rem; color: var(--rs-text-secondary,#667085); }
.rs-tr-search input { min-width: 0; width: 100%; border: 0; padding: 0; color: var(--rs-text,#344054); background: transparent; outline: none; }
.rs-tr-search:focus-within { outline: 2px solid #0259f066; outline-offset: 2px; }
.rs-tr-search input::placeholder { color: var(--rs-text-secondary,#667085); }
.rs-tr-category-label { display: flex; align-items: center; gap: .785714rem; color: var(--rs-text-secondary,#667085); }
.rs-tr-category-label select { border: 1px solid var(--rs-line,#d7e2ef); border-radius: .428571rem; padding: .642857rem 2.214286rem .642857rem .785714rem; color: var(--rs-text,#344054); background: white; }
.rs-tr-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.rs-tr-card { display: grid; grid-template-columns: 1fr auto; text-align: left; border: 1px solid var(--rs-line,#d7e2ef); background: white; border-radius: .428571rem; padding: 1.428571rem; min-height: 14.285714rem; color: var(--rs-text,#344054); transition: border-color .15s, box-shadow .15s; }
.rs-tr-card:hover { border-color: #9ebdeb; box-shadow: 0 .214286rem .857143rem #0259f008; }
.rs-tr-card-icon { color: var(--rs-blue,#0259f0); display: flex; align-items: center; }
.rs-tr-card-icon .rs-icon { width: 1.714286rem; height: 1.714286rem; }
.rs-tr-card-category { color: var(--rs-text-secondary,#667085); font-size: .785714rem; align-self: center; }
.rs-tr-card strong { grid-column: 1 / -1; font-size: 1.142857rem; font-weight: 550; margin-top: 1.428571rem; }
.rs-tr-card-description { grid-column: 1 / -1; color: var(--rs-text-secondary,#667085); font-size: .928571rem; line-height: 1.6; margin-top: .428571rem; }
.rs-tr-card-link { grid-column: 1 / -1; display: flex; align-items: center; gap: .5rem; font-size: .928571rem; color: var(--rs-blue,#0259f0); margin-top: 1.428571rem; }
.rs-tr-provenance { font-size: .785714rem; color: var(--rs-text-secondary,#667085); margin-top: 1.428571rem; }
.rs-tr-empty { grid-column: 1 / -1; border: 1px solid var(--rs-line,#d7e2ef); border-radius: .428571rem; background: #fff; padding: 4rem 2rem; text-align: center; }
.rs-tr-empty p { color: var(--rs-text-secondary,#667085); margin: .714286rem 0 1.5rem; }
.rs-tr-dialog { color: var(--rs-text,#344054); border: 1px solid var(--rs-line,#d7e2ef); border-radius: .714286rem; padding: 1.714286rem; width: min(32rem, calc(100vw - 2rem)); box-shadow: 0 1rem 4rem #19345029; }
.rs-tr-dialog::backdrop { background: #152c4940; }
.rs-tr-dialog h2 { font-size: 1.5rem; font-weight: 600; margin: 0 0 1.142857rem; }
.rs-tr-dialog label { display: block; font-size: .928571rem; margin: 1rem 0; }
.rs-tr-dialog input { display: block; width: 100%; box-sizing: border-box; border: 1px solid var(--rs-line,#d7e2ef); border-radius: .428571rem; padding: .714286rem; margin-top: .428571rem; }
.rs-tr-dialog-actions { display: flex; justify-content: flex-end; gap: .714286rem; margin-top: 1.714286rem; }
.rs-tr-dialog p { color: var(--rs-text-secondary,#667085); font-size: .928571rem; }
.rs-tr-logs-dialog { width: min(46rem, calc(100vw - 2rem)); }
.rs-tr-logs-dialog pre { font: .857143rem/1.7 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; background: var(--rs-bg,#f6faff); border-radius: .428571rem; padding: 1.142857rem; max-height: 25rem; overflow: auto; }
@media (max-width: 1000px) { .rs-tr-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .rs-tr-detail-body { margin-top: 2rem; } .rs-tr-event-tabs { gap: .5rem; } }
@media (max-width: 700px) { .rs-tr-page { padding: 1.428571rem; } .rs-tr-library-header { align-items: flex-start; gap: 1rem; } .rs-tr-library-header .rs-btn { font-size: .857143rem; } .rs-tr-library-tools { align-items: stretch; flex-direction: column; } .rs-tr-search { width: auto; } .rs-tr-category-label { justify-content: space-between; } .rs-tr-card-grid { grid-template-columns: 1fr; } .rs-tr-detail-header { align-items: flex-start; gap: 1rem; } .rs-tr-header-actions { gap: .5rem; } .rs-tr-detail-header h1 { font-size: 1.714286rem; } .rs-tr-detail-header p { max-width: 22rem; } .rs-tr-test-editors { grid-template-columns: 1fr; } .rs-tr-code-area { height: 19rem; } }
@media (prefers-reduced-motion: reduce) { .rs-tr-card { transition: none; } .rs-tr-output-updated { animation: none; } }
.rs-tr-page{padding:var(--rs-page-padding,32px 40px)}
.rs-tr-detail-body{margin-left:0;margin-right:0}
.rs-tr-search input:focus,.rs-tr-search input:focus-visible{outline:none;box-shadow:none}
.rs-tr-search:focus-within{outline:2px solid var(--rs-blue,#0259f0);outline-offset:2px}
.rs-tr-detail-header>div:first-child{min-width:0}
.rs-tr-detail-header h1,.rs-tr-card strong{overflow-wrap:anywhere}
@media(max-width:700px){.rs-tr-library-header,.rs-tr-detail-header{flex-wrap:wrap}.rs-tr-library-header .rs-btn{max-width:100%}.rs-tr-header-actions{flex-wrap:wrap}}

/* Shared code workspace: restrained toolbar, readable text, full content width. */
.rs-tr-detail-body{max-width:none;margin-top:24px}
.rs-tr-back{font-size:12px!important;line-height:20px;min-height:24px!important;gap:5px}
.rs-tr-back:hover{color:var(--rs-blue);background:transparent!important}
.rs-tr-back .rs-icon{width:14px;height:14px}
.rs-tr-detail-header{padding-bottom:24px}
.rs-tr-header-actions{padding-top:0;gap:12px;flex-shrink:0}
.rs-tr-transform-section{margin-top:24px}
.rs-tr-transform-section h2{margin-bottom:12px;font-size:16px}
.rs-tr-editor-bar{height:40px;padding:0 12px;background:#e2eaf4;font:500 12px/20px Inter,sans-serif;gap:12px}
.rs-tr-editor-tools{display:flex;align-items:center;gap:6px;min-width:0}
.rs-tr-tool{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:4px;background:transparent;color:var(--rs-text-secondary,#667085);flex-shrink:0;padding:5px}
.rs-tr-tool .rs-icon{width:16px;height:16px}
.rs-tr-tool:hover:not(:disabled){background:#cfdced;color:var(--rs-blue,#0259f0)}
.rs-tr-tool[aria-pressed=true]{color:#0259f0;background:#fff}
.rs-tr-tool:active:not(:disabled){background:#bfd3eb}
.rs-tr-code-area{height:300px;padding-top:14px}
.rs-tr-highlight,.rs-tr-code-scroll textarea{font-size:14px;line-height:23px;padding-right:16px;padding-bottom:14px}
.rs-tr-highlight,.rs-tr-code-scroll textarea{scrollbar-gutter:stable}
.rs-tr-line-numbers{flex-basis:46px;padding-left:14px;padding-right:10px;font-size:12px;line-height:23px;text-align:right;color:#8793a2}
.rs-tr-output-line{min-height:23px}
.rs-tr-code-line{display:block;min-height:23px}
.rs-tr-line-numbers>span{display:block;min-height:23px}
.rs-tr-wrap .rs-tr-highlight,.rs-tr-wrap textarea{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}
.rs-tr-test{margin-top:24px}
.rs-tr-test-header{margin-bottom:12px}
.rs-tr-test-header>div{gap:16px}
.rs-tr-test-editors{gap:16px}
.rs-tr-test-editors .rs-tr-code-area{height:360px}
.rs-tr-event-tabs{gap:12px;font-size:12px}
.rs-tr-event-tabs button:hover,.rs-tr-tabs button:hover{color:var(--rs-blue);background:transparent!important}
.rs-tr-tabs button[aria-selected=true]{color:var(--rs-blue)}
.rs-tr-tabs button:hover,.rs-tr-tabs button:active,.rs-tr-tabs button[aria-selected=true],.rs-tr-event-tabs button:hover,.rs-tr-event-tabs button:active,.rs-tr-event-tabs button[aria-selected=true]{background:transparent!important;background-image:none!important;color:var(--rs-blue)}
.rs-tr-card-grid{gap:14px}
.rs-tr-card{position:relative;align-content:start;gap:0;min-height:148px;padding:18px 20px 18px;box-shadow:none}
.rs-tr-card strong{font-size:15px;line-height:22px;margin-top:12px;padding-right:12px}
.rs-tr-card-description{font-size:13px;line-height:20px;margin-top:5px;padding-right:12px}
.rs-tr-card-icon .rs-icon{width:20px;height:20px}
.rs-tr-card-category{font-size:11px;line-height:18px;color:var(--rs-text-secondary,#667085)}
.rs-tr-card-arrow{position:absolute;right:14px;bottom:17px;display:flex;color:var(--rs-blue);opacity:0;transition:opacity .12s}
.rs-tr-card-arrow .rs-icon{width:16px;height:16px}
.rs-tr-card:hover .rs-tr-card-arrow,.rs-tr-card:focus-visible .rs-tr-card-arrow{opacity:1}
.rs-tr-card:hover{border-color:#a6bfe4;box-shadow:none}
.rs-tr-card:active{border-color:var(--rs-blue);background:#fbfdff}
.rs-tr-library-tools{margin:24px 0 20px}
.rs-tr-token-comment{color:#43855a}
.rs-tr-token-keyword,.rs-tr-token-key{color:#445bc1}
@media(max-width:1100px){.rs-tr-event-tabs{gap:8px}.rs-tr-editor-tools{gap:2px}.rs-tr-editor-bar{padding:0 10px}}
@media(max-width:800px){.rs-tr-test-editors{grid-template-columns:1fr}.rs-tr-header-actions{flex-wrap:wrap}.rs-tr-detail-header{flex-wrap:wrap}.rs-tr-detail-body{margin-top:20px}.rs-tr-library-tools{margin-top:20px}.rs-tr-card{min-height:144px}}

/* Match the shared page header and tabs before introducing feature content. */
.rs-tr-library-header{min-height:36px;margin-bottom:24px;gap:16px}
.rs-tr-library-tools{justify-content:flex-start;gap:12px}
.rs-tr-category-label{display:block;flex:0 0 200px;width:200px;min-width:0}
.rs-tr-category-label>select,.rs-tr-category-label>.rs-select{width:100%}
.rs-tr-card{min-height:0;padding:18px 20px;grid-template-rows:auto auto 1fr}
.rs-tr-card-title{grid-column:1 / -1;display:flex;align-items:center;gap:12px;margin-top:12px;min-width:0}
.rs-tr-card-title strong{grid-column:auto;flex:1;margin:0;padding:0;min-width:0}
.rs-tr-card-title .rs-tr-card-arrow{position:static;flex:0 0 16px;align-self:center}
.rs-tr-card-description{margin-top:5px;padding:0;min-height:40px}
.rs-tr-result-tabs{display:inline-flex;align-items:stretch;align-self:stretch;height:40px;gap:20px}
.rs-tr-result-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--rs-blue);padding:0;min-height:40px;line-height:20px;font-size:12px;font-weight:500}
.rs-tr-result-tabs button[aria-selected=true]{border-bottom-color:var(--rs-blue)}
.rs-tr-result-tabs button:is(:hover,:active){color:var(--rs-blue);background:transparent}
.rs-tr-result-tabs button:focus-visible{outline:2px solid var(--rs-blue);outline-offset:2px}
.rs-tr-result-empty{display:block;color:var(--rs-text-secondary);font:400 13px/20px Inter,sans-serif;white-space:normal;padding:0 16px}
[data-editor=output][data-result-view=logs] .rs-tr-highlight{padding-left:16px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--rs-text)}
[data-editor=output] .rs-tr-line-numbers[hidden]{display:none}
.rs-tr-use-dialog{width:min(520px,calc(100vw - 32px))}
.rs-tr-use-dialog>.rs-tr-dialog-actions{margin-top:16px}
.rs-tr-use-dialog .rs-tr-search{display:flex;box-sizing:border-box;width:100%;margin:16px 0 12px;padding:8px 11px}
.rs-tr-use-dialog .rs-tr-search input{margin:0;border:0;padding:0;background:transparent}
.rs-tr-destination-options{display:flex;flex-direction:column;max-height:280px;overflow:auto;border:1px solid var(--rs-line);border-radius:var(--rs-control-radius);padding:4px}
.rs-tr-use-dialog .rs-tr-destination-option{display:flex;align-items:center;gap:12px;margin:0;padding:10px;border-radius:4px;cursor:pointer}
.rs-tr-destination-option:hover{background:var(--rs-hover)}
.rs-tr-destination-option:has(input:checked){background:var(--rs-selected)}
.rs-tr-use-dialog .rs-tr-destination-option input{width:16px;height:16px;margin:0;flex:none;accent-color:var(--rs-blue)}
.rs-tr-destination-option>span{display:flex;min-width:0;flex-direction:column;gap:2px}
.rs-tr-destination-option strong{font-size:13px;line-height:20px;font-weight:500;overflow-wrap:anywhere}
.rs-tr-destination-option small{font-size:12px;line-height:18px;color:var(--rs-text-secondary)}
.rs-tr-use-dialog .rs-tr-dialog-actions{align-items:center;gap:8px}
.rs-tr-use-dialog [data-chosen-count]{margin-right:auto;color:var(--rs-text-secondary);font-size:12px}
.rs-tr-destination-empty{padding:16px;margin:0}
@media(max-width:700px){.rs-tr-category-label{width:100%;flex-basis:auto}.rs-tr-use-dialog .rs-tr-dialog-actions{flex-wrap:wrap}.rs-tr-use-dialog [data-chosen-count]{width:100%}}


/* Category groups and toolbar use the same column tracks. */
.rs-tr-library{--rs-tr-columns:3;--rs-tr-grid-gap:14px}
.rs-tr-library-tools,.rs-tr-library .rs-tr-card-grid{display:grid;grid-template-columns:repeat(var(--rs-tr-columns),minmax(0,1fr));gap:var(--rs-tr-grid-gap)}
.rs-tr-library-tools{align-items:center;margin:24px 0}
.rs-tr-library-tools>.rs-tr-search{width:100%;min-width:0;margin:0}
.rs-tr-library-tools>.rs-tr-category-label{grid-column:2;width:min(200px,100%);margin:0}
.rs-tr-library-results{display:flex;flex-direction:column;gap:28px}
.rs-tr-category-heading{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.rs-tr-category-count{font-size:12px;line-height:18px;color:var(--rs-text-secondary)}
.rs-tr-library .rs-tr-card{display:flex;flex-direction:column;align-items:stretch;align-self:start;gap:6px;min-height:0;padding:16px}
.rs-tr-library .rs-tr-card-title{margin:0;gap:12px}
.rs-tr-library .rs-tr-card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:0;margin:0;padding:0}
@media(max-width:1000px){.rs-tr-library{--rs-tr-columns:2}}
@media(max-width:700px){.rs-tr-library{--rs-tr-columns:1}.rs-tr-library-tools>.rs-tr-category-label{grid-column:1;width:100%}.rs-tr-library-results{gap:24px}}