.surface{background:var(--surface-2)}@property --zone-size{syntax:"*";inherits:false}@property --zone-min{syntax:"*";inherits:false}.zone{height:100%;width:100%}:where(.zone){min-height:0;min-width:0}.zone--padded{padding:var(--space-4)}.zone--content{padding:var(--zone-padding,var(--space-4))}.zone--content--flush{padding:0}.zone--gap{--zone-gap:var(--space-4)}.zone--scrollable{flex:1;min-height:0;overflow-y:auto}.zone--scrollable--x{overflow-x:auto}.zone--scrollable--x>.zone{min-width:100%;width:min-content}.zone--narrow{max-width:100%;width:var(--zone-size,fit-content)}.zone--toolbar{--zone-toolbar-padding:var(--space-3);--zone-toolbar-item-size:calc(var(--zone-toolbar-padding)*2 + var(--control-size) - var(--tabs-inset, 0px)*2);align-items:center;background:var(--surface-shell);display:flex;flex-direction:column;gap:var(--tabs-inset,0);padding:var(--tabs-inset,0)}.zone--toolbar--compact{--density-padding-block:var(--space-1);--density-padding-inline:var(--space-2);--density-gap:var(--space-1);--control-size:calc(var(--space-1)*2 + var(--font-size-3)*1.375);--zone-toolbar-padding:var(--space-2)}.zone--toolbar-group{align-items:center;display:flex;flex-direction:column;gap:var(--tabs-inset,0)}.zone--toolbar-group>.action-icon{border-radius:var(--tabs-radius,0);height:var(--zone-toolbar-item-size);width:var(--zone-toolbar-item-size)}.zone--toolbar-group--end{margin-top:auto}.zone--toolbar--horizontal,.zone--toolbar--horizontal>.zone--toolbar-group{flex-direction:row}.zone--toolbar--horizontal>.zone--toolbar-group--end{margin-top:0;margin-inline-start:auto}.zone--split:where(:not(.zone--split--joined))>:where(.zone--joined-start){margin-inline-start:calc(var(--zone-gap, var(--space-2))*-1)}.zone--split:where(:not(.zone--split--joined))>:where(.zone--joined-end){margin-inline-end:calc(var(--zone-gap, var(--space-2))*-1)}.zone--size-1{--zone-size:var(--size-1)}.zone--min-1{--zone-min:var(--size-1)}.zone--size-2{--zone-size:var(--size-2)}.zone--min-2{--zone-min:var(--size-2)}.zone--size-3{--zone-size:var(--size-3)}.zone--min-3{--zone-min:var(--size-3)}.zone--size-4{--zone-size:var(--size-4)}.zone--min-4{--zone-min:var(--size-4)}.zone--size-5{--zone-size:var(--size-5)}.zone--min-5{--zone-min:var(--size-5)}.zone--size-6{--zone-size:var(--size-6)}.zone--min-6{--zone-min:var(--size-6)}.zone--size-7{--zone-size:var(--size-7)}.zone--min-7{--zone-min:var(--size-7)}.zone--size-8{--zone-size:var(--size-8)}.zone--min-8{--zone-min:var(--size-8)}.zone--size-9{--zone-size:var(--size-9)}.zone--min-9{--zone-min:var(--size-9)}.zone--alt{background:var(--surface-1)}.zone--panel{--surface-shell:var(--surface-3);--block-shadow:var(--shadow-1);--border-color-discreet:var(--border-color-default);background:var(--surface-zone);border-radius:var(--zone-radius,0);--surface-shell:var(--surface-1)}.zone--split{display:flex;gap:var(--zone-gap,var(--space-2))}.zone--split>*{min-width:0}.zone--measure{max-width:var(--zone-size,var(--zone-measure,var(--content-size-m)))}.zone--split>:where(.zone){flex:1 1 0;height:auto;min-width:var(--zone-min,0);width:auto}.zone--split>:where(.zone[style*="--zone-size"]:not(.zone--narrow,.zone--measure)){flex:0 0 var(--zone-size)}.zone--split>:where(.zone--narrow){flex:0 0 auto;width:var(--zone-size,fit-content)}.zone--split>:where(.zone--measure){flex:0 1 var(--zone-size,var(--zone-measure,var(--content-size-m)))}.zone--split>:where(.zone--measure[style*="--zone-size"]){flex-shrink:0}.zone--split>:where(.zone--rigid){flex-shrink:0}.zone--split>:where(.zone--measure.zone--folded){flex-basis:var(--zone-size,min(var(--zone-folded-size),var(--zone-measure,var(--content-size-m))));max-width:var(--zone-size,min(var(--zone-folded-size),var(--zone-measure,var(--content-size-m))))}.zone--split>:where(.zone--fit-content){flex:1 0 auto;min-width:max-content}.zone--split>:where(.zone--hug){flex:0 1 auto;min-width:min(100%,var(--zone-measure,var(--content-size-m)));width:fit-content}.zone--split:has(>.zone:not(.zone--narrow,.zone--measure,.zone--fit-content,.zone--hug,.zone--filler,[style*="--zone-size"]))>.zone--filler{display:none}.zone--split>:where(.zone--filler){background:none;flex:1 1 0;margin-inline-start:calc(var(--zone-gap, var(--space-2))*-1);min-width:0;position:relative}.zone--split>:where(.zone--filler):before{background:var(--surface-zone);border-radius:inherit;content:"";inset:0;inset-inline-start:var(--zone-gap,var(--space-2));position:absolute}.zone--split:has(>.zone--portrait):not(.zone--split--grow){container-type:size}.zone--split>:where(.zone--portrait){--zone-min:75cqh;--zone-floor:max(var(--zone-body-min,20rem),75cqh)}.zone--split:where(.zone--split--scroll){overflow-x:auto}.zone--split:where(.zone--split--scroll)>:where(.zone){flex:0 0 var(--zone-size,var(--size-7))}.zone--split:where(.zone--split--scroll)>:where(.zone--narrow){flex:0 0 auto}.zone--split:where(:has(>.zone--fit-content)){overflow-x:auto}.zone--split:where(:has(>.zone--fit-content))>:where(.zone){flex-shrink:0}.zone--split:where(.zone--split--floor,.layout--body>*):where(:has(>.zone~.zone:not(.zone--filler))){overflow-x:auto}.zone--split:where(.zone--split--floor,.layout--body>*):where(:has(>.zone~.zone:not(.zone--filler)))>:where(.zone:not(.zone--narrow,.zone--fit-content,.zone--filler)){min-width:var(--zone-floor,var(--zone-body-min,20rem))}.zone--split:where(.zone--split--grow){min-width:min-content}.zone--split:where(.zone--split--wrap){flex-wrap:wrap}.zone--split:where(.zone--split--wrap)>:where(.zone){flex-basis:var(--zone-body-min,20rem);min-width:min(100%,var(--zone-body-min,20rem))}.zone--split:where(.zone--split--wrap)>:where(.zone--narrow){flex-basis:auto;min-width:0}.zone--split:where(.zone--split--vertical){flex-direction:column}.zone--split:where(.zone--split--vertical)>:where(.zone){min-height:var(--zone-min,0);min-width:0}.zone--split:where(.zone--split--vertical)>:where(.zone--narrow){height:var(--zone-size,fit-content);width:auto}.zone--split:where(.zone--split--equal){display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.zone--split--flush{--zone-gap:1px;background:var(--border-color-discreet)}.zone--split:where(.zone--split--joined){gap:0}.zone--split>.zone--closed{display:none}.zone--split>.zone--split:has(>.zone):not(:has(>.zone:not(.zone--closed))){display:none}.toolbar{--toolbar-padding:var(--space-3);--toolbar-font-size:var(--font-size-5);min-height:calc(var(--toolbar-padding)*2 + var(--control-size));padding:var(--toolbar-padding);--zone-min:calc(var(--toolbar-padding)*2 + var(--control-size));align-items:center;display:flex;font-size:var(--toolbar-font-size);gap:var(--space-3);justify-content:space-between}.toolbar,.toolbar>*{min-width:0}.toolbar--top{background:var(--surface-shell)}.toolbar:not(.toolbar--shaded):has(.toolbar--title:is(h1,h2,h3,h4,h5,h6)){--toolbar-padding:0;--toolbar-font-size:1rem}.toolbar--wrap{flex-wrap:wrap}.toolbar--compact{--density-padding-block:var(--space-1);--density-padding-inline:var(--space-2);--density-gap:var(--space-1);--control-size:calc(var(--space-1)*2 + var(--font-size-3)*1.375);--toolbar-padding:var(--space-2);--toolbar-font-size:var(--font-size-4)}.toolbar--compact>.toolbar--group{flex:none;flex-wrap:nowrap}.toolbar--shaded{background:var(--surface-shell)}.toolbar--title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar--group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.toolbar .form--input{field-sizing:content;min-width:4ch;width:auto}.toolbar--group>.form--inline,.toolbar>.form--inline{flex:1 1 auto}.toolbar--field{align-items:center;display:inline-flex;gap:var(--density-gap,var(--space-2));min-width:0;white-space:nowrap}.toolbar--field-label{color:var(--text-color-muted)}.toolbar--link{align-items:center;border-radius:var(--radius-control);display:inline-flex;gap:var(--space-1);padding:var(--space-2);transition:background .15s}.toolbar--link:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.toolbar--action{align-items:center;background:transparent;border:0;border-radius:var(--radius-control);color:var(--text-color-muted);cursor:pointer;display:inline-flex;font:inherit;justify-content:center;line-height:1;padding:var(--density-padding-block,var(--space-2));transition:background .15s}.toolbar--action:focus-visible,.toolbar--action:hover{background:var(--state-hover);color:var(--text-color-default)}.toolbar--action:is(.is-active,[aria-pressed=true]){background:var(--state-hover);color:var(--text-color-default)}.toolbar--action:disabled{background:none;color:var(--text-color-muted);cursor:default;opacity:.4}.toolbar--separator{align-self:stretch;background:var(--border-color-discreet);margin-inline:var(--space-1);width:1px}.zone-collapsible{display:flex;flex-direction:column;min-width:0}.zone-collapsible--bar{flex:0 0 auto}.zone.zone-collapsible--bar{height:auto;width:auto}.zone-collapsible--body{flex:1;min-height:0}.zone.zone--panel.zone-collapsible--collapsed{flex:0 0 var(--zone-collapsed-size,var(--size-1));width:var(--zone-collapsed-size,var(--size-1))}.zone:not(.zone--split):has(>.zone-collapsible.zone-collapsible--collapsed){--zone-size:var(--zone-collapsed-size,var(--size-1));flex:0 0 var(--zone-size);width:var(--zone-size)}.zone-collapsible--collapsed .zone-collapsible--actions,.zone-collapsible--collapsed .zone-collapsible--body{display:none}.zone-collapsible--collapsed .zone-collapsible--bar{align-items:center;flex:1;flex-direction:column;height:auto;justify-content:flex-start;min-height:0}.zone-collapsible--collapsed .zone-collapsible--toggle{transform:rotate(var(--rotate-quarter))}.zone-collapsible--collapsed .zone-collapsible--title{max-height:100%;min-height:0;overflow:hidden;text-overflow:ellipsis;writing-mode:var(--writing-mode-vertical)}