.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}.zone:has(>.zone-resizer),[data-resize-state]:has(>.zone-resizer){position:relative}[data-resize-state]:has(>.zone-resizer){--zone-gap:0px}.gutters--collapsible--collapsed>.zone-resizer{display:none}.zone-resizer{--zone-resizer-gap:var(--zone-gap,var(--space-2));--zone-resizer-reach:max(var(--zone-resizer-gap),var(--space-2));--zone-resizer-offset:calc((var(--zone-resizer-reach) + var(--zone-resizer-gap))/-2);position:absolute;touch-action:none;z-index:1}.zone-resizer:focus{outline:none}.zone-resizer--end,.zone-resizer--start{bottom:0;cursor:col-resize;top:0;width:var(--zone-resizer-reach)}.zone-resizer--end{inset-inline-end:var(--zone-resizer-offset)}.zone-resizer--start{inset-inline-start:var(--zone-resizer-offset)}.zone-resizer--y.zone-resizer--end,.zone-resizer--y.zone-resizer--start{bottom:auto;cursor:row-resize;height:var(--zone-resizer-reach);inset-inline-end:0;inset-inline-start:0;top:auto;width:auto}.zone-resizer--y.zone-resizer--end{bottom:var(--zone-resizer-offset)}.zone-resizer--y.zone-resizer--start{top:var(--zone-resizer-offset)}