.ls-page{padding:var(--rs-page-padding,32px 40px);font:13px/20px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--rs-text);min-width:0}
.ls-page *{box-sizing:border-box}.ls-page h1,.ls-page h2,.ls-page h3,.ls-page p{margin:0}.ls-page button,.ls-page input,.ls-page select{font:inherit}
.ls-back{display:inline-flex;align-items:center;gap:6px;border:0;padding:0;margin:0 0 16px;background:transparent;color:var(--rs-text-secondary);font-size:12px!important;cursor:pointer}.ls-back:hover{color:var(--rs-blue)}
.ls-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.ls-page-header h1{font-size:26px;line-height:32px;font-weight:650;letter-spacing:-.7px;color:var(--rs-text-strong)}.ls-page-header p{color:var(--rs-text-secondary);margin-top:6px}.ls-studio-label{font-size:12px;color:var(--rs-text-secondary);white-space:nowrap}
.ls-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:28px}.ls-option{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:8px;min-width:0;padding:16px;border:1px solid var(--rs-line);border-radius:8px;background:var(--rs-white,#fff);color:var(--rs-text);cursor:pointer}.ls-option:hover{border-color:var(--rs-blue)}.ls-option[aria-selected=true]{border-color:var(--rs-blue);box-shadow:0 0 0 1px var(--rs-blue)}.ls-option>span:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;line-height:16px;color:var(--rs-text-secondary)}.ls-option small{font-size:10px;line-height:16px;color:var(--rs-blue)}.ls-option strong{font-size:14px;line-height:20px;font-weight:600;color:var(--rs-text-strong)}.ls-option p{font-size:12px;line-height:18px;color:var(--rs-text-secondary)}
.ls-diagram{display:grid;grid-template-columns:1fr 1.5fr;grid-template-rows:36px;gap:4px;min-height:36px;margin-top:auto;padding-top:12px;box-sizing:content-box}.ls-diagram i{display:block;background:var(--rs-surface-subtle);border:1px solid var(--rs-line);border-radius:3px}.ls-diagram i:last-child{display:none}.ls-option[aria-selected=true] .ls-diagram i{border-color:#b3cbfc;background:var(--rs-hover)}.ls-diagram-compare{grid-template-columns:1fr 1fr;grid-template-rows:10px 22px}.ls-diagram-compare i:first-child{grid-column:1/-1}.ls-diagram-compare i:last-child{display:block}.ls-diagram-rail{grid-template-columns:24px 1fr}.ls-diagram-pipeline{grid-template-columns:1fr 1fr 1fr}.ls-diagram-pipeline i:last-child{display:block}.ls-diagram-focus{grid-template-columns:1fr;grid-template-rows:12px 20px}
.ls-guidance{display:flex;align-items:baseline;gap:16px;padding:16px 0 24px}.ls-guidance strong{font-size:12px;color:var(--rs-text-strong);font-weight:500;white-space:nowrap}.ls-guidance>span{font-size:12px;color:var(--rs-text-secondary)}
.ls-preview{border:1px solid var(--rs-line);border-radius:10px;background:var(--rs-white);overflow:hidden}.ls-preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 16px}.ls-preview-header>div{display:flex;gap:12px;align-items:center}.ls-preview-header>div:first-child{gap:16px}.ls-preview-header h2{font-size:18px;line-height:26px;color:var(--rs-text-strong);font-weight:600}.ls-preview-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--rs-text-secondary)}.ls-preview-state>i{width:6px;height:6px;border-radius:50%;background:var(--rs-success)}
.ls-toolbar{display:flex;align-items:center;gap:12px;padding:0 24px 20px;border-bottom:1px solid var(--rs-line)}.ls-toolbar>span:not(.rs-select){color:var(--rs-text-secondary);font-size:12px;margin-left:auto}.ls-toolbar select,.ls-event-picker select{height:40px;border:1px solid var(--rs-line);border-radius:6px;background:var(--rs-white);color:var(--rs-text);padding:8px 32px 8px 12px;min-width:180px}.ls-toolbar>.rs-select{width:180px;flex-shrink:0}.ls-search{display:flex;align-items:center;gap:8px;width:260px;min-height:40px;border:1px solid var(--rs-line);border-radius:6px;padding:0 12px;color:var(--rs-text-secondary);background:var(--rs-white)}.ls-search input{width:100%;min-width:0;border:0;outline:none!important;box-shadow:none!important;background:transparent;color:var(--rs-text)}.ls-search:focus-within{border-color:var(--rs-blue);box-shadow:var(--rs-focus-ring)}
.ls-preview-content{padding:20px 24px 24px;background:var(--rs-bg)}.ls-layout{display:grid;gap:16px;align-items:start;min-width:0}.ls-layout>div{min-width:0}.ls-split{grid-template-columns:minmax(260px,.95fr) minmax(0,1.6fr)}.ls-rail{grid-template-columns:minmax(230px,.7fr) minmax(0,1.7fr)}
.ls-stream,.ls-code-panel{border:1px solid var(--rs-line);border-radius:8px;background:var(--rs-white);overflow:hidden;min-width:0}.ls-section-header,.ls-code-header{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--rs-line)}.ls-section-header strong,.ls-code-header strong{font-size:12px;font-weight:500;color:var(--rs-text)}.ls-section-header>span{font-size:12px;color:var(--rs-text-secondary)}
.ls-event-list{display:flex;flex-direction:column;padding:6px;gap:4px}.ls-event{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:12px 10px;border:1px solid transparent;border-radius:6px;background:transparent;text-align:left;color:var(--rs-text);cursor:pointer}.ls-event:hover{background:var(--rs-hover)}.ls-event.is-selected{border-color:var(--rs-blue);background:var(--rs-selected)}.ls-event-top,.ls-event-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.ls-event-top strong{font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ls-event time,.ls-event-bottom small{font-size:11px;color:var(--rs-text-secondary);white-space:nowrap}.ls-event-route{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--rs-text-secondary);white-space:nowrap}.ls-event-route .rs-logo{flex-shrink:0}.ls-status{display:inline-flex;align-items:center;gap:5px;color:var(--rs-success);font-size:11px;line-height:18px;white-space:nowrap}.ls-status>.rs-icon{width:14px;height:14px;flex:none}.ls-status-dropped{color:#a96408}.ls-status-failed{color:var(--rs-error-color)}.ls-status-transferring{color:var(--rs-blue)}.ls-status-waiting{color:var(--rs-text-secondary)}.ls-no-results{padding:32px 16px!important;text-align:center;color:var(--rs-text-secondary)}
.ls-journey{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;margin-bottom:16px;gap:4px}.ls-journey>button{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--rs-line);border-radius:7px;background:var(--rs-white);text-align:left;min-width:0;color:var(--rs-text);cursor:pointer}.ls-journey>button:hover,.ls-journey>button.is-selected{border-color:var(--rs-blue)}.ls-journey>button>span{display:flex;flex-direction:column;gap:2px;min-width:0}.ls-journey>button>img{margin-top:2px;flex-shrink:0}.ls-journey small{font-size:10px;color:var(--rs-text-secondary);line-height:16px}.ls-journey strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-journey-arrow{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--rs-text-secondary)}.ls-journey-arrow small{font-size:10px;white-space:nowrap}.ls-journey .ls-status{margin-top:2px}
.ls-code-header{padding:0 10px 0 14px;gap:10px;min-height:44px}.ls-code-header>.ls-status{margin-right:auto}.ls-code-actions{display:flex;align-items:center;gap:3px;margin-left:auto}.ls-code-actions .rs-text-button:hover{color:var(--rs-blue);background:var(--rs-hover)}.ls-code-actions [aria-pressed=true]{color:var(--rs-blue)}.ls-payload-tabs{display:flex;align-items:stretch;align-self:stretch;gap:12px;margin-left:8px}.ls-payload-tabs button,.ls-code-viewbar button{padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--rs-text-secondary);font-size:12px;cursor:pointer}.ls-payload-tabs button:hover,.ls-code-viewbar button:hover,.ls-payload-tabs button[aria-selected=true],.ls-code-viewbar button[aria-selected=true]{color:var(--rs-blue)}.ls-payload-tabs button[aria-selected=true]{border-bottom-color:var(--rs-blue)}
.ls-code-viewbar{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:0 14px;border-bottom:1px solid var(--rs-line);background:var(--rs-surface-subtle)}.ls-code-viewbar>div{display:flex;gap:14px}.ls-code-viewbar button{min-height:36px}.ls-code-viewbar>span{font-size:10px;color:var(--rs-text-secondary)}.ls-code-content{height:380px;overflow:auto;padding:14px 0;scrollbar-width:thin;font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}.ls-code-content pre{font:13px/23px 'SFMono-Regular',Consolas,'Liberation Mono',monospace;margin:0}.ls-code-line{display:flex;min-height:23px;min-width:max-content}.ls-line-number{display:block;position:sticky;left:0;min-width:42px;width:42px;padding-right:12px;text-align:right;color:var(--rs-text-disabled);background:var(--rs-white);font-size:11px;user-select:none;flex-shrink:0}.ls-code-line code{font:inherit;padding-right:16px;white-space:pre}.ls-code-content.is-wrapped .ls-code-line{min-width:0}.ls-code-content.is-wrapped .ls-code-line code{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.ls-json-key{color:#385eae}.ls-json-string{color:#18735a}.ls-json-literal{color:#9c3652}.ls-json-number{color:#875ca7}.ls-code-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;height:30px;padding:0 14px;background:var(--rs-surface-subtle);border-top:1px solid var(--rs-line);font-size:10px;line-height:16px;color:var(--rs-text-secondary)}
.ls-tree{padding:0 16px;font:12px/22px 'SFMono-Regular',Consolas,monospace}.ls-tree-branch summary{padding:4px 0;cursor:pointer;color:var(--rs-text);list-style-position:outside;margin-left:14px}.ls-tree-branch summary small{font:10px/18px Inter,sans-serif;color:var(--rs-text-secondary);margin-left:12px}.ls-tree-branch>div{margin-left:7px;padding-left:14px;border-left:1px solid var(--rs-line)}.ls-tree-leaf{display:flex;gap:18px;align-items:baseline;padding:4px 0;border-bottom:1px solid var(--rs-surface-subtle)}.ls-tree-leaf>span{color:#385eae;min-width:90px}.ls-tree-leaf code{font:inherit;overflow-wrap:anywhere;min-width:0}
.ls-diff-summary{display:flex;justify-content:space-between;align-items:center;margin:0 16px 12px;color:var(--rs-text-secondary);font:11px/18px Inter,sans-serif}.ls-diff-count{color:var(--rs-text);font-weight:500}.ls-diff-item{margin-bottom:16px}.ls-diff-item>div{display:flex;gap:8px;align-items:center;padding:8px 16px;font-size:12px}.ls-diff-item>div>span:last-child{margin-left:auto;font:10px/18px Inter,sans-serif;color:var(--rs-text-secondary)}.ls-diff-sign{color:var(--rs-blue)}.ls-diff-item pre{padding:7px 16px;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.ls-diff-removed{background:#fdf0f0;color:#a33c4d}.ls-diff-added{background:#edf8f0;color:#217743}
.ls-compare{grid-template-columns:1fr}.ls-compare .ls-event-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:auto}.ls-compare .ls-event{padding:10px 8px}.ls-compare .ls-event-top{flex-direction:column;align-items:flex-start;gap:4px}.ls-compare .ls-event-bottom{flex-wrap:wrap;gap:2px}.ls-compare .ls-event-bottom>small{display:none}.ls-compare-payloads{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ls-compare .ls-code-content{height:430px}
.ls-selected-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.ls-selected-heading small{display:block;font-size:11px;color:var(--rs-text-secondary);margin-bottom:4px}.ls-selected-heading h2{font-size:18px;line-height:26px;font-weight:600;color:var(--rs-text-strong)}.ls-rail .ls-code-content{height:358px}
.ls-event-picker{display:flex;align-items:center;gap:12px}.ls-event-picker label{font-size:12px;color:var(--rs-text-secondary)}.ls-event-picker>.rs-select{width:360px;max-width:100%}.ls-event-picker select{width:360px;max-width:100%}.ls-pipeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ls-pipeline-stage{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border:1px solid var(--rs-line);border-radius:8px;background:var(--rs-white);color:var(--rs-text);text-align:left;min-width:0}.ls-pipeline button{cursor:pointer}.ls-pipeline button:hover,.ls-pipeline button.is-selected{border-color:var(--rs-blue)}.ls-stage-count{position:absolute;top:18px;right:18px;color:var(--rs-text-disabled);font-size:12px}.ls-stage-symbol{height:28px;display:flex;align-items:center;color:var(--rs-blue)}.ls-pipeline-stage h3{font-size:11px;font-weight:400;color:var(--rs-text-secondary);margin-top:4px}.ls-pipeline-stage strong{font-size:14px;font-weight:500}.ls-pipeline-stage p{font-size:12px;line-height:18px;color:var(--rs-text-secondary);margin-top:3px}.ls-board .ls-code-content{height:320px}
.ls-focus{grid-template-columns:1fr}.ls-focus .ls-code-content{height:330px}.ls-focus-table>.rs-table-scroll{border:0;border-radius:0}.ls-focus-table .rs-table-row[data-selected=true]>td{background:var(--rs-selected)}.ls-focus-table td:nth-child(2),.ls-focus-table td:last-child{color:var(--rs-text-secondary);font-variant-numeric:tabular-nums}

.ls-page button:focus-visible,.ls-page select:focus-visible,.ls-page summary:focus-visible,.ls-code-content:focus-visible{outline:2px solid var(--rs-blue);outline-offset:2px}.ls-code-content:focus-visible{outline-offset:-2px}
@media(max-width:1200px){.ls-options{gap:8px}.ls-option{padding:12px}.ls-option p{font-size:11px}.ls-option small{display:none}.ls-event-route{font-size:9px}.ls-event-route .rs-logo{width:13px;height:13px}.ls-toolbar>span:not(.rs-select){display:none}.ls-split{grid-template-columns:minmax(240px,.85fr) minmax(0,1.45fr)}.ls-journey{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr)}.ls-journey>button{gap:6px;padding:10px 8px}.ls-journey strong{font-size:11px}.ls-journey>button>img{width:20px;height:20px}.ls-compare .ls-event-top strong{font-size:11px}.ls-guidance{flex-wrap:wrap;gap:6px}}
@media(max-width:1000px){.ls-options{grid-template-columns:repeat(3,minmax(0,1fr))}.ls-option p{font-size:12px}.ls-split,.ls-rail{grid-template-columns:1fr}.ls-split .ls-event-list,.ls-rail .ls-event-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ls-event-route{font-size:10px}.ls-compare .ls-event-list{grid-template-columns:repeat(5,160px)}.ls-compare-payloads{grid-template-columns:1fr 1fr}.ls-code-header{flex-wrap:wrap;padding-top:6px;padding-bottom:6px;gap:6px}.ls-payload-tabs{min-height:30px}.ls-pipeline{gap:8px}.ls-pipeline-stage{padding:16px}.ls-pipeline-stage strong{font-size:12px}}
@media(max-width:680px){.ls-page{padding:24px 16px}.ls-page-header{align-items:flex-start}.ls-studio-label{display:none}.ls-options{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.ls-options .ls-option:last-child{grid-column:1/-1}.ls-options .ls-option:last-child .ls-diagram{display:none}.ls-option strong{font-size:13px}.ls-option p{font-size:11px}.ls-preview-header{padding:16px;flex-wrap:wrap}.ls-preview-header>div:first-child{align-items:flex-start;flex-direction:column;gap:4px}.ls-preview-header>div:last-child{gap:6px}.ls-toolbar{padding:0 16px 16px;flex-wrap:wrap}.ls-search{width:100%}.ls-preview-content{padding:16px}.ls-split .ls-event-list,.ls-rail .ls-event-list{grid-template-columns:1fr}.ls-event-route{font-size:10px}.ls-compare-payloads{grid-template-columns:1fr}.ls-pipeline{grid-template-columns:1fr}.ls-pipeline-stage{padding:16px}.ls-pipeline-stage p{font-size:12px}.ls-journey{grid-template-columns:1fr 1fr;gap:8px}.ls-journey-arrow{display:none}.ls-journey>button{padding:10px 8px}.ls-journey strong{font-size:10px}.ls-journey>button>img{width:16px;height:16px}.ls-code-content pre{font-size:12px;line-height:22px}.ls-line-number{min-width:34px;width:34px;padding-right:8px}.ls-code-content,.ls-compare .ls-code-content{height:340px}.ls-event-picker{flex-wrap:wrap}.ls-selected-heading{gap:8px}.ls-selected-heading h2{font-size:16px}.ls-tree-leaf{flex-wrap:wrap;gap:2px}.ls-tree-leaf>span{min-width:100%}.ls-code-header>.ls-status{font-size:10px}}