.chart-studio{--studio-ink:var(--foreground);--studio-line:var(--border);--studio-soft:color-mix(in oklch, var(--background) 65%, var(--card));--studio-signal:var(--brand);--studio-muted:var(--muted-foreground)}.chart-studio *{box-sizing:border-box}.chart-studio{color:var(--studio-ink);background:var(--background);margin:0;font-family:Inter,Arial,sans-serif;font-size:.8125rem;line-height:1.5}.chart-studio button,.chart-studio input,.chart-studio select,.chart-studio textarea{font:inherit}.chart-studio button,.chart-studio a,.chart-studio input,.chart-studio textarea{-webkit-tap-highlight-color:transparent}.chart-studio button{cursor:pointer}.chart-studio button:disabled{cursor:not-allowed}.chart-studio button:focus-visible,.chart-studio a:focus-visible,.chart-studio summary:focus-visible,.chart-studio .table-scroll:focus-visible,.chart-studio input:focus-visible,.chart-studio textarea:focus-visible{outline:2px solid var(--studio-signal);outline-offset:3px}.chart-studio button svg{flex-shrink:0}.chart-studio .studio-header{z-index:30;border-bottom:1px solid var(--studio-line);background:var(--background);align-items:center;gap:18px;min-height:68px;padding:12px 32px;display:flex;position:sticky;top:0}.chart-studio .brand{letter-spacing:-.7px;color:inherit;align-items:center;gap:10px;font-size:1.1875rem;font-weight:650;text-decoration:none;display:flex}.chart-studio .brand svg{color:var(--studio-signal)}.chart-studio .header-divider{background:var(--studio-line);width:1px;height:22px}.chart-studio .header-location{font-size:.75rem;font-weight:550}.chart-studio .header-location span{color:var(--studio-muted);padding:0 12px}.chart-studio .prototype-label{color:var(--studio-muted);border:1px solid var(--studio-line);white-space:nowrap;border-radius:4px;padding:3px 7px;font-size:.75rem}.chart-studio .header-actions{align-items:center;gap:5px;margin-left:auto;display:flex}.chart-studio .studio-workspace{max-width:1600px;margin:0 auto;padding:28px 32px 48px}.chart-studio .workspace-intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.chart-studio .back-link{color:var(--studio-muted);align-items:center;gap:5px;margin-bottom:7px;font-size:.75rem;text-decoration:none;display:inline-flex}.chart-studio h1{letter-spacing:-1.1px;margin:0 0 8px;font-size:clamp(1.4375rem,2.3vw,1.9375rem);font-weight:550;line-height:1.2}.chart-studio .workspace-intro p{color:var(--studio-muted);margin:0;font-size:.8125rem}.chart-studio .guidance-choice{min-width:220px}.chart-studio .guidance-choice .field{margin:0}.chart-studio .guidance-choice label{color:var(--studio-muted);font-size:.75rem}.chart-studio .steps{border:1px solid var(--studio-line);background:var(--card);border-radius:6px;margin-bottom:24px;display:flex;overflow-x:auto}.chart-studio .steps button{text-align:left;min-width:158px;color:var(--studio-muted);background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:16px 18px;display:flex;position:relative}.chart-studio .steps strong{white-space:nowrap;font-size:.75rem;font-weight:600;display:block}.chart-studio .steps small{white-space:nowrap;margin-top:2px;font-size:.75rem;display:block}.chart-studio .step-number{border:1px solid var(--studio-line);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.75rem;font-weight:600;display:grid}.chart-studio .steps button.active{color:var(--studio-ink);background:color-mix(in oklch, var(--studio-signal) 6%, var(--card))}.chart-studio .steps button.active:after{content:"";background:var(--studio-signal);height:2px;position:absolute;bottom:0;left:16px;right:16px}.chart-studio .active .step-number{color:var(--card);background:var(--studio-signal);border-color:var(--studio-signal)}.chart-studio .step-arrow{opacity:.45;margin-left:auto}.chart-studio .workspace-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px;display:grid}.chart-studio .canvas-column,.chart-studio .inspector{min-width:0}.chart-studio .chart-sheet{background:var(--card);border:1px solid var(--studio-line);border-radius:6px;min-width:0}.chart-studio .preview-bar{border-bottom:1px solid var(--studio-line);height:45px;color:var(--studio-muted);align-items:center;gap:14px;padding:0 17px;font-size:.75rem;display:flex}.chart-studio .preview-bar>button{margin-left:auto}.chart-studio .preview-label{letter-spacing:1.2px;align-items:center;gap:7px;font-size:.75rem;font-weight:650;display:flex}.chart-studio .live-dot{background:var(--status-success-text);border-radius:50%;width:6px;height:6px}.chart-studio .chart-copy{padding:28px 32px 0}.chart-studio .chart-copy h2{letter-spacing:-.7px;margin:0;font-size:1.4375rem;font-weight:550;line-height:1.25}.chart-studio .chart-copy p{color:var(--studio-muted);margin:8px 0 0;font-size:.75rem}.chart-studio .plot-wrap{padding:8px 12px 0;position:relative}.chart-studio .plot{width:100%;min-width:0}.chart-studio .chart-source{color:var(--studio-muted);padding:12px 32px 22px;font-size:.75rem}.chart-studio .canvas-footer{border-top:1px solid var(--studio-line);color:var(--studio-muted);justify-content:space-between;gap:12px;padding:11px 18px;font-size:.75rem;display:flex}.chart-studio .canvas-footer span{align-items:center;gap:6px;display:flex}.chart-studio .chart-error{text-align:center;background:var(--card);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:20px}.chart-studio .chart-error svg{color:var(--studio-signal)}.chart-studio .chart-error h3{margin:14px 0 8px;font-size:1.125rem;font-weight:600}.chart-studio .chart-error p{max-width:420px;color:var(--studio-muted);margin:0 0 18px}.chart-studio .chart-error>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.chart-studio .chart-warning{color:var(--studio-muted);align-items:flex-start;gap:6px;margin:0 0 15px;padding:0 24px;font-size:.75rem;display:flex}.chart-studio .chart-warning svg{flex-shrink:0;margin-top:2px}.chart-studio .chart-note{font-size:.75rem;line-height:1.5;color:var(--studio-ink)!important}.chart-studio .bottom-note{padding:0 32px}.chart-studio .inspector{background:var(--card);border:1px solid var(--studio-line);border-radius:6px;padding:22px;scroll-margin-top:80px}.chart-studio .panel-heading{margin-bottom:20px}.chart-studio .eyebrow{letter-spacing:1.2px;color:var(--studio-muted);font-size:.75rem;font-weight:650}.chart-studio .panel-heading h2{letter-spacing:-.6px;margin:7px 0;font-size:1.25rem;font-weight:550;line-height:1.3}.chart-studio .panel-heading p{color:var(--studio-muted);margin:0;font-size:.75rem}.chart-studio .help{background:color-mix(in oklch, var(--studio-signal) 6%, var(--card));color:var(--studio-muted);border-radius:4px;align-items:flex-start;gap:9px;margin:0 0 20px;padding:12px;font-size:.75rem;line-height:1.6;display:flex}.chart-studio .help>svg{color:var(--studio-signal);flex-shrink:0;margin-top:2px}.chart-studio .help strong{color:var(--studio-ink);font-weight:600}.chart-studio .help p{margin:3px 0 0}.chart-studio .compact-help{display:block}.chart-studio .compact-help summary{cursor:pointer;align-items:center;gap:7px;display:flex}.chart-studio .compact-help>div{margin-top:8px}.chart-studio .field{margin:16px 0}.chart-studio .field label,.chart-studio .field-label{margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.chart-studio .field input,.chart-studio .field button{font-size:.75rem}.chart-studio .field [data-slot=select-trigger]{min-height:37px}.chart-studio .field>button{background:var(--card)}.chart-studio .hint{color:var(--studio-muted);overflow-wrap:anywhere;margin:6px 0 0;font-size:.75rem;line-height:1.6}.chart-studio .search-field{border:1px solid var(--studio-line);min-height:36px;color:var(--studio-muted);border-radius:4px;align-items:center;gap:8px;margin:14px 0;padding:0 10px;display:flex}.chart-studio .search-field input{background:0 0;border:0;outline:none;width:100%;min-width:0;min-height:36px;font-size:.75rem}.chart-studio .search-field:focus-within{outline:2px solid var(--studio-signal);outline-offset:2px}.chart-studio .catalogue-heading{color:var(--studio-muted);justify-content:space-between;margin-bottom:10px;font-size:.75rem;display:flex}.chart-studio .chart-catalogue{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:300px;padding:2px 5px 2px 2px;display:grid;overflow-y:auto}.chart-studio .chart-choice{border:1px solid var(--studio-line);background:var(--card);text-align:left;border-radius:4px;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;min-height:85px;padding:12px 10px;font-size:.75rem;line-height:1.4;display:flex;position:relative}.chart-studio .chart-choice svg{color:var(--studio-muted)}.chart-studio .chart-choice:hover{background:var(--studio-soft)}.chart-studio .chart-choice.selected{border-color:var(--studio-signal);background:color-mix(in oklch, var(--studio-signal) 5%, var(--card))}.chart-studio .chart-choice.selected svg{color:var(--studio-signal)}.chart-studio .chart-check{position:absolute;top:8px;right:8px}.chart-studio .selected-chart-info{border-top:1px solid var(--studio-line);margin:18px 0 0;padding-top:14px}.chart-studio .selected-chart-info h3{margin:0 0 5px;font-size:.75rem;font-weight:600}.chart-studio .selected-chart-info p{color:var(--studio-muted);margin:0 0 7px;font-size:.75rem}.chart-studio .selected-chart-info>button{height:auto;min-height:30px;color:var(--foreground);white-space:normal;margin:8px 0 0;padding-left:0;font-size:.75rem}.chart-studio .next-button{justify-content:space-between;width:100%;min-height:40px;margin-top:22px;display:flex;font-size:.75rem!important}
.chart-studio .panel-tabs{border-bottom:1px solid var(--studio-line);gap:4px;margin:-5px 0 20px;display:flex}.chart-studio .panel-tabs button{border-radius:0;flex:1;font-size:.75rem}.chart-studio .panel-tabs button[aria-selected=true]{box-shadow:0 2px 0 var(--studio-signal);font-weight:650}.chart-studio .toggle{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:12px;min-height:41px;display:flex}.chart-studio .toggle label{cursor:pointer;font-size:.75rem}.chart-studio .palettes{gap:8px;display:flex}.chart-studio .palettes button{flex:1;gap:3px;min-width:0;padding:8px}.chart-studio .palettes button[aria-pressed=true]{outline:1px solid var(--studio-signal);border-color:var(--studio-signal)}.chart-studio .palettes span{border-radius:2px;width:11px;height:15px}.chart-studio .advanced{border-top:1px solid var(--studio-line);margin-top:18px;padding-top:14px}.chart-studio .advanced summary{cursor:pointer;min-height:26px;font-size:.75rem;font-weight:550}.chart-studio .advanced>button{white-space:normal;height:auto;min-height:36px;margin:8px 0 0;font-size:.75rem}.chart-studio .advanced>button:not(.series-toggle){justify-content:flex-start;width:100%;display:flex}.chart-studio .series-toggle{max-width:100%;height:auto;min-height:36px;font-size:.75rem}.chart-studio .series-toggle[aria-pressed=false]{opacity:.65;text-decoration:line-through}.chart-studio .colour-row{justify-content:space-between;align-items:center;gap:8px;padding:9px 0;font-size:.75rem;display:flex}.chart-studio .colour-row input{border:1px solid var(--studio-line);background:var(--card);border-radius:4px;width:35px;height:30px;padding:2px}.chart-studio .studio-textarea,.chart-studio .studio-input{border:1px solid var(--studio-line);background:var(--card);resize:vertical;border-radius:4px;width:100%;padding:9px;font-size:.75rem}.chart-studio .studio-textarea{min-height:90px}.chart-studio .paste-data{min-height:125px;line-height:1.6}.chart-studio .note-row{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:.75rem;display:flex}.chart-studio .note-row span{overflow-wrap:anywhere}.chart-studio .note-row button{flex-shrink:0}.chart-studio .selection-detail{background:var(--studio-soft);overflow-wrap:anywhere;border-radius:4px;margin-top:18px;padding:14px}.chart-studio .selection-detail strong,.chart-studio .selection-detail code{margin-top:6px;display:block}.chart-studio .selection-detail p{margin:4px 0;font-size:.75rem}.chart-studio .selection-detail code{font-family:Inter,Arial,sans-serif;font-size:.75rem}.chart-studio .data-section{border:1px solid var(--studio-line);background:var(--card);border-radius:6px;margin-top:24px}.chart-studio .section-heading{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.chart-studio .section-heading h2{letter-spacing:-.25px;margin:0;font-size:.875rem;font-weight:600}.chart-studio .section-heading p{color:var(--studio-muted);margin:4px 0 0;font-size:.75rem}.chart-studio .section-heading button{font-size:.75rem}.chart-studio .table-scroll{width:100%;max-height:590px;overflow:auto}.chart-studio .table-scroll table{border-collapse:collapse;text-align:left;width:100%;font-size:.75rem}.chart-studio .table-scroll th{background:var(--studio-soft);border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);min-width:110px;padding:10px 18px;font-size:.75rem;font-weight:550}.chart-studio .table-scroll td{border-bottom:1px solid var(--studio-line);white-space:nowrap;padding:10px 18px}.chart-studio .table-scroll input{width:100%;min-width:100px;height:30px;box-shadow:none;border-color:#0000;border-radius:3px;padding:3px 5px;font-size:.75rem}.chart-studio .table-scroll input:focus,.chart-studio .table-scroll input:hover{border-color:var(--studio-line);background:var(--card)}.chart-studio .column-type{color:var(--studio-muted);margin-top:3px;font-size:.75rem;font-weight:400;display:block}.chart-studio .table-scroll .row-number{width:35px;min-width:35px;color:var(--studio-muted);padding-left:20px;padding-right:5px;font-size:.75rem}.chart-studio .table-footer{color:var(--studio-muted);justify-content:space-between;align-items:center;gap:14px;padding:10px 15px;font-size:.75rem;display:flex}.chart-studio .table-footer>div{white-space:nowrap;align-items:center;gap:8px;display:flex}.chart-studio .table-footer button{width:28px;height:28px}.chart-studio .table-footer>span{max-width:70%}.chart-studio .edit-data-link{margin-top:8px;padding-left:4px;font-size:.75rem}.chart-studio .prototype-footnote{color:var(--studio-muted);margin:20px 0 0;font-size:.75rem;line-height:1.7}.chart-studio .muted{color:var(--studio-muted)}.chart-studio .editing-banner{color:var(--studio-muted);align-items:flex-start;gap:8px;padding:14px 4px 0;font-size:.75rem;display:flex}.chart-studio .editing-banner svg{flex-shrink:0}.chart-studio .drop-zone{border:1px dashed var(--studio-line);text-align:center;background:var(--studio-soft);border-radius:5px;padding:23px 14px}.chart-studio .drop-zone>svg{color:var(--studio-signal);margin:0 auto 10px}.chart-studio .drop-zone h3{margin:0 0 7px;font-size:.8125rem;font-weight:550}.chart-studio .drop-zone p{color:var(--studio-muted);margin:0 0 16px;font-size:.75rem;line-height:1.7}.chart-studio .drop-zone.dragging{border-color:var(--studio-signal);background:color-mix(in oklch, var(--studio-signal) 10%, var(--card))}.chart-studio .drop-zone button{font-size:.75rem}.chart-studio .example-block{margin-top:25px}.chart-studio .example-block h3,.chart-studio .save-browser h3{margin:0 0 5px;font-size:.875rem;font-weight:550}.chart-studio .example-block>p,.chart-studio .save-browser>p{color:var(--studio-muted);margin:0;font-size:.75rem}.chart-studio .example-block>button{width:100%;margin-top:12px;font-size:.75rem}.chart-studio .check-facts{justify-content:space-between;margin:14px 0;display:flex}.chart-studio .check-facts strong{letter-spacing:-.7px;font-size:1.4375rem;font-weight:550;display:block}.chart-studio .check-facts span{color:var(--studio-muted);font-size:.75rem}.chart-studio .change-list{color:var(--studio-muted);max-height:200px;padding-left:18px;font-size:.75rem;line-height:1.7;overflow:auto}.chart-studio .export-list{flex-direction:column;gap:10px;display:flex}.chart-studio .export-list>button{justify-content:flex-start;gap:12px;height:auto;min-height:68px;padding:14px 12px}.chart-studio .export-list>button>span{text-align:left;white-space:normal;flex:1}.chart-studio .export-list strong{font-size:.75rem;font-weight:600;display:block}.chart-studio .export-list small{color:var(--studio-muted);margin-top:4px;font-size:.75rem;font-weight:400;display:block}.chart-studio .save-browser{border-top:1px solid var(--studio-line);margin-top:25px;padding-top:22px}.chart-studio .save-browser button{margin-top:14px;font-size:.75rem}.chart-studio .save-browser .hint{margin-top:12px;font-size:.75rem}.chart-studio .toast{z-index:60;background:var(--card);border:1px solid var(--studio-line);box-shadow:0 4px 25px color-mix(in oklch, var(--foreground) 12%, transparent);border-radius:6px;align-items:center;gap:12px;width:max-content;max-width:min(680px,100vw - 32px);padding:12px 12px 12px 18px;font-size:.75rem;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.chart-studio .toast>svg{color:var(--status-success-text);flex-shrink:0}.chart-studio .toast-error>svg{color:var(--studio-signal)}.chart-studio .toast>button{flex-shrink:0}.chart-studio .skip-link{z-index:100;background:var(--card);padding:12px;position:fixed;top:-60px;left:10px}.chart-studio .skip-link:focus{top:10px}.chart-studio .chart-specific{border-top:1px solid var(--studio-line);margin-top:18px}.chart-studio .expanded-chart .plot-wrap{min-height:600px}@supports (animation-timeline:view()){.chart-studio .data-section{animation:linear both studio-reveal;animation-timeline:view();animation-range:entry entry 20%}@keyframes studio-reveal{0%{transform:translateY(8px)}to{transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.chart-studio *,.chart-studio :before,.chart-studio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.chart-studio .jump-preview{display:none}.chart-studio .chart-sheet{scroll-margin-top:80px}
@media (min-width:1600px){.chart-studio .studio-workspace{padding-top:36px}.chart-studio .workspace-grid{grid-template-columns:minmax(0,1fr) 360px;gap:30px}.chart-studio .chart-copy{padding-top:34px}.chart-studio .inspector{padding:25px}.chart-studio .chart-catalogue{max-height:390px}.chart-studio .chart-choice{min-height:90px}}@media (min-width:1024px) and (max-height:820px){.chart-studio .studio-workspace{padding-top:20px}.chart-studio .workspace-intro{margin-bottom:18px}.chart-studio h1{font-size:1.5625rem}.chart-studio .steps{margin-bottom:20px}.chart-studio .steps button{padding-top:12px;padding-bottom:12px}.chart-studio .chart-copy{padding-top:22px}.chart-studio .plot{height:340px!important}.chart-studio .chart-catalogue{max-height:245px}.chart-studio .inspector{padding:18px}.chart-studio .panel-heading,.chart-studio .help{margin-bottom:15px}.chart-studio .data-section{margin-top:20px}}@media (max-width:1100px){.chart-studio .workspace-grid{grid-template-columns:minmax(0,1fr) 305px;gap:18px}.chart-studio .studio-header{gap:12px;padding-inline:22px}.chart-studio .studio-workspace{padding-inline:22px}.chart-studio .header-location{display:none}.chart-studio .steps button{gap:8px;padding-inline:12px}.chart-studio .steps small{font-size:.75rem}.chart-studio .step-arrow{display:none}.chart-studio .chart-copy{padding-inline:24px}.chart-studio .chart-copy h2{font-size:1.3125rem}.chart-studio .inspector{padding:18px}}@media (max-width:899px){.chart-studio .workspace-grid{grid-template-columns:minmax(0,1fr)}.chart-studio .canvas-column{display:contents}.chart-studio .chart-sheet{grid-row:1}.chart-studio .inspector{grid-row:2}.chart-studio .data-section{grid-row:3;margin-top:0}.chart-studio .editing-banner{grid-row:3}.chart-studio .editing-banner+.data-section{grid-row:4}.chart-studio .edit-data-link{justify-self:start;margin-top:0}.chart-studio .prototype-footnote{margin-top:0}.chart-studio .workspace-intro{align-items:flex-start}.chart-studio .chart-catalogue{grid-template-columns:repeat(4,minmax(0,1fr));max-height:320px}.chart-studio .chart-choice{min-height:90px}.chart-studio .selected-chart-info{margin-bottom:15px}.chart-studio .next-button{max-width:360px}.chart-studio .guidance-choice{min-width:200px}.chart-studio .steps{margin-bottom:18px}.chart-studio .steps button{min-width:148px}.chart-studio .panel-heading h2{font-size:1.4375rem}.chart-studio .field,.chart-studio .toggle{max-width:520px}.chart-studio .palettes{max-width:360px}.chart-studio .drop-zone{padding:25px}.chart-studio .inspector{scroll-margin-top:85px}.chart-studio .check-facts{max-width:380px}.chart-studio .export-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chart-studio .save-browser{max-width:500px}.chart-studio .help{max-width:600px}}@media (max-width:600px){.chart-studio .studio-header{gap:10px;min-height:60px;padding:10px 14px}.chart-studio .brand{gap:6px;font-size:1rem}.chart-studio .brand svg{width:21px}.chart-studio .header-divider,.chart-studio .prototype-label,.chart-studio .save-header span{display:none}.chart-studio .header-actions{gap:0}.chart-studio .header-actions button{width:36px;min-width:36px;min-height:38px;padding:0}.chart-studio .save-header{margin-left:3px}.chart-studio .workspace-intro{margin-bottom:18px;display:block}.chart-studio .guidance-choice{max-width:100%;margin-top:18px}.chart-studio .guidance-choice .field{align-items:center;gap:10px;display:flex}.chart-studio .guidance-choice label{flex-shrink:0;max-width:100px;margin:0;font-size:.75rem}.chart-studio .guidance-choice button{flex:1;width:auto;font-size:.75rem}.chart-studio .studio-workspace{padding:19px 14px 32px}.chart-studio h1{letter-spacing:-.8px;max-width:280px;font-size:1.5625rem}.chart-studio .workspace-intro p{font-size:.75rem}.chart-studio .back-link{margin-bottom:8px}.chart-studio .steps{border-radius:4px}.chart-studio .steps button{gap:8px;min-width:135px;min-height:60px;padding:12px 10px}.chart-studio .steps small{display:none}.chart-studio .steps strong{font-size:.75rem}.chart-studio .step-number{width:24px;height:24px}.chart-studio .workspace-grid{gap:16px}.chart-studio .chart-copy{padding:20px 18px 0}.chart-studio .chart-copy h2{font-size:1.25rem}.chart-studio .chart-copy p{font-size:.75rem}.chart-studio .plot-wrap{padding:5px 0 0}.chart-studio .plot{height:320px!important}.chart-studio .chart-source{padding:12px 18px 18px;font-size:.75rem}.chart-studio .preview-bar{height:40px;padding-inline:13px;font-size:.75rem}.chart-studio .preview-label{letter-spacing:.8px;font-size:.75rem}.chart-studio .canvas-footer{flex-wrap:wrap;gap:7px;padding:10px 12px;font-size:.75rem}.chart-studio .canvas-footer>span{min-width:0}.chart-studio .inspector{padding:20px 18px}.chart-studio .panel-heading h2{font-size:1.375rem}.chart-studio .panel-heading p{font-size:.75rem}.chart-studio .chart-catalogue{grid-template-columns:repeat(2,minmax(0,1fr));max-height:290px}.chart-studio .chart-choice{min-height:92px;font-size:.75rem}.chart-studio .field label,.chart-studio .field-label{font-size:.75rem}.chart-studio .field input,.chart-studio .field button{min-height:44px;font-size:.8125rem}.chart-studio .hint,.chart-studio .help{font-size:.75rem}.chart-studio .panel-tabs button{min-height:44px}.chart-studio .toggle{min-height:48px}.chart-studio .toggle label{font-size:.75rem}.chart-studio .advanced summary{min-height:36px;font-size:.8125rem}.chart-studio .advanced>button,.chart-studio .inspector button{min-height:44px}.chart-studio .toggle button{min-height:24px}.chart-studio .colour-row{font-size:.75rem}.chart-studio .next-button{max-width:none;min-height:44px}.chart-studio .chart-error{padding:14px;inset:10px}.chart-studio .chart-error h3{font-size:1rem}.chart-studio .chart-error p{font-size:.75rem}.chart-studio .chart-error button{min-height:44px;font-size:.75rem}.chart-studio .export-list{grid-template-columns:1fr}.chart-studio .section-heading{align-items:flex-start;padding:15px}.chart-studio .section-heading>button{min-height:44px;padding-inline:10px}.chart-studio .section-heading h2{font-size:.8125rem}.chart-studio .section-heading p{font-size:.75rem}.chart-studio .table-scroll th,.chart-studio .table-scroll td{padding-inline:12px}.chart-studio .table-scroll input{min-height:44px}.chart-studio .table-scroll .row-number{padding-left:15px}.chart-studio .table-footer{flex-wrap:wrap;gap:6px;padding:8px 12px;font-size:.75rem}.chart-studio .table-footer>span{width:100%;max-width:100%}.chart-studio .table-footer>div{margin-left:auto}.chart-studio .table-footer button{min-width:44px;min-height:44px}.chart-studio .edit-data-link{min-height:44px}.chart-studio .toast{gap:8px;padding:10px 8px 10px 12px;font-size:.75rem;bottom:12px}.chart-studio .toast button{min-width:38px;min-height:44px}.chart-studio .expanded-chart .plot{height:520px!important}.chart-studio .expanded-chart .plot-wrap{min-height:520px}}@media (max-width:350px){.chart-studio .brand{font-size:.875rem}.chart-studio .brand svg{width:20px}.chart-studio .studio-header{gap:5px}.chart-studio .header-actions button{width:32px;min-width:32px}.chart-studio .guidance-choice label{max-width:86px}.chart-studio h1{font-size:1.4375rem}.chart-studio .inspector{padding:18px 14px}.chart-studio .chart-copy h2{font-size:1.125rem}.chart-studio .chart-copy p,.chart-studio .canvas-footer{font-size:.75rem}.chart-studio .preview-bar{gap:8px}}@media (max-width:899px){.chart-studio .jump-preview{z-index:20;background:var(--card);min-height:44px;box-shadow:0 2px 8px color-mix(in oklch, var(--foreground) 7%, transparent);margin:0 0 18px auto;font-size:.75rem;display:flex;position:sticky;top:76px}}@media (max-width:600px){.chart-studio .header-actions button{width:44px;min-width:44px;min-height:44px}}
.chart-studio .workspace-toolbar,.chart-studio .view-switch,.chart-studio .inline-actions,.chart-studio .chart-view-actions,.chart-studio .grid-tool-buttons,.chart-studio .operation-actions,.chart-studio .walkthrough-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chart-studio .workspace-toolbar{justify-content:space-between;margin:-8px 0 18px}.chart-studio .view-switch{border:1px solid var(--border);background:var(--card);border-radius:6px;gap:2px;padding:3px}.chart-studio .view-switch button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.chart-studio .view-switch button{transition:none}.chart-studio .workspace-intro .save-state{margin-top:8px;font-size:.75rem}.chart-studio .workspace-grid[data-view=data] .chart-sheet{display:none}.chart-studio .workspace-grid[data-view=data] .data-section{margin-top:0}.chart-studio .workspace-grid[data-view=chart] .table-workspace{display:none}.chart-studio .workspace-grid[data-table-open=true] .table-workspace{display:block}.chart-studio .data-disclosure{margin-top:12px}.chart-studio .chart-title-button{color:inherit;text-align:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;overflow-wrap:anywhere;background:0 0;border:0;padding:0}.chart-studio .chart-view-actions{border-top:1px solid var(--border);padding:12px 16px;font-size:.75rem}.chart-studio .chart-copy,.chart-studio .chart-source,.chart-studio .chart-note{overflow-wrap:anywhere}.chart-studio .chart-sheet[data-background=dark]{color:#eeeae2;--studio-muted:var(--muted-foreground);--studio-line:#44504c;--border:#44504c;--foreground:#eeeae2;--background:#16221e;background:#16221e}.chart-studio .chart-sheet[data-background=light],.chart-studio .chart-sheet[data-background=transparent]{color:#263730;--studio-muted:var(--muted-foreground);--studio-line:#d6dcd9;--border:#d6dcd9;--foreground:#263730;--background:#fffdf9;background:#fffdf9}.chart-studio .chart-sheet[data-background=transparent] .plot-wrap{background-image:conic-gradient(#f3f1ec 25%, transparent 0 50%, #f3f1ec 0 75%, transparent 0);background-size:18px 18px}.chart-studio .plot{height:var(--plot-height,420px)!important}.chart-studio .chart-view-actions>span{color:var(--studio-muted);flex-basis:100%}.chart-studio .data-section{overflow:hidden}.chart-studio .table-workspace{min-width:0}.chart-studio .table-scroll{overscroll-behavior-inline:contain;max-width:100%;overflow:auto}.chart-studio .table-scroll td{overflow-wrap:anywhere;max-width:300px}.chart-studio .grid-tools{background:var(--studio-soft);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:end;gap:15px;padding:14px 18px;display:flex}.chart-studio .grid-tools .field{flex:1;min-width:160px;max-width:300px;margin:0}.chart-studio .grid-tool-buttons{gap:4px}.chart-studio .selected-rows-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 15px;display:flex}.chart-studio .table-scroll tr.selected-row td{background:color-mix(in oklch, var(--studio-signal) 9%, var(--card))}.chart-studio .source-comparison,.chart-studio .filter-summary,.chart-studio .preview-operation,.chart-studio .progress-notice,.chart-studio .example-return{border:1px solid var(--border);border-left:3px solid var(--studio-signal);background:var(--card);border-radius:4px;margin-bottom:16px;padding:14px 18px}.chart-studio .progress-notice,.chart-studio .example-return{justify-content:space-between;align-items:center;gap:15px;display:flex}.chart-studio .progress-notice p,.chart-studio .example-return p{margin:0}.chart-studio .column-checks{border:1px solid var(--border);max-height:240px;margin:12px 0 18px;padding:8px 12px;overflow:auto}.chart-studio .column-checks legend{padding:0 4px;font-size:.75rem;font-weight:600}.chart-studio .column-checks label{overflow-wrap:anywhere;align-items:center;gap:9px;min-height:36px;display:flex}.chart-studio .column-checks input{accent-color:var(--studio-signal);flex-shrink:0;width:16px;height:16px}.chart-studio .operation-form{margin:14px 0}.chart-studio .operation-history{margin:0;padding:0;list-style:none}.chart-studio .operation-history>li{border-bottom:1px solid var(--border);padding:15px 0}.chart-studio .operation-actions{gap:3px;margin-top:10px}.chart-studio .operation-actions button{font-size:.75rem}.chart-studio .operation-error,.chart-studio .inline-error{color:var(--destructive);overflow-wrap:anywhere;border:1px solid;border-radius:4px;padding:10px 12px}.chart-studio .issue-list{max-height:300px;padding:0;list-style:none;overflow:auto}.chart-studio .issue-list button{white-space:normal;text-align:left;justify-content:flex-start;width:100%;height:auto}.chart-studio .annotation-row{border-top:1px solid var(--border);margin-top:16px;padding:16px 0}.chart-studio .annotation-row>.field:first-child{margin-top:5px}.chart-studio .selected-chart-info{overflow-wrap:anywhere}.chart-studio .selection-detail{max-width:100%;overflow:hidden}.chart-studio .selection-detail>.table-scroll{margin:12px 0}.chart-studio .selection-detail>button{white-space:normal;height:auto;min-height:36px;margin:3px 0}.chart-studio .selection-detail .table-scroll td,.chart-studio .selection-detail .table-scroll th{padding:6px;font-size:.75rem}.chart-studio .recommendations{gap:7px;margin-bottom:14px;display:grid}.chart-studio .recommendation{border:1px solid var(--border);background:var(--card);min-width:0;min-height:82px;color:var(--foreground);text-align:left;border-radius:5px;align-items:center;gap:10px;padding:10px;display:flex}.chart-studio .recommendation>span:not(.chart-miniature){flex:1;min-width:0}.chart-studio .recommendation strong{font-size:.75rem;font-weight:600;display:block}.chart-studio .recommendation small{color:var(--studio-muted);margin-top:3px;font-size:.75rem;line-height:1.45;display:block}.chart-studio .recommendation.selected,.chart-studio .chart-choice.selected{border-color:var(--studio-signal);background:color-mix(in oklch, var(--studio-signal) 5%, var(--card))}.chart-studio .chart-miniature{background:#fffdf9;border-radius:3px;flex:0 0 76px;width:76px;line-height:0;display:block;overflow:hidden}.chart-studio .chart-miniature svg{width:100%;max-width:100%;height:auto;display:block}.chart-studio .chart-choice .chart-miniature{flex:auto;width:100%;max-width:130px}.chart-studio .chart-choice{gap:5px;min-height:115px;padding:8px}.chart-studio .chart-choice>small{color:var(--studio-muted);font-size:.75rem;line-height:1.35}.chart-studio .chart-catalogue{max-height:420px}.chart-studio .browse-charts{justify-content:space-between;width:100%;margin-bottom:18px}.chart-studio .compatibility-message{border-left:2px solid var(--studio-signal);background:var(--studio-soft);margin:10px 0;padding:10px 12px;font-size:.75rem}.chart-studio .selected-chart-info .table-scroll{margin-top:12px}.chart-studio .selected-chart-info .table-scroll th,.chart-studio .selected-chart-info .table-scroll td{padding:6px 10px;font-size:.75rem}.chart-studio .guidance{margin:-5px 0 12px}.chart-studio .guidance-trigger{height:32px;color:var(--studio-muted);padding-left:0;font-size:.75rem}.chart-studio .walkthrough{border:1px solid var(--studio-signal);background:var(--card);border-radius:5px;margin:8px 0 16px;padding:14px;line-height:1.6}.chart-studio .walkthrough-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.chart-studio .walkthrough-heading strong{font-size:.8125rem}.chart-studio .walkthrough>p{margin:6px 0 12px;font-size:.75rem}.chart-studio .walkthrough-actions{gap:5px;font-size:.75rem}.chart-studio .walkthrough-actions>span{margin-right:auto}.chart-studio .walkthrough-actions button{padding-inline:8px;font-size:.75rem}.chart-studio .guidance-demo{border-top:1px solid var(--border);margin-top:10px;padding-top:14px;font-size:.75rem}.chart-studio .guidance-demo svg{width:100%;max-height:160px;margin:8px 0 12px;overflow:visible}.chart-studio .guidance-demo text{fill:currentColor;font-size:.75rem}.chart-studio .guidance-demo rect{transition:y .25s,height .25s}.chart-studio [data-tour=active]{outline:3px solid var(--studio-signal);outline-offset:5px;scroll-margin:100px}.chart-studio .import-preview{border-bottom:1px solid var(--border);margin-bottom:16px;padding:14px 0}.chart-studio .import-preview h3{margin:0 0 14px;font-size:.875rem}.chart-studio .import-preview .table-scroll{border:1px solid var(--border);margin:10px 0}.chart-studio .import-preview td,.chart-studio .import-preview th{padding:8px;font-size:.75rem}.chart-studio .blank-table-button{width:100%;margin:12px 0}.chart-studio .example-block{margin-top:18px}.chart-studio .export-summary{color:var(--studio-muted);margin:10px 0 18px;font-size:.75rem;line-height:1.65}.chart-studio .save-browser>button{margin-bottom:8px}.chart-studio .export-list{margin:18px 0}.chart-studio .export-list button{min-height:66px}.chart-studio .draft-library{background:var(--card);border:1px solid var(--border);border-radius:6px;margin:0 0 20px;overflow:hidden}.chart-studio .library-body{padding:18px}.chart-studio .draft-row{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:14px 0 0;display:flex}.chart-studio .draft-row>div:first-child{flex:1;min-width:150px}.chart-studio .draft-row h3{overflow-wrap:anywhere;margin:0;font-size:.875rem}.chart-studio .draft-row p{color:var(--studio-muted);margin:5px 0 0;font-size:.75rem}.chart-studio .delete-confirm{background:var(--studio-soft);width:100%;padding:14px}.chart-studio .delete-confirm p{margin-bottom:10px}.chart-studio .print-frame{border:0;width:1200px;height:900px;position:fixed;top:0;left:-10000px}.chart-studio .phone-tasks{display:none}.dark .chart-studio{--studio-muted:var(--muted-foreground);--studio-signal:var(--brand)}.dark .chart-studio .chart-miniature{filter:brightness(.92)}.dark .chart-studio .live-dot{background:var(--status-success-text)}.chart-studio .field [data-slot=select-trigger]{max-width:100%;overflow:hidden}.chart-studio .field [data-slot=select-value]{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chart-studio [data-slot=select-content]{max-width:calc(100vw - 28px)}.chart-studio [data-slot=select-item]{white-space:normal;overflow-wrap:anywhere}
@media (min-width:1100px){.chart-studio .workspace-grid[data-view=split]{display:block}.chart-studio .workspace-grid[data-view=split] .inspector{display:none}.chart-studio .workspace-grid[data-view=split] .canvas-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.chart-studio .workspace-grid[data-view=split] .table-workspace .data-section{margin-top:0}.chart-studio .workspace-grid[data-view=split] .prototype-footnote{grid-column:1/-1}.chart-studio .workspace-grid[data-view=split] .data-disclosure{display:none}}@media (max-width:1099px){.chart-studio .split-toggle{display:none}.chart-studio .workspace-grid[data-view=split] .table-workspace{display:block}}@media (max-width:899px){.chart-studio .workspace-grid[data-view=data] .table-workspace{grid-row:1}.chart-studio .workspace-grid[data-view=data] .inspector{grid-row:2}.chart-studio .workspace-grid[data-view=chart] .table-workspace{grid-row:3}.chart-studio .recommendations{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-studio .recommendation{flex-direction:column;align-items:start;display:flex}.chart-studio .recommendation .chart-miniature{flex:auto;width:100%;max-width:140px}.chart-studio .phone-tasks{padding:6px max(10px, env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--border);z-index:35;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.chart-studio .phone-tasks button{border-radius:4px;flex:1;min-height:44px;font-size:.75rem}.chart-studio .phone-tasks button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.chart-studio .studio-workspace{padding-bottom:90px}.chart-studio .toast{bottom:80px}.chart-studio .data-disclosure{grid-row:3}.chart-studio .prototype-footnote{grid-row:5}}@media (max-width:600px){.chart-studio .studio-header{flex-wrap:wrap;gap:0;padding:8px 12px}.chart-studio .brand span{display:none}.chart-studio .brand{width:36px;height:44px}.chart-studio .brand svg{width:26px;height:26px}.chart-studio .header-actions{gap:0;margin-left:auto}.chart-studio .header-actions button{width:44px;min-width:44px;height:44px;padding:0}.chart-studio .workspace-toolbar{gap:8px;margin:0 0 14px}.chart-studio .workspace-toolbar>button{min-height:44px;padding:6px;font-size:.75rem}.chart-studio .view-switch button{min-height:44px;padding-inline:12px}.chart-studio .recommendations{grid-template-columns:1fr}.chart-studio .recommendation{flex-direction:row;align-items:center;min-height:80px}.chart-studio .recommendation .chart-miniature{flex:0 0 80px;width:80px}.chart-studio .recommendation small{font-size:.75rem}.chart-studio .recommendation strong{font-size:.8125rem}.chart-studio .grid-tools{gap:8px;padding:12px}.chart-studio .grid-tools .field{flex:auto;width:100%;max-width:none}.chart-studio .grid-tool-buttons button{min-width:44px;min-height:44px;padding:8px;font-size:.75rem}.chart-studio .grid-tools .grid-tool-buttons{width:100%}.chart-studio .chart-view-actions button{min-height:44px;font-size:.75rem}.chart-studio .column-checks label{min-height:44px}.chart-studio .column-checks input{width:20px;height:20px}.chart-studio .advanced summary{min-height:44px;padding-block:10px}.chart-studio .progress-notice,.chart-studio .example-return{flex-direction:column;align-items:start}.chart-studio .guidance{margin-bottom:8px}.chart-studio .guidance-trigger{min-height:44px}.chart-studio .table-scroll .row-number button,.chart-studio .row-actions button{min-width:44px;min-height:44px}.chart-studio .chart-title-button,.chart-studio .selection-detail>button{min-height:44px}.chart-studio .field input[type=color]{min-width:44px;height:44px}.chart-studio .toggle button{min-height:24px}.chart-studio .toggle{min-height:48px;position:relative}.chart-studio .toggle button:after{content:"";position:absolute;inset:-10px 0}.chart-studio .toast{bottom:76px}}@media (prefers-reduced-motion:reduce){.chart-studio *,.chart-studio :before,.chart-studio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.chart-studio{--studio-muted:var(--muted-foreground);--studio-signal:var(--brand);min-width:0;min-height:100%;container-type:inline-size}.chart-studio .studio-workspace{min-width:0;max-width:1600px;margin:0 auto;padding:24px 24px 40px}.chart-studio .studio-header{flex-wrap:wrap;gap:12px;min-height:56px;padding:8px 24px}.chart-studio .studio-breadcrumb{font-size:.8125rem}.chart-studio .studio-breadcrumb span{padding:0 8px}.chart-studio .steps{z-index:20;position:sticky;top:56px}.chart-studio .steps button{flex-shrink:0;width:max-content;min-width:max-content}.chart-studio .account-library,.chart-studio .account-sharing{border-bottom:1px solid var(--border);padding:16px 0}.chart-studio .account-library h3,.chart-studio .account-sharing h3{margin-bottom:8px;font-size:.9375rem;font-weight:600}.chart-studio .account-library-list{max-height:280px;margin-top:8px;overflow-y:auto}.chart-studio .account-library-list>button,.chart-studio .library-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;width:100%;height:auto;min-height:44px;padding:8px;display:flex}.chart-studio .account-library-list span{white-space:normal;overflow-wrap:anywhere;text-align:left}.chart-studio .library-row>span{flex:1;min-width:0}.chart-studio .account-sharing>button,.chart-studio .account-sharing>a{white-space:normal;width:100%;height:auto;min-height:40px;margin:6px 0}.chart-studio .account-sharing a:not([data-slot]){text-underline-offset:3px;text-decoration:underline}.chart-studio .library-heading{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.chart-studio .header-actions{min-width:0}.chart-studio .phone-utilities{display:none}.chart-studio .eyebrow{font-size:.75rem}.chart-studio .table-scroll{position:relative}.chart-studio .section-heading>div{overflow-wrap:anywhere;min-width:0}.chart-studio .toast{max-width:min(520px,100% - 32px);left:16px;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));margin-inline:auto;transform:none}@container (max-width:1050px){.chart-studio .workspace-grid{grid-template-columns:minmax(0,1fr) 330px;gap:16px}.chart-studio .workspace-intro{gap:16px}.chart-studio .guidance-choice{max-width:230px}}@container (max-width:820px){.chart-studio .studio-workspace{padding:16px 16px 40px}.chart-studio .studio-header{padding-inline:16px}.chart-studio .studio-breadcrumb{display:none}.chart-studio .workspace-grid,.chart-studio .workspace-grid[data-view=split]{flex-direction:column;align-items:stretch;display:flex}.chart-studio .canvas-column{width:100%}.chart-studio .inspector{width:100%;max-height:none;position:static}.chart-studio .workspace-grid[data-view=data] .chart-sheet{display:none}.chart-studio .workspace-intro{flex-wrap:wrap;align-items:flex-start}.chart-studio .guidance-choice{width:100%;max-width:100%}.chart-studio .jump-preview{display:flex}}@media (max-width:899px){.chart-studio .phone-tasks{z-index:19;position:sticky;inset:118px auto auto}.chart-studio .inspector{scroll-margin-top:184px}}@media (max-width:767px){.chart-studio .studio-workspace{padding-inline:12px}.chart-studio .studio-header{min-height:56px;padding:6px 12px}.chart-studio .header-actions{justify-content:flex-end;width:100%}.chart-studio .header-actions .save-header{width:auto;margin-left:auto;padding-inline:12px}.chart-studio .save-header span{display:inline}.chart-studio .header-actions>button{min-width:44px;min-height:44px}.chart-studio .header-actions>button[aria-label="Open saved charts"]{display:inline-flex}.chart-studio .steps{top:56px}.chart-studio .toast{bottom:calc(76px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.chart-studio *,.chart-studio :before,.chart-studio :after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms}}
[data-studio-app-mode] .chart-studio .back-link{display:none}[data-studio-app-mode] .chart-studio .studio-workspace{padding-bottom:calc(40px + env(safe-area-inset-bottom))}[data-studio-app-mode] .chart-studio .toast{bottom:calc(16px + env(safe-area-inset-bottom))}[data-studio-app-mode] .chart-studio .studio-inline-link{height:auto;min-height:0;color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}
