@layer reset,tokens,base;@layer components{.ui-icon{flex-shrink:0;width:16px;height:16px;display:block}.ui-accordion{flex-direction:column;min-height:0;display:flex}.ui-accordion-item{border-bottom:var(--fx-border-width) solid var(--fx-line)}.ui-accordion-header{font:inherit;align-items:stretch;margin:0;display:flex}.ui-accordion-trigger{align-items:center;gap:var(--fx-space-2);width:auto;min-width:0;min-height:var(--fx-accordion-min-size);padding:var(--fx-space-3) var(--fx-space-4);color:inherit;font:inherit;font-size:var(--fx-font-label);letter-spacing:.1em;text-transform:uppercase;text-align:start;cursor:pointer;background:0 0;border:0;flex:1 0;margin:0;font-weight:700;display:flex}.ui-accordion-trigger:hover{color:var(--fx-accent)}.ui-accordion-trigger:focus-visible{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:-2px}.ui-accordion-caret{stroke-width:2.5px;flex-shrink:0;width:18px;height:18px;transition:transform .2s cubic-bezier(.165,.84,.44,1);display:block;transform:none}.ui-accordion-item.is-open>.ui-accordion-header .ui-accordion-caret{transform:rotate(180deg)}.ui-accordion-title{align-items:center;gap:var(--fx-space-2);flex:1;min-width:0;display:flex}.ui-accordion-accessory{flex-shrink:0;align-items:center;padding-inline-end:var(--fx-space-3);display:flex}.ui-accordion-count{font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;color:var(--fx-muted);font-weight:600}.ui-accordion-panel{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .2s cubic-bezier(.165,.84,.44,1),opacity .2s cubic-bezier(.165,.84,.44,1);display:grid;overflow:hidden}.ui-accordion-item.is-open>.ui-accordion-panel{opacity:1;grid-template-rows:1fr}.ui-accordion-panel-inner{min-height:0;overflow:hidden}.ui-accordion-panel-body{padding:var(--fx-space-4)}.ui-accordion-scroll{scroll-padding-block:var(--fx-space-3);max-height:var(--fx-accordion-scroll-max);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--fx-scroll-thumb) var(--fx-scroll-track);padding-inline-end:var(--fx-space-2);overflow:auto}.ui-accordion-scroll::-webkit-scrollbar{width:var(--fx-scroll-size);height:var(--fx-scroll-size)}.ui-accordion-scroll::-webkit-scrollbar-track{background:var(--fx-scroll-track)}.ui-accordion-scroll::-webkit-scrollbar-thumb{background:var(--fx-scroll-thumb);border-radius:var(--fx-radius-pill)}@media (prefers-reduced-motion:reduce){.ui-accordion-caret{transition:none}.ui-accordion-panel{transition:opacity .16s}}.ui-button{font:inherit;font-size:var(--fx-font-label);cursor:pointer;min-height:var(--fx-control-min-size);min-width:var(--fx-control-min-size);color:inherit;box-sizing:border-box;border-radius:var(--fx-radius-button);line-height:1.4;text-decoration:none}.ui-button:disabled{opacity:var(--fx-opacity-disabled);cursor:default}.ui-button[data-press-feedback]:not(:disabled){transition:transform .1s cubic-bezier(.23,1,.32,1)}.ui-button[data-feedback-active]{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.ui-button[data-press-feedback]:not(:disabled){transition:none}.ui-button[data-feedback-active]{background:var(--fx-hover-bg);transform:none}}.ui-button--default{border:var(--fx-border-width) solid var(--fx-line);background:var(--fx-bg);padding:var(--fx-control-space-1) var(--fx-control-space-2)}.ui-button--default:hover,.ui-button--default.is-hover{border-color:var(--fx-accent);color:var(--fx-accent)}.ui-button--ghost,.ui-button--icon{color:var(--fx-muted);padding:var(--fx-control-space-1);background:0 0;border:0}.ui-button--icon,.ui-button--ghost:has(>.ui-icon:only-child){justify-content:center;align-items:center;display:inline-flex}.ui-button--ghost.is-on{color:var(--fx-accent)}.ui-button--icon{font-size:var(--fx-font-label)}.ui-button--icon:hover,.ui-button--icon.is-hover{color:var(--fx-text)}.ui-button:focus-visible,.ui-button.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-density-scope{display:contents}.ui-menu-positioner{z-index:50}.ui-menu-popup{box-sizing:border-box;width:max-content;min-width:min(10rem, var(--available-width));max-width:var(--available-width);font-family:var(--fx-font-body);max-height:var(--available-height);padding:var(--fx-space-2);border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-control);background:var(--fx-bg);color:var(--fx-text);overflow-y:auto}.ui-menu-item{border-radius:var(--fx-radius-control);font-size:var(--fx-font-caption);cursor:pointer;align-items:center;gap:.6rem;padding:.45rem;display:flex}.ui-menu-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ui-menu-item>.ui-icon,.ui-menu-trigger>.ui-icon,.ui-menu-indicator{flex:none}.ui-menu-indicator{text-align:center;width:1rem}.ui-menu-indicator[data-unchecked]{visibility:hidden}.ui-menu-item[data-highlighted]:not([data-disabled]){background:var(--fx-accent-subtle);color:var(--fx-accent)}.ui-menu-item[data-disabled]{cursor:default;opacity:var(--fx-opacity-disabled)}.ui-menu-trigger{white-space:nowrap;align-items:center;gap:.4rem;max-width:100%;display:inline-flex}.ui-menu-separator{background:var(--fx-line);height:1px;margin:.3rem 0}.ui-chip{box-sizing:border-box;min-width:0;min-height:0;padding:.15rem var(--fx-control-space-3);border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-pill);background:var(--fx-bg);color:var(--fx-text);font:inherit;font-size:var(--fx-font-caption);cursor:pointer;align-items:center;gap:.15rem;display:inline-flex}.ui-chip.is-dismissible{cursor:default;padding-inline-end:.2rem}.ui-chip-dismiss.ui-button{min-width:0;min-height:0;color:inherit;padding:.1rem}.ui-chip-dismiss .ui-icon{width:10px;height:10px}.ui-chip:disabled{opacity:var(--fx-opacity-disabled);cursor:default}.ui-chip:hover,.ui-chip.is-hover{border-color:var(--fx-accent);color:var(--fx-accent)}.ui-chip.is-on{border-color:var(--fx-accent);background:color-mix(in srgb, var(--fx-accent) 18%, transparent);color:var(--fx-accent)}.ui-chip:focus-visible,.ui-chip.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-segmented-field{gap:var(--fx-space-2);color:var(--fx-muted);display:grid}.ui-segmented{border:var(--fx-border-width) solid var(--fx-line);background:var(--fx-bg);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.ui-segmented-option{min-block-size:28px;min-inline-size:24px;color:var(--fx-muted);cursor:pointer;place-items:center;padding-inline:.45rem;display:grid;position:relative}.ui-segmented-option:not(:last-child){border-inline-end:var(--fx-border-width) solid var(--fx-line)}.ui-segmented-radio{position:absolute;inset:0}.ui-segmented-indicator[data-checked]{background:color-mix(in oklab, var(--fx-accent) 18%, transparent);position:absolute;inset:0}.ui-segmented-option:has([data-checked]){color:var(--fx-accent)}.ui-segmented-option:hover:not(:has([data-disabled])),.ui-segmented.is-hover .ui-segmented-option{color:var(--fx-text)}.ui-segmented:focus-within,.ui-segmented.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-segmented[data-disabled]{opacity:var(--fx-opacity-disabled)}@media (forced-colors:active){.ui-segmented-indicator[data-checked]{outline:var(--fx-focus-width) solid Highlight;outline-offset:-2px}}@media (pointer:coarse){.ui-segmented-option{min-block-size:44px}}.ui-color-field,.ui-color-editor{justify-content:space-between;align-items:center;gap:var(--fx-space-3);width:100%;color:var(--fx-muted);flex-wrap:wrap;display:flex}.ui-color-alpha-mode{flex-basis:100%;min-width:0}.ui-color-control{align-items:center;gap:var(--fx-space-2);display:inline-flex}.ui-color-swatch{display:inline-flex;position:relative}.ui-color-field[data-alpha] .ui-color-input::-webkit-color-swatch{opacity:0}.ui-color-field[data-alpha] .ui-color-input::-moz-color-swatch{opacity:0}.ui-color-preview{pointer-events:none;border-radius:var(--fx-radius-detail);background:repeating-conic-gradient(var(--fx-panel) 0% 25%, var(--fx-line) 0% 50%) 0 0 / 8px 8px;position:absolute;inset:3px;overflow:hidden}.ui-color-preview>span{width:100%;height:100%;display:block}.ui-color-swatch:has(:disabled) .ui-color-preview{opacity:var(--fx-opacity-disabled)}.ui-color-opacity{align-items:center;gap:var(--fx-space-2);flex-basis:100%;grid-template-columns:auto minmax(40px,1fr) auto;min-width:0;display:grid}.ui-color-opacity-slider{width:100%;min-width:0;min-height:var(--fx-control-min-size);accent-color:var(--fx-accent);margin:0}.ui-color-percent{padding-inline:var(--fx-space-2);border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-control);background:var(--fx-bg);align-items:center;display:inline-flex}.ui-color-percent-input{width:3ch;min-height:var(--fx-control-min-size);font:inherit;font-variant-numeric:tabular-nums;text-align:right;color:var(--fx-text);background:0 0;border:0;padding:0}.ui-color-percent-input:focus-visible,.ui-color-opacity-slider:focus-visible{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-color-percent-input:disabled,.ui-color-opacity-slider:disabled{opacity:var(--fx-opacity-disabled)}.ui-color-error{grid-column:1/-1}.ui-color-input{width:32px;height:var(--fx-control-min-size);box-sizing:border-box;border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-swatch);background:var(--fx-panel);cursor:pointer;padding:2px}.ui-color-input::-webkit-color-swatch-wrapper{padding:0}.ui-color-input::-webkit-color-swatch,.ui-color-input::-moz-color-swatch{border-radius:var(--fx-radius-detail);border:0}.ui-color-input:focus-visible,.ui-color-input.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-color-input:disabled{cursor:default;opacity:var(--fx-opacity-disabled)}.ui-color-value{font-variant-numeric:tabular-nums;text-transform:uppercase;min-width:4.4rem}.ui-collapsible-trigger{color:var(--fx-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:.2rem;display:inline-flex}.ui-collapsible-trigger:hover{color:var(--fx-text)}.ui-collapsible-trigger:focus-visible{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-collapsible-trigger .ui-icon{width:12px;height:12px;transition:transform .2s;transform:rotate(-90deg)}.ui-collapsible.is-open .ui-collapsible-trigger .ui-icon{transform:none}[dir=rtl] .ui-collapsible-trigger .ui-icon{transform:rotate(90deg)}[dir=rtl] .ui-collapsible.is-open .ui-collapsible-trigger .ui-icon{transform:none}.ui-collapsible-trigger:disabled{cursor:default}.ui-collapsible-panel{height:var(--collapsible-panel-height);overflow:hidden}@media (prefers-reduced-motion:reduce){.ui-collapsible-panel{transition:none}}.ui-dialog{pointer-events:none}.ui-dialog.is-contained{z-index:50;position:absolute;inset:0}.ui-dialog-host{position:absolute;inset:0}.ui-dialog-backdrop{z-index:50;pointer-events:auto;background:var(--fx-backdrop);position:fixed;inset:0}.ui-dialog.is-contained .ui-dialog-backdrop{position:absolute}.ui-dialog-popup{--dialog-available-height:calc(100dvh - 2rem);--dialog-width:42rem;box-sizing:border-box;gap:var(--fx-space-4);pointer-events:auto;z-index:50;inline-size:min(var(--dialog-width), calc(100% - 2rem));min-inline-size:min(var(--dialog-width), calc(100% - 2rem));max-inline-size:calc(100% - 2rem);block-size:min(46rem, var(--dialog-available-height));min-block-size:min(46rem, var(--dialog-available-height));max-block-size:var(--dialog-available-height);padding:var(--fx-space-5);font-family:var(--fx-font-body);font-size:var(--fx-font);border:var(--fx-border-width) solid var(--fx-line);background:var(--fx-panel);color:var(--fx-text);box-shadow:var(--fx-shadow-dialog);border-radius:var(--fx-radius-panel);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.ui-dialog-popup[data-size=compact]{--dialog-width:26rem;block-size:auto;min-block-size:min(16rem, var(--dialog-available-height))}.ui-dialog.is-contained .ui-dialog-popup,.ui-dialog-popup.is-contained{--dialog-available-height:calc(100% - 2rem);position:absolute}.ui-dialog-backdrop.is-contained{position:absolute}.ui-dialog-title{overflow-wrap:anywhere;min-inline-size:0;font-size:var(--fx-font);margin:0;font-weight:650;line-height:1.35}.ui-dialog-header{justify-content:space-between;align-items:center;gap:var(--fx-space-3);flex-shrink:0;display:flex}.ui-dialog-header-actions{align-items:center;gap:var(--fx-space-2);flex-shrink:0;display:flex}.ui-dialog-body{scrollbar-gutter:stable;overscroll-behavior:contain;min-block-size:0;min-inline-size:0;scroll-padding-block:var(--fx-space-3);padding:calc(var(--fx-focus-width) + var(--fx-focus-offset));overflow-wrap:anywhere;flex:auto;overflow:auto;container:dialog-body/inline-size}.ui-dialog-body:has(>.ui-tabs){scrollbar-gutter:auto;flex-direction:column;display:flex;overflow:hidden}.ui-dialog-popup[data-size=compact]:has(>.ui-dialog-body:empty)>.ui-dialog-body{display:none}.ui-dialog-popup[data-size=compact]:has(>.ui-dialog-body:empty)>.ui-dialog-header{min-block-size:0;padding:var(--fx-control-min-size);scrollbar-gutter:stable both-edges;text-align:center;flex:auto;justify-content:center;align-items:safe center;overflow:auto}.ui-dialog-popup[data-size=compact]:has(>.ui-dialog-body:empty) .ui-dialog-header-actions{position:absolute;inset-block-start:var(--fx-space-5);inset-inline-end:var(--fx-space-5)}.ui-dialog-body>.ui-tabs,.ui-dialog-body>.ui-tabs>.ui-tabs-panel{flex:1}.ui-dialog-body>.ui-tabs>.ui-tabs-panel{scrollbar-gutter:stable}.ui-dialog-footer{border-top:var(--fx-border-width) solid var(--fx-line);padding-top:var(--fx-space-4);flex-shrink:0}.ui-dialog-footer>.ui-dialog-actions{margin:0}.ui-dialog-actions{margin-top:var(--fx-space-5);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.ui-dialog-popup[data-animated]{transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1)}.ui-dialog-popup[data-animated][data-starting-style],.ui-dialog-popup[data-animated][data-ending-style]{opacity:0;transform:translate(-50%,-50%)scale(.98)}.ui-dialog-popup[data-animated][data-ending-style]{transition-duration:.12s}@media (prefers-reduced-motion:reduce){.ui-dialog-popup[data-animated][data-starting-style],.ui-dialog-popup[data-animated][data-ending-style]{transform:translate(-50%,-50%)}}.ui-dialog-popup[data-size=gallery]{--dialog-width:1600px;block-size:min(90dvh, var(--dialog-available-height));min-block-size:min(90dvh, var(--dialog-available-height))}.ui-dialog.is-contained .ui-dialog-popup[data-size=gallery],.ui-dialog-popup.is-contained[data-size=gallery]{block-size:min(90%, var(--dialog-available-height));min-block-size:min(90%, var(--dialog-available-height))}.ui-input{scroll-margin-block:var(--fx-control-space-3);box-sizing:border-box;padding:var(--fx-control-space-1) var(--fx-control-space-2);border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-control);background:var(--fx-bg);color:var(--fx-text);font:inherit;font-size:var(--fx-font);min-height:var(--fx-control-min-size);margin:0;line-height:1.4}.ui-input::placeholder{color:var(--fx-muted)}.ui-input:hover,.ui-input.is-hover{border-color:var(--fx-accent)}.ui-input:focus-visible,.ui-input.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-input:disabled{opacity:var(--fx-opacity-disabled);cursor:default}.ui-knob{justify-items:center;gap:var(--fx-space-1);color:var(--fx-muted);font-size:var(--fx-font-label);-webkit-user-select:none;user-select:none;display:grid}.ui-knob-label{line-height:1.4}.ui-knob-dial{background:var(--fx-bg);border:var(--fx-border-width) solid var(--fx-line);touch-action:none;cursor:ns-resize;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.ui-knob-dial.is-active,.ui-knob-dial.is-hover{border-color:var(--fx-accent)}@media (hover:hover) and (pointer:fine){.ui-knob-dial:hover{border-color:var(--fx-accent)}}.ui-knob-dial:has(.ui-knob-input:focus-visible):not([data-pointer-focus]),.ui-knob-dial.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-knob-arcs{pointer-events:none;width:40px;height:40px;display:block}.ui-knob-arc{fill:none;stroke-width:2.5px;stroke-linecap:round}.ui-knob-arc-track{stroke:var(--fx-line);stroke-dasharray:75 100}.ui-knob-arc-value{stroke:var(--fx-accent);stroke-dasharray:calc(var(--knob-progress) * 75) 100}.ui-knob-needle{transform:rotate(var(--knob-angle));pointer-events:none;justify-content:center;padding-top:8px;display:flex;position:absolute;inset:0}.ui-knob-needle:after{content:"";border-radius:var(--fx-radius-detail);background:var(--fx-text);width:2px;height:10px}.ui-knob-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-knob-value{font-size:var(--fx-font);font-variant-numeric:tabular-nums;line-height:1.4}.ui-knob:has(.ui-knob-input:disabled){opacity:var(--fx-opacity-disabled)}.ui-knob:has(.ui-knob-input:disabled) .ui-knob-dial{cursor:default}.ui-fader{justify-items:center;gap:var(--fx-space-1);color:var(--fx-muted);font-size:var(--fx-font-label);-webkit-user-select:none;user-select:none;display:grid}.ui-fader-label{line-height:1.4}.ui-fader-track{touch-action:none;cursor:ns-resize;width:20px;height:8rem;position:relative}.ui-fader-track.is-active{cursor:ns-resize}.ui-fader-rail{border-radius:var(--fx-radius-pill);background:var(--fx-line);pointer-events:none;width:3px;position:absolute;top:7px;bottom:7px;left:50%;transform:translate(-50%)}.ui-fader-fill{height:calc(var(--ui-fader-progress,0) * 100%);border-radius:inherit;background:var(--fx-accent);position:absolute;bottom:0;left:0;right:0}.ui-fader-thumb{left:50%;bottom:calc(var(--ui-fader-progress,0) * (100% - 14px));border:2px solid var(--fx-accent);border-radius:var(--fx-radius-pill);background:var(--fx-panel);pointer-events:none;width:14px;height:14px;position:absolute;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.ui-fader-track:hover .ui-fader-thumb,.ui-fader-track.is-hover .ui-fader-thumb{background:var(--fx-control-active-bg)}}.ui-fader-track.is-hover .ui-fader-thumb,.ui-fader-track.is-active .ui-fader-thumb{background:var(--fx-control-active-bg)}.ui-fader-track:focus-within,.ui-fader-track.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-fader-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-fader-value{font-size:var(--fx-font);font-variant-numeric:tabular-nums;line-height:1.4}.ui-fader:has(.ui-fader-input:disabled){opacity:var(--fx-opacity-disabled)}.ui-fader:has(.ui-fader-input:disabled) .ui-fader-track{cursor:default}.ui-pad{justify-items:center;gap:var(--fx-space-1);color:var(--fx-muted);font-size:var(--fx-font-label);-webkit-user-select:none;user-select:none;display:grid}.ui-pad-label{line-height:1.4}.ui-pad-stage{--ui-pad-grid:color-mix(in srgb, var(--fx-line) 55%, transparent);border:var(--fx-border-width) solid var(--fx-line);background:var(--fx-bg);touch-action:none;cursor:crosshair;width:8rem;height:8rem;position:relative}.ui-pad-stage.is-active{border-color:var(--fx-accent)}.ui-pad-grid{pointer-events:none;background-image:repeating-linear-gradient(to bottom, var(--ui-pad-grid) 0 1px, transparent 1px 4px), repeating-linear-gradient(to bottom, var(--ui-pad-grid) 0 1px, transparent 1px 4px), repeating-linear-gradient(to right, var(--ui-pad-grid) 0 1px, transparent 1px 4px), repeating-linear-gradient(to right, var(--ui-pad-grid) 0 1px, transparent 1px 4px);background-position:33.333% 0,66.667% 0,0 33.333%,0 66.667%;background-repeat:no-repeat;background-size:1px 100%,1px 100%,100% 1px,100% 1px;position:absolute;inset:0}.ui-pad-cross{background:var(--fx-line);pointer-events:none;position:absolute}.ui-pad-cross-x{left:0;right:0;top:calc(7px + (1 - var(--ui-pad-y,0)) * (100% - 14px));height:1px;transform:translateY(-50%)}.ui-pad-cross-y{top:0;bottom:0;left:calc(7px + var(--ui-pad-x,0) * (100% - 14px));width:1px;transform:translate(-50%)}.ui-pad-puck{left:calc(7px + var(--ui-pad-x,0) * (100% - 14px));top:calc(7px + (1 - var(--ui-pad-y,0)) * (100% - 14px));border:2px solid var(--fx-accent);border-radius:var(--fx-radius-pill);background:var(--fx-panel);pointer-events:none;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%)}@media (hover:hover) and (pointer:fine){.ui-pad-stage:hover .ui-pad-puck,.ui-pad-stage.is-hover .ui-pad-puck{background:var(--fx-control-active-bg)}}.ui-pad-stage.is-hover .ui-pad-puck,.ui-pad-stage.is-active .ui-pad-puck{background:var(--fx-control-active-bg)}.ui-pad-stage:focus-within,.ui-pad-stage.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-pad-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-pad-value{font-size:var(--fx-font);font-variant-numeric:tabular-nums;line-height:1.4}.ui-pad:has(.ui-pad-input:disabled){opacity:var(--fx-opacity-disabled)}.ui-pad:has(.ui-pad-input:disabled) .ui-pad-stage{cursor:default}.ui-number-stepper{gap:var(--fx-space-2);width:100%;min-width:0;color:var(--fx-text);grid-template-columns:minmax(0,1fr) minmax(120px,1.5fr);align-items:center;display:grid}.ui-number-stepper-label{font-size:var(--fx-font-label);overflow-wrap:anywhere;min-width:0;line-height:1.4}.ui-number-stepper-group{scroll-margin-block:var(--fx-space-3);grid-template-columns:var(--fx-control-min-size) minmax(0, 1fr) var(--fx-control-min-size);border:var(--fx-border-width) solid var(--fx-line);background:var(--fx-bg);border-radius:var(--fx-radius-control);min-width:0;display:grid}.ui-number-stepper-button,.ui-number-stepper-input{min-block-size:var(--fx-control-min-size);box-sizing:border-box;min-inline-size:24px;color:var(--fx-text);font:inherit;font-size:var(--fx-font);background:0 0;border:0}.ui-number-stepper-button{cursor:pointer}.ui-number-stepper-input{border-inline:var(--fx-border-width) solid var(--fx-line);text-align:center;font-variant-numeric:tabular-nums;width:100%}.ui-number-stepper-button:hover:not(:disabled),.ui-number-stepper.is-hover .ui-number-stepper-button{color:var(--fx-accent)}.ui-number-stepper-group:focus-within,.ui-number-stepper.is-focus .ui-number-stepper-group{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-number-stepper-input:focus-visible,.ui-number-stepper-button:focus-visible{outline:0}.ui-number-stepper-value{text-overflow:ellipsis;white-space:nowrap;text-align:end;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden}.ui-number-stepper[data-disabled]{opacity:var(--fx-opacity-disabled)}@media (pointer:coarse){.ui-number-stepper-button,.ui-number-stepper-input{min-block-size:44px}}.ui-number-stepper:has(.ui-number-stepper-reset){grid-template-columns:minmax(0, 1fr) minmax(120px, 1.5fr) var(--fx-control-min-size)}.ui-number-stepper-reset.ui-button{width:var(--fx-control-min-size);height:var(--fx-control-min-size);padding:4px}.ui-number-stepper-description,.ui-number-stepper-error{font-size:var(--fx-font-caption);color:var(--fx-text);grid-column:1/-1;margin:0}.ui-number-stepper[data-readout]{grid-template-columns:minmax(0,1fr) minmax(120px,1.5fr) auto}.ui-number-stepper[data-readout]:has(.ui-number-stepper-reset){grid-template-columns:minmax(0, 1fr) minmax(120px, 1.5fr) auto var(--fx-control-min-size)}.ui-number-stepper[data-layout=stacked]{gap:var(--fx-field-label-gap);grid-template-columns:minmax(0,1fr)}.ui-number-stepper[data-layout=stacked]:has(.ui-number-stepper-reset){grid-template-columns:minmax(0, 1fr) var(--fx-control-min-size)}.ui-number-stepper[data-layout=stacked]>.ui-number-stepper-label{grid-column:1/-1}.ui-number-stepper-input[aria-invalid=true]{outline:1px solid var(--fx-accent);outline-offset:-1px}@media (pointer:coarse){.ui-number-stepper-reset.ui-button{min-height:var(--fx-accordion-min-size)}}@container (width<=280px){.ui-number-stepper[data-layout=inline]{grid-template-columns:minmax(0,1fr)}.ui-number-stepper[data-layout=inline]:has(.ui-number-stepper-reset){grid-template-columns:minmax(0, 1fr) var(--fx-control-min-size)}.ui-number-stepper[data-layout=inline]>.ui-number-stepper-label{grid-column:1/-1}}@media (hover:hover) and (pointer:fine){.ui-slider-input:hover .ui-slider-thumb,.ui-slider-input.is-hover .ui-slider-thumb{background:var(--fx-control-active-bg)}}.ui-range-slider{width:100%;color:var(--fx-muted);grid-template-columns:64px minmax(0,1fr) 72px;align-items:center;gap:.4rem;display:grid}.ui-range-slider-value{text-align:end;font-variant-numeric:tabular-nums}.ui-range-slider[data-disabled]{opacity:var(--fx-opacity-disabled)}.ui-seed-control{grid-template-columns:minmax(0, 1fr) var(--fx-control-min-size);gap:var(--fx-space-2);align-items:center;display:grid}.ui-seed-randomize{min-block-size:var(--fx-control-min-size);min-inline-size:var(--fx-control-min-size);border:var(--fx-border-width) solid var(--fx-line);background:var(--fx-bg);color:var(--fx-muted);cursor:pointer;place-items:center;padding:0;display:grid}.ui-seed-randomize:hover:not(:disabled){color:var(--fx-accent);border-color:var(--fx-accent)}.ui-seed-randomize:focus-visible{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-seed-randomize:disabled{opacity:var(--fx-opacity-disabled);cursor:default}@media (pointer:coarse){.ui-seed-control{grid-template-columns:minmax(0,1fr) 44px}.ui-seed-randomize{min-block-size:44px;min-inline-size:44px}}.ui-slider{gap:var(--fx-space-2);width:100%;min-width:0;color:var(--fx-muted);grid-template-columns:minmax(3rem,.8fr) minmax(0,1.5fr) minmax(3rem,auto);align-items:center;display:grid}.ui-slider-label{font-size:var(--fx-font-label);overflow-wrap:anywhere}.ui-slider-value{font-size:var(--fx-font);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;text-align:end}.ui-slider-input{width:100%;min-width:0;height:var(--fx-control-min-size);touch-action:none;cursor:pointer;position:relative}.ui-slider-track{inset-inline:0;border-radius:var(--fx-radius-pill);background:var(--fx-line);width:100%;height:3px;position:absolute;top:50%;translate:0 -50%}.ui-slider-indicator{border-radius:var(--fx-radius-pill);background:var(--fx-accent);height:100%}.ui-slider-thumb{border:2px solid var(--fx-accent);border-radius:var(--fx-radius-pill);background:var(--fx-panel);box-sizing:border-box;width:14px;height:14px}@media (hover:hover) and (pointer:fine){.ui-slider-input:hover .ui-slider-thumb,.ui-slider-input.is-hover .ui-slider-thumb{background:var(--fx-control-active-bg)}}.ui-slider-input.is-hover .ui-slider-thumb{background:var(--fx-control-active-bg)}.ui-slider-input:focus-visible,.ui-slider-input.is-focus,.ui-slider-input:focus-within{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-slider[data-disabled]{opacity:var(--fx-opacity-disabled)}.ui-slider[data-disabled] .ui-slider-input{cursor:default}.ui-switch-field{justify-content:space-between;align-items:center;gap:var(--fx-space-3);width:100%;color:var(--fx-muted);display:flex}.ui-switch-accessible-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-switch{border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-pill);background:var(--fx-panel);box-sizing:border-box;cursor:pointer;flex:none;width:34px;height:18px;padding:2px;position:relative}.ui-switch[data-checked]{border-color:var(--fx-accent);background:var(--fx-accent)}.ui-switch-thumb{background:var(--fx-text);border-radius:50%;width:12px;height:12px;transition:translate .14s cubic-bezier(.165,.84,.44,1);display:block}.ui-switch[data-checked] .ui-switch-thumb{background:var(--fx-bg);translate:16px}.ui-switch:focus-visible,.ui-switch.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-switch[data-disabled]{cursor:default;opacity:var(--fx-opacity-disabled)}@media (prefers-reduced-motion:reduce){.ui-switch-thumb{transition:none}}.ui-select-field{justify-content:space-between;align-items:center;gap:var(--fx-space-2);min-width:0;display:flex}.ui-select{scroll-margin-block:var(--fx-control-space-3);justify-content:space-between;align-items:center;gap:var(--fx-control-space-2);box-sizing:border-box;border-radius:var(--fx-radius-control);min-width:0;max-width:100%;min-height:var(--fx-control-min-size);padding:var(--fx-control-space-1) var(--fx-control-space-2);border:var(--fx-border-width) solid var(--fx-line);background:var(--fx-bg);color:inherit;font:inherit;font-size:var(--fx-font);cursor:pointer;margin:0;line-height:1.4;display:inline-flex}.ui-select-label{font-size:var(--fx-font-label);overflow-wrap:anywhere}.ui-select-field[data-layout=stacked]{gap:var(--fx-field-label-gap);grid-template-columns:minmax(0,1fr);justify-content:stretch;display:grid}.ui-select-field[data-layout=stacked]>.ui-select{text-align:start;width:100%}.ui-select:disabled{opacity:var(--fx-opacity-disabled);cursor:default}.ui-select:focus-visible,.ui-select.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-select-caret{width:12px;height:12px;color:var(--fx-muted);flex:none}.ui-select-positioner{z-index:50}.ui-select-popup{box-sizing:border-box;width:max-content;min-width:min(var(--anchor-width), var(--available-width));max-width:var(--available-width);font-family:var(--fx-font-body);padding:var(--fx-space-2);border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-control);background:var(--fx-bg);color:var(--fx-text)}.ui-select-list{max-height:min(18rem, var(--available-height));overflow:auto}.ui-select-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ui-select-indicator{text-align:center;flex:none;width:1rem}.ui-select-indicator:not([data-selected]){visibility:hidden}.ui-select-item{justify-content:space-between;align-items:center;gap:var(--fx-control-space-2);box-sizing:border-box;width:100%;padding:var(--fx-control-space-1) .45rem;border-radius:var(--fx-radius-control);color:inherit;font:inherit;font-size:var(--fx-font);min-height:var(--fx-control-min-size);text-align:start;cursor:pointer;background:0 0;border:0;margin:0;line-height:1.4;display:flex}.ui-select-item[data-highlighted]{color:var(--fx-accent);background:var(--fx-accent-subtle)}.ui-combobox-trigger{min-height:var(--fx-control-min-size);min-width:var(--fx-control-min-size);padding:.2rem var(--fx-control-space-2);color:var(--fx-muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:0;display:inline-flex}.ui-combobox-trigger:hover,.ui-combobox-trigger[data-popup-open]{color:var(--fx-text)}.ui-combobox-trigger:focus-visible{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-combobox-trigger:disabled{opacity:var(--fx-opacity-disabled);cursor:default}.ui-combobox-positioner{z-index:50}.ui-combobox-popup{gap:var(--fx-space-2);min-width:12rem;max-width:18rem;padding:var(--fx-space-2);border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-control);background:var(--fx-bg);color:var(--fx-text);flex-direction:column;display:flex}.ui-combobox-input{padding:var(--fx-control-space-2) .5rem;border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-control);background:var(--fx-bg);color:var(--fx-text);font:inherit;font-size:var(--fx-font-label);margin:0}.ui-combobox-input::placeholder{color:var(--fx-muted)}.ui-combobox-input:focus-visible{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-combobox-list{max-height:10rem;overflow:auto}.ui-combobox-item{width:100%;padding:var(--fx-control-space-1) .45rem;border-radius:var(--fx-radius-control);color:inherit;font:inherit;font-size:var(--fx-font-caption);text-align:start;cursor:pointer;background:0 0;border:0;margin:0}.ui-combobox-item[data-highlighted]{color:var(--fx-accent);background:var(--fx-accent-subtle)}.ui-combobox-empty{padding:var(--fx-space-2) .45rem;color:var(--fx-muted);font-size:var(--fx-font-caption)}.ui-card{border:var(--fx-border-width) solid var(--fx-line);background:var(--fx-card-bg);padding:.65rem .7rem}.ui-card.is-dragging{z-index:2;opacity:1;box-shadow:var(--fx-shadow-raised);cursor:grabbing;position:relative;transform:scale(1.02)}.ui-card.is-dragging .fx-handle{cursor:grabbing}@media (prefers-reduced-motion:reduce){.ui-card.is-dragging{opacity:.88;box-shadow:var(--fx-shadow-low);transform:none}}.ui-sortable.is-sorting{user-select:none;touch-action:none;cursor:grabbing}.ui-sortable.is-sorting>*{cursor:grabbing}.ui-sortable.is-sorting>:not(.is-dragging){transition:transform .18s cubic-bezier(.645,.045,.355,1)}.ui-sortable.is-sorting>.is-dragging{transition:none}.ui-sortable.is-settling>.is-dragging{transition:transform .16s cubic-bezier(.19,1,.22,1)}@media (prefers-reduced-motion:reduce){.ui-sortable.is-sorting>:not(.is-dragging),.ui-sortable.is-settling>.is-dragging{transition:none}}.ui-numeric-input{gap:var(--fx-space-2);grid-template-columns:minmax(0,1fr) minmax(4rem,7rem);align-items:center;min-width:0;display:grid}.ui-numeric-input>label{font-size:var(--fx-font-label);overflow-wrap:anywhere;line-height:1.4}.ui-numeric-input[data-layout=stacked]{gap:var(--fx-field-label-gap);grid-template-columns:minmax(0,1fr)}.ui-numeric-input .ui-input{font-variant-numeric:tabular-nums;width:100%;min-width:0}.ui-numeric-input p{color:var(--fx-text);font-size:var(--fx-font-caption);grid-column:1/-1;margin:0}.ui-numeric-input [aria-invalid=true]{outline:var(--fx-focus-width) solid var(--fx-accent)}.ui-numeric-reset{grid-column:1/-1}.ui-angle-dial{justify-items:center;gap:var(--fx-space-1);color:var(--fx-muted);font-size:var(--fx-font-label);-webkit-user-select:none;user-select:none;display:grid}.ui-angle-dial-label{line-height:1.4}.ui-angle-dial-face{border:var(--fx-border-width) solid var(--fx-line);background:var(--fx-bg);touch-action:none;cursor:grab;border-radius:50%;width:44px;height:44px;position:relative}.ui-angle-dial-face.is-active{cursor:grabbing;border-color:var(--fx-accent)}.ui-angle-dial-face.is-hover{border-color:var(--fx-accent)}@media (hover:hover) and (pointer:fine){.ui-angle-dial-face:hover{border-color:var(--fx-accent)}}.ui-angle-dial-face:focus-within,.ui-angle-dial-face.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-angle-dial-track{border:2px solid var(--fx-line);pointer-events:none;border-radius:50%;position:absolute;inset:5px}.ui-angle-dial-tick,.ui-angle-dial-needle{pointer-events:none;justify-content:center;padding-top:3px;display:flex;position:absolute;inset:0}.ui-angle-dial-tick:after{content:"";background:var(--fx-muted);width:1px;height:5px}.ui-angle-dial-needle{transform:rotate(var(--angle-dial-angle));padding-top:8px}.ui-angle-dial-needle:after{content:"";border-radius:var(--fx-radius-detail);background:var(--fx-accent);width:2px;height:12px}.ui-angle-dial-input{clip-path:inset(50%);white-space:nowrap;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-angle-dial-value{font-size:var(--fx-font);font-variant-numeric:tabular-nums;line-height:1.4}.ui-angle-dial:has(:disabled){opacity:var(--fx-opacity-disabled)}.ui-angle-dial:has(:disabled) .ui-angle-dial-face{cursor:default}.ui-tabs{flex-direction:column;min-width:0;min-height:0;display:flex}.ui-tabs-list{gap:var(--fx-space-1);padding:calc(var(--fx-focus-width) + var(--fx-focus-offset));border-bottom:var(--fx-border-width) solid var(--fx-line);flex-shrink:0;display:flex;overflow-x:auto}.ui-tabs-tab{min-height:var(--fx-control-min-size);padding:var(--fx-control-space-2) var(--fx-control-space-3);border-radius:var(--fx-radius-control);color:var(--fx-muted);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none}.ui-tabs-tab:hover{background:var(--fx-hover-bg);color:var(--fx-text)}.ui-tabs-tab[data-active]{background:var(--fx-accent-subtle);color:var(--fx-accent)}.ui-tabs-tab:focus-visible,.ui-tabs-panel:focus-visible{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-tabs-panel{min-height:0;scroll-padding-block:var(--fx-space-3);padding:var(--fx-space-4) calc(var(--fx-focus-width) + var(--fx-focus-offset));overflow-y:auto}.ui-help-trigger{width:var(--fx-control-min-size);min-height:var(--fx-control-min-size);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ui-help-positioner{z-index:60;max-width:calc(100vw - 16px)}.ui-help-popup{box-sizing:border-box;width:min(20rem, var(--available-width));max-width:calc(100vw - 16px);padding:var(--fx-space-3);border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-panel);background:var(--fx-panel);color:var(--fx-text);box-shadow:var(--fx-shadow-dialog);font-size:var(--fx-font-label);overflow-wrap:anywhere;line-height:1.5}.ui-help-title{margin:0 0 var(--fx-space-2);font-size:var(--fx-font-label);font-weight:600}.ui-help-popup[data-animated]:not([data-instant]){transform-origin:var(--transform-origin);transition:opacity .15s cubic-bezier(.23,1,.32,1),transform .15s cubic-bezier(.23,1,.32,1)}.ui-help-popup[data-animated]:not([data-instant])[data-starting-style],.ui-help-popup[data-animated]:not([data-instant])[data-ending-style]{opacity:0;transform:scale(.98)}.ui-help-popup[data-animated]:not([data-instant])[data-ending-style]{transition-duration:.1s}@media (prefers-reduced-motion:reduce){.ui-help-popup[data-animated]:not([data-instant]){transition:opacity .1s cubic-bezier(.23,1,.32,1);transform:none}.ui-help-popup[data-animated]:not([data-instant])[data-starting-style],.ui-help-popup[data-animated]:not([data-instant])[data-ending-style]{transform:none}}.ui-help-description{margin:0}.ui-density-field{gap:var(--fx-space-2);min-width:0;display:grid}.ui-density-label{font-size:var(--fx-font-label);font-weight:650}.ui-density-description{color:var(--fx-muted);font-size:var(--fx-font-caption);margin:0;line-height:1.5}.ui-density-options{grid-template-columns:repeat(auto-fit, minmax(min(calc(7rem * var(--fx-editor-text-scale)), 100%), 1fr));gap:var(--fx-space-2);padding:var(--fx-focus-clearance);display:grid}.ui-density-option{border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-control);background:var(--fx-bg);cursor:pointer;align-content:start;justify-items:center;gap:6px;min-width:0;padding:12px 8px;display:grid;position:relative}.ui-density-radio{border-radius:inherit;position:absolute;inset:0}.ui-density-option:has([data-checked]){border-color:var(--fx-accent);background:var(--fx-accent-subtle)}.ui-density-radio:focus-visible{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}.ui-density-check{color:var(--fx-accent);font-size:var(--fx-font-caption);position:absolute;inset-block-start:2px;inset-inline-end:4px}.ui-density-check:not([data-checked]){visibility:hidden}.ui-density-name{font-size:var(--fx-font-caption);text-align:center;overflow-wrap:anywhere}.ui-density-default{color:var(--fx-muted);font-size:var(--fx-font-caption);text-align:center}.ui-density-diagram{pointer-events:none;align-content:center;gap:3px;width:48px;height:48px;display:grid}.ui-density-diagram>span{background:var(--fx-muted);border-radius:var(--fx-radius-detail);height:4px}.ui-density-diagram[data-density-preview=extra-compact]{gap:1.5px}.ui-density-diagram[data-density-preview=compact]{gap:2.25px}.ui-density-diagram[data-density-preview=comfortable]{gap:3.75px}.ui-density-diagram[data-density-preview=extra-spacious]{gap:4.5px}@media (forced-colors:active){.ui-density-option:has([data-checked]){border-color:highlight}.ui-density-diagram>span{background:canvastext}.ui-density-check{color:highlight}}.ui-toast{align-items:center;gap:var(--fx-space-3);width:var(--width);padding:var(--fx-space-4);border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-panel);background:var(--fx-panel);color:var(--fx-text);box-shadow:var(--fx-shadow-dialog);font-family:var(--fx-font-body);font-size:var(--fx-font-label);display:flex}.ui-toast [data-content]{overflow-wrap:anywhere;flex:1;min-width:0}.ui-toast [data-icon]{flex:none;align-items:center;block-size:20px;inline-size:20px;display:flex;position:relative}.ui-toast-title{font-weight:650}.ui-toast-description{margin-block-start:var(--fx-space-1);color:var(--fx-muted)!important}.ui-toast-cancel{padding:var(--fx-control-space-2) var(--fx-control-space-3);min-height:var(--fx-control-min-size);border:var(--fx-border-width) solid var(--fx-line);border-radius:var(--fx-radius-control);background:var(--fx-hover-bg);color:var(--fx-text);font:inherit;cursor:pointer;flex:none}.ui-toast-cancel:focus-visible{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}}@layer layouts,skins,density,utilities;
