@media (width<=767px){:root{--layout-gutter:var(--space-2)}}@font-face{font-family:Inter;src:url(/assets/ui/Inter-Variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@media (hover:hover) and (pointer:fine){.f-scroll-region{--f-scroll-track:var(--ui-control-track);scrollbar-width:thin;scrollbar-color:var(--ui-control-fill-hover) var(--f-scroll-track)}.f-scroll-region[data-scrollable=false]{--f-scroll-track:color-mix(in srgb,var(--ui-control-track) 40%,transparent)}@supports selector(::-webkit-scrollbar){.f-scroll-region{scrollbar-color:auto;scrollbar-width:auto}.f-scroll-region::-webkit-scrollbar{width:calc(var(--space-3)/2);height:calc(var(--space-3)/2)}.f-scroll-region::-webkit-scrollbar-track{background:var(--f-scroll-track);border-radius:var(--radius-1)}.f-scroll-region::-webkit-scrollbar-thumb{min-height:var(--space-5);background:var(--ui-control-fill);border:calc(var(--space-1)/4) solid transparent;border-radius:var(--radius-2);background-clip:padding-box}.f-scroll-region::-webkit-scrollbar-thumb:hover{background-color:var(--ui-control-fill-hover)}.f-scroll-region::-webkit-scrollbar-thumb:active{background-color:var(--ui-control-fill-hover)}.f-scroll-region::-webkit-scrollbar-corner{background:0 0}}}@media (hover:hover) and (pointer:fine){.f-button:not(:disabled):not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--text-primary) var(--ui-control-hover-alpha,9%),var(--surface-canvas));border-color:color-mix(in srgb,var(--color-rule) 65%,var(--text-primary))}.f-button:is([data-variant=quiet],[data-variant=secondary]):not(:disabled):not([aria-disabled=true]):hover{background:var(--ui-control-track-hover,var(--surface-subtle));border-color:#0000}.f-button:is([data-variant=primary],[data-variant=accent],.f-button--primary):not(:disabled):not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--surface-canvas) var(--ui-control-hover-alpha,9%),var(--accent-primary));border-color:var(--accent-primary)}}@media (any-pointer:coarse){.f-button{--f-button-size:var(--space-5)}.f-button--icon-only{width:var(--space-5)}}@media (prefers-reduced-motion:reduce){.f-button,.f-button:not([role=tab])>:is(.f-button__label,.f-icon),.f-button__icon-slot>.f-icon{transition:none}.f-button:not([role=tab]):not(:disabled):not([aria-disabled=true]):active>:is(.f-button__label,.f-icon),.f-button:not(:disabled):not([aria-disabled=true]):active>.f-button__icon-slot>.f-icon{transform:none}}@media (prefers-reduced-motion:reduce){.f-chevron [data-arm]{transition:none}}.shared-controls-surface{--f-inspector-row-gap:calc(var(--space-1)*1.5);--f-inspector-label-inset:calc((var(--ui-control-height,var(--space-4)) - var(--font-size-field))/2);--f-inspector-label-opacity:55%;--f-inspector-field-font:Inter,var(--ui-font-sans)}.shared-controls-surface .field-group{border:0;margin:0;padding:0}.shared-controls-surface .field-group+.field-group{margin-block-start:var(--space-1)}.shared-controls-surface .field-group>summary,.shared-controls-surface .f-inspector-heading{min-height:var(--ui-control-height,var(--space-4));padding:0 0 0 var(--f-inspector-label-inset);gap:calc(var(--space-1)/2);font:500 var(--font-size-small)/var(--line-height-label) var(--font-family-sans);color:var(--text-primary);align-items:center;display:flex}.shared-controls-surface .field-group>summary{cursor:pointer;border-radius:var(--radius-1);transition:background-color var(--duration-fast) var(--ease-standard);list-style:none}.shared-controls-surface .field-group>summary::-webkit-details-marker{display:none}.shared-controls-surface .section-title{min-width:0;font:inherit;flex:1}.shared-controls-surface .field-group>summary .f-disclosure-icon{order:2}@media (hover:hover) and (pointer:fine){.shared-controls-surface .field-group>summary:hover{background:var(--ui-control-track-hover)}}.shared-controls-surface .field-group>summary:active{background:var(--ui-control-track)}.shared-controls-surface .field-group:is([open]:not([data-expanding=false]),[data-expanding=true])>summary .f-chevron [data-arm=left]{transform:rotate(-90deg)}.shared-controls-surface .field-group:is([open]:not([data-expanding=false]),[data-expanding=true])>summary .f-chevron [data-arm=right]{transform:rotate(90deg)}.shared-controls-surface .fields{gap:var(--f-inspector-row-gap);display:grid}.shared-controls-surface .field-group[open]>.fields{padding-block:var(--space-1) var(--space-2)}.shared-controls-surface .field-slot{min-width:0}.shared-controls-surface :is(.field-slot,.palette-actions,.project-palette)+.field-group{margin-block-start:var(--space-1)}.f-inspector-row{grid-template-columns:min(var(--ui-control-label-column),40%) minmax(0,1fr);align-items:center;gap:var(--space-1);display:grid}.f-inspector-label{min-width:0;min-height:var(--ui-control-height);padding-inline:var(--f-inspector-label-inset);font:500 var(--font-size-field)/1 var(--f-inspector-field-font);color:var(--ui-control-ink);opacity:var(--f-inspector-label-opacity);align-items:center;display:flex}.f-inspector-select.f-button{width:100%;min-width:0;height:var(--ui-control-height);padding:0 0 0 calc(var(--space-1)*1.5);background:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-fill-alpha),var(--ui-control-canvas));font:500 var(--font-size-field)/1 var(--f-inspector-field-font);text-align:left;border:0;justify-content:space-between;display:flex}@media (hover:hover) and (pointer:fine){.f-inspector-select.f-button:not(:disabled):hover{background:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-select-active-alpha),var(--ui-control-canvas));color:var(--ui-control-light-ink)}}.f-inspector-select.f-button[aria-expanded=true]{background:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-select-active-alpha),var(--ui-control-canvas));color:var(--ui-control-light-ink)}.f-inspector-select .f-disclosure-icon{color:inherit}@media (prefers-reduced-motion:reduce){.shared-controls-surface .field-group>summary{transition:none}}.ui-controls-host{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#0d0e12;--color-text:#fff;--color-copy:gray;--color-active:#58ff7b;--color-rule:#2b2c31;--color-button:#f3ed5c;--color-selection:#2ce793;--color-scrollbar:#f5ad8d;--color-danger:#ff5263;--font-family-sans:"Europa", "Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--font-family-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--font-size-label:.6875rem;--font-size-small:.8125rem;--font-size-field:.875rem;--font-size-body:1.25rem;--font-size-heading:1.875rem;--line-height-label:1.2;--line-height-body:2;--letter-spacing-label:.08em;--letter-spacing-body:.03em;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:128px;--radius-0:0;--radius-1:8px;--radius-2:16px;--radius-3:24px;--radius-4:32px;--radius-round:999px;--radius-circle:50%;--icon-size:var(--space-3);--icon-weight:1.5;--icon-opacity:1;--border-width:1px;--duration-fast:.14s;--duration-slow:.5s;--ease-standard:cubic-bezier(.33, 0, .2, 1);--ease-pickup:cubic-bezier(.2, .8, .2, 1);--ease-settle:cubic-bezier(.16, 1, .3, 1);--layout-gutter:var(--space-4);--layout-max:112rem;--pointer-x:50vw;--pointer-y:50vh;--pointer-x-unit:0;--pointer-y-unit:0;--route-transition-duration:var(--duration-slow);--route-transition-ease:var(--ease-standard)}@media (width<=767px){.ui-controls-host{--layout-gutter:var(--space-2)}}.ui-controls-host{--surface-canvas:var(--color-canvas);--surface-subtle:color-mix(in srgb, var(--color-canvas) 93%, var(--color-text));--text-primary:var(--color-text);--accent-primary:var(--color-active);--focus-ring:var(--color-active);--selection-background:var(--color-selection);--selection-text:var(--color-canvas);--icon-color:currentColor;--content-wide:78rem}.ui-controls-host .ui-icon{width:var(--icon-size);height:var(--icon-size);color:var(--icon-color);opacity:var(--icon-opacity);flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-controls-host .ui-icon>svg{width:100%;height:100%;display:block}.ui-controls-host .ui-icon[data-icon-size=xs]{--icon-size:var(--space-1);--icon-weight:2.1}.ui-controls-host .ui-icon[data-icon-size=sm]{--icon-size:var(--space-2);--icon-weight:1.7}.ui-controls-host .ui-icon[data-icon-size=md]{--icon-size:var(--space-3);--icon-weight:1.5}.ui-controls-host .ui-icon[data-icon-size=lg]{--icon-size:var(--space-4);--icon-weight:1.35}.ui-controls-host .ui-icon[data-icon-size=xl]{--icon-size:var(--space-5);--icon-weight:1.2}.ui-controls-host .ui-icon[data-icon-weight=light]{--icon-weight:1.1}.ui-controls-host .ui-icon[data-icon-weight=bold]{--icon-weight:2.1}.ui-controls-host .ui-icon[data-icon-weight=heavy]{--icon-weight:2.75}.ui-controls-host .ui-button .ui-icon,.ui-controls-host .ui-toolbar .ui-icon{--icon-weight:1.7}.ui-controls-host .bar-field :where(button,input){appearance:none;min-width:0;min-height:0;color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;line-height:normal}@property --bf-fade{syntax:"<number>";inherits:true;initial-value:1}@property --bf-attn-edge{syntax:"<number>";inherits:true;initial-value:1}@property --bf-edgelight-radius{syntax:"<length>";inherits:true;initial-value:0}@property --bf-edgelight-band{syntax:"<length>";inherits:true;initial-value:56px}@property --bf-occlude-band{syntax:"<length>";inherits:true;initial-value:24px}@property --bf-occlude-depth{syntax:"<number>";inherits:true;initial-value:0}@property --bf-label-w{syntax:"<length>";inherits:true;initial-value:104px}@property --bf-row{syntax:"<length>";inherits:true;initial-value:48px}@property --bf-text{syntax:"<length>";inherits:true;initial-value:24px}@property --bf-text-readout{syntax:"<length>";inherits:true;initial-value:20px}@property --bf-edgelight-spread{syntax:"<number>";inherits:true;initial-value:1}@property --bf-stretch{syntax:"<number>";inherits:true;initial-value:1}@property --bf-edgelight-bloom{syntax:"<number>";inherits:true;initial-value:1}@property --bf-win-sel{syntax:"<number>";inherits:false;initial-value:0}@property --bf-min-h{syntax:"<length>";inherits:true;initial-value:0}.ui-controls-host .bar-field{--bf-pad:8px;--bf-gap:8px;--bf-radius:36px;--bf-radius-inner:8px;--bf-radius-corner:max(0px, calc(var(--bf-radius) - var(--bf-pad)));--bf-row:48px;--bf-row-default:48px;--bf-row-base:48px;--bf-body:248px;--bf-bar:var(--bf-row);--bf-bar-base:var(--bf-row-base);--bf-readout-gap:8px;--bf-readout-rise:1;--bf-attention-dim:1;--bf-off-dim:.45;--bf-off-num:.55;--bf-value-w:max(calc(2 * var(--bf-row) + var(--bf-gap) + var(--bf-pad)), var(--bf-value-fit,0px));--bf-unit-w:calc(2em + var(--bf-pad));--bf-cell-pad:calc(var(--bf-pad) * .75);--bf-check-off:.35;--bf-stretch:1;--bf-text-fade:24px;--bf-readout-from-scale:.4;--bf-readout-from-opacity:.2;--bf-surface:#8f8f8f;--bf-control:var(--bf-track);--bf-control-hover:#c4c4c4;--bf-control-press:#b8b8b8;--bf-track:#a8a8a8;--bf-fill:#d2d2d2;--bf-title-hover:#d9d9d9;--bf-area-hover:var(--bf-title-hover);--bf-selection:#d2d2d2;--bf-track-hover:#b6b6b6;--bf-fill-hover:#fff;--bf-ink:#000;--bf-readout-ink:#a1a1a1;--bf-readout-active:#6b6b6b;--bf-readout-muted:#dadada;--bf-readout-bg:#fff;--bf-pill-ink:#fff;--bf-ink-on-fill:#000;--bf-grid-ink:#00000017;--bf-stroke-ink:#00000052;--bf-stroke-wash:#0000000f;--bf-focus-ring:0 0 0 2px var(--bf-surface), 0 0 0 4px var(--bf-ink);--bf-motion:.24s;--bf-ease:cubic-bezier(.6, 0, 0, 1);--bf-ease-spring:linear(0, .0254, .087, .168, .2573, .3475, .4342, .5148, .5877, .6527, .7098, .7593, .8019, .8383, .8691, .8952, .917, .9353, .9505, .9632, .9736, .9822, .9894, .9952, 1);--bf-ease-exit:cubic-bezier(1, 0, .4, 1);--bf-in:var(--bf-motion);--bf-out:var(--bf-motion);--bf-ease-in:var(--bf-ease);--bf-ease-out:var(--bf-ease);--bf-morph:var(--bf-motion);--bf-ease-morph:var(--bf-ease);--bf-fold:var(--bf-motion);--bf-follow:calc(var(--bf-motion) / 2);--bf-ease-bounce:cubic-bezier(.6, 0, 0, 1.25);--bf-lift:1;--bf-hit:calc(var(--bf-gap) / 2);--bf-toggle:16px;--bf-check-size:var(--bf-row);--bf-menu-band:6px;--bf-hover:48ms;--bf-unit-close:var(--bf-cell-pad);--bf-check-m:4px;--bf-check-gap:8px;--bf-check-m-end:10px;--bf-check-mark:20px;--bf-text-field:calc(var(--bf-text) * .92);--bf-select-motion:calc(var(--bf-motion) * .75);--bf-resize-corner:18px;--bf-grip-w:40px;--bf-stroke-w:1px;--bf-label-share:40%;--bf-fold-band:var(--bf-curtain-band);--bf-weight:500;--bf-float-shadow:0 12px calc(28px * var(--bf-shadow-r)) -10px rgb(var(--bf-shadow-tint) / calc(.45 * var(--bf-shadow-strength,1)));--bf-grip-grow:1;--bf-overdrag:6;--bf-overdrag-soft:12;--bf-overdrag-settle:var(--bf-motion);--bf-resize-overdrag:16;--bf-resize-overdrag-soft:32;--bf-min-w:280px;--bf-min-h:calc(2 * var(--bf-pad) + var(--bf-row-base) + var(--bf-gap) + var(--bf-bar-base) + var(--bf-extra-rows,0px));--bf-max-w:1024px;--bf-max-h:576px;--bf-slim-below:auto;--bf-edgelight-band-rest:56px;--bf-edgelight-spread-far:.6;--bf-edgelight-spread-peak:1.7;--bf-edgelight-spread-near:.7;--bf-edgelight-spread-peak-at:40px;--bf-edgelight-spread-far-at:120px;--bf-edgelight-spread-drag:2.1;--bf-edgelight-bloom:1;--bf-edgelight-range:200px;--bf-edgelight-onset:1.6;--bf-edgelight-idle:.18;--bf-edgelight-outside:96px;--bf-glow-falloff:#fff 0, #ffffffa9 10%, #ffffff70 20%, #ffffff49 30%, #ffffff30 40%, #ffffff1e 50%, #ffffff13 60%, #ffffff0b 70%, #ffffff04 85%, #fff0 100%;--bf-edgelight-radius-rest:240px;--bf-edgelight-radius:var(--bf-edgelight-radius-rest);--bf-edgelight-alpha:.95;--bf-edgelight-max:1;--bf-barlight-radius:288px;--bf-barlight-range:96px;--bf-barlight-max:1;--bf-valuelight-radius:140px;--bf-rangelight-band:320px;--bf-rangelight-radius:320px;--bf-rangelight-falloff:#fff 0, #ffffffa9 calc(var(--bf-rangelight-band) * .1), #ffffff70 calc(var(--bf-rangelight-band) * .2), #ffffff49 calc(var(--bf-rangelight-band) * .3), #ffffff30 calc(var(--bf-rangelight-band) * .4), #ffffff1e calc(var(--bf-rangelight-band) * .5), #ffffff13 calc(var(--bf-rangelight-band) * .6), #ffffff0b calc(var(--bf-rangelight-band) * .7), #ffffff04 calc(var(--bf-rangelight-band) * .85), #fff0 var(--bf-rangelight-band);--bf-readout-min-gap:8px;--bf-shadow-tint:28 28 30;--bf-shadow-strength:1.4;--bf-label-w:104px;--bf-label-ink:.55;--bf-occlude-band:24px;--bf-occlude-depth:0;--bf-occlude-motion:calc(var(--bf-fold) * .7);--bf-curtain-band:56px;--bf-window-strength:1.4;--bf-window-blur:1;--bf-shadow-max:1;--bf-shadow-r:1;--bf-shadow-range:140px;--bf-shadow-curve:2;--bf-shadow-react:1;--bf-shadow-lean:10px;--bf-font:"Inter", var(--ui-font-sans);--bf-text:24px;--bf-text-readout:13px;z-index:0;gap:var(--bf-gap);width:100%;padding:var(--bf-pad);border-radius:var(--bf-radius);background:var(--bf-surface);min-width:var(--bf-min-w);min-height:var(--bf-min-h);max-width:var(--bf-max-w);max-height:var(--bf-max-h);box-shadow:0 2px calc((4px + 2px * var(--bf-win-sel)) * var(--bf-window-blur,1)) -1px rgb(0 0 0/calc((.18 + .27 * var(--bf-win-sel)) * var(--bf-window-strength,1))), 0 calc(4px + 4px * var(--bf-win-sel)) calc((10px + 10px * var(--bf-win-sel)) * var(--bf-window-blur,1)) calc(-2px - 1px * var(--bf-win-sel)) rgb(0 0 0/calc((.14 + .26 * var(--bf-win-sel)) * var(--bf-window-strength,1))), 0 calc(18px * var(--bf-win-sel)) calc(44px * var(--bf-win-sel) * var(--bf-window-blur,1)) calc(-8px * var(--bf-win-sel)) rgb(0 0 0/calc(.34 * var(--bf-win-sel) * var(--bf-window-strength,1))), 0 calc(32px * var(--bf-win-sel)) calc(80px * var(--bf-win-sel) * var(--bf-window-blur,1)) calc(-16px * var(--bf-win-sel)) rgb(0 0 0/calc(.28 * var(--bf-win-sel) * var(--bf-window-strength,1)));cursor:grab;transition:border-radius var(--bf-morph) var(--bf-ease-morph), --bf-win-sel var(--bf-motion) var(--bf-ease), --bf-row var(--bf-motion) var(--bf-ease), --bf-text var(--bf-motion) var(--bf-ease), --bf-label-w var(--bf-motion) var(--bf-ease), --bf-text-readout var(--bf-motion) var(--bf-ease), --bf-fade var(--bf-motion) var(--bf-ease), --bf-attn-edge var(--bf-motion) var(--bf-ease);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;flex-direction:column;display:flex;position:relative;overflow:clip}.ui-controls-host .bar-field,.ui-controls-host .bar-field *,.ui-controls-host .bar-field :before,.ui-controls-host .bar-field :after{box-sizing:border-box}.ui-controls-host .bar-field__edgelight{z-index:2;border-radius:inherit;--bf-edgelight-band:calc(var(--bf-edgelight-band-rest) * var(--bf-edgelight-spread,1) * var(--bf-edgelight-bloom,1));--bf-edgelight-inner:inset 0 0 calc(var(--bf-edgelight-band) * .25) #ffffff80, inset 0 0 calc(var(--bf-edgelight-band) * .6) #ffffff4d, inset 0 0 calc(var(--bf-edgelight-band) * 1.2) #fff3, inset 0 0 calc(var(--bf-edgelight-band) * 2) #ffffff1f;box-shadow:var(--bf-edgelight-inner);-webkit-mask:radial-gradient(var(--bf-edgelight-radius) circle at var(--bf-light-x,50%) var(--bf-light-y,50%), var(--bf-glow-falloff));mask:radial-gradient(var(--bf-edgelight-radius) circle at var(--bf-light-x,50%) var(--bf-light-y,50%), var(--bf-glow-falloff));opacity:calc(var(--bf-edgelight-on,0) * var(--bf-edgelight-max) * var(--bf-edgelight-alpha) * var(--bf-attn-edge,1) * var(--bf-fade,1));pointer-events:none;transition:--bf-edgelight-bloom var(--bf-motion) var(--bf-ease);position:absolute;inset:0}.ui-controls-host .bar-field[data-resizing=true] .bar-field__edgelight{--bf-edgelight-bloom:var(--bf-edgelight-spread-drag)}.ui-controls-host .bar-field[data-edgelight=border]{--bf-edgelight-band-rest:2px;--bf-edgelight-radius-rest:320px;--bf-edgelight-alpha:1}.ui-controls-host .bar-field[data-edgelight=off] .bar-field__edgelight{display:none}.ui-controls-host .bar-field[data-render=flat],.ui-controls-host .bar-field[data-render=plain]{--bf-edgelight-max:0;--bf-barlight-max:0;--bf-shadow-max:0;--bf-shadow-strength:0}.ui-controls-host .bar-field[data-render=flat] :is(.bar-field__shadow,.bar-field__edgelight,.bar-field__value-light,.bar-field__control-light,.bar-field__range-light),.ui-controls-host .bar-field[data-render=plain] :is(.bar-field__shadow,.bar-field__edgelight,.bar-field__value-light,.bar-field__control-light,.bar-field__range-light){display:none}.ui-controls-host .bar-field[data-render=plain]{--bf-ease-bounce:var(--bf-ease);--bf-ease-spring:var(--bf-ease)}.ui-controls-host .bar-field[data-attention]{--bf-attn-edge:0}.ui-controls-host .bar-field.bf-receding{--bf-fade:0}.ui-controls-host .bar-field[data-attention] .bar-field__body>[data-row],.ui-controls-host .bar-field[data-attention] .bar-field__group-body>[data-row]{opacity:var(--bf-attention-dim)}.ui-controls-host .bar-field[data-attention] .bar-field__body>[data-row][data-attn],.ui-controls-host .bar-field[data-attention] .bar-field__group-body>[data-row][data-attn]{opacity:1}.ui-controls-host .bar-field__header{transition:opacity var(--bf-motion) var(--bf-ease)}.ui-controls-host .bar-field[data-attention] .bar-field__header{opacity:var(--bf-attention-dim)}.ui-controls-host .bar-field__resize{z-index:4;touch-action:none;position:absolute}@media (hover:none){.ui-controls-host .bar-field__resize{display:none}}.ui-controls-host .bar-field__resize[data-edge=n],.ui-controls-host .bar-field__resize[data-edge=s]{right:var(--bf-resize-corner);left:var(--bf-resize-corner);height:calc(var(--bf-pad) - var(--bf-hit));cursor:ns-resize}.ui-controls-host .bar-field__resize[data-edge=e],.ui-controls-host .bar-field__resize[data-edge=w]{top:var(--bf-resize-corner);bottom:var(--bf-resize-corner);width:var(--bf-pad);cursor:ew-resize}.ui-controls-host .bar-field__resize[data-edge=nw],.ui-controls-host .bar-field__resize[data-edge=ne],.ui-controls-host .bar-field__resize[data-edge=se],.ui-controls-host .bar-field__resize[data-edge=sw]{width:var(--bf-resize-corner);height:var(--bf-resize-corner)}.ui-controls-host .bar-field__resize[data-edge=n],.ui-controls-host .bar-field__resize[data-edge=nw],.ui-controls-host .bar-field__resize[data-edge=ne]{top:0}.ui-controls-host .bar-field__resize[data-edge=s],.ui-controls-host .bar-field__resize[data-edge=sw],.ui-controls-host .bar-field__resize[data-edge=se]{bottom:0}.ui-controls-host .bar-field__resize[data-edge=w],.ui-controls-host .bar-field__resize[data-edge=nw],.ui-controls-host .bar-field__resize[data-edge=sw]{left:0}.ui-controls-host .bar-field__resize[data-edge=e],.ui-controls-host .bar-field__resize[data-edge=ne],.ui-controls-host .bar-field__resize[data-edge=se]{right:0}.ui-controls-host .bar-field__resize[data-edge=nw],.ui-controls-host .bar-field__resize[data-edge=se]{cursor:nwse-resize}.ui-controls-host .bar-field__resize[data-edge=ne],.ui-controls-host .bar-field__resize[data-edge=sw]{cursor:nesw-resize}.ui-controls-host .bar-field[data-resize-settle=true]{transition:width var(--bf-overdrag-settle) var(--bf-ease-out), height var(--bf-overdrag-settle) var(--bf-ease-out), margin-left var(--bf-overdrag-settle) var(--bf-ease-out), margin-top var(--bf-overdrag-settle) var(--bf-ease-out), --bf-row var(--bf-motion) var(--bf-ease), --bf-text var(--bf-motion) var(--bf-ease), --bf-label-w var(--bf-motion) var(--bf-ease), --bf-text-readout var(--bf-motion) var(--bf-ease)}.ui-controls-host .bar-field[data-size=slim]{--bf-radius:16px;--bf-row:32px;--bf-row-base:32px;--bf-text:14px;--bf-text-readout:13px}.ui-controls-host .bar-field[data-selected=true]{--bf-win-sel:1}.ui-controls-host .bar-field[data-dragging=true]{cursor:grabbing}.ui-controls-host .bar-field[data-collapse-anim=true]{transition:height var(--bf-fold) var(--bf-ease-morph), border-radius var(--bf-morph) var(--bf-ease-morph), --bf-row var(--bf-motion) var(--bf-ease), --bf-text var(--bf-motion) var(--bf-ease), --bf-label-w var(--bf-motion) var(--bf-ease), --bf-text-readout var(--bf-motion) var(--bf-ease)}.ui-controls-host .bar-field[data-collapsed=true] .bar-field__body{opacity:.2;pointer-events:none;transition:opacity var(--bf-motion) var(--bf-ease-exit)}.ui-controls-host .bar-field__body,.ui-controls-host .bar-field__group-body,.ui-controls-host .bar-field__title-text,.ui-controls-host .bar-field__select-value,.ui-controls-host .bar-field__select-menu,.ui-controls-host .bar-field__value,.ui-controls-host .bar-field[data-row-labels=squeezed] .bar-field__row-label-text{--bf-occlude:#000 calc(100% - var(--bf-occlude-band)), rgb(0 0 0/var(--bf-occlude-depth)) 100%}.ui-controls-host .bar-field__body{--bf-occlude-band:0px;--bf-occlude-depth:1;transition:opacity var(--bf-motion) var(--bf-ease)}.ui-controls-host .bar-field[data-collapsed=true]:not([data-collapse-anim=true]) .bar-field__body{visibility:hidden}.ui-controls-host .bar-field[data-collapse-anim=true] .bar-field__body{-webkit-mask-image:linear-gradient(to top, var(--bf-occlude));mask-image:linear-gradient(to top, var(--bf-occlude));--bf-occlude-band:var(--bf-fold-band);--bf-occlude-depth:0}.ui-controls-host .bar-field[data-collapsed=true]{--bf-radius-corner:min(max(0px, calc(var(--bf-radius) - var(--bf-pad))), calc(var(--bf-row) / 2));border-radius:min(var(--bf-radius), calc(var(--bf-row) / 2 + var(--bf-pad)))}.ui-controls-host .bar-field[data-collapsed=true] .bar-field__title{border-radius:var(--bf-radius-corner) var(--bf-radius-inner) var(--bf-radius-inner) var(--bf-radius-corner)}.ui-controls-host .bar-field[data-collapsed=true] .bar-field__action:last-child{border-radius:var(--bf-radius-inner) var(--bf-radius-corner) var(--bf-radius-corner) var(--bf-radius-inner)}.ui-controls-host .bar-field[data-collapsed=true] .bar-field__resize:not([data-edge=e]):not([data-edge=w]){pointer-events:none}.ui-controls-host .bar-field[data-density=compact]{--bf-grip-grow:1.5;--bf-radius:16px;--bf-row:32px;--bf-row-default:32px;--bf-row-base:32px;--bf-body:56px;--bf-text:14px;--bf-text-readout:13px;--bf-barlight-radius:calc(var(--bf-row-default) * 18);--bf-valuelight-radius:calc(var(--bf-barlight-radius) / 2)}.ui-controls-host .bar-field[data-density=micro]{--bf-grip-grow:2;--bf-radius:12px;--bf-row:24px;--bf-row-default:24px;--bf-row-base:24px;--bf-body:40px;--bf-text:12px;--bf-text-readout:11px}.ui-controls-host .bar-field[data-settling=true]{transition:width var(--bf-overdrag-settle) var(--bf-ease-out), margin-left var(--bf-overdrag-settle) var(--bf-ease-out), --bf-stretch var(--bf-overdrag-settle) var(--bf-ease-out), --bf-row var(--bf-motion) var(--bf-ease), --bf-text var(--bf-motion) var(--bf-ease), --bf-label-w var(--bf-motion) var(--bf-ease), --bf-text-readout var(--bf-motion) var(--bf-ease)}.ui-controls-host .bar-field[data-settling=true] .bar-field__row-label{transition:width var(--bf-overdrag-settle) var(--bf-ease-out), font-size var(--bf-motion) var(--bf-ease)}.ui-controls-host .bar-field[data-settling=true] .bar-field__row-label-text{transition:transform var(--bf-overdrag-settle) var(--bf-ease-out)}.ui-controls-host .bar-field[data-settling=true] .bar-field__value-wrap{transition:width var(--bf-overdrag-settle) var(--bf-ease-out)}.ui-controls-host{--bf-canvas:#3a3b41}.ui-controls-host:where([data-controls-theme=dark]){--bf-canvas:#141518}.ui-controls-host:where([data-controls-theme=dark]) .bar-field{--bf-surface:#26272c;--bf-track:#34353b;--bf-control-hover:#45464d;--bf-control-press:#3e3f46;--bf-track-hover:#3f4047;--bf-fill:#62636b;--bf-fill-hover:#9a9ba4;--bf-title-hover:#3a3b42;--bf-selection:#c9cad1;--bf-ink:#f2f2f4;--bf-readout-bg:#f2f2f4;--bf-readout-ink:#5c5c63;--bf-readout-active:#1f1f24;--bf-readout-muted:#b0b0b6;--bf-pill-ink:#141518;--bf-ink-on-fill:#141518;--bf-grid-ink:#ffffff1f;--bf-stroke-ink:#ffffff4d;--bf-stroke-wash:#ffffff0f;--bf-shadow-tint:0 0 0}@media (prefers-reduced-motion:reduce){.ui-controls-host .bar-field{--bf-motion:0s;--bf-lift:1;--bf-overdrag:0;--bf-resize-overdrag:0}}.ui-controls-host .bar-field__header{height:var(--bf-row);gap:var(--bf-gap);flex:none;display:flex}.ui-controls-host .bar-field__title,.ui-controls-host .bar-field__action{background:var(--bf-control);min-width:0;color:var(--bf-ink);font-family:var(--bf-font);font-size:var(--bf-text);font-weight:var(--bf-weight);border:0;align-items:center;line-height:1;display:flex}.ui-controls-host .bar-field__title{padding-inline:calc((var(--bf-row) - var(--bf-text)) / 2);border-radius:var(--bf-radius-corner) var(--bf-radius-inner) var(--bf-radius-inner) var(--bf-radius-inner);white-space:nowrap;transition:background var(--bf-motion) var(--bf-ease), border-radius var(--bf-motion) var(--bf-ease);flex:auto;overflow:hidden}.ui-controls-host .bar-field__title-text{white-space:nowrap;--bf-occlude-band:var(--bf-text-fade);min-width:0;-webkit-mask-image:linear-gradient(to right, var(--bf-occlude));mask-image:linear-gradient(to right, var(--bf-occlude));flex:auto;line-height:normal;overflow:hidden}@media (hover:hover){.ui-controls-host .bar-field__title:hover{background:var(--bf-area-hover)}}.ui-controls-host .bar-field__action{width:var(--bf-row);border-radius:var(--bf-radius-inner);cursor:pointer;transition:background var(--bf-motion) var(--bf-ease), border-radius var(--bf-motion) var(--bf-ease);flex:none;justify-content:center}.ui-controls-host .bar-field__action:last-child{border-radius:var(--bf-radius-inner) var(--bf-radius-corner) var(--bf-radius-inner) var(--bf-radius-inner)}@media (hover:hover){.ui-controls-host .bar-field__action:hover{background:var(--bf-control-hover)}}.ui-controls-host .bar-field__action:active{background:var(--bf-control-press)}.ui-controls-host .bar-field__action:focus-visible{box-shadow:var(--bf-focus-ring);outline:none}.ui-controls-host .bar-field__body{flex:1 1 var(--bf-body);justify-content:center;align-items:stretch;gap:var(--bf-gap);min-height:0;transition:opacity var(--bf-motion) var(--bf-ease);flex-direction:column;display:flex;position:relative}.ui-controls-host .bar-field__bar{z-index:1;flex:1 1 var(--bf-bar);width:100%;min-height:0;transition:flex-basis var(--bf-motion) var(--bf-ease), transform var(--bf-motion) var(--bf-ease), height var(--bf-motion) var(--bf-ease), margin var(--bf-motion) var(--bf-ease), opacity var(--bf-motion) var(--bf-ease);position:relative;transform:scaleY(1)}.ui-controls-host .bar-field__bar:is(.is-hovering,.is-active,.is-focused){transform:scaleY(var(--bf-lift))}.ui-controls-host .bar-field__row{flex:1 1 var(--bf-bar);gap:var(--bf-gap);min-height:0;transition:flex-basis var(--bf-motion) var(--bf-ease), opacity var(--bf-motion) var(--bf-ease);display:flex}.ui-controls-host .bar-field__row .bar-field__bar{flex:auto;align-self:stretch;min-width:0;height:auto}@media (pointer:coarse){.ui-controls-host .bar-field[data-bare=true] .bar-field__row .bar-field__bar{height:var(--bf-bar);align-self:center}.ui-controls-host .bar-field[data-bare=true] .bar-field__row .bar-field__bar.is-active{height:calc(var(--bf-bar) * var(--bf-grip-grow));margin-block:calc(var(--bf-bar) * (1 - var(--bf-grip-grow)) / 2)}.ui-controls-host .bar-field__row:has(.bar-field__bar.is-active){z-index:2}.ui-controls-host .bar-field{--bf-attention-dim:.45}.ui-controls-host .bar-field__bar.is-active .bar-field__shadow{--bf-shadow-strength:1.6}}.ui-controls-host .bar-field__value{-webkit-user-select:text;user-select:text;width:var(--bf-value-w);border-radius:var(--bf-radius-inner);background:var(--bf-track);color:var(--bf-ink);caret-color:var(--bf-ink);font-family:var(--bf-font);font-size:var(--bf-text-field);font-weight:var(--bf-weight);text-align:center;transition:background var(--bf-motion) var(--bf-ease), color var(--bf-motion) var(--bf-ease);border:0;flex:none;padding:0}@media (pointer:coarse){.ui-controls-host .bar-field__value{font-size:max(16px, var(--bf-text-field))}}.ui-controls-host .bar-field__value-wrap{width:calc(var(--bf-value-w) * var(--bf-stretch,1));cursor:ew-resize;touch-action:pinch-zoom;border-radius:var(--bf-r-tl,var(--bf-radius-inner)) var(--bf-r-tr,var(--bf-radius-inner)) var(--bf-r-br,var(--bf-radius-inner)) var(--bf-r-bl,var(--bf-radius-inner));background:var(--bf-track);transition:background var(--bf-motion) var(--bf-ease), border-radius var(--bf-motion) var(--bf-ease);flex:none;align-items:stretch;display:flex;position:relative}.ui-controls-host .bar-field__value-wrap:has(.bar-field__value:focus){background:var(--bf-fill-hover);cursor:text}.ui-controls-host .bar-field__value-wrap:has(.bar-field__value:focus) .bar-field__value-light{opacity:0}.ui-controls-host .bar-field__value-wrap:has(.bar-field__value:focus) .bar-field__value-unit:before{opacity:0}.ui-controls-host .bar-field__value-unit{transform:translate(0)}.ui-controls-host .bar-field__value-wrap:has(.bar-field__value:focus) .bar-field__value-unit{transform:translateX(calc(-1 * var(--bf-unit-close)))}.ui-controls-host .bar-field[data-unit-slide=off] .bar-field__value-wrap:has(.bar-field__value:focus) .bar-field__value-unit{transform:translate(0)}.ui-controls-host .bar-field__value-wrap .bar-field__value{z-index:1;width:auto;min-width:0;height:100%;padding:0 var(--bf-cell-pad);font-variant-numeric:tabular-nums;text-align:right;cursor:ew-resize;transition:background var(--bf-follow) var(--bf-ease);--bf-occlude-band:var(--bf-text-fade);--bf-occlude-depth:0;-webkit-mask-image:linear-gradient(to left, var(--bf-occlude));mask-image:linear-gradient(to left, var(--bf-occlude));background:0 0;flex:auto;position:relative}.ui-controls-host .bar-field__value:focus{cursor:text}.ui-controls-host .bar-field__value-unit{transition:background var(--bf-hover) var(--bf-ease), transform var(--bf-follow) var(--bf-ease);z-index:1;width:var(--bf-unit-w);padding:0 var(--bf-cell-pad);color:color-mix(in srgb, var(--bf-ink) calc(var(--bf-label-ink) * 100%), transparent);font-family:var(--bf-font);font-size:var(--bf-text-field);font-weight:var(--bf-weight);cursor:ew-resize;transition:color var(--bf-motion) var(--bf-ease);flex:none;justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.ui-controls-host .bar-field__value-unit:before{content:"";width:var(--bf-stroke-w);background:var(--bf-grid-ink);opacity:1;height:100%;transition:opacity var(--bf-follow) var(--bf-ease);position:absolute;top:0;left:0}@media (hover:hover){.ui-controls-host .bar-field__value-wrap:hover .bar-field__value{color:var(--bf-ink-on-fill);caret-color:var(--bf-ink-on-fill)}.ui-controls-host .bar-field__value-wrap:hover .bar-field__value-unit{color:color-mix(in srgb, var(--bf-ink-on-fill) calc(var(--bf-label-ink) * 100%), transparent)}}@media (pointer:coarse){.ui-controls-host .bar-field{--bf-value-w:max(calc(2 * var(--bf-row) + var(--bf-gap) + 3 * var(--bf-pad)), var(--bf-value-fit,0px))}}.ui-controls-host .bar-field__value-wrap[data-dragging=true]{background:var(--bf-fill)}.ui-controls-host .bar-field__value-wrap[data-dragging=true] .bar-field__value{cursor:ew-resize}.ui-controls-host .bar-field__value-wrap:has(.bar-field__value:focus) .bar-field__value-unit{color:color-mix(in srgb, var(--bf-ink-on-fill) 70%, transparent)}.ui-controls-host .bar-field__value-light,.ui-controls-host .bar-field__control-light{z-index:0;border-radius:inherit;background:radial-gradient(calc(var(--bf-valuelight-radius) * var(--bf-stretch,1)) circle at var(--bf-glow-x,50%) var(--bf-glow-y,50%), var(--bf-glow-falloff));-webkit-mask:linear-gradient(to bottom, var(--bf-rangelight-falloff)), linear-gradient(to top, var(--bf-rangelight-falloff)), linear-gradient(to right, var(--bf-rangelight-falloff)), linear-gradient(to left, var(--bf-rangelight-falloff));mask:linear-gradient(to bottom, var(--bf-rangelight-falloff)), linear-gradient(to top, var(--bf-rangelight-falloff)), linear-gradient(to right, var(--bf-rangelight-falloff)), linear-gradient(to left, var(--bf-rangelight-falloff));opacity:calc(var(--bf-glow-on,0) * var(--bf-edgelight-max) * var(--bf-fade,1));pointer-events:none;position:absolute;inset:0}.ui-controls-host .bar-field__value:focus{outline:none}.ui-controls-host .bar-field__value:focus~.bar-field__value-light{opacity:0}.ui-controls-host .bar-field__value::selection{background:var(--bf-selection);color:var(--bf-ink)}.ui-controls-host .bar-field__body>.bar-field__bar[data-row]:last-child,.ui-controls-host .bar-field__body>.bar-field__row[data-row]:last-child>:first-child:not(.bar-field__row-label),.ui-controls-host .bar-field__body>.bar-field__row[data-row]:last-child>.bar-field__row-label+*{--bf-r-bl:var(--bf-radius-corner)}.ui-controls-host .bar-field__body>.bar-field__bar[data-row]:last-child,.ui-controls-host .bar-field__body>.bar-field__row[data-row]:last-child>:last-child{--bf-r-br:var(--bf-radius-corner)}.ui-controls-host .bar-field[data-row-labels=squeezed] .bar-field__row-label-text{--bf-occlude-band:var(--bf-text-fade);--bf-occlude-depth:0;-webkit-mask-image:linear-gradient(to right, var(--bf-occlude));mask-image:linear-gradient(to right, var(--bf-occlude))}.ui-controls-host .bar-field__row[data-kind=check]{align-items:stretch}.ui-controls-host .bar-field__check{width:var(--bf-row);border-radius:var(--bf-radius-inner);background:var(--bf-track);--bf-lit:calc(var(--bf-glow-on,0) * var(--bf-edgelight-max) * var(--bf-fade,1));color:color-mix(in srgb, var(--bf-ink-on-fill) calc(clamp(0, var(--bf-lit), 1) * 100%), var(--bf-ink));opacity:var(--bf-check-off);cursor:pointer;transition:background var(--bf-hover) var(--bf-ease), opacity var(--bf-follow) var(--bf-ease);border:0;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex;position:relative}.ui-controls-host .bar-field__check[aria-checked=true],.ui-controls-host .bar-field__check:focus-visible{opacity:1}@media (hover:hover){.ui-controls-host .bar-field__check:hover{opacity:1}}.ui-controls-host .bar-field__check[aria-checked=true]{background:var(--bf-fill)}@media (hover:hover){.ui-controls-host .bar-field__check:hover{background:var(--bf-control-hover)}.ui-controls-host .bar-field__check[aria-checked=true]:hover{background:var(--bf-fill-hover)}}.ui-controls-host .bar-field__check:focus{outline:none}.ui-controls-host .bar-field__check:focus-visible{box-shadow:var(--bf-focus-ring)}.ui-controls-host .bar-field[data-last-input=pointer] .bar-field__check:focus-visible,.ui-controls-host .bar-field[data-last-input=pointer] .bar-field__action:focus-visible,.ui-controls-host .bar-field[data-last-input=pointer] .bar-field__group-toggle:focus-visible{box-shadow:none}.ui-controls-host .bar-field[data-last-input=pointer][data-stroke=true] .bar-field__check:focus-visible{box-shadow:inset 0 0 0 var(--bf-stroke-w) var(--bf-stroke-ink)}.ui-controls-host .bar-field[data-last-input=pointer] .bar-field__select-shell:has(.bar-field__select-trigger:focus-visible){box-shadow:none}.ui-controls-host .bar-field[data-last-input=pointer] .bar-field__select[data-open=true] .bar-field__select-shell:has(.bar-field__select-trigger:focus-visible){box-shadow:var(--bf-float-shadow)}.ui-controls-host .bar-field__check [data-icon]{z-index:1;opacity:0;transform:scale(var(--bf-readout-from-scale));transition:opacity var(--bf-follow) var(--bf-ease), transform var(--bf-follow) var(--bf-ease);display:flex;position:relative}.ui-controls-host .bar-field__check[aria-checked=true] [data-icon],.ui-controls-host .bar-field__check--text [data-icon]{opacity:1;transform:scale(1)}.ui-controls-host .bar-field__check{--bf-mass:1;--bf-pop-glyph:.22;--bf-pop-swell:.045;--bf-press-box:.92;--bf-press-glyph:.84;--bf-pop-temper:clamp(.1, calc(1 / var(--bf-mass)), 1)}.ui-controls-host .bar-field__check[data-press=true]{height:round(down, calc(var(--bf-check-size) * var(--bf-press-box)), 1px);margin-block:calc(( var(--bf-check-size) - round(down, calc(var(--bf-check-size) * var(--bf-press-box)), 1px) ) / 2)}.ui-controls-host .bar-field__check--text[data-press=true]{width:var(--bf-press-w,auto);margin-inline:var(--bf-press-dx,0px)}.ui-controls-host .bar-field__check:not(.bar-field__check--text)[data-press=true]{width:round(down, calc(var(--bf-check-size) * var(--bf-press-box)), 1px);margin-inline:calc(( var(--bf-check-size) - round(down, calc(var(--bf-check-size) * var(--bf-press-box)), 1px) ) / 2)}.ui-controls-host .bar-field__check--toggle{--bf-check-size:var(--bf-toggle)}.ui-controls-host .bar-field__check:not(.bar-field__check--text):not(.bar-field__check--toggle)[data-press=true]{margin-left:auto}.ui-controls-host .bar-field__check[data-press=true] [data-icon]{transform:scale(var(--bf-press-glyph))}.ui-controls-host .bar-field__check{transition:height var(--bf-hover) var(--bf-ease), width var(--bf-hover) var(--bf-ease), margin var(--bf-hover) var(--bf-ease)}.ui-controls-host .bar-field__check [data-icon]{transition:transform var(--bf-hover) var(--bf-ease)}.ui-controls-host .bar-field__check[data-pop=true]{animation:bf-check-pop var(--bf-follow) both}.ui-controls-host .bar-field__check[data-pop=true] [data-icon]{animation:bf-check-glyph var(--bf-follow) both}@keyframes bf-check-glyph{0%{opacity:0;transform:scale(var(--bf-readout-from-scale));animation-timing-function:var(--bf-ease)}75%{opacity:1;transform:scale(calc(1 + var(--bf-pop-glyph)));animation-timing-function:var(--bf-ease)}to{opacity:1;transform:scale(1)}}@keyframes bf-check-pop{0%,55%{animation-timing-function:var(--bf-ease);transform:scale(1)}75%{transform:scale(calc(1 + var(--bf-pop-swell) * var(--bf-pop-temper)));animation-timing-function:var(--bf-ease)}to{transform:scale(1)}}.ui-controls-host .bar-field__check-text{z-index:1;position:relative}.ui-controls-host .bar-field__check--text{opacity:1;justify-content:flex-start;gap:var(--bf-check-gap);width:auto;padding:0 var(--bf-check-m-end) 0 var(--bf-check-m);font-family:var(--bf-font);font-size:var(--bf-text);font-weight:var(--bf-weight);text-align:right;flex:none;margin-left:0;line-height:normal}.ui-controls-host .bar-field__check-text{white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.ui-controls-host .bar-field__check-mark{z-index:1;width:var(--bf-check-mark);height:var(--bf-check-mark);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.ui-controls-host .bar-field__check-mark [data-icon]{--icon-size:var(--bf-check-mark)}.ui-controls-host .bar-field__check-mark[data-fill=true] :is(svg,path){fill:#0000}.ui-controls-host .bar-field__check[aria-checked=true] .bar-field__check-mark[data-fill=true] :is(svg,path){fill:currentColor}.ui-controls-host .bar-field__check--text [data-icon]{justify-content:center;position:absolute}.ui-controls-host .bar-field[data-stroke=true] .bar-field__check{box-shadow:inset 0 0 0 var(--bf-stroke-w) var(--bf-stroke-ink)}.ui-controls-host .bar-field[data-stroke=true] .bar-field__check:focus-visible{box-shadow:var(--bf-focus-ring), inset 0 0 0 var(--bf-stroke-w) var(--bf-stroke-ink)}.ui-controls-host .bar-field__group{flex-direction:column;flex:none;min-height:0;display:flex}.ui-controls-host .bar-field__group-toggle{height:var(--bf-bar);padding:0 0 0 calc((var(--bf-row) - var(--bf-text)) / 2);border-radius:var(--bf-radius-inner);color:var(--bf-ink);font-family:var(--bf-font);font-size:var(--bf-text);font-weight:var(--bf-weight);text-align:left;cursor:pointer;transition:background var(--bf-motion) var(--bf-ease), opacity var(--bf-motion) var(--bf-ease);background:0 0;border:0;flex:none;align-items:center;line-height:1;display:flex}.ui-controls-host .bar-field[data-attention] .bar-field__group-toggle{opacity:var(--bf-attention-dim)}.ui-controls-host .bar-field__group-label{white-space:nowrap;flex:auto;min-width:0;line-height:normal;overflow:hidden}.ui-controls-host .bar-field__group-glyph{width:var(--bf-row);flex:none;justify-content:center;align-items:center;height:100%;display:flex}@media (hover:hover){.ui-controls-host .bar-field__group-toggle:hover{background:var(--bf-area-hover)}}.ui-controls-host .bar-field__group-toggle:focus{outline:none}.ui-controls-host .bar-field__group-toggle:focus-visible{box-shadow:var(--bf-focus-ring)}.ui-controls-host .bar-field[data-bare=true] .bar-field__group-toggle{color:inherit}.ui-controls-host .bar-field__group-body{gap:var(--bf-gap);margin-top:var(--bf-gap);transition:height var(--bf-fold) var(--bf-ease-morph), margin-top var(--bf-fold) var(--bf-ease-morph), mask-size var(--bf-fold) var(--bf-ease-morph);flex-direction:column;display:flex}.ui-controls-host .bar-field__group[data-curtain] .bar-field__group-body{--bf-curtain-out:0px;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--bf-curtain-band), #000 calc(100% - var(--bf-curtain-band)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--bf-curtain-band), #000 calc(100% - var(--bf-curtain-band)), transparent 100%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% calc(100% + 2 * var(--bf-curtain-out));mask-size:100% calc(100% + 2 * var(--bf-curtain-out))}.ui-controls-host .bar-field__group[data-curtain=out] .bar-field__group-body{--bf-curtain-out:var(--bf-curtain-band)}.ui-controls-host .bar-field__group[data-open=false] .bar-field__group-body{margin-top:0}.ui-controls-host .bar-field__group[data-fold-anim=true] .bar-field__group-body,.ui-controls-host .bar-field__group[data-open=false] .bar-field__group-body{overflow:clip}.ui-controls-host .bar-field__group[data-open=false]:not([data-fold-anim=true]) .bar-field__group-body{visibility:hidden}.ui-controls-host .bar-field__group-body>.bar-field__row{flex-shrink:0}.ui-controls-host .bar-field__group[data-fold-anim=true] .bar-field__group-body>.bar-field__row,.ui-controls-host .bar-field__group[data-open=false] .bar-field__group-body>.bar-field__row{transform:translateY(var(--bf-group-shift,0px));transition:transform var(--bf-fold) var(--bf-ease-morph), flex-basis var(--bf-motion) var(--bf-ease), opacity var(--bf-motion) var(--bf-ease)}.ui-controls-host .bar-field[data-group-anim=true]{transition:min-height var(--bf-fold) var(--bf-ease-morph)}.ui-controls-host .bar-field[data-group-anim=true] .bar-field__body{transition:flex-basis var(--bf-fold) var(--bf-ease-morph), opacity var(--bf-motion) var(--bf-ease)}.ui-controls-host .bar-field__row-label:has(.bar-field__check--toggle){gap:var(--bf-pad);cursor:pointer}.ui-controls-host .bar-field__check--toggle{width:var(--bf-toggle);height:var(--bf-toggle);border-radius:calc(var(--bf-radius-inner) / 2);margin-left:0}@media (hover:hover){.ui-controls-host .bar-field__row-label:hover .bar-field__check--toggle{opacity:1;background:var(--bf-control-hover)}.ui-controls-host .bar-field__row-label:hover .bar-field__check--toggle[aria-checked=true]{background:var(--bf-fill-hover)}}.ui-controls-host .bar-field__row[data-on=false] :is(.bar-field__bar,.bar-field__value-wrap){opacity:var(--bf-off-dim);pointer-events:none}.ui-controls-host .bar-field__row[data-on=false] .bar-field__row-label{opacity:var(--bf-off-dim)}.ui-controls-host .bar-field__row[data-on=false] .bar-field__value{opacity:var(--bf-off-num)}.ui-controls-host .bar-field__row[data-kind=select]{align-items:stretch}.ui-controls-host .bar-field__select{min-width:0;height:var(--bf-bar);--bf-list-parallax:.36;--bf-select-rolled:.2;flex:auto;position:relative}.ui-controls-host .bar-field__select-shell{--bf-select-edge-ease:var(--bf-ease);z-index:6;height:var(--bf-bar);min-height:var(--bf-bar);border-radius:var(--bf-radius-inner);background:var(--bf-fill);color:var(--bf-ink);transition:height var(--bf-select-motion) var(--bf-select-edge-ease), border-radius var(--bf-select-motion) var(--bf-ease-bounce), background var(--bf-hover) var(--bf-ease), color var(--bf-hover) var(--bf-ease), box-shadow var(--bf-hover) var(--bf-ease);position:absolute;top:0;left:0;right:0;overflow:clip}@media (hover:hover){.ui-controls-host .bar-field__select:not([data-open=true]) .bar-field__select-shell:hover{background:var(--bf-fill-hover);color:var(--bf-ink-on-fill)}}.ui-controls-host .bar-field__select[data-open=true] .bar-field__select-shell{--bf-select-edge-ease:var(--bf-ease-bounce);height:var(--bf-select-height,calc(var(--bf-bar) * var(--bf-select-rows,1)));border-radius:calc(var(--bf-radius-inner) * 1.5);background:var(--bf-fill-hover);color:var(--bf-ink-on-fill);box-shadow:var(--bf-float-shadow)}.ui-controls-host .bar-field__select-shell:has(.bar-field__select-trigger:focus-visible){box-shadow:var(--bf-focus-ring)}.ui-controls-host .bar-field__select[data-open=true] .bar-field__select-shell:has(.bar-field__select-trigger:focus-visible){box-shadow:var(--bf-focus-ring), var(--bf-float-shadow)}.ui-controls-host .bar-field__select-trigger,.ui-controls-host .bar-field__select-option{width:100%;height:var(--bf-bar);align-items:center;gap:var(--bf-gap);padding:0 0 0 calc(var(--bf-cell-pad) * 2);color:inherit;font-family:var(--bf-font);font-size:var(--bf-text);font-weight:var(--bf-weight);text-align:left;cursor:pointer;background:0 0;border:0;line-height:1;display:flex}.ui-controls-host .bar-field__select-trigger:focus,.ui-controls-host .bar-field__select-option:focus{outline:none}.ui-controls-host .bar-field__select-trigger{position:absolute;top:0;left:0}.ui-controls-host .bar-field__select[data-direction=up] .bar-field__select-shell,.ui-controls-host .bar-field__select[data-direction=up] .bar-field__select-trigger{top:auto;bottom:0}.ui-controls-host .bar-field__select-value{white-space:nowrap;--bf-occlude-band:var(--bf-text-fade);--bf-occlude-depth:0;min-width:0;-webkit-mask-image:linear-gradient(to right, var(--bf-occlude));mask-image:linear-gradient(to right, var(--bf-occlude));flex:auto;line-height:normal;overflow:hidden}.ui-controls-host .bar-field__select-glyph{z-index:1;width:var(--bf-row);flex:none;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.ui-controls-host .bar-field__chevron-holder{justify-content:center;align-items:center;display:flex}.ui-controls-host .bar-field__chevron{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:var(--icon-weight);stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.ui-controls-host .bar-field__chevron-arm{transform-box:fill-box;transform-origin:50%;vector-effect:non-scaling-stroke;transition:transform var(--bf-select-motion) var(--bf-ease-bounce)}.ui-controls-host .bar-field__chevron[data-up=true] .bar-field__chevron-arm[data-arm=left]{transform:rotate(-90deg)}.ui-controls-host .bar-field__chevron[data-up=true] .bar-field__chevron-arm[data-arm=right]{transform:rotate(90deg)}.ui-controls-host .bar-field__select-dial{--bf-dial-fade:calc((var(--bf-bar) - var(--bf-text)) / 2);z-index:1;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--bf-dial-fade), #000 calc(100% - var(--bf-dial-fade)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, #000 var(--bf-dial-fade), #000 calc(100% - var(--bf-dial-fade)), transparent 100%);flex-direction:column;display:flex;position:absolute;inset:0;overflow:clip}.ui-controls-host .bar-field__select-menu{top:var(--bf-bar);visibility:hidden;--bf-occlude-band:0px;--bf-occlude-depth:0;-webkit-mask-image:linear-gradient(to top, var(--bf-occlude));mask-image:linear-gradient(to top, var(--bf-occlude));transition:visibility 0s linear var(--bf-select-motion), --bf-occlude-band var(--bf-select-motion) var(--bf-ease-morph);position:absolute;bottom:0;left:0;right:0;overflow:clip;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ui-controls-host .bar-field__select-list{flex-direction:column;display:flex;position:relative}.ui-controls-host .bar-field__select-scroll{transform:translateY(calc(var(--bf-select-roll-direction,-1) * var(--bf-list-parallax) * var(--bf-select-menu-height,calc((var(--bf-select-rows,1) - 1) * var(--bf-bar)))));transition:transform var(--bf-select-motion) var(--bf-ease-bounce);height:var(--bf-select-menu-height,calc((var(--bf-select-rows,1) - 1) * var(--bf-bar)));overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;position:absolute;inset:0 0 auto;overflow:hidden}.ui-controls-host .bar-field__select[data-scrollable=true] .bar-field__select-scroll{overflow-y:scroll}.ui-controls-host .bar-field__select-scroll::-webkit-scrollbar{width:var(--space-3)}.ui-controls-host .bar-field__select-scroll::-webkit-scrollbar-track{background:var(--bf-track)}.ui-controls-host .bar-field__select-scroll::-webkit-scrollbar-thumb{background:var(--bf-fill);border:calc(var(--space-1) / 2) solid transparent;border-radius:var(--radius-1);background-clip:padding-box}.ui-controls-host .bar-field__select-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--bf-fill-hover)}@supports not selector(::-webkit-scrollbar){.ui-controls-host .bar-field__select-scroll{scrollbar-color:var(--bf-fill) var(--bf-track)}}.ui-controls-host .bar-field__select[data-direction=up] .bar-field__select-menu{top:0;bottom:var(--bf-bar);-webkit-mask-image:linear-gradient(to bottom, var(--bf-occlude));mask-image:linear-gradient(to bottom, var(--bf-occlude));--bf-select-roll-direction:1}.ui-controls-host .bar-field__select-option,.ui-controls-host .bar-field__select-slot{flex:none}.ui-controls-host .bar-field__select[data-open=true] .bar-field__select-scroll{transform:none}.ui-controls-host .bar-field__select[data-open=true] .bar-field__select-menu{visibility:visible;transition-delay:0s}.ui-controls-host .bar-field__select[data-moving=true] .bar-field__select-menu{--bf-occlude-band:var(--bf-menu-band);transition-duration:0s, calc(var(--bf-select-motion) * .3);transition-timing-function:linear, var(--bf-ease)}.ui-controls-host .bar-field__select-option{opacity:var(--bf-select-rolled);transition:background var(--bf-follow) var(--bf-ease), opacity var(--bf-select-motion) var(--bf-ease-bounce)}.ui-controls-host .bar-field__select[data-open=true] .bar-field__select-option{opacity:1}.ui-controls-host .bar-field__select-category{height:var(--bf-bar);padding:0 0 0 calc(var(--bf-cell-pad) * 2);opacity:var(--bf-label-ink);font-size:calc(var(--bf-text-field) * .82);font-weight:var(--bf-weight);letter-spacing:.08em;text-transform:uppercase;cursor:default;pointer-events:none;white-space:nowrap;align-items:center;line-height:1;display:flex}.ui-controls-host .bar-field__select-group{flex-direction:column;display:flex}.ui-controls-host .bar-field__select-option[hidden],.ui-controls-host .bar-field__select-category[hidden]{display:none}.ui-controls-host .bar-field__select-option[data-travelling=true]{z-index:2;opacity:1;width:auto;transition:background var(--bf-motion) var(--bf-ease);position:absolute}.ui-controls-host .bar-field__select-value[data-pushed=true]{z-index:1;position:relative}@media (hover:hover){.ui-controls-host .bar-field__select[data-open=true] .bar-field__select-option:hover{background:color-mix(in srgb, currentColor 8%, transparent)}}.ui-controls-host .bar-field__select[data-open=true] .bar-field__select-option:focus-visible{background:color-mix(in srgb, currentColor 8%, transparent)}.ui-controls-host .bar-field[data-stroke=true] .bar-field__select-shell{box-shadow:inset 0 0 0 var(--bf-stroke-w) var(--bf-stroke-ink)}.ui-controls-host .bar-field[data-label-inside=true] .bar-field__row{position:relative}.ui-controls-host .bar-field[data-label-inside=true] .bar-field__row-label{z-index:2;width:auto;padding-inline:calc(var(--bf-cell-pad) * 2);color:var(--bf-ink);opacity:var(--bf-label-ink);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.ui-controls-host .bar-field[data-label-inside=true][data-bare=true] .bar-field__row-label,.ui-controls-host .bar-field[data-label-inside=true] .bar-field__row-label-text{color:var(--bf-ink)}.ui-controls-host .bar-field[data-label-inside=true] .bar-field__row-label:has(.bar-field__check--toggle){mix-blend-mode:normal;pointer-events:auto;width:auto;position:static}.ui-controls-host .bar-field__row-label-text{transform-origin:0;white-space:nowrap;min-width:0;display:block}.ui-controls-host .bar-field__row-label{width:calc(min(max(var(--bf-label-w), var(--bf-value-w)), var(--bf-label-share)) * var(--bf-stretch,1));min-width:0;padding-inline:calc((var(--bf-row) - var(--bf-text)) / 2);color:var(--bf-ink);opacity:var(--bf-label-ink);font-family:var(--bf-font);font-size:var(--bf-text);font-weight:var(--bf-weight);white-space:nowrap;white-space:nowrap;transition:font-size var(--bf-motion) var(--bf-ease);flex:none;align-items:center;line-height:1;display:flex;overflow:hidden}.ui-controls-host .bar-field__range{background:var(--bf-fill);position:absolute;top:0;bottom:0}.ui-controls-host .bar-field__range-grip{z-index:3;top:calc(var(--bf-hit) * -1);bottom:calc(var(--bf-hit) * -1);width:var(--bf-grip-w);cursor:ew-resize;touch-action:pinch-zoom;position:absolute}.ui-controls-host .bar-field__range-grip:focus{outline:none}.ui-controls-host .bar-field__hit{z-index:3;inset:calc(var(--bf-hit) * -1) 0;cursor:ew-resize;touch-action:pinch-zoom;position:absolute}.ui-controls-host .bar-field__shadow{z-index:0;border-radius:var(--bf-r-tl,var(--bf-radius-inner)) var(--bf-r-tr,var(--bf-radius-inner)) var(--bf-r-br,var(--bf-radius-inner)) var(--bf-r-bl,var(--bf-radius-inner));--bf-depth-lift:calc(.35 + .65 * var(--bf-depth,0));--bf-shadow:calc(var(--bf-lean-x,0px) * .12) calc(1.5px * var(--bf-depth-lift) + var(--bf-lean-y,0px) * .12) calc(3px * var(--bf-shadow-r) * var(--bf-depth-lift)) -1px rgb(var(--bf-shadow-tint) / calc(.3 * var(--bf-shadow-strength,1))), calc(var(--bf-lean-x,0px) * .25) calc(3px * var(--bf-depth-lift) + var(--bf-lean-y,0px) * .25) calc(9px * var(--bf-shadow-r) * var(--bf-depth-lift)) -2px rgb(var(--bf-shadow-tint) / calc(.24 * var(--bf-shadow-strength,1))), calc(var(--bf-lean-x,0px) * .5) calc(6px * var(--bf-depth-lift) + var(--bf-lean-y,0px) * .5) calc(18px * var(--bf-shadow-r) * var(--bf-depth-lift)) -4px rgb(var(--bf-shadow-tint) / calc(.18 * var(--bf-shadow-strength,1))), calc(var(--bf-lean-x,0px) * 1) calc(12px * var(--bf-depth-lift) + var(--bf-lean-y,0px) * 1) calc(34px * var(--bf-shadow-r) * var(--bf-depth-lift)) -8px rgb(var(--bf-shadow-tint) / calc(.13 * var(--bf-shadow-strength,1)));box-shadow:var(--bf-shadow);opacity:calc(var(--bf-depth,0) * var(--bf-shadow-max,1) * var(--bf-fade,1));transform:scale(calc(.92 + .08 * var(--bf-depth,0)));transform-origin:50%;pointer-events:none;transition:border-radius var(--bf-motion) var(--bf-ease);position:absolute;inset:0}.ui-controls-host .bar-field__track{z-index:1;--bf-spotlight:radial-gradient(calc(var(--bf-barlight-radius) * var(--bf-stretch,1)) circle at var(--bf-glow-x,50%) var(--bf-glow-y,50%), var(--bf-glow-falloff));--bf-spotlight-on:calc(var(--bf-glow-on,0) * var(--bf-barlight-max) * var(--bf-fade,1));--bf-spotlight-inactive:.4;border-radius:var(--bf-r-tl,var(--bf-radius-inner)) var(--bf-r-tr,var(--bf-radius-inner)) var(--bf-r-br,var(--bf-radius-inner)) var(--bf-r-bl,var(--bf-radius-inner));background:var(--bf-track);isolation:isolate;transition:background var(--bf-motion) var(--bf-ease), border-radius var(--bf-motion) var(--bf-ease);position:absolute;inset:0;overflow:hidden}.ui-controls-host .bar-field__track:after{content:"";z-index:2;background-image:repeating-linear-gradient(to right, transparent 0, transparent calc(var(--bf-grid,10%) - 1px), var(--bf-grid-ink) calc(var(--bf-grid,10%) - 1px), var(--bf-grid-ink) var(--bf-grid,10%));opacity:0;pointer-events:none;transition:opacity var(--bf-motion) var(--bf-ease);position:absolute;inset:0}html[data-bf-shift=true] .ui-controls-host .bar-field__bar:is(.is-hovering,.is-active,.is-focused) .bar-field__track:after,.ui-controls-host .bar-field__bar[data-grid=persistent] .bar-field__track:after{opacity:1}.ui-controls-host .bar-field__track:focus{outline:none}.ui-controls-host .bar-field__bar.is-focused .bar-field__track{box-shadow:var(--bf-focus-ring)}.ui-controls-host .bar-field__fill{background:var(--bf-fill);width:0%;transition:background var(--bf-motion) var(--bf-ease), width var(--bf-follow) var(--bf-ease);position:absolute;inset:0 auto 0 0}.ui-controls-host .bar-field__bar.is-active .bar-field__fill{transition:background var(--bf-motion) var(--bf-ease)}.ui-controls-host .bar-field__fill:after,.ui-controls-host .bar-field__range:after,.ui-controls-host .bar-field__track:before{content:"";background:var(--bf-spotlight);opacity:var(--bf-spotlight-on);pointer-events:none;position:absolute;inset:0}.ui-controls-host .bar-field__track:before{border-radius:inherit;z-index:0;opacity:calc(var(--bf-spotlight-on) * var(--bf-spotlight-inactive))}.ui-controls-host .bar-field__bar:is(.is-hovering,.is-active,.is-focused) .bar-field__track{background:var(--bf-track-hover)}.ui-controls-host .bar-field__readout{z-index:0;bottom:calc(100% + var(--bf-readout-gap));color:var(--bf-readout-ink);padding:calc(var(--bf-pad) / 2) var(--bf-readout-pad-x,calc(var(--bf-pad) * .75));border-radius:var(--bf-radius-inner);background:var(--bf-readout-bg);--bf-readout-under:0px;-webkit-mask-image:linear-gradient(to top, transparent 0, #000 var(--bf-readout-under));mask-image:linear-gradient(to top, transparent 0, #000 var(--bf-readout-under));opacity:0;pointer-events:none;font-family:var(--bf-font);font-size:var(--bf-text-readout);font-variant-numeric:tabular-nums;font-weight:var(--bf-weight);transform-origin:50% 100%;white-space:nowrap;transition:border-radius var(--bf-motion) var(--bf-ease);line-height:1;display:flex;position:absolute;left:0}.ui-controls-host .bar-field[data-bare=true]{--bf-body:calc(var(--bf-bar-base) + var(--bf-extra-rows,0px));--bf-min-w:0px;--bf-slim-below:0px;--bf-min-h:calc(var(--bf-bar-base) + var(--bf-extra-rows,0px));--bf-radius-corner:var(--bf-radius-inner);border-radius:var(--bf-radius-inner);--bf-fold:calc(var(--bf-motion) * .75);box-shadow:none;cursor:default;background:0 0;padding:0;overflow:visible}.ui-controls-host .bar-field[data-bare=true] .bar-field__header,.ui-controls-host .bar-field[data-bare=true] .bar-field__resize,.ui-controls-host .bar-field[data-bare=true] .bar-field__edgelight{display:none}.ui-controls-host .bar-field[data-bare=true][data-collapsible=true] .bar-field__header{display:flex}.ui-controls-host .bar-field__header[data-draggable=true]{border-radius:var(--bf-radius-inner);cursor:grab;touch-action:manipulation;transition:background var(--bf-motion) var(--bf-ease)}@media (hover:hover){.ui-controls-host .bar-field__header[data-draggable=true]:hover:not(:has(.bar-field__action:hover,.bar-field__title-text[data-editable=true]:hover)){background:var(--bf-area-hover)}}.ui-controls-host .bar-field__title-text[data-editable=true]{max-width:100%;margin-inline:calc(-1 * var(--bf-cell-pad));padding-inline:var(--bf-cell-pad);border-radius:var(--bf-radius-inner);cursor:text;transition:background var(--bf-motion) var(--bf-ease);flex:0 auto;align-self:stretch;align-items:center;display:flex;-webkit-mask-image:none;mask-image:none}@media (hover:hover){.ui-controls-host .bar-field__title-text[data-editable=true]:hover{background:var(--bf-control-hover)}}.ui-controls-host .bar-field__title-edit{min-width:0;height:calc(var(--bf-row) - 2 * var(--bf-cell-pad));margin-inline:calc(-1 * var(--bf-cell-pad));padding:0 var(--bf-cell-pad);border-radius:var(--bf-radius-inner);background:var(--bf-fill-hover);color:var(--bf-ink-on-fill);caret-color:var(--bf-ink-on-fill);font:inherit;border:0;outline:none;flex:auto;line-height:normal}.ui-controls-host .bar-field__title-edit::selection{background:var(--bf-selection);color:var(--bf-ink-on-fill)}.ui-controls-host .bar-field[data-bare=true][data-collapsible=true]{--bf-min-h:calc(var(--bf-row-base) + var(--bf-gap) + var(--bf-bar-base) + var(--bf-extra-rows,0px));justify-content:flex-start}.ui-controls-host .bar-field[data-bare=true][data-collapse-anim=true],.ui-controls-host .bar-field[data-bare=true][data-collapsed=true]{overflow:clip}.ui-controls-host .bar-field__curtain{display:contents}.ui-controls-host .bar-field[data-bare=true] .bar-field__body,.ui-controls-host .bar-field[data-bare=true] .bar-field__group-body{justify-content:flex-start}.ui-controls-host .bar-field[data-bare=true][data-collapsible=true] .bar-field__curtain{flex-direction:column;flex:auto;min-height:0;display:flex}.ui-controls-host .bar-field[data-bare=true][data-curtain] .bar-field__curtain{--bf-curtain-out:0px;-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--bf-curtain-band)), transparent 100%);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--bf-curtain-band)), transparent 100%);-webkit-mask-position:top;mask-position:top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% calc(100% + var(--bf-curtain-out));mask-size:100% calc(100% + var(--bf-curtain-out));transition:mask-size var(--bf-fold) var(--bf-ease-morph)}.ui-controls-host .bar-field[data-bare=true][data-curtain=out] .bar-field__curtain{--bf-curtain-out:var(--bf-curtain-band)}.ui-controls-host .bar-field[data-bare=true][data-collapse-anim=true] .bar-field__body,.ui-controls-host .bar-field[data-bare=true][data-collapsed=true] .bar-field__body{opacity:1;flex-shrink:0;-webkit-mask-image:none;mask-image:none}.ui-controls-host .bar-field[data-bare=true] .bar-field__row,.ui-controls-host .bar-field[data-bare=true] .bar-field__body>.bar-field__bar{flex-grow:0;flex-shrink:0}.ui-controls-host .bar-field[data-bare=true]:not([data-collapsible=true]) .bar-field__body>.bar-field__bar[data-row]:first-child,.ui-controls-host .bar-field[data-bare=true]:not([data-collapsible=true]) .bar-field__body>.bar-field__row[data-row]:first-child>:first-child:not(.bar-field__row-label),.ui-controls-host .bar-field[data-bare=true]:not([data-collapsible=true]) .bar-field__body>.bar-field__row[data-row]:first-child>.bar-field__row-label+*{--bf-r-tl:var(--bf-radius-corner)}.ui-controls-host .bar-field[data-bare=true]:not([data-collapsible=true]) .bar-field__body>.bar-field__bar[data-row]:first-child,.ui-controls-host .bar-field[data-bare=true]:not([data-collapsible=true]) .bar-field__body>.bar-field__row[data-row]:first-child>:last-child{--bf-r-tr:var(--bf-radius-corner)}.ui-controls-host .bar-field[data-bare=true] .bar-field__title,.ui-controls-host .bar-field[data-bare=true] .bar-field__action{color:inherit;background:0 0}@media (hover:hover){.ui-controls-host .bar-field[data-bare=true] .bar-field__title:hover{background:0 0}.ui-controls-host .bar-field[data-bare=true] .bar-field__action:hover{background:var(--bf-control-hover)}}.ui-controls-host .bar-field[data-bare=true] .bar-field__row-label{color:inherit}.ui-controls-host .bar-field[data-bare=true]{--bf-focus-ring:0 0 0 2px transparent, 0 0 0 4px currentColor;--bf-area-hover:color-mix(in srgb, currentColor 6%, transparent);justify-content:center}.ui-controls-host .bar-field[data-bare=true] .bar-field__body{flex-grow:0}.ui-controls-host .bar-field[data-stroke=true]{--bf-track:transparent;--bf-track-hover:var(--bf-stroke-wash);--bf-control-hover:var(--bf-stroke-wash);--bf-control-press:var(--bf-stroke-wash)}.ui-controls-host .bar-field[data-bare=true][data-stroke=true]{--bf-stroke-ink:color-mix(in srgb, currentColor 34%, transparent);--bf-stroke-wash:color-mix(in srgb, currentColor 7%, transparent)}.ui-controls-host .bar-field[data-bare=true][data-stroke=true] .bar-field__value{color:inherit;caret-color:currentColor}.ui-controls-host .bar-field[data-bare=true][data-stroke=true] .bar-field__value-unit{color:color-mix(in srgb, currentColor calc(var(--bf-label-ink) * 100%), transparent)}.ui-controls-host .bar-field[data-stroke=true] .bar-field__track,.ui-controls-host .bar-field[data-stroke=true] .bar-field__value-wrap,.ui-controls-host .bar-field[data-stroke=true] .bar-field__title,.ui-controls-host .bar-field[data-stroke=true] .bar-field__action{box-shadow:inset 0 0 0 var(--bf-stroke-w) var(--bf-stroke-ink)}.ui-controls-host .bar-field[data-stroke=true] .bar-field__bar.is-focused .bar-field__track{box-shadow:var(--bf-focus-ring), inset 0 0 0 var(--bf-stroke-w) var(--bf-stroke-ink)}.ui-controls-host .bar-field__digit,.ui-controls-host .bar-field__sign,.ui-controls-host .bar-field__unit{color:var(--bf-readout-ink);transition:color var(--bf-out) var(--bf-ease-out)}.ui-controls-host .bar-field__unit:not(:empty){margin-left:calc(var(--bf-pad) / 2)}.ui-controls-host .bar-field__digit{text-align:center;width:1ch;display:inline-block}.ui-controls-host .bar-field__readout[data-digits="1"]{--bf-readout-pad-x:calc(var(--bf-pad) * 1.125)}.ui-controls-host .bar-field__readout[data-digits="2"]{--bf-readout-pad-x:calc(var(--bf-pad) * .875)}.ui-controls-host .bar-field__fit-probe{visibility:hidden;pointer-events:none;white-space:nowrap;position:absolute;top:0;left:0}.ui-controls-host .bar-field__bar[data-step] .bar-field__readout :is(.bar-field__digit,.bar-field__sign,.bar-field__unit){color:var(--bf-readout-muted);transition:color var(--bf-in) var(--bf-ease-in)}.ui-controls-host .bar-field__bar[data-step] .bar-field__readout .bar-field__digit[data-stepping]{color:var(--bf-readout-active);transition:color var(--bf-in) var(--bf-ease-in)}.ui-overflow-label__text{white-space:nowrap;vertical-align:baseline;display:inline-block}.ui-controls-host{--ui-font-sans:var(--font-family-sans);min-width:0;color-scheme:inherit}.ui-controls-host .bar-field{box-sizing:border-box}.ui-controls-host .bar-field[data-density=compact]{--bf-row:var(--ui-control-height,32px);--bf-row-default:var(--ui-control-height,32px);--bf-row-base:var(--ui-control-height,32px)}.ui-controls-host .bar-field__row[data-field-only=true] .bar-field__bar{display:none}.ui-controls-host .bar-field__row[data-field-only=true] .bar-field__value-wrap{flex:1;width:auto;min-width:0}.ui-controls-host [aria-disabled=true]{opacity:var(--bf-off-dim)}.ui-controls-host.ui-timeline-ruler{height:var(--space-4);-webkit-user-select:none;user-select:none;min-width:0;position:relative;overflow:hidden}.ui-controls-host.ui-timeline-ruler[data-input=host]{pointer-events:none;height:auto;position:absolute;inset:0}.ui-controls-host.ui-timeline-ruler[data-input=seek]{cursor:crosshair;touch-action:none}.ui-controls-host .bar-field.ui-timeline-ruler__surface{width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;box-shadow:none;cursor:inherit;color:var(--bf-ink);font:var(--bf-text-readout) / var(--line-height-label) var(--bf-font);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;margin:0;padding:0;transition:none;display:block;position:absolute;inset:0;transform:none}.ui-controls-host .ui-timeline-ruler__mark{border-inline-start:var(--border-width) solid var(--bf-stroke-ink);pointer-events:none;position:absolute;inset-block:0}.ui-controls-host .ui-timeline-ruler__label{font:inherit;white-space:nowrap;position:absolute;inset-block-start:calc(var(--space-1) / 2);inset-inline-start:calc(var(--space-1) / 2)}.ui-controls-host .ui-timeline-ruler__mark:last-child .ui-timeline-ruler__label{inset-inline-start:auto;inset-inline-end:calc(var(--space-1) / 2)}.ui-controls-host .ui-timeline-ruler__playhead{width:var(--border-width);background:var(--bf-ink);pointer-events:none;position:absolute;inset-block:0}.ui-controls-host .ui-timeline-ruler__playhead:before{content:"";width:var(--space-1);height:var(--space-1);background:inherit;clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%)}.ui-controls-host.ui-timeline-ruler:focus-visible .ui-timeline-ruler__surface{outline:var(--border-width) solid var(--bf-ink);outline-offset:calc(-1 * var(--border-width))}.ui-timeline-readout{min-width:0}.shared-controls-surface{--f-workbench-header-height:var(--space-6);--f-workbench-header-inset:var(--space-2);--workbench-icon-mask:linear-gradient(to right,transparent,#000 calc(var(--space-1)/4),#000 calc(100% - var(--space-1)/4),transparent)}.header-actions.f-workbench-header{align-items:center;gap:var(--space-1);display:flex}:is(.f-workbench-header,.game-header-actions){--f-header-icon-size:var(--space-3);--f-header-target:max(calc(var(--space-5) - var(--space-1)),var(--ui-control-height));--f-header-padding:calc((var(--f-header-target) - var(--f-header-icon-size))/2 - var(--border-width))}:is(.f-workbench-header,.game-header-actions) .f-button{height:var(--f-header-target);min-height:var(--f-header-target);padding-inline:var(--f-header-padding);gap:var(--space-1)}:is(.f-workbench-header,.game-header-actions) .f-button--icon-only{width:var(--f-header-target);min-width:var(--f-header-target);padding:0}:is(.f-workbench-header,.game-header-actions) .f-icon,:is(.f-workbench-header,.game-header-actions) .f-theme-symbol{width:var(--f-header-icon-size);height:var(--f-header-icon-size)}.f-theme-symbol{width:var(--space-2);height:var(--space-2);pointer-events:none;flex:none;display:block;position:relative}.f-theme-orbit{inset:calc(var(--space-1) / -2);-webkit-mask-image:var(--workbench-icon-mask);mask-image:var(--workbench-icon-mask);position:absolute;overflow:hidden}.f-theme-orbit>.f-icon{inset:calc(var(--space-1) / 2);transform-origin:50% calc(100% + var(--space-1));position:absolute}@media (width<=760px){.shared-controls-surface{--f-workbench-header-height:calc(var(--space-5) + var(--space-1));--f-workbench-header-inset:var(--space-1)}.header-actions.f-workbench-header{gap:calc(var(--space-1)/2)}.f-workbench-header .f-button{width:var(--ui-control-height);min-width:var(--ui-control-height);padding:0}.f-workbench-header .f-button__label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<=360px){.shared-controls-surface{--f-workbench-header-inset:calc(var(--space-1)/2)}.header-actions.f-workbench-header{gap:0}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#0d0e12;--color-text:#fff;--color-copy:gray;--color-active:#58ff7b;--color-rule:#2b2c31;--color-button:#f3ed5c;--color-selection:#2ce793;--color-scrollbar:#f5ad8d;--color-danger:#ff5263;--font-family-sans:"Europa", "Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--font-family-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--font-size-label:.6875rem;--font-size-small:.8125rem;--font-size-field:.875rem;--font-size-body:1.25rem;--font-size-heading:1.875rem;--line-height-label:1.2;--line-height-body:2;--letter-spacing-label:.08em;--letter-spacing-body:.03em;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:64px;--space-7:128px;--radius-0:0;--radius-1:8px;--radius-2:16px;--radius-3:24px;--radius-4:32px;--radius-round:999px;--radius-circle:50%;--icon-size:var(--space-3);--icon-weight:1.5;--icon-opacity:1;--border-width:1px;--duration-fast:.14s;--duration-slow:.5s;--ease-standard:cubic-bezier(.33, 0, .2, 1);--ease-pickup:cubic-bezier(.2, .8, .2, 1);--ease-settle:cubic-bezier(.16, 1, .3, 1);--layout-gutter:var(--space-4);--layout-max:112rem;--pointer-x:50vw;--pointer-y:50vh;--pointer-x-unit:0;--pointer-y-unit:0;--route-transition-duration:var(--duration-slow);--route-transition-ease:var(--ease-standard)}@media (width<=767px){:root{--layout-gutter:var(--space-2)}}:root{--surface-canvas:var(--color-canvas);--surface-subtle:color-mix(in srgb, var(--color-canvas) 93%, var(--color-text));--text-primary:var(--color-text);--accent-primary:var(--color-active);--focus-ring:var(--color-active);--selection-background:var(--color-selection);--selection-text:var(--color-canvas);--icon-color:currentColor;--content-wide:78rem}.shared-controls-surface{--color-copy:color-mix(in srgb,var(--color-text) 60%,transparent);--color-rule:color-mix(in srgb,var(--color-text) 12%,transparent)}.shared-controls-surface[data-theme=light]{--color-canvas:var(--f-neutral-light);--color-text:var(--f-neutral-dark);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.shared-controls-surface[data-theme=dark]{--color-canvas:var(--f-neutral-dark);--color-text:var(--f-neutral-light);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--f-neutral-dark:var(--color-canvas);--f-neutral-light:var(--color-text);--f-focus-width:calc(2 * var(--border-width));--f-focus-offset:calc(2 * var(--border-width))}@font-face{font-family:Inter;src:url(/assets/ui/Inter-Variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.shared-controls-surface{--surface-canvas:var(--color-canvas);--surface-subtle:color-mix(in srgb,var(--color-text) 7%,transparent);--text-primary:var(--color-text);--accent-primary:var(--color-text);--focus-ring:var(--color-text);--selection-background:var(--color-selection);--selection-text:var(--color-canvas)}.f-button{--f-button-size:var(--space-4);box-sizing:border-box;appearance:none;min-width:var(--f-button-size);min-height:var(--f-button-size);justify-content:center;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border:var(--border-width) solid var(--color-rule);border-radius:var(--radius-1);background:var(--surface-canvas);color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-field);font-weight:500;line-height:var(--line-height-label);white-space:nowrap;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard);margin:0;text-decoration:none;display:inline-flex}.f-button__label{min-width:0}.f-control-popup{box-sizing:border-box;border:var(--border-width) solid var(--color-rule);border-radius:var(--radius-2);background:var(--ui-control-canvas);color:var(--text-primary);font:var(--font-size-small)/var(--line-height-label) var(--font-family-sans);box-shadow:0 var(--space-1) var(--space-3) color-mix(in srgb,var(--f-neutral-dark) var(--ui-control-fill-hover-alpha),transparent);margin:0;position:fixed;inset:auto}.f-control-popup::backdrop{pointer-events:none;background:0 0}.f-button:any-link{text-decoration:none}.f-button--action{--f-button-icon-slot:calc(var(--f-button-size) - 2 * var(--border-width));--f-button-edge-inset:calc((var(--f-button-icon-slot) - var(--space-2)) / 2);grid-template-columns:var(--f-button-icon-slot) minmax(0,1fr);min-width:0;padding:0 var(--f-button-edge-inset) 0 0;text-align:end;display:grid}.f-button__icon-slot{width:var(--f-button-icon-slot);height:var(--f-button-icon-slot);pointer-events:none;place-items:center;display:grid}.f-button--action>.f-button__label{text-align:end;white-space:normal}.f-button:not([role=tab]):not([role=radio])>:is(.f-button__label,.f-icon),.f-button__icon-slot>.f-icon{transition:transform var(--duration-fast) var(--ease-settle)}.f-scroll-region{scrollbar-gutter:stable;overscroll-behavior:contain}@media (hover:hover) and (pointer:fine){.f-scroll-region{--f-scroll-track:var(--ui-control-track);scrollbar-width:thin;scrollbar-color:var(--ui-control-fill-hover) var(--f-scroll-track)}.f-scroll-region[data-scrollable=false]{--f-scroll-track:color-mix(in srgb,var(--ui-control-track) 40%,transparent)}@supports selector(::-webkit-scrollbar){.f-scroll-region{scrollbar-color:auto;scrollbar-width:auto}.f-scroll-region::-webkit-scrollbar{width:calc(var(--space-3)/2);height:calc(var(--space-3)/2)}.f-scroll-region::-webkit-scrollbar-track{background:var(--f-scroll-track);border-radius:var(--radius-1)}.f-scroll-region::-webkit-scrollbar-thumb{min-height:var(--space-5);background:var(--ui-control-fill);border:calc(var(--space-1)/4) solid transparent;border-radius:var(--radius-2);background-clip:padding-box}.f-scroll-region::-webkit-scrollbar-thumb:hover{background-color:var(--ui-control-fill-hover)}.f-scroll-region::-webkit-scrollbar-thumb:active{background-color:var(--ui-control-fill-hover)}.f-scroll-region::-webkit-scrollbar-corner{background:0 0}}}.f-icon{width:var(--space-2);height:var(--space-2);color:inherit;stroke-width:var(--icon-weight,1.5);pointer-events:none;flex:none;display:block}.f-button--icon-only{width:var(--space-4);flex:none;padding:0}.f-button--icon-only>.f-button__label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.f-button[data-variant=secondary]{background:var(--ui-control-track,var(--surface-subtle));border-color:#0000}.f-button[data-variant=quiet]{background:0 0;border-color:#0000}.f-button:is([aria-pressed=true],[aria-selected=true],[aria-current=true]){background:var(--surface-subtle);color:var(--text-primary);border-color:var(--color-rule)}.f-button[data-variant=primary],.f-button[data-variant=accent],.f-button--primary{border-color:var(--accent-primary);background:var(--accent-primary);color:var(--surface-canvas)}.f-button[data-variant=danger]{color:var(--color-danger)}@media (hover:hover) and (pointer:fine){.f-button:not(:disabled):not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--text-primary) var(--ui-control-hover-alpha,9%),var(--surface-canvas));border-color:color-mix(in srgb,var(--color-rule) 65%,var(--text-primary))}.f-button:is([data-variant=quiet],[data-variant=secondary]):not(:disabled):not([aria-disabled=true]):hover{background:var(--ui-control-track-hover,var(--surface-subtle));border-color:#0000}.f-button:is([data-variant=primary],[data-variant=accent],.f-button--primary):not(:disabled):not([aria-disabled=true]):hover{background:color-mix(in srgb,var(--surface-canvas) var(--ui-control-hover-alpha,9%),var(--accent-primary));border-color:var(--accent-primary)}}.f-button:not(:disabled):not([aria-disabled=true]):active{background:color-mix(in srgb,var(--text-primary) var(--ui-control-press-alpha,14%),var(--surface-canvas))}.f-button:is([data-variant=quiet],[data-variant=secondary]):not(:disabled):not([aria-disabled=true]):active{background:var(--ui-control-fill,var(--surface-subtle))}.f-button:is([data-variant=primary],[data-variant=accent],.f-button--primary):not(:disabled):not([aria-disabled=true]):active{background:color-mix(in srgb,var(--surface-canvas) var(--ui-control-press-alpha,14%),var(--accent-primary))}.f-button:not([role=tab]):not([role=radio]):not(:disabled):not([aria-disabled=true]):active>:is(.f-button__label,.f-icon),.f-button:not(:disabled):not([aria-disabled=true]):active>.f-button__icon-slot>.f-icon{transform:translateY(var(--border-width)) scale(.98);transition-timing-function:var(--ease-pickup)}.f-button:focus-visible,.f-swatches input:focus-visible{outline:var(--f-focus-width) solid var(--focus-ring);outline-offset:var(--f-focus-offset)}.f-button:disabled,.f-button[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}.f-control-cluster{--f-cluster-inset:calc(var(--space-1)/2);padding:var(--f-cluster-inset);border-radius:calc(var(--radius-1) + var(--f-cluster-inset))}.f-segmented{align-items:center;gap:calc(var(--space-1)/2);padding:calc(var(--space-1)/2);border:var(--border-width) solid var(--color-rule);border-radius:calc(var(--radius-1) + var(--space-1)/2);background:var(--surface-subtle);display:inline-flex}.f-segmented>.f-button{padding-inline:var(--space-1);background:0 0;border-color:#0000}.f-segmented>.f-button:is([aria-pressed=true],[aria-selected=true],[aria-current=true]){border-color:var(--color-rule);background:var(--surface-canvas)}@media (any-pointer:coarse){.f-button{--f-button-size:var(--space-5)}.f-button--icon-only{width:var(--space-5)}}.f-swatches{gap:var(--space-1);margin-block:var(--space-2);font-family:var(--font-family-sans);font-size:var(--font-size-small);line-height:var(--line-height-label);color:var(--text-primary);grid-template-columns:repeat(5,minmax(0,1fr));margin-inline:0;padding:0;display:grid}.f-swatch{gap:var(--space-1);flex-direction:column;min-width:0;margin:0;display:flex}.f-swatch input[type=color]{box-sizing:border-box;appearance:none;width:100%;min-width:0;height:var(--space-5);border:var(--border-width) solid var(--color-rule);border-radius:var(--radius-1);cursor:pointer;background:0 0;margin:0;padding:0}.f-swatch input[type=color]::-webkit-color-swatch-wrapper{padding:0}.f-swatch input[type=color]::-webkit-color-swatch{border-radius:calc(var(--radius-1) - var(--border-width));border:0}.f-swatch input[type=color]::-moz-color-swatch{border-radius:calc(var(--radius-1) - var(--border-width));border:0}.f-swatches[data-density=micro] input[type=color]{height:var(--space-4)}@media (prefers-reduced-motion:reduce){.f-button,.f-button:not([role=tab])>:is(.f-button__label,.f-icon),.f-button__icon-slot>.f-icon{transition:none}.f-button:not([role=tab]):not(:disabled):not([aria-disabled=true]):active>:is(.f-button__label,.f-icon),.f-button:not(:disabled):not([aria-disabled=true]):active>.f-button__icon-slot>.f-icon{transform:none}}.f-disclosure-icon{width:var(--ui-control-height);height:var(--ui-control-height);color:var(--ui-control-ink);opacity:var(--icon-opacity);flex:none;justify-content:center;align-items:center;display:flex}.f-chevron{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:var(--icon-weight);stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.f-chevron [data-arm]{transform-box:fill-box;transform-origin:50%;vector-effect:non-scaling-stroke;transition:transform calc(var(--ui-control-motion-ms)*.75ms) cubic-bezier(.6,0,0,1.25)}@media (prefers-reduced-motion:reduce){.f-chevron [data-arm]{transition:none}}.shared-controls-surface{--ui-canvas:var(--surface-canvas,var(--paper,Canvas));--ui-text:var(--text-primary,var(--ink,CanvasText));--ui-muted:var(--color-copy,var(--muted,GrayText));--ui-rule:var(--color-rule,var(--line,ButtonBorder));--ui-accent:var(--accent-primary,var(--green,Highlight));--ui-font-sans:var(--font-family-sans,Arial,Helvetica,sans-serif);--ui-font-mono:var(--font-family-mono,ui-monospace,Consolas,monospace);--ui-control-ink:var(--ui-text);--ui-control-canvas:var(--ui-canvas);--ui-control-light-ink:var(--ui-text);--ui-control-surface-alpha:2%;--ui-control-track-alpha:var(--ui-control-grid-alpha);--ui-control-track-hover-alpha:var(--ui-control-fill-alpha);--ui-control-fill-alpha:14%;--ui-control-fill-hover-alpha:20%;--ui-control-hover-alpha:9%;--ui-control-press-alpha:14%;--ui-control-area-alpha:6%;--ui-control-selection-alpha:18%;--ui-control-grid-alpha:10%;--ui-control-stroke-alpha:32%;--ui-control-readout-alpha:96%;--ui-control-readout-ink-alpha:80%;--ui-control-readout-muted-alpha:60%;--ui-control-select-active-alpha:var(--ui-control-fill-hover-alpha);--ui-control-motion-ms:240;--ui-control-ease:cubic-bezier(.6,0,0,1);--f-color-window-width:calc(2 * var(--space-7) + var(--space-6));--ui-control-light-falloff:var(--f-neutral-light) 0, color-mix(in srgb,var(--f-neutral-light) 66.4%,transparent) 10%, color-mix(in srgb,var(--f-neutral-light) 43.9%,transparent) 20%, color-mix(in srgb,var(--f-neutral-light) 28.8%,transparent) 30%, color-mix(in srgb,var(--f-neutral-light) 18.7%,transparent) 40%, color-mix(in srgb,var(--f-neutral-light) 11.9%,transparent) 50%, color-mix(in srgb,var(--f-neutral-light) 7.4%,transparent) 60%, color-mix(in srgb,var(--f-neutral-light) 4.3%,transparent) 70%, color-mix(in srgb,var(--f-neutral-light) 1.5%,transparent) 85%,transparent 100%}.shared-controls-surface[data-theme=light],.shared-controls-surface [data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.shared-controls-surface[data-theme=dark],.shared-controls-surface [data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.shared-controls-surface[data-theme=dark]{--ui-control-light-ink:var(--ui-canvas);--ui-control-surface-alpha:4%;--ui-control-track-alpha:var(--ui-control-surface-alpha);--ui-control-track-hover-alpha:10%;--ui-control-fill-alpha:10%;--ui-control-fill-hover-alpha:14%;--ui-control-hover-alpha:16%;--ui-control-press-alpha:22%;--ui-control-area-alpha:8%;--ui-control-selection-alpha:22%;--ui-control-grid-alpha:14%;--ui-control-stroke-alpha:38%;--ui-control-select-active-alpha:var(--ui-control-readout-muted-alpha)}.shared-controls-surface{--ui-control-track:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-track-alpha),transparent);--ui-control-track-hover:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-track-hover-alpha),transparent);--ui-control-fill:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-fill-alpha),transparent);--ui-control-fill-hover:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-fill-hover-alpha),transparent);--ui-control-selected:color-mix(in srgb,var(--f-neutral-light) var(--ui-control-readout-ink-alpha),transparent);--ui-control-selected-ink:var(--f-neutral-dark)}.shared-controls-surface .ui-controls-host .bar-field{--bf-text-field:var(--font-size-field);--bf-surface:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-surface-alpha),transparent);--bf-fill:var(--ui-control-fill);--bf-fill-hover:var(--ui-control-fill-hover);--bf-title-hover:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-area-alpha),transparent);--bf-area-hover:var(--bf-title-hover);--bf-selection:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-selection-alpha),transparent);--bf-ink:var(--ui-control-ink);--bf-ink-on-fill:var(--ui-control-light-ink);--bf-readout-bg:color-mix(in srgb,var(--ui-control-canvas) var(--ui-control-readout-alpha),transparent);--bf-readout-ink:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-readout-ink-alpha),transparent);--bf-readout-active:var(--ui-control-ink);--bf-readout-muted:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-readout-muted-alpha),transparent);--bf-pill-ink:var(--ui-control-canvas);--bf-grid-ink:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-grid-alpha),transparent);--bf-stroke-ink:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-stroke-alpha),transparent);--bf-stroke-wash:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-area-alpha),transparent)}.shared-controls-surface .ui-controls-host .bar-field:not([data-stroke=true]){--bf-track:var(--ui-control-track);--bf-track-hover:var(--ui-control-track-hover);--bf-control-hover:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-hover-alpha),transparent);--bf-control-press:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-press-alpha),transparent)}.shared-controls-surface .ui-controls-host .bar-field__select{--bf-fill:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-fill-alpha),var(--ui-control-canvas));--bf-fill-hover:color-mix(in srgb,var(--ui-control-ink) var(--ui-control-select-active-alpha),var(--ui-control-canvas))}.shared-controls-surface .ui-controls-host .bar-field__bar{--bf-fill:var(--ui-control-selected)}.shared-controls-surface .ui-controls-host .bar-field__value-wrap{--bf-fill-hover:var(--ui-control-selected)}.shared-controls-surface .ui-controls-host .bar-field__title-edit{--bf-ink-on-fill:var(--ui-control-ink)}.shared-controls-surface .ui-controls-host .bar-field__value-wrap:has(.bar-field__value:focus){--bf-ink:var(--ui-control-selected-ink);--bf-ink-on-fill:var(--ui-control-selected-ink)}.shared-controls-surface :is(.inspector,.shared-control-layout){--ui-control-label-column:calc(var(--space-6) + var(--space-4))}.shared-controls-surface :is(.inspector,.shared-control-layout) .ui-controls-host .bar-field:not([data-label-inside=true]) .bar-field__row-label{width:min(var(--ui-control-label-column),40%)}[data-shared-field]{min-width:0}.shared-controls-surface .shared-native{box-sizing:border-box;color:var(--ui-text);font-family:var(--ui-font-sans);accent-color:var(--ui-accent)}.shared-controls-surface .shared-native:where(input,select,textarea,button){background:var(--ui-canvas);border:var(--border-width,1px) solid var(--ui-rule)}.shared-controls-surface .shared-native:focus-visible{outline:var(--f-focus-width) solid var(--focus-ring,var(--ui-accent));outline-offset:var(--f-focus-offset)}.shared-controls-surface .shared-native:disabled{cursor:default;opacity:.45}.shared-controls-surface input:is(.f-text-input,.f-number-input){box-sizing:border-box;width:100%;min-width:0;height:var(--ui-control-height,var(--space-4));min-height:var(--ui-control-height,var(--space-4));padding:0 var(--space-1);border-radius:var(--radius-1);background:var(--ui-control-track);color:var(--ui-control-ink);font-family:var(--font-family-sans);font-size:var(--font-size-field);font-weight:500;line-height:var(--line-height-label);letter-spacing:normal;text-align:start;caret-color:currentColor;cursor:text;transition:background-color var(--duration-fast) var(--ease-standard);border:0;margin:0}.shared-controls-surface input:is(.f-text-input,.f-number-input)::placeholder{color:currentColor;opacity:var(--ui-control-readout-muted-alpha)}.shared-controls-surface input:is(.f-text-input,.f-number-input)::selection{background:color-mix(in srgb,var(--ui-control-selected-ink) var(--ui-control-selection-alpha),transparent);color:inherit}.shared-controls-surface input:is(.f-text-input,.f-number-input)::-webkit-search-cancel-button{filter:grayscale()}@media (hover:hover) and (pointer:fine){.shared-controls-surface input:is(.f-text-input,.f-number-input):enabled:not(:read-only):not(:focus):hover{background:var(--ui-control-track-hover)}}.shared-controls-surface input:is(.f-text-input,.f-number-input):enabled:focus{background:var(--ui-control-selected);color:var(--ui-control-selected-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:none}.shared-controls-surface input:is(.f-text-input,.f-number-input):focus-visible{outline:calc(var(--border-width)*2) solid var(--focus-ring);outline-offset:calc(var(--border-width)*2)}.shared-controls-surface input:is(.f-text-input,.f-number-input):disabled{cursor:default;opacity:var(--ui-control-readout-muted-alpha)}@media (prefers-reduced-motion:reduce){.shared-controls-surface input:is(.f-text-input,.f-number-input){transition:none}}