@layer pages{chart-creation-workspace{min-inline-size:0;block-size:var(--shell-stage-block,calc(100dvh - 64px));color:var(--md-sys-color-on-surface);display:block}chart-creation-library{display:contents}.chart-studio{background:var(--md-sys-color-surface);grid-template-rows:auto auto minmax(0,1fr) auto;block-size:100%;min-block-size:0;display:grid;overflow:hidden}.chart-studio__toolbar{border-block-end:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);align-items:center;gap:8px;min-inline-size:0;padding:6px 12px;display:flex}.chart-studio__zoom-y{border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;flex:none;align-items:center;display:flex}.chart-studio__zoom-y>span{font-variant-numeric:tabular-nums;align-items:center;gap:2px;min-inline-size:42px;display:flex}.chart-studio__zoom-y output{font-size:var(--md-sys-typescale-label-medium-size)}.chart-studio__tools{scrollbar-width:thin;flex:1;align-items:center;gap:8px;min-inline-size:0;display:flex;overflow-x:auto}.chart-studio__tools .chart-creation__actions{flex-wrap:nowrap;margin:0}.chart-studio__tools .segmented,.chart-studio__tools .button,.chart-studio__tools output{flex:none}.chart-studio__tools output{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size)/var(--md-sys-typescale-label-medium-line-height) var(--app-font)}.chart-studio__body{min-block-size:0;min-inline-size:0;display:flex;position:relative;overflow:hidden}.chart-studio__panel{background:var(--md-sys-color-surface-container-low);flex-direction:column;flex:0 0 264px;min-block-size:0;inline-size:264px;min-inline-size:0;display:flex}.chart-studio__panel--left{border-inline-end:1px solid var(--md-sys-color-outline-variant)}.chart-studio__panel--right{border-inline-start:1px solid var(--md-sys-color-outline-variant);flex-basis:296px;inline-size:296px}.chart-studio__panel>header{flex:none;justify-content:space-between;align-items:center;gap:8px;min-block-size:48px;padding-inline:12px 4px;display:flex}.chart-studio__panel>header>strong{min-inline-size:0;font:var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size)/var(--md-sys-typescale-title-small-line-height) var(--app-font)}.chart-studio__panel>.segmented{flex:none;align-self:stretch;margin:0 12px 8px}.chart-studio__panel>.segmented>button{flex:1}.chart-studio__panel-content{overscroll-behavior:contain;scrollbar-width:thin;min-block-size:0;padding:0 12px 16px;overflow-y:auto}.chart-studio__panel .chart-creation__form{grid-template-columns:minmax(0,1fr);gap:12px;margin-block:12px;display:grid}.chart-creation__form :is(md-outlined-text-field,md-outlined-select),.chart-studio__panel-content>md-outlined-text-field{inline-size:100%;min-inline-size:0}.chart-creation__form label{align-items:center;gap:8px;min-block-size:40px;display:flex}.chart-creation__actions,.chart-creation__audio{flex-wrap:wrap;align-items:center;gap:8px;margin-block:12px;display:flex}.chart-studio__panel .chart-creation__actions>.button{flex:100%;justify-content:start}.chart-creation__audio>span{overflow-wrap:anywhere;inline-size:100%;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size)/var(--md-sys-typescale-body-small-line-height) var(--app-font)}.chart-studio__stage{background:var(--md-sys-color-surface-container);flex:1;grid-template-rows:minmax(0,1fr) 32px;min-block-size:0;min-inline-size:0;display:grid;position:relative}.chart-creation__editor{cursor:crosshair;block-size:100%;min-block-size:0;inline-size:100%;display:block}.chart-creation__editor:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.chart-studio__timeline-position{background:var(--md-sys-color-surface-container-low);min-inline-size:0;padding-inline:12px}.chart-studio__empty{background:var(--md-sys-color-surface-container);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex;position:absolute;inset:0 0 32px}.chart-studio__empty>strong{font:var(--md-sys-typescale-title-large-weight) var(--md-sys-typescale-title-large-size)/var(--md-sys-typescale-title-large-line-height) var(--app-font)}.chart-studio__messages:empty{display:none}.chart-studio__messages>p{font:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size)/var(--md-sys-typescale-body-small-line-height) var(--app-font);margin:0;padding:4px 12px}.chart-studio__transport{border-block-start:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-low);grid-template-columns:40px 40px minmax(48px,1fr) max-content 40px;align-items:center;gap:6px;min-inline-size:0;padding:4px 12px;display:grid}.chart-studio__transport>output{min-inline-size:5ch;font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size)/var(--md-sys-typescale-label-medium-line-height) var(--app-font);font-variant-numeric:tabular-nums}.chart-studio__transport>md-slider{block-size:44px;min-inline-size:0}.chart-studio__wide-actions{align-items:center;display:flex}.chart-studio__drawer-button,.chart-studio__tools .chart-studio__history{display:none}chart-creation-workspace [role=alert]{color:var(--md-sys-color-error)}.chart-studio [hidden]{display:none!important}@media (max-width:959px){.chart-studio__drawer-button{flex:none;display:inline-grid}.chart-studio__wide-actions{display:none}.chart-studio__toolbar{gap:4px;padding:4px}.chart-studio__tools .chart-studio__history{display:inline-grid}.chart-studio__panel{z-index:3;inline-size:min(320px,100% - 32px);max-inline-size:calc(100% - 32px);box-shadow:var(--md-sys-elevation-level3);position:absolute;inset-block:0}.chart-studio__panel--left{border-radius:0 var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large) 0;inset-inline-start:0}.chart-studio__panel--right{border-radius:var(--md-sys-shape-corner-large) 0 0 var(--md-sys-shape-corner-large);inset-inline-end:0}.chart-studio__scrim{z-index:2;background:color-mix(in srgb, var(--md-sys-color-scrim) 32%, transparent);position:absolute;inset:0}.chart-studio__transport{gap:4px;padding-inline:4px}}.chart-studio__stage[data-mode=preview]{background:var(--md-sys-color-scrim);grid-template-rows:minmax(0,1fr)}.chart-studio__native{block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0}.chart-studio__width{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:4px 8px;margin-block:12px;padding:12px;display:grid}.chart-studio__width>label{font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--app-font);grid-column:1/-1;justify-content:space-between;align-items:baseline;display:flex}.chart-studio__width>md-outlined-text-field{inline-size:84px;min-inline-size:0}.chart-studio__width-preset{flex:none}@media (max-width:599px){.chart-studio__width-preset{padding-inline:8px}}.chart-studio__setting{min-inline-size:0;gap:0!important;display:grid!important}.chart-studio__setting>span{font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--app-font);justify-content:space-between;gap:8px;display:flex}.chart-studio__setting output{font-variant-numeric:tabular-nums}.chart-studio__stage[data-mode=preview]{place-items:center;container-type:size}chart-creation-workspace:fullscreen{background:var(--md-sys-color-surface);block-size:100dvh;inline-size:100vw}.chart-studio__fullscreen-actions{align-items:center;display:flex}.chart-studio__transport{grid-template-columns:40px 40px minmax(48px,1fr) max-content 40px 40px}@media (max-width:599px){.chart-studio__transport{grid-template-columns:44px 44px minmax(48px,1fr) max-content 44px}.chart-studio__transport .icon-button{--icon-button-size:44px}.chart-studio__transport>.chart-studio__follow{display:none}}.chart-studio__preview-inline{display:none}@media (max-width:599px){.chart-studio__preview-header{display:none}.chart-studio__preview-inline{flex:none;display:inline-grid}}@media (max-width:359px){.chart-studio__header-save{display:none}}.chart-studio__width .md3-slider{--md-slider-inactive-track-color:var(--md-sys-color-outline-variant)}.chart-studio__native{block-size:min(56.25cqw,100cqh);inline-size:100%}.chart-studio[data-stage=preview] .chart-studio__tools,.chart-studio[data-stage=preview] .chart-studio__width-preset,.chart-studio[data-stage=preview]>.chart-studio__toolbar>.chart-studio__drawer-button:first-of-type{display:none}.chart-studio[data-stage=preview] .chart-studio__preview-inline,.chart-studio[data-stage=preview]>.chart-studio__toolbar>.chart-studio__drawer-button:last-of-type{display:inline-grid}.chart-studio[data-stage=preview]>.chart-studio__toolbar>.chart-studio__drawer-button:last-of-type{margin-inline-start:auto}.chart-studio__preview-mode{font:var(--md-sys-typescale-label-large-weight) var(--md-sys-typescale-label-large-size)/var(--md-sys-typescale-label-large-line-height) var(--app-font);color:var(--md-sys-color-on-surface-variant)}.chart-studio__skin-state{z-index:1;background:color-mix(in srgb, var(--md-sys-color-surface-container) 72%, transparent);place-items:center;display:grid;position:absolute;inset:0 0 32px}@media (max-width:599px){.chart-studio__toolbar{flex-wrap:wrap}.chart-studio__tools{flex:1 0 calc(100% - 56px);order:1}.chart-studio__toolbar>.chart-studio__drawer-button:last-of-type{order:1}}}