.ff-button{min-block-size:2.75rem;padding:var(--ff-space-2) var(--ff-space-4);border:1px solid var(--ff-border);border-radius:var(--ff-radius);background:var(--ff-surface);color:var(--ff-text);cursor:pointer;transition:border-color .12s}.ff-button:hover:not(:disabled){border-color:var(--ff-accent)}.ff-button--primary{background:var(--ff-accent);color:var(--ff-on-accent);border-color:var(--ff-accent)}.ff-button:disabled{opacity:.6;cursor:default}.ff-input{min-block-size:2.75rem;min-inline-size:0;max-inline-size:100%;padding:var(--ff-space-2) var(--ff-space-3);border:1px solid var(--ff-border);border-radius:var(--ff-radius);background:var(--ff-surface);color:var(--ff-text)}.ff-field{gap:var(--ff-space-2);display:grid}.ff-fit{min-inline-size:0;padding:var(--ff-space-4);border-radius:var(--ff-radius);background:var(--ff-surface);border:0;margin:0}.ff-fit legend{padding-inline:var(--ff-space-2);font-weight:600}.ff-fit__inputs{align-items:center;gap:var(--ff-space-3);grid-template-columns:minmax(0,1fr) 6rem;display:grid}.ff-fit__inputs input[type=range]{min-block-size:2.75rem;inline-size:100%;min-inline-size:0;accent-color:var(--ff-accent)}.ff-fit__number{inline-size:100%}.ff-fit__actions{justify-content:space-between;align-items:center;gap:var(--ff-space-3);flex-wrap:wrap;margin-block-start:var(--ff-space-3);display:flex}.ff-fit--compact{align-items:center;column-gap:var(--ff-space-3);padding:0 var(--ff-space-3) var(--ff-space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.ff-fit--compact legend{font-size:.875rem}.ff-fit--compact .ff-fit__inputs{gap:var(--ff-space-2);grid-template-columns:minmax(0,1fr) 5rem}.ff-fit--compact .ff-fit__inputs input[type=range]{min-block-size:1.75rem}.ff-fit--compact .ff-fit__actions{margin-block-start:0}.ff-fit--compact .ff-input{min-block-size:1.75rem;padding-block:0}.ff-check{align-items:center;gap:var(--ff-space-2);cursor:pointer;min-block-size:2.75rem;display:inline-flex}.ff-check input{block-size:1.25rem;inline-size:1.25rem;accent-color:var(--ff-accent)}.ff-fit--compact .ff-check{min-block-size:2rem}.ff-tabs__list{gap:var(--ff-space-1);border-block-end:1px solid var(--ff-border);flex-wrap:wrap;display:flex}.ff-tabs__list button{min-block-size:2.75rem;padding:var(--ff-space-2) var(--ff-space-4);border:0;color:var(--ff-muted);cursor:pointer;background:0 0;border-block-end:3px solid #0000}.ff-tabs__list [aria-selected=true]{border-block-end-color:var(--ff-accent);color:var(--ff-text);font-weight:600}.ff-tabs__panel{padding-block:var(--ff-space-4)}.ff-code{border:1px solid var(--ff-border);border-radius:var(--ff-radius);background:var(--ff-surface);min-inline-size:0}.ff-code__header{justify-content:space-between;align-items:center;gap:var(--ff-space-2);padding:var(--ff-space-3);border-block-end:1px solid var(--ff-border);flex-wrap:wrap;display:flex}.ff-code pre{padding:var(--ff-space-4);margin:0;font-size:.875rem}.ff-code__body{overflow:auto}.ff-error{color:var(--ff-error);padding-inline:var(--ff-space-4)}.ff-muted{color:var(--ff-muted)}.ff-disclosure{border-block:1px solid var(--ff-border)}.ff-disclosure summary{min-block-size:2.75rem;padding-block:var(--ff-space-3);cursor:pointer}.ff-disclosure>div{padding-block-end:var(--ff-space-4)}.ff-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ff-button{transition:none}}@media (forced-colors:active){.ff-button:disabled{opacity:1;color:graytext;border-color:graytext}.ff-tabs__list [aria-selected=true]{border-block-end-color:highlight}}.ff-accordion{flex-direction:column;display:flex}.ff-accordion__item{margin-block-end:var(--ff-space-2)}.ff-accordion__separator{display:none}.ff-accordion__item{border-radius:var(--ff-radius);background:var(--ff-surface-2);flex-direction:column;display:flex}.ff-accordion__item[data-open=true]{flex:none}.ff-accordion__heading{margin:0;font-size:1rem}.ff-accordion__heading button{min-block-size:2.25rem;inline-size:100%;padding:var(--ff-space-1) var(--ff-space-3);color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;font-weight:600}.ff-accordion__heading button:before{content:"▸" / "";margin-inline-end:var(--ff-space-2);display:inline-block}.ff-accordion__heading button[aria-expanded=true]:before{content:"▾" / ""}.ff-accordion__panel{padding:var(--ff-space-2) var(--ff-space-3) var(--ff-space-3);flex:auto;position:relative}.ff-accordion__panel[hidden]{display:none}.ff-collapsible{border-radius:var(--ff-radius);background:var(--ff-surface-2)}.ff-collapsible__head{gap:var(--ff-space-2);padding-inline:var(--ff-space-2);align-items:center;display:flex}.ff-collapsible__toggle{min-block-size:2.25rem;padding:var(--ff-space-1) 0;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;font-weight:600}.ff-collapsible__toggle:before{content:"▸" / "";margin-inline-end:var(--ff-space-2);display:inline-block}.ff-collapsible__toggle[aria-expanded=true]:before{content:"▾" / ""}.ff-collapsible__body{gap:var(--ff-space-2);padding:var(--ff-space-2);display:grid}.ff-collapsible__body[hidden]{display:none}.ff-icon-button{border:1px solid var(--ff-border);border-radius:var(--ff-radius);min-block-size:2rem;min-inline-size:2rem;color:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;font-size:1.125rem;line-height:1;display:inline-flex}@media (width>=64rem) and (height>=40rem){.ff-accordion__separator{z-index:1;cursor:row-resize;touch-action:none;flex:none;block-size:1.5rem;margin-block:-1.5rem 0;display:block;position:relative}.ff-accordion__separator:hover,.ff-accordion__separator:focus-visible{background:var(--ff-accent);opacity:.5}}.ff-accordion__item[data-open=false]{flex:none}.ff-code__error{flex:100%;margin:0;padding-inline:0}.ff-code__actions{gap:var(--ff-space-2);flex-wrap:wrap;display:inline-flex}.ff-icon{vertical-align:-.125em;flex:none;block-size:1em;inline-size:1em;margin-inline-end:.35em}.ff-icon--wide{--ff-baseline-widely-front:#1ea446;--ff-baseline-widely-back:light-dark(#c4eed0,#125225);--ff-baseline-newly-front:light-dark(#1b6ef3,#4185ff);--ff-baseline-newly-back:light-dark(#a8c7fa,#2d509e);inline-size:1.8em}.ff-select__button{text-align:start;cursor:pointer;align-items:center;gap:.35em;inline-size:100%;display:flex}.ff-select__button:hover:not(:disabled){background:color-mix(in srgb, var(--ff-accent) 10%, var(--ff-surface))}.ff-select__button[aria-expanded=true]{border-color:var(--ff-accent)}.ff-select__button:after{content:"▾" / "";margin-inline-start:auto}.ff-select__value{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.ff-select[data-compact=true] .ff-select__button{min-block-size:2rem;padding-block:.125rem}.ff-select__list{z-index:50;box-sizing:border-box;border:1px solid var(--ff-border);border-radius:var(--ff-radius);background:var(--ff-surface);margin:0;padding:0;list-style:none;position:fixed;overflow:hidden;box-shadow:0 4px 16px #00000040}.ff-select__list [role=option]{min-block-size:2rem;padding:var(--ff-space-1) var(--ff-space-2);white-space:nowrap;cursor:pointer;align-items:center;gap:.35em;display:flex}.ff-select__list [role=option][aria-selected=true]{font-weight:700}.ff-select__list [role=option][data-active=true]{background:var(--ff-state-full)}.ff-select__list [role=option][aria-disabled=true]{opacity:.5}.ff-select__list [role=option]:hover:not([aria-disabled=true]){background:color-mix(in srgb, var(--ff-accent) 16%, var(--ff-surface))}@media (forced-colors:active){.ff-select__list [role=option][data-active=true],.ff-select__list [role=option]:hover:not([aria-disabled=true]){outline:2px solid highlight}}.ff-dock{gap:var(--ff-space-2);min-inline-size:0;display:grid}.ff-dock__column{min-inline-size:0}.ff-dock__heading{margin:0;font-size:1rem}.ff-dock__heading button{min-block-size:2.25rem;inline-size:100%;padding:var(--ff-space-1) var(--ff-space-3);border:1px solid var(--ff-border);border-radius:var(--ff-radius);background:var(--ff-surface);color:inherit;text-align:start;cursor:pointer;font-weight:600;display:block}.ff-dock__heading .ff-icon{vertical-align:-.125em;margin-inline-end:var(--ff-space-2)}.ff-dock__heading button:hover{background:color-mix(in srgb, var(--ff-accent) 10%, var(--ff-surface))}.ff-dock__heading button:before{content:"▸" / "";margin-inline-end:var(--ff-space-2);display:inline-block}.ff-dock__heading button[aria-expanded=true]:before{content:"▾" / ""}.ff-dock__panel{box-sizing:border-box;border:1px solid var(--ff-border);border-radius:var(--ff-radius);background:var(--ff-surface);margin-block-start:var(--ff-space-1);padding:0}.ff-dock__panel[hidden]{display:none}.ff-dock__footer{justify-content:flex-end;align-items:center;gap:var(--ff-space-2);padding:var(--ff-space-2) var(--ff-space-3);border-block-start:1px solid var(--ff-border);flex-wrap:wrap;display:flex}@media (width>=64rem){.ff-dock{block-size:calc(100dvh - var(--ff-dock-top,3.3125rem) - var(--ff-space-2));flex-direction:column;align-self:start;display:flex;position:sticky;inset-block-start:var(--ff-space-2)}.ff-dock:not([data-ready]){visibility:hidden}.ff-dock__column{flex-direction:column;flex:none;display:flex}.ff-dock__column[data-open=true]{flex:auto;min-block-size:0}.ff-dock__heading,.ff-dock__footer{flex:none}.ff-dock__heading button[aria-expanded=true]{border-color:var(--ff-accent)}.ff-dock__panel{flex-direction:column;flex:auto;min-block-size:0;display:flex}.ff-dock__panel[hidden]{display:none}.ff-dock__panel>.ff-shadow{flex:auto;min-block-size:0}}html[data-transition] .ff-dock__panel[data-id=audience]{view-transition-name:ff-dock-audience}html[data-transition] .ff-accordion__item[data-id=preview]{view-transition-name:ff-panel-preview}html[data-transition] .ff-accordion__item[data-id=export]{view-transition-name:ff-panel-export}html[data-transition] .ff-accordion__item[data-id=article]{view-transition-name:ff-panel-article}html[data-transition] .ff-accordion__item[data-id=coverage]{view-transition-name:ff-panel-coverage}html[data-transition] .ff-accordion__item[data-id=support]{view-transition-name:ff-panel-support}html[data-transition] .ff-dock__panel[data-id=inputs]{view-transition-name:ff-dock-inputs}html[data-transition] .ff-dock__panel[data-id=tuning]{view-transition-name:ff-dock-tuning}html[data-transition] .ff-dock__panel[data-id=export]{view-transition-name:ff-dock-export}::view-transition-group(*){animation-duration:.25s;animation-timing-function:ease}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}.ff-code{--ff-tok-keyword:light-dark(#a626a4,#c678dd);--ff-tok-string:light-dark(#1a6b32,#98c379);--ff-tok-string-expression:light-dark(#1a6b32,#98c379);--ff-tok-constant:light-dark(#8a5000,#d19a66);--ff-tok-comment:light-dark(#5c6370,#8b949e);--ff-tok-function:light-dark(#0b5cad,#61afef);--ff-tok-parameter:light-dark(#a0301c,#e06c75);--ff-tok-punctuation:light-dark(#4b5563,#abb2bf);--ff-tok-link:light-dark(#0b5cad,#61afef)}.ff-tok-keyword{color:var(--ff-tok-keyword)}.ff-tok-string{color:var(--ff-tok-string)}.ff-tok-string-expression{color:var(--ff-tok-string-expression)}.ff-tok-constant{color:var(--ff-tok-constant)}.ff-tok-comment{color:var(--ff-tok-comment);font-style:italic}.ff-tok-function{color:var(--ff-tok-function)}.ff-tok-parameter{color:var(--ff-tok-parameter)}.ff-tok-punctuation{color:var(--ff-tok-punctuation)}.ff-tok-link{color:var(--ff-tok-link);text-decoration:underline}.ff-tok-italic{font-style:italic}.ff-tok-bold{font-weight:700}.ff-popover{display:inline-block;position:relative}.ff-popover__button{min-block-size:2rem;padding:.125rem var(--ff-space-3)}.ff-popover__button:after{content:"▾" / "";margin-inline-start:.35em}.ff-popover__badge{background:var(--ff-accent);color:var(--ff-on-accent);border-radius:1em;margin-inline-start:.35em;padding:0 .4em;font-size:.75rem;font-weight:700}.ff-popover__panel{z-index:40;box-sizing:border-box;gap:var(--ff-space-3);inline-size:max-content;min-inline-size:16rem;max-inline-size:min(36rem,90vw);padding:var(--ff-space-3);border:1px solid var(--ff-border);border-radius:var(--ff-radius);background:var(--ff-surface);margin:0;display:grid;position:absolute;inset-block-start:calc(100% + var(--ff-space-1));inset-inline-start:0;box-shadow:0 8px 24px #00000040}.ff-popover__panel[hidden]{display:none}.ff-popover[data-align=end] .ff-popover__panel{inset-inline:auto 0}.ff-shadow{--ff-shadow-size:1.75rem;min-inline-size:0;position:relative}.ff-shadow__scroll{overflow:auto}.ff-select__list .ff-shadow__scroll{box-sizing:border-box;max-block-size:calc(var(--ff-list-max) - 2px);scroll-padding-block:var(--ff-shadow-size);padding:var(--ff-space-1)}.ff-shadow__edge{z-index:1;opacity:0;pointer-events:none;transition:opacity .12s;position:absolute}.ff-shadow__edge[data-edge=top],.ff-shadow__edge[data-edge=bottom]{block-size:var(--ff-shadow-size);inset-inline:0}.ff-shadow__edge[data-edge=start],.ff-shadow__edge[data-edge=end]{inline-size:var(--ff-shadow-size);inset-block:0}.ff-shadow__edge[data-edge=top]{background:linear-gradient(to bottom, var(--ff-shadow-bg,var(--ff-surface)), transparent);inset-block-start:0}.ff-shadow__edge[data-edge=bottom]{background:linear-gradient(to top, var(--ff-shadow-bg,var(--ff-surface)), transparent);inset-block-end:0}.ff-shadow__edge[data-edge=start]{background:linear-gradient(to right, var(--ff-shadow-bg,var(--ff-surface)), transparent);inset-inline-start:0}.ff-shadow__edge[data-edge=end]{background:linear-gradient(to left, var(--ff-shadow-bg,var(--ff-surface)), transparent);inset-inline-end:0}.ff-shadow:dir(rtl)>.ff-shadow__edge[data-edge=start]{background:linear-gradient(to left, var(--ff-shadow-bg,var(--ff-surface)), transparent)}.ff-shadow:dir(rtl)>.ff-shadow__edge[data-edge=end]{background:linear-gradient(to right, var(--ff-shadow-bg,var(--ff-surface)), transparent)}.ff-shadow[data-top=true]>.ff-shadow__edge[data-edge=top],.ff-shadow[data-bottom=true]>.ff-shadow__edge[data-edge=bottom],.ff-shadow[data-start=true]>.ff-shadow__edge[data-edge=start],.ff-shadow[data-end=true]>.ff-shadow__edge[data-edge=end]{opacity:1}@media (forced-colors:active){.ff-shadow__edge{display:none}}.ff-dock__scroll{box-sizing:border-box;padding:var(--ff-space-2) var(--ff-space-3) var(--ff-space-3);container:dock/inline-size}@media (width>=64rem){.ff-dock__scroll{block-size:100%}}.ff-accordion__heading button:dir(rtl):before,.ff-collapsible__toggle:dir(rtl):before{content:"◂" / ""}.ff-accordion__heading button[aria-expanded=true]:dir(rtl):before,.ff-collapsible__toggle[aria-expanded=true]:dir(rtl):before{content:"▾" / ""}.ff-dock__heading button:dir(rtl):before{content:"◂" / ""}.ff-dock__heading button[aria-expanded=true]:dir(rtl):before{content:"▾" / ""}.ff-button-group{border:0;flex-wrap:nowrap;gap:0;min-inline-size:0;max-inline-size:100%;margin:0;padding:0;display:inline-flex}.ff-button-group--compact>.ff-button{min-block-size:2rem;min-inline-size:2.75rem;padding:0 var(--ff-space-2)}.ff-button-group--scroll{overflow-x:auto}.ff-button-group--scroll .ff-button{user-select:none}.ff-button-group--scroll .ff-button:focus-visible{outline-offset:-2px}.ff-button-group>.ff-button,.ff-button-group>.ff-popover>.ff-button{border-radius:0}.ff-button-group>:last-child,.ff-button-group>:last-child>.ff-button{border-start-end-radius:var(--ff-radius);border-end-end-radius:var(--ff-radius)}.ff-button-group>:not(legend,:first-child,legend+*){margin-inline-start:-1px}.ff-button-group>:is(:first-child:not(legend),legend+*),.ff-button-group>:is(:first-child:not(legend),legend+*)>.ff-button{border-start-start-radius:var(--ff-radius);border-end-start-radius:var(--ff-radius)}.ff-button-group [aria-pressed=true],.ff-button-group .ff-button:focus-visible{z-index:1;position:relative}.ff-button-group [aria-pressed=true]{border-color:var(--ff-accent);background:var(--ff-accent);color:var(--ff-on-accent,#fff)}@media (forced-colors:active){.ff-button-group [aria-pressed=true]{outline-offset:-2px;outline:2px solid highlight}}
