:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17212b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#18212b08 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#18212b08 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#f4f1ea,#ebe5db) 0 0/100% 100%;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.4}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}code,pre{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace}#root{height:100vh;min-height:100vh}.login-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#ffffffeb;border:1px solid #17212b24;border-radius:12px;width:min(440px,100%);padding:20px;box-shadow:0 18px 50px #17212b14}.login-form{gap:10px;margin-top:12px;display:grid}.studio-shell{grid-template-columns:clamp(300px,28vw,336px) minmax(0,1fr);height:100vh;min-height:100vh;display:grid}.control-panel,.trace-panel{height:100vh;min-height:0;overflow:auto}.control-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff8c;border-right:1px solid #17212b1a;padding:12px}.trace-panel{align-content:start;gap:12px;padding:12px 14px 18px;display:grid}.panel-intro,.field-group,.result-panel,.inspector-panel,.timeline-panel,.empty-panel{background:#ffffffe6;border:1px solid #17212b1a;border-radius:12px;padding:12px;box-shadow:0 10px 30px #17212b0d}.panel-intro{gap:10px;display:grid}.panel-intro-row,.trace-toolbar,.panel-heading,.panel-heading-compact{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.panel-title-block{gap:2px;display:grid}.auth-banner,.auth-banner-compact{flex-wrap:wrap;gap:4px;display:flex}.auth-banner-compact span,.trace-identity span,.result-chips span{color:#45515d;white-space:normal;overflow-wrap:anywhere;background:#f5f5f2;border:1px solid #17212b1f;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:1rem;line-height:1.2;display:inline-flex}.eyebrow,.timeline-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6d5a32;margin:0;font-size:.875rem;font-weight:700}.timeline-eyebrow{color:#526173}.panel-intro h1,.trace-toolbar h2,.panel-heading h2,.empty-panel h2{margin:0;font-size:1.25rem;line-height:1.15}.panel-subtitle,.lede,.section-bar p,.panel-heading p,.action-note,.timeline-empty,.empty-panel p{color:#5b6670;margin:0;font-size:1rem}.composer-form{gap:10px;margin-top:8px;display:grid}.section-bar{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.section-bar h2,.panel-heading h2{margin:0;font-size:1rem}.preset-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px;display:grid}.preset-pill{color:#17212b;text-align:left;background:#f7f4ee;border:1px solid #17212b24;border-radius:999px;padding:4px 9px;font-size:1rem}.preset-pill:hover{background:#efe8dd}.field{gap:3px;display:grid}.field span{color:#475260;font-size:1rem;font-weight:700}.field input,.field select,.field textarea{color:#17212b;background:#fcfbf8;border:1px solid #17212b24;border-radius:8px;width:100%;padding:7px 9px;font-size:1rem}.field input::placeholder,.field textarea::placeholder{color:#8b95a1}.field textarea{resize:vertical}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.field-grid-compact .field input,.field-grid-compact .field select,.field-grid-compact .field textarea{padding:7px 9px}.field-grid-three{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.field-full{grid-column:1/-1}.action-row,.action-row-compact{justify-content:space-between;align-items:center;gap:10px;display:flex}.action-row-compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ebe5dbb8,#ebe5dbf5 28%,#ebe5db 100%);border-top:1px solid #17212b14;margin:0 -12px -12px;padding:10px 12px 12px;position:sticky;bottom:-12px}.primary-action,.ghost-action,.expand-collapse-button{background:#fff;border:1px solid #17212b24;border-radius:8px;padding:7px 10px;font-size:1rem}.primary-action{color:#fff;background:#1f7a54;border-color:#1f7a54;font-weight:700}.primary-action:disabled{opacity:.65;cursor:default}.ghost-action:hover,.expand-collapse-button:hover{background:#f3f0ea}.error-banner{color:#9d2f1f;background:#fbe7e3;border:1px solid #9d2f1f26;border-radius:8px;margin:0;padding:7px 9px;font-size:1rem}.llm-trace-summary-collapsed{background:#f7f7f5;border:1px solid #17212b1f;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:1rem;display:flex}.llm-trace-summary-collapsed strong{font-weight:700}.result-panel,.inspector-panel{min-height:0}.result-panel-wide{gap:10px;width:100%;display:grid}.result-copy{white-space:pre-wrap;word-break:break-word;max-height:320px;margin:0;font-size:1rem;line-height:1.48;overflow:auto}.metadata-grid,.attribute-grid{gap:5px;margin:8px 0 0;display:grid}.attribute-grid-compact{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-grid-wide{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.metadata-row,.attribute-row{background:#fbfaf7;border:1px solid #17212b14;border-radius:8px;align-content:start;gap:2px;min-width:0;padding:7px 8px;display:grid}.metadata-row dt,.attribute-row dt{color:#6b7580;text-transform:uppercase;letter-spacing:.06em;font-size:.875rem}.metadata-row dd,.attribute-row dd{color:#17212b;white-space:pre-wrap;word-break:break-word;margin:0;font-size:1rem}.json-panel{background:#fbfaf7;border:1px solid #17212b14;border-radius:8px}.json-panel-open{margin-top:0}.json-panel summary{cursor:pointer;padding:7px 9px;font-size:1rem;font-weight:700}.json-panel pre{white-space:pre-wrap;word-break:break-word;margin:0;padding:0 9px 9px;font-size:1rem;line-height:1.45}.llm-trace-list{gap:6px;margin-top:8px;display:grid}.llm-trace-item{background:#fff;border:1px solid #17212b14;border-radius:8px;overflow:hidden}.llm-trace-summary{background:#f9f8f5;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:8px 10px;display:grid}.llm-trace-summary:hover{background:#f3f1eb}.llm-trace-summary-primary,.llm-trace-summary-metrics{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.llm-trace-summary-primary strong{overflow-wrap:anywhere;font-size:1rem}.status-icon{text-align:center;width:18px}.status-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;justify-content:center;align-items:center;padding:2px 7px;font-size:.875rem;font-weight:700;display:inline-flex}.status-pill-ok,.status-pill-success{color:#166947;background:#dff3e7}.status-pill-error,.status-pill-failure{color:#9d2f1f;background:#fbe7e3}.llm-trace-details{background:#fffdfa;border-top:1px solid #17212b14;padding:10px}.observation-detail-block+.observation-detail-block{margin-top:8px}.observation-detail-block h3{margin:0;font-size:1rem}.trace-identity,.result-chips{flex-wrap:wrap;gap:6px;display:flex}.trace-toolbar{z-index:4;background:linear-gradient(#ebe5dbfa,#ebe5dbe6 60%,#ebe5db00);padding:2px 0;position:sticky;top:0}.timeline-panel .panel-heading{align-items:baseline}.inspector-panel-wide{gap:10px;display:grid}.inspector-header{align-items:center}.inspector-tabs{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.inspector-tab{color:#45515d;background:#f7f4ee;border:1px solid #17212b24;border-radius:999px;padding:5px 10px}.inspector-tab-active{color:#fff;background:#17212b;border-color:#17212b}.inspector-content{gap:10px;min-width:0;display:grid}.panel-actions{flex-wrap:wrap;gap:6px;display:flex}.empty-panel-compact{padding:10px}@media (width<=1080px){.studio-shell{grid-template-columns:1fr;height:auto}.control-panel{border-bottom:1px solid #17212b1a;border-right:0;height:auto;min-height:auto;overflow:visible}.trace-panel{height:auto;min-height:auto;overflow:visible}.field-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.trace-toolbar{background:0 0;position:static}}@media (width<=720px){.field-grid,.llm-trace-summary,.panel-intro-row,.trace-toolbar,.action-row-compact,.panel-heading-compact,.inspector-header{flex-direction:column;align-items:stretch}.preset-row,.llm-trace-summary-metrics,.llm-trace-summary-primary{flex-wrap:wrap;grid-template-columns:1fr}.field-grid-three,.metadata-grid,.metadata-grid-wide,.llm-trace-summary{grid-template-columns:1fr}.inspector-tabs{justify-content:stretch}}