.studio-view{color:var(--ink,#30382b)}.studio-view .studio-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:30px 0 25px}.studio-view h1{font-size:31px;font-weight:500;letter-spacing:-1px;margin:8px 0}.studio-view h2{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:8px 0}.studio-view h3{font-size:16px;font-weight:500;margin:0}.studio-view .studio-heading p{margin:5px 0}.studio-view .studio-health{display:flex;border-top:1px solid #cbd0c1;border-bottom:1px solid #cbd0c1;background:#eff1e7;flex-wrap:wrap;padding:9px 0}.studio-view .studio-health button{display:flex;align-items:center;gap:9px;background:none;border:0;border-right:1px solid #d7dbcd;padding:8px 17px;text-align:left;font-size:12px;min-height:40px}.studio-view .studio-health button:first-child{flex:1;font-size:13px}.studio-view .studio-health button span:not(.studio-dot){color:#636d59}.studio-view .studio-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#6f8262}.studio-view .studio-dot.warn{background:#af7931}.studio-view .studio-dot.unknown{background:#858a7d}.studio-view .studio-stale{padding:12px 16px;border:1px dashed #8b917f;font-size:13px}.studio-view .studio-workspace{display:grid;grid-template-columns:185px minmax(0,1fr) 200px;margin-top:26px;border-bottom:1px solid #d7dbcd}.studio-view .studio-metrics{padding:8px 16px 25px 0}.studio-view .studio-metrics>button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;text-align:left;min-height:49px;padding:9px 10px;font-size:13px;border-left:2px solid transparent}.studio-view .studio-metrics>button.selected{border-left-color:#ed462d;background:#e9eddf;color:#38452e}.studio-view .studio-scope{margin:65px 10px 0;padding-top:20px;border-top:1px solid #d7dbcd;font-size:13px}.studio-view .studio-scope small{font-size:11px;color:#65705c;line-height:1.7}.studio-view .studio-main{border-left:1px solid #d7dbcd;border-right:1px solid #d7dbcd;padding:0 26px 25px;min-width:0}.studio-view .studio-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #d7dbcd;margin-bottom:25px}.studio-view .studio-tabs button{border:0;border-bottom:2px solid transparent;background:none;min-height:44px;padding:8px 10px;font-size:13px;color:#66705e}.studio-view .studio-tabs button.selected{border-bottom-color:#ed462d;color:#30382b}.studio-view .studio-plot-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.studio-view .studio-result{text-align:right;min-width:120px}.studio-view .studio-result strong{display:block;font-size:32px;font-weight:400;letter-spacing:-1.2px;white-space:nowrap}.studio-view .studio-result span{font-size:11px;color:#68725f;display:block;max-width:150px}.studio-view .studio-chart{margin-top:25px;min-width:0}.studio-view .studio-chart svg{width:100%;max-width:100%}.studio-view .studio-chart-hint{margin:2px 0 30px}.studio-view .studio-context-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-top:1px solid #d7dbcd}.studio-view .studio-table-wrap{overflow:auto;max-width:100%}.studio-view .data-table{font-size:12px}.studio-view .data-table th{font-family:Onest,sans-serif;font-weight:400;font-size:11px}.studio-view .studio-method{padding-top:16px;border-top:1px solid #d7dbcd;line-height:1.7}.studio-view .studio-capacity{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px 0 25px}.studio-view .studio-timeline{padding:8px 0 20px 22px}.studio-view .studio-timeline>h3{font-size:21px;margin:12px 0}.studio-view .studio-event{display:block;background:none;border:0;border-left:1px solid #cbd1bf;padding:0 0 26px 15px;text-align:left;width:100%;position:relative}.studio-view .studio-event:before{content:'';width:5px;height:5px;background:#89977b;position:absolute;left:-3px;top:7px;border-radius:50%}.studio-view .studio-event time{font-family:'JetBrains Mono',monospace;font-size:11px;color:#737d68}.studio-view .studio-event strong{display:block;font-size:13px;font-weight:500;line-height:1.5;margin:6px 0}.studio-view .studio-event span{font-size:12px;line-height:1.5;color:#68725e;display:block}.studio-view .studio-correlation{line-height:1.7;border-top:1px solid #d7dbcd;padding-top:20px}.studio-view .studio-snapshot{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#68725e;margin-top:30px}.studio-view button{font-family:Onest,sans-serif;cursor:pointer}.studio-view button:hover{background-color:#e9eddf}.studio-view button:focus-visible{outline:2px solid #ed462d;outline-offset:2px}.studio-view .link-button{display:inline-flex;align-items:center;gap:6px}
@media(max-width:1100px){.studio-view .studio-workspace{grid-template-columns:160px minmax(0,1fr)}.studio-view .studio-timeline{grid-column:1/-1;border-top:1px solid #d7dbcd;padding:22px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.studio-view .studio-timeline>.eyebrow,.studio-view .studio-timeline>h3,.studio-view .studio-timeline>p{grid-column:1/-1}.studio-view .studio-main{border-right:0}.studio-view .studio-health button{flex-wrap:wrap}}
@media(max-width:650px){.studio-view .studio-heading{display:block;margin:22px 0}.studio-view h1{font-size:27px}.studio-view .studio-heading>.link-button{margin-top:12px}.studio-view .studio-health{display:grid;grid-template-columns:1fr}.studio-view .studio-health button{border:0;border-bottom:1px solid #d7dbcd;padding:8px 12px}.studio-view .studio-workspace{display:block;margin-top:16px}.studio-view .studio-metrics{display:flex;overflow-x:auto;gap:4px;padding:0 0 14px;max-width:100%}.studio-view .studio-metrics>.eyebrow,.studio-view .studio-scope{display:none}.studio-view .studio-metrics>button{flex:0 0 auto;width:auto;white-space:nowrap;padding:8px 12px;border-left:0;border-bottom:2px solid transparent}.studio-view .studio-metrics>button.selected{border-bottom-color:#ed462d}.studio-view .studio-main{border:0;padding:0 0 20px}.studio-view .studio-tabs{gap:0;margin-bottom:20px}.studio-view .studio-tabs button{font-size:12px;padding:8px}.studio-view .studio-plot-title{display:block}.studio-view .studio-result{text-align:left;margin-top:17px}.studio-view .studio-result span{max-width:none}.studio-view .studio-result strong{font-size:30px}.studio-view .studio-chart{margin-top:14px}.studio-view h2{font-size:22px}.studio-view .studio-context-heading{align-items:flex-start}.studio-view .studio-context-heading h3{font-size:15px;max-width:220px}.studio-view .studio-capacity{grid-template-columns:1fr}.studio-view .studio-timeline{display:block}.studio-view .studio-event{margin-left:3px}.studio-view .studio-timeline>p{margin-bottom:20px}.studio-view .data-table{min-width:0}.studio-view .data-table th,.studio-view .data-table td{padding:10px 6px;overflow-wrap:anywhere}}

/* Bounded spacing and font-role correction after desktop acceptance. */
.studio-view{padding:0 32px 28px}.studio-view .data-table td{font-family:Onest,sans-serif}.studio-view .studio-chart{margin-bottom:24px}
@media(max-width:650px){.studio-view{padding:0 16px 20px}}