/* Author: Sandeep Belgavi. Shared experiment workspace, inspired by Alert Fatigue. */
.ul-catalog,body.ul-enabled{margin:0!important;padding:0!important;background:#edf2f6!important;color:#203047!important;font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif!important}
.ul-main,.ul-nav,.ul-main *,.ul-nav *{box-sizing:border-box}.ul-main [hidden],.ul-catalog [hidden]{display:none!important}
.ul-nav{display:flex!important;position:static!important;align-items:center;justify-content:space-between;gap:20px;background:#162c43!important;padding:15px max(20px,calc((100vw - 1200px)/2))!important;color:#fff;font:650 14px system-ui!important;box-shadow:none!important;min-height:54px}
.ul-nav a{color:#e1effb!important;text-decoration:none!important}.ul-nav span{color:#9fb7cc;font-weight:400}.ul-nav a:last-child{font-size:12px}
.ul-main{width:100%!important;max-width:1240px!important;padding:28px 20px 45px!important;margin:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
.ul-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 24px;padding:0;background:none;color:#203047}
.ul-main h1{font:700 clamp(26px,3vw,38px)/1.2 system-ui!important;letter-spacing:-1px;margin:6px 0 10px!important;color:#203047!important;overflow-wrap:anywhere}
.ul-header p{max-width:820px;margin:0;color:#607286;font:14px/1.6 system-ui}.ul-header .ul-eyebrow{font:700 11px system-ui;letter-spacing:2px;color:#407792;margin-bottom:10px}
.ul-main a{color:#215da1}.ul-button,.ul-main button{font:650 13px system-ui;border:1px solid #bdcbd6;border-radius:9px;background:#fff;color:#28465e;padding:10px 14px;cursor:pointer;text-decoration:none;line-height:1.3;min-height:40px}
.ul-button:hover,.ul-main button:hover{background:#e8f3ff}.ul-main :focus-visible,.ul-nav :focus-visible{outline:3px solid #c8800b;outline-offset:3px}
.ul-workspace{background:#fff;border:1px solid #b7c8d6;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #1b354312}
.ul-workspace-head{padding:14px 20px;border-bottom:1px solid #d9e7ee;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#4f6c83;font:600 12px system-ui;background:#f5fafc}
.ul-workspace-head button{min-height:32px;padding:6px 10px;font-size:12px}
.ul-experiment{display:grid;grid-template-columns:minmax(0,1fr) 284px;background:#eff7fb}
.ul-visible-transport{position:relative;z-index:1;border-bottom:1px solid #becfdb;box-shadow:0 2px 6px #24425b0a}
.ul-visible-transport button:first-of-type{background:#206ba6;color:#fff;min-width:90px}
.ul-visible-transport label{max-width:100%;flex-wrap:wrap}
.ul-visible-transport input[type=range]{min-width:110px;max-width:100%;accent-color:#206ba6}
@media(min-width:901px){.ul-experiment>.ul-settings{max-height:760px;overflow-y:auto;scrollbar-width:thin;overscroll-behavior-y:contain}}
.ul-scene{min-width:0;padding:20px;align-content:center;overflow:auto}.ul-scene .canvas-wrap{margin:0!important;padding:0!important;max-width:100%!important;border-radius:10px!important;overflow:hidden!important}
.ul-scene canvas,.ul-scene svg{display:block;max-width:100%!important;width:100%;height:auto!important;margin:auto;object-fit:contain}
.ul-settings{min-width:0;padding:20px;background:#fcfdff;border-left:1px solid #cddbe5}.ul-settings h2{font:700 16px system-ui;margin:0 0 8px;color:#29495f}.ul-settings>p{font:12px/1.5 system-ui;color:#647b90;margin:0 0 20px}
.ul-settings .controls{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:15px!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
.ul-settings .controls label{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;width:100%;font:600 13px/1.5 system-ui!important;color:#39546b!important}
.ul-settings input:not([type=checkbox]):not([type=radio]),.ul-settings select,.ul-settings textarea{width:100%!important;max-width:100%;min-width:0;box-sizing:border-box}.ul-settings input[type=range]{accent-color:#226eab;min-height:24px;margin:4px 0}
.ul-settings select,.ul-settings input[type=number],.ul-settings input[type=text]{border:1px solid #becedb;border-radius:7px;background:#fff;color:#203047;padding:8px;font:13px system-ui}
.ul-settings output{margin-left:auto;color:#2163a0;font:600 12px system-ui}.ul-settings button:first-of-type{background:#206ba6;color:white;border-color:#206ba6}
.ul-settings .controls::before,.ul-panel .explain::before,.ul-panel .explain h3::before{display:none!important}
.ul-settings button.secondary{background:#e4edf4!important;color:#28465e!important}
.ul-main button:disabled,.ul-main select:disabled,.ul-main input:disabled{opacity:.5;cursor:not-allowed}.ul-main button:focus-visible,.ul-main input:focus-visible,.ul-main select:focus-visible{outline:3px solid #237fba;outline-offset:3px}
.ul-native-content{color:#203047!important}
.ul-native-content .card{background:#fff!important;border:1px solid #ccdce8!important;color:#29495f!important;box-shadow:none!important}
.ul-native-content h2,.ul-native-content h3,.ul-native-content label{color:#29495f!important}
.ul-native-content .small,.ul-native-content .summary,.ul-native-content .status,.ul-native-content .muted{color:#526b81!important}
.ul-native-content .note{background:#fff8e8!important;color:#69502b!important}
.ul-native-content input,.ul-native-content select,.ul-native-content textarea{background:#fff!important;color:#29495f!important;border:1px solid #bdccda!important;border-radius:7px;max-width:100%;font:14px/1.5 system-ui}
.ul-native-content pre,.ul-native-content code{color:#e1edfb!important;background:#182c43!important}
.ul-native-content .subtitle,.ul-native-content .stat-label,.ul-native-content th,.ul-native-content .badge,.ul-panel label,.ul-native-content [style*="color:#94a3b8"]{color:#526b81!important}
.ul-native-content .price,.ul-native-content .stat-value{color:#087858!important}.ul-native-content .gpu{color:#086b8c!important}
.ul-native-content .badge.spot{color:#8c239e!important}.ul-native-content .badge.reserved{color:#096185!important}
.ul-native-content .stat{background:#eef5fa!important;color:#29495f!important}
.ul-result{border-top:1px solid #becfdb;background:#e0ebf2;padding:15px 20px;color:#355269;overflow-wrap:anywhere}
.ul-result .readout{background:transparent!important;border:0!important;padding:0!important;margin:0!important;font:13px/1.65 system-ui!important;color:#355269!important;max-width:100%;white-space:normal}
.ul-below{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:20px}
.ul-panel{padding:22px;border:1px solid #d0dde7;border-radius:13px;background:white;min-width:0;color:#526c81;font:13px/1.7 system-ui}
.ul-panel h2,.ul-panel h3{font:700 16px/1.4 system-ui;color:#29495f;margin:0 0 12px}.ul-panel .explain{padding:0!important;background:none!important;border:0!important;color:inherit!important}.ul-panel .explain p{color:inherit}.ul-panel p{line-height:1.7}
.ul-panel pre,.ul-panel table{max-width:100%;overflow:auto;display:block}.ul-panel textarea{display:block;width:100%;min-height:140px;resize:vertical;background:#f8fbfd;border:1px solid #b9ccdc;border-radius:8px;color:#29495f;font:14px/1.6 system-ui;padding:12px;margin:10px 0}
.ul-scene table{display:block;max-width:100%;overflow-x:auto}
html[data-bespoke-lab="tensor"] #tn-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}
html[data-bespoke-lab="tensor"] #tn-tables section{min-width:0;overflow-x:auto;border:1px solid #d8e5ee;border-radius:9px;padding:12px;background:#f8fbfd}
html[data-bespoke-lab="tensor"] #tn-tables table{display:table;text-align:center}
html[data-bespoke-lab="tensor"] #tn-tables caption{text-align:left;padding:0 0 8px}
html[data-bespoke-lab="tensor"] #tn-tables :is(td,th){border:1px solid #d6e3ed;font:12px/1.5 ui-monospace,monospace;padding:6px;white-space:nowrap}
html[data-bespoke-lab="tensor"] #tn-tables th{background:#e9f1f7;color:#29495f}
html:is([data-bespoke-lab="evaluation"],[data-bespoke-lab="memory"]) .ul-panel table{display:table;min-width:640px;width:100%;text-align:left}
html:is([data-bespoke-lab="evaluation"],[data-bespoke-lab="memory"]) .ul-panel :is(th,td){padding:10px 12px;border-bottom:1px solid #dfE8ef;vertical-align:top}
html:is([data-bespoke-lab="evaluation"],[data-bespoke-lab="memory"]) .ul-panel th{background:#eff6fb;white-space:nowrap;color:#29495f}
html:is([data-bespoke-lab="evaluation"],[data-bespoke-lab="memory"]) .ul-panel tbody tr:nth-child(even){background:#f8fbfd}
.ul-note-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ul-save-status{font-size:11px;color:#647b90}.ul-note{border-left:3px solid #c79636;background:#fff9eb;padding:12px 16px;font:13px/1.6 system-ui;color:#69502b;margin:20px 0}
.ul-footer{font:12px/1.8 system-ui!important;color:#62768a!important;margin:24px 0 0!important;background:none!important;padding:0!important}.ul-next{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:13px}.ul-next a{max-width:46%;overflow-wrap:anywhere}
.ul-legacy-hidden{display:none!important}.ul-workspace:fullscreen{background:#edf2f6;overflow:auto;padding:20px}.ul-workspace:fullscreen .ul-scene{max-height:85vh}.ul-workspace:fullscreen canvas{max-height:76vh!important;object-fit:contain}
.ul-finder{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:16px;padding:20px;background:#fff;border:1px solid #c9d9e5;border-radius:14px;align-items:end}.ul-finder label{font:600 12px system-ui;color:#4c657b}.ul-finder input,.ul-finder select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #bdccda;border-radius:7px;font:14px system-ui;background:#fff;color:#203047;min-width:0}
.ul-catalog-note,#lab-results{color:#607286;font-size:13px}.ul-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ul-catalog-card{display:flex;flex-direction:column;padding:22px;border:1px solid #c9d9e5;border-radius:13px;background:white;text-decoration:none;min-height:205px;transition:transform .15s,border-color .15s}.ul-catalog-card:hover{transform:translateY(-3px);border-color:#6297bd}.ul-category{font:700 10px system-ui;letter-spacing:1px;text-transform:uppercase;color:#407792}.ul-catalog-card h2{font:650 18px/1.4 system-ui;color:#203d54;margin:12px 0 8px;overflow-wrap:anywhere}.ul-catalog-card p{font:13px/1.6 system-ui;color:#6b7e8e;margin:0 0 20px}.ul-card-foot{display:flex;justify-content:space-between;font:600 11px system-ui;color:#3376a5;margin-top:auto;padding-top:12px;border-top:1px solid #e7eef3}#lab-more{display:block;margin:24px auto}
@media(max-width:900px){.ul-experiment{grid-template-columns:1fr}.ul-settings{border-left:0;border-top:1px solid #cddbe5}.ul-settings .controls{display:grid!important;grid-template-columns:1fr 1fr}.ul-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ul-finder{grid-template-columns:1fr 1fr}.ul-header{align-items:flex-start}}
@media(max-width:560px){.ul-main{padding:20px 10px!important}.ul-header{display:block}.ul-header>.ul-button{display:inline-block;margin-top:16px}.ul-nav{padding:14px!important}.ul-nav span{display:none}.ul-scene{padding:10px}.ul-below,.ul-card-grid,.ul-finder{grid-template-columns:1fr}.ul-settings{padding:16px}.ul-settings .controls{grid-template-columns:1fr}.ul-panel{padding:16px}.ul-workspace-head{padding:12px}.ul-nav a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ul-catalog-card{transition:none}.ul-catalog-card:hover{transform:none}}
.ul-site-nav{flex-wrap:wrap}.ul-site-nav .ul-brand{font-size:18px!important;letter-spacing:-.4px;font-weight:750!important}
.ul-site-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ul-site-links a{padding:8px 11px;border-radius:7px;font:500 13px system-ui!important}.ul-site-links a[aria-current]{background:#32536e;color:#fff!important}.ul-site-links a:hover{background:#29465f}
nav.ul-breadcrumbs{position:static;display:flex;flex-wrap:wrap;gap:9px;background:transparent!important;padding:0!important;margin:0 0 20px;border:0;font:12px/1.6 system-ui;color:#607286}
.ul-breadcrumbs a{color:#215da1!important}.ul-breadcrumbs a::after{content:' /';color:#839aad;margin-left:9px}.ul-breadcrumbs span{color:#526b81!important;overflow-wrap:anywhere}
nav.ul-pager{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.6fr) minmax(0,1fr);gap:16px;margin:24px 0 0;padding:18px!important;border:1px solid #cadbe6;border-radius:12px;background:#fff!important;font:13px/1.5 system-ui;color:#607286;align-items:center}
.ul-pager a{color:#215da1!important;overflow-wrap:anywhere;text-decoration:none}.ul-pager>a:last-child,.ul-pager>span:last-child{text-align:right}.ul-pager-center{text-align:center}.ul-pager-center a{display:block;font-weight:650}.ul-pager-center small{display:block;color:#718596;font:11px/1.6 system-ui;margin-top:5px}
.ul-related{font:13px system-ui;margin-top:18px}.ul-related a{color:#215da1}
.ul-quicknav{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}.ul-quicknav a{font-size:12px}.ul-comparison{margin-top:20px}.ul-baseline{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr);gap:18px;align-items:start}.ul-baseline[hidden]{display:none!important}.ul-baseline img{width:100%;height:auto;border:1px solid #ccdde9;border-radius:9px}.ul-baseline ul{padding-left:20px}.ul-baseline>p{grid-column:1/-1}
.ul-scene .canvas-wrap{background:#eff7fb!important}
.ul-scene .canvas-wrap::before{display:none!important}
.ul-below>.ul-comparison{margin-top:0}.ul-below .ul-baseline{grid-template-columns:1fr}
@media(max-width:560px){.ul-baseline{grid-template-columns:1fr}.ul-quicknav .ul-button{flex:1;text-align:center}}
.cb-scene{padding:0;align-content:start}.cb-scene svg{background:#eff7fb}.cb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px}.cb-metrics>div{padding:12px;border:1px solid #cddde8;border-radius:10px;background:#fff}.cb-metrics span{display:block;color:#61758a;font:11px/1.4 system-ui}.cb-metrics strong{display:block;color:#23455f;font:700 24px system-ui}.cb-totals{font:12px system-ui;color:#526c81;margin:0;padding:0 20px 20px}
.ds-prediction{margin:0 18px 18px;padding:14px;background:#e2eef7;border-radius:9px;color:#29495f;font:13px/1.7 system-ui}.ds-select{display:grid;gap:8px;font:600 12px system-ui;color:#39546b}.ds-select select{max-width:100%;width:100%;padding:10px;border:1px solid #b9ccdc;border-radius:7px;color:#29495f;background:white}.ds-active rect{stroke:#176dab;stroke-width:4;fill:#e0f0fc}#ds-scene[data-stage=error] [data-discovery-node=ready] rect{stroke:#c24047;fill:#fff0ef}.ds-trace{padding-left:22px;font:12px/1.8 ui-monospace,monospace}.ds-trace li{padding:4px 0}#ds-play{background:#206ba6;color:white;min-width:90px}#ds-clock{font:12px ui-monospace,monospace}
.cb-presets{display:flex;gap:7px}.cb-presets button{flex:1;padding:9px 5px;font-size:12px}.cb-field{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:16px 0;color:#39546b;font:600 12px system-ui}.cb-field input{width:100%;accent-color:#226eab}.cb-toggle{display:flex;gap:8px;align-items:center;margin:18px 0;font:13px system-ui}
.cb-transport{padding:14px 18px;border-top:1px solid #becfdb;background:#e0ebf2;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.cb-transport label{display:flex;gap:8px;align-items:center;font:12px system-ui}.cb-transport select{background:white;color:#29495f;border:1px solid #bdccda;padding:8px;border-radius:7px}#cb-play{background:#206ba6;color:white;min-width:95px}#cb-clock{margin-left:auto;font:600 13px ui-monospace,monospace}.cb-timeline{width:100%;flex-wrap:wrap}.cb-timeline input{flex:1;min-width:100px;accent-color:#246fa9}#cb-events{padding-left:0;list-style:none;max-height:250px;overflow:auto;font:12px/1.8 ui-monospace,monospace}#cb-events li{padding:4px 0;border-bottom:1px solid #e8eff4}
@media(max-width:560px){.cb-metrics{grid-template-columns:1fr 1fr}.cb-timeline input{flex-basis:100%;order:3}#cb-clock{margin-left:0}}
@media(max-width:560px){.ul-site-nav{gap:9px}.ul-site-links{gap:0}.ul-site-links a{font-size:12px!important;padding:7px 9px}.ul-site-nav .ul-brand{width:100%}nav.ul-pager{grid-template-columns:1fr 1fr;gap:12px}.ul-pager-center{grid-column:1/-1;grid-row:1}.ul-pager>a:last-child,.ul-pager>span:last-child{grid-column:2}}
