/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial}}}@layer ui-theme{.u-theme{--u-ref-mint-300:#88f19e;--u-ref-mint-400:#6de584;--u-ref-mint-500:#4bcb6d;--u-ref-coral-400:#ff5454;--u-canvas:#f7f4eb;--u-surface:#fcfaf5;--u-surface-raised:#fff;--u-surface-hover:#eee8dd;--u-well:#eee8dd;--u-ink:#1f2421;--u-muted:#5d6860;--u-line-soft:#e2dccf;--u-line:#7b857c;--u-accent:var(--u-ref-mint-300);--u-accent-hover:var(--u-ref-mint-400);--u-accent-pressed:var(--u-ref-mint-500);--u-accent-ink:#102818;--u-accent-soft:#dcfbe2;--u-accent-text:#21613a;--u-accent-border:#32824d;--u-selection:var(--u-accent-soft);--u-selection-ink:var(--u-accent-text);--u-selection-border:var(--u-accent-border);--u-focus:#21613a;--u-success:#176b36;--u-success-soft:#dcf7e4;--u-success-border:#278345;--u-warning:#805000;--u-warning-soft:#fff0cc;--u-warning-border:#a57200;--u-danger:#ac2733;--u-danger-soft:#ffe5e7;--u-danger-soft-hover:#ffdade;--u-danger-soft-pressed:#ffccd2;--u-danger-border:#c63b49;--u-info:#245bab;--u-info-soft:#e6efff;--u-info-border:#4778c3;--u-category-1:#bfdcff;--u-category-2:#d6cbee;--u-category-3:#c5dcb9;--u-category-4:#f7d6ac;--u-category-5:#bde2dc;--u-category-6:#f6c2b5;--u-category-ink:#142016;--u-disabled-surface:#eeeae1;--u-disabled-ink:#777b74;--u-overlay:#0a120d7a;--u-physical-cap:#ff4b40;--u-physical-ink:#241411;--u-physical-casing:#1c211c;--u-physical-plate:#252b25;--u-physical-stripe:#f7dc36;--u-physical-indicator:#88f19e;--u-space-0:0;--u-space-0-5:.125rem;--u-space-1:.25rem;--u-space-2:.5rem;--u-space-3:.75rem;--u-space-4:1rem;--u-space-5:1.25rem;--u-space-6:1.5rem;--u-space-8:2rem;--u-space-10:2.5rem;--u-space-12:3rem;--u-space-16:4rem;--u-font:"Inter", ui-sans-serif, system-ui, sans-serif;--u-font-display:"Inter Tight", "Inter", ui-sans-serif, system-ui, sans-serif;--u-font-mono:"JetBrains Mono", ui-monospace, monospace;--u-weight-regular:400;--u-weight-medium:500;--u-weight-semibold:600;--u-weight-bold:700;--u-type-caption-size:.75rem;--u-type-caption-leading:1rem;--u-type-small-size:.875rem;--u-type-small-leading:1.25rem;--u-type-body-size:1rem;--u-type-body-leading:1.5rem;--u-type-heading-sm-size:1.5rem;--u-type-heading-sm-leading:2rem;--u-type-heading-md-size:2rem;--u-type-heading-md-leading:2.5rem;--u-type-heading-lg-size:2.5rem;--u-type-heading-lg-leading:3rem;--u-type-display-size:3.5rem;--u-type-display-leading:4rem;--u-tracking-normal:0;--u-tracking-heading:-.01em;--u-tracking-display:-.02em;--u-radius-none:0;--u-radius-xs:.25rem;--u-radius-sm:.375rem;--u-radius-md:.5rem;--u-radius-lg:.75rem;--u-radius-xl:1rem;--u-radius-2xl:1.5rem;--u-radius-full:9999px;--u-border-width:1px;--u-focus-width:2px;--u-focus-offset:2px;--u-shadow-sm:0 1px 2px #111d1514;--u-shadow-md:0 4px 12px #111d151f;--u-shadow-lg:0 12px 32px #111d152e;--u-control-height-sm:2rem;--u-control-height-md:2.5rem;--u-control-height-lg:3rem;--u-target-touch:2.75rem;--u-control-padding:.875rem;--u-icon-sm:1rem;--u-icon-md:1.25rem;--u-icon-lg:1.5rem;--u-opacity-disabled:.5;--u-duration-fast:.1s;--u-duration-normal:.16s;--u-duration-slow:.24s;--u-ease-standard:cubic-bezier(.2, 0, 0, 1);--u-ease-exit:cubic-bezier(.4, 0, 1, 1);--u-z-sticky:10;--u-z-dialog:100;--u-z-popup:110;--u-z-tooltip:130;--u-z-toast:150;--u-radius:var(--u-radius-sm);--u-panel-radius:var(--u-radius-md);--u-dialog-radius:var(--u-radius-lg);--u-control-height:var(--u-control-height-md);--u-space:var(--u-space-4);--u-text-size:var(--u-type-body-size);--u-shadow:var(--u-shadow-sm);--u-panel-shadow:var(--u-shadow-md);--u-motion:var(--u-duration-normal);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.u-theme[data-appearance=dark]{--u-canvas:#292d28;--u-surface:#2c322b;--u-surface-raised:#353c33;--u-surface-hover:#3b4438;--u-well:#232720;--u-ink:#f5f5ee;--u-muted:#b4b9ae;--u-line-soft:#41483e;--u-line:#8b9985;--u-accent-soft:#203e2a;--u-accent-text:#9af4ae;--u-accent-border:#72c787;--u-focus:#88f19e;--u-success:#a6edbd;--u-success-soft:#183824;--u-success-border:#529d6a;--u-warning:#f8d58d;--u-warning-soft:#3a2d14;--u-warning-border:#b18a40;--u-danger:#ffb0b7;--u-danger-soft:#43242a;--u-danger-soft-hover:#502a31;--u-danger-soft-pressed:#5a3038;--u-danger-border:#c9717b;--u-info:#aecfff;--u-info-soft:#1b2e49;--u-info-border:#729ad0;--u-category-1:#92bde6;--u-category-2:#b5a4d7;--u-category-3:#a9c692;--u-category-4:#d6b384;--u-category-5:#93c6bc;--u-category-6:#d89582;--u-disabled-surface:#2b362e;--u-disabled-ink:#829086;--u-overlay:#050a07a3;--u-shadow-sm:0 1px 2px #0003;--u-shadow-md:0 4px 12px #00000047;--u-shadow-lg:0 12px 32px #0000005c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){.u-theme{--u-duration-fast:0s;--u-duration-normal:0s;--u-duration-slow:0s}}:root,:host{--ui-spacing:.25rem;--ui-font-weight-medium:500}}@layer ui-base{.u-scroll-area{--u-scroll-area-size:var(--u-space-3);min-block-size:0;min-inline-size:0;position:relative}.u-scroll-viewport{box-sizing:border-box;border-radius:inherit;block-size:100%;inline-size:100%}.u-scroll-viewport:focus-visible{outline:var(--u-focus-width) solid var(--u-focus);outline-offset:calc(-1 * var(--u-focus-width))}.u-scroll-content{box-sizing:border-box;padding-block-end:var(--u-scroll-area-size);padding-inline-end:var(--u-scroll-area-size);display:flow-root}.u-scrollbar{box-sizing:border-box;z-index:1;border-radius:var(--u-radius-full);display:flex}.u-scrollbar[data-orientation=vertical]{inline-size:var(--u-scroll-area-size);padding-block:var(--u-space-0-5)}.u-scrollbar[data-orientation=horizontal]{block-size:var(--u-scroll-area-size);padding-inline:var(--u-space-0-5)}.u-scroll-thumb{border-radius:inherit;flex:none;position:relative}.u-scroll-thumb[data-orientation=vertical]{inline-size:100%}.u-scroll-thumb[data-orientation=horizontal]{block-size:100%}.u-scroll-thumb:before{content:"";border-radius:inherit;background:var(--u-line);transition:background-color var(--u-duration-fast) var(--u-ease-standard);position:absolute;inset:3px}.u-scrollbar:is([data-hovering],[data-scrolling]) .u-scroll-thumb:before,.u-scroll-area:focus-within .u-scroll-thumb:before{background:var(--u-muted)}.u-scroll-thumb:is(:hover,:active):before{background:var(--u-ink)}.u-scroll-corner{background:0 0}@media (pointer:coarse){.u-scroll-area{--u-scroll-area-size:var(--u-space-6)}.u-scroll-thumb[data-orientation=vertical]:before{inset-inline:9px}.u-scroll-thumb[data-orientation=horizontal]:before{inset-block:9px}}@media (forced-colors:active){.u-scroll-thumb:before{background:canvastext;border:1px solid canvastext}}.u-physical-button{--u-physical-size:12rem;--u-physical-travel:var(--u-space-2);inline-size:var(--u-physical-size);max-inline-size:100%;block-size:calc(var(--u-physical-size) + var(--u-space-5));appearance:none;color:var(--u-physical-ink);font:inherit;font-family:var(--u-font);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.u-physical-button[data-size=sm]{--u-physical-size:9rem}.u-physical-button[data-size=lg]{--u-physical-size:15rem}.u-physical-button[data-depth=low]{--u-physical-travel:var(--u-space-1)}.u-physical-button[data-depth=high]{--u-physical-travel:var(--u-space-3)}.u-physical-button:focus-visible{outline:var(--u-focus-width) solid var(--u-focus);outline-offset:var(--u-space-2)}.u-physical-housing{aspect-ratio:1;border:1px solid var(--u-physical-casing);position:absolute;inset:0 0 auto}@supports (color:color-mix(in lab, red, red)){.u-physical-housing{border:1px solid color-mix(in srgb, var(--u-physical-casing), white 25%)}}.u-physical-housing{background:linear-gradient(145deg, var(--u-physical-casing), var(--u-physical-casing) 48%, var(--u-physical-casing));border-radius:50%}@supports (color:color-mix(in lab, red, red)){.u-physical-housing{background:linear-gradient(145deg, color-mix(in srgb, var(--u-physical-casing), white 18%), var(--u-physical-casing) 48%, color-mix(in srgb, var(--u-physical-casing), black 20%))}}.u-physical-housing{box-shadow:inset 0 1px 2px #ffffff38, inset 0 -2px 2px #0006, 0 2px 0 var(--u-physical-casing), 0 5px 0 var(--u-physical-casing), 0 9px 0 var(--u-physical-casing), 0 13px 0 var(--u-physical-casing), 0 17px 0 var(--u-physical-casing), 0 24px 18px -4px #0000003d, 0 32px 30px -12px #00000029;transform:perspective(48rem)rotateX(34deg)}@supports (color:color-mix(in lab, red, red)){.u-physical-housing{box-shadow:inset 0 1px 2px #ffffff38, inset 0 -2px 2px #0006, 0 2px 0 color-mix(in srgb, var(--u-physical-casing), black 15%), 0 5px 0 color-mix(in srgb, var(--u-physical-casing), black 20%), 0 9px 0 color-mix(in srgb, var(--u-physical-casing), black 25%), 0 13px 0 color-mix(in srgb, var(--u-physical-casing), black 30%), 0 17px 0 color-mix(in srgb, var(--u-physical-casing), black 35%), 0 24px 18px -4px #0000003d, 0 32px 30px -12px #00000029}}.u-physical-housing{pointer-events:none}.u-physical-plate{border:1px solid var(--u-physical-casing);position:absolute;inset:3.5%}@supports (color:color-mix(in lab, red, red)){.u-physical-plate{border:1px solid color-mix(in srgb, var(--u-physical-casing), white 25%)}}.u-physical-plate{background:repeating-linear-gradient(-45deg, var(--u-physical-plate) 0 calc(var(--u-physical-size) / 12), var(--u-physical-stripe) calc(var(--u-physical-size) / 12) calc(var(--u-physical-size) / 6));border-radius:50%;box-shadow:inset 0 1px 1px #ffffff29,inset 0 -2px 2px #00000040}.u-physical-button[data-pattern=plain] .u-physical-plate{background:var(--u-physical-plate)}.u-physical-bezel{border:1px solid var(--u-physical-casing);position:absolute;inset:11.5%}@supports (color:color-mix(in lab, red, red)){.u-physical-bezel{border:1px solid color-mix(in srgb, var(--u-physical-casing), black 40%)}}.u-physical-bezel{background:repeating-radial-gradient(circle at center, transparent 0 2px, #0000003d 2px 3px), linear-gradient(145deg, var(--u-physical-casing), var(--u-physical-casing) 48%, var(--u-physical-casing));border-radius:50%}@supports (color:color-mix(in lab, red, red)){.u-physical-bezel{background:repeating-radial-gradient(circle at center, transparent 0 2px, #0000003d 2px 3px), linear-gradient(145deg, color-mix(in srgb, var(--u-physical-casing), white 22%), var(--u-physical-casing) 48%, color-mix(in srgb, var(--u-physical-casing), black 40%))}}.u-physical-bezel{box-shadow:0 3px 0 var(--u-physical-casing), 0 5px 4px #0000004d, inset 0 1px 1px #ffffff47}@supports (color:color-mix(in lab, red, red)){.u-physical-bezel{box-shadow:0 3px 0 color-mix(in srgb, var(--u-physical-casing), black 45%), 0 5px 4px #0000004d, inset 0 1px 1px #ffffff47}}.u-physical-cap{--u-physical-rise:var(--u-physical-travel);padding:var(--u-space-3);border:1px solid var(--u-physical-cap);place-items:center;display:grid;position:absolute;inset:15%}@supports (color:color-mix(in lab, red, red)){.u-physical-cap{border:1px solid color-mix(in srgb, var(--u-physical-cap), black 12%)}}.u-physical-cap{background:radial-gradient(ellipse at 50% 0%, #ffffff3d, transparent 60%), radial-gradient(ellipse at 42% 30%, var(--u-physical-cap), var(--u-physical-cap) 58%, var(--u-physical-cap) 100%);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.u-physical-cap{background:radial-gradient(ellipse at 50% 0%, #ffffff3d, transparent 60%), radial-gradient(ellipse at 42% 30%, color-mix(in srgb, var(--u-physical-cap), white 22%), var(--u-physical-cap) 58%, color-mix(in srgb, var(--u-physical-cap), black 16%) 100%)}}.u-physical-cap{transform:translateY(calc(var(--u-physical-rise) * -1));box-shadow:inset 0 2px 2px #ffffff73, inset 0 7px 9px #ffffff1f, inset 0 -7px 8px #0000002e, inset -6px 0 12px #0000000d, 0 var(--u-physical-rise) 0 var(--u-physical-cap), 0 calc(var(--u-physical-rise) + 2px) 0 2px var(--u-physical-casing), 0 calc(var(--u-physical-rise) + 4px) 6px #00000059}@supports (color:color-mix(in lab, red, red)){.u-physical-cap{box-shadow:inset 0 2px 2px #ffffff73, inset 0 7px 9px #ffffff1f, inset 0 -7px 8px #0000002e, inset -6px 0 12px #0000000d, 0 var(--u-physical-rise) 0 color-mix(in srgb, var(--u-physical-cap), black 32%), 0 calc(var(--u-physical-rise) + 2px) 0 2px color-mix(in srgb, var(--u-physical-casing), black 20%), 0 calc(var(--u-physical-rise) + 4px) 6px #00000059}}.u-physical-cap{transition:transform var(--u-duration-fast) var(--u-ease-standard), box-shadow var(--u-duration-fast) var(--u-ease-standard)}.u-physical-cap:before{content:"";pointer-events:none;background:linear-gradient(#ffffff2e,#0000 90%);border-radius:50%;position:absolute;inset:4% 8% 52%}.u-physical-label{justify-content:center;align-items:center;gap:var(--u-space-1);overflow-wrap:anywhere;max-inline-size:100%;font-weight:750;font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading);letter-spacing:.06em;text-align:center;display:inline-flex;position:relative}.u-physical-button[data-size=lg] .u-physical-label{font-size:var(--u-type-body-size)}.u-physical-button[data-shape=square]{border-radius:var(--u-panel-radius)}.u-physical-button[data-shape=square] .u-physical-housing{border-radius:var(--u-space-4)}.u-physical-button[data-shape=square] .u-physical-plate{border-radius:var(--u-space-3)}.u-physical-button[data-shape=square] :is(.u-physical-bezel,.u-physical-cap){border-radius:var(--u-space-5)}.u-physical-button:not([data-disabled]):active .u-physical-cap,.u-physical-button[aria-pressed=true] .u-physical-cap{--u-physical-rise:1px}.u-physical-indicator{box-sizing:border-box;inline-size:calc(var(--u-physical-size) / 12);block-size:calc(var(--u-physical-size) / 24);border:1px solid var(--u-physical-casing);min-block-size:8px;min-inline-size:14px;margin-inline:auto;position:absolute;inset-block-end:-11px;inset-inline:0}@supports (color:color-mix(in lab, red, red)){.u-physical-indicator{border:1px solid color-mix(in srgb, var(--u-physical-casing), black 60%)}}.u-physical-indicator{border-radius:var(--u-radius-full);background:var(--u-physical-casing)}@supports (color:color-mix(in lab, red, red)){.u-physical-indicator{background:color-mix(in srgb, var(--u-physical-casing), black 55%)}}.u-physical-indicator{box-shadow:0 1px #ffffff24,inset 0 1px 2px #000000b3}.u-physical-indicator:before,.u-physical-indicator:after{content:"";border-radius:inherit;background:radial-gradient(ellipse at 50% 20%, var(--u-physical-indicator), var(--u-physical-indicator));position:absolute;inset:1px}@supports (color:color-mix(in lab, red, red)){.u-physical-indicator:before,.u-physical-indicator:after{background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--u-physical-indicator), black 60%), color-mix(in srgb, var(--u-physical-indicator), black 85%))}}.u-physical-indicator:after{background:radial-gradient(ellipse at 50% 20%, var(--u-physical-indicator), var(--u-physical-indicator) 75%)}@supports (color:color-mix(in lab, red, red)){.u-physical-indicator:after{background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--u-physical-indicator), white 65%), var(--u-physical-indicator) 75%)}}.u-physical-indicator:after{box-shadow:0 0 4px var(--u-physical-indicator), 0 0 12px var(--u-physical-indicator)}@supports (color:color-mix(in lab, red, red)){.u-physical-indicator:after{box-shadow:0 0 4px var(--u-physical-indicator), 0 0 12px color-mix(in srgb, var(--u-physical-indicator), transparent 35%)}}.u-physical-indicator:after{opacity:0;transition:opacity var(--u-duration-normal) var(--u-ease-standard)}.u-physical-button[aria-pressed=true] .u-physical-indicator:after,.u-physical-button:not([data-disabled]):not([aria-pressed]):active .u-physical-indicator:after{opacity:1}.u-physical-button[data-disabled]{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.u-physical-cap,.u-physical-indicator:after{transition:none}}.u-theme{color:var(--u-ink);font-family:var(--u-font);font-size:var(--u-text-size);line-height:var(--u-type-body-leading);isolation:isolate}.u-button{--u-button-size:var(--u-control-height);box-sizing:border-box;min-block-size:var(--u-button-size);padding-inline:var(--u-control-padding);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading);transition:background-color var(--u-duration-fast) var(--u-ease-standard), border-color var(--u-duration-fast) var(--u-ease-standard);position:relative}.u-button:is([data-size=sm],[data-size=icon-sm]){--u-button-size:var(--u-control-height-sm)}.u-button:is([data-size=lg],[data-size=icon-lg]){--u-button-size:var(--u-control-height-lg)}.u-button:focus-visible{outline:var(--u-focus-width) solid var(--u-focus);outline-offset:var(--u-focus-offset)}.u-button-label{justify-content:center;align-items:center;gap:var(--u-space-2);display:inline-flex}.u-button .u-button-label[data-loading]{opacity:0}.u-button-spinner{border-radius:var(--u-radius-full);border:2px solid;border-inline-end-color:#0000;block-size:1rem;inline-size:1rem;margin:auto;animation:.7s linear infinite u-spin;position:absolute;inset:0}.u-button[data-size^=icon]{inline-size:var(--u-button-size);padding:0}.u-field{min-inline-size:0;font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading)}.u-field-description,.u-field-error{font-size:var(--u-type-caption-size);line-height:var(--u-type-caption-leading);margin:0}.u-text-control{--u-input-size:var(--u-control-height);--u-input-leading:var(--u-type-small-leading);box-sizing:border-box;min-block-size:var(--u-input-size);padding-inline:var(--u-control-padding);padding-block:max(var(--u-space-1), calc((var(--u-input-size) - var(--u-input-leading) - 2px) / 2));font-size:var(--u-type-small-size);line-height:var(--u-input-leading);transition:border-color var(--u-duration-fast) var(--u-ease-standard)}.u-text-control[data-size=sm]{--u-input-size:var(--u-control-height-sm)}.u-text-control[data-size=lg]{--u-input-size:var(--u-control-height-lg)}.u-text-control::placeholder{color:var(--u-muted);opacity:1}.u-text-control:focus{outline:var(--u-focus-width) solid var(--u-focus);outline-offset:var(--u-focus-offset)}.u-textarea{resize:vertical;padding-block:var(--u-space-2)}.u-dialog-theme{z-index:var(--u-z-dialog);position:fixed;inset:0}.u-dialog-backdrop{background:var(--u-overlay);position:fixed;inset:0}.u-dialog-viewport{padding:max(var(--u-space-4), env(safe-area-inset-top)) max(var(--u-space-4), env(safe-area-inset-right)) max(var(--u-space-4), env(safe-area-inset-bottom)) max(var(--u-space-4), env(safe-area-inset-left));overscroll-behavior:contain;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.u-dialog,.u-popover,.u-tooltip{box-sizing:border-box;box-shadow:var(--u-shadow-lg);overflow-wrap:anywhere}.u-dialog{overscroll-behavior:contain;border-radius:var(--u-dialog-radius);max-block-size:100%;inline-size:min(100%,30rem);min-inline-size:0;padding:var(--u-space-6);outline:none;position:relative;overflow-y:auto}.u-popover-theme,.u-tooltip-theme,.u-select-theme{position:relative}.u-popover-theme,.u-select-theme{z-index:var(--u-z-popup)}.u-tooltip-theme{z-index:var(--u-z-tooltip)}.u-popover{inline-size:20rem;max-inline-size:min(var(--available-width), calc(100vw - 2rem));max-block-size:var(--available-height);overscroll-behavior:contain;border-radius:var(--u-panel-radius);padding:var(--u-space-5);outline:none;overflow-y:auto}.u-tooltip{max-inline-size:min(18rem, var(--available-width), calc(100vw - 2rem));border-radius:var(--u-radius);padding:var(--u-space-2) var(--u-space-3);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading);box-shadow:var(--u-shadow-md);position:relative}.u-tooltip-arrow{background:var(--u-surface-raised);width:10px;height:10px;transform:rotate(45deg)}.u-tooltip-arrow[data-side=top]{border-right:1px solid var(--u-line);border-bottom:1px solid var(--u-line);bottom:-6px}.u-tooltip-arrow[data-side=bottom]{border-left:1px solid var(--u-line);border-top:1px solid var(--u-line);top:-6px}.u-tooltip-arrow[data-side=left]{border-top:1px solid var(--u-line);border-right:1px solid var(--u-line);right:-6px}.u-tooltip-arrow[data-side=right]{border-bottom:1px solid var(--u-line);border-left:1px solid var(--u-line);left:-6px}.u-tooltip-arrow[data-uncentered]{visibility:hidden}.u-popover,.u-tooltip,.u-select-popup{transform-origin:var(--transform-origin);transition:opacity var(--u-duration-fast) var(--u-ease-standard), transform var(--u-duration-normal) var(--u-ease-standard)}.u-popover:is([data-starting-style],[data-ending-style]),.u-tooltip:is([data-starting-style],[data-ending-style]),.u-select-popup:is([data-starting-style],[data-ending-style]){opacity:0;transform:translate(var(--u-popup-x,0), var(--u-popup-y,0)) scale(.97)}:is(.u-popover,.u-tooltip,.u-select-popup)[data-side=top]{--u-popup-y:4px}:is(.u-popover,.u-tooltip,.u-select-popup)[data-side=bottom]{--u-popup-y:-4px}:is(.u-popover,.u-tooltip,.u-select-popup)[data-side=left]{--u-popup-x:4px}:is(.u-popover,.u-tooltip,.u-select-popup)[data-side=right]{--u-popup-x:-4px}.u-tooltip:is([data-instant=delay],[data-instant=dismiss]){transition-duration:0s}.u-dialog,.u-dialog-backdrop{transition:opacity var(--u-duration-normal) var(--u-ease-standard), transform var(--u-duration-normal) var(--u-ease-standard)}.u-dialog:is([data-starting-style],[data-ending-style]){opacity:0;transform:translateY(6px)scale(.98)}.u-dialog-backdrop:is([data-starting-style],[data-ending-style]){opacity:0}.u-select-trigger{--u-select-size:var(--u-control-height-md);box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--u-space-3);min-inline-size:0;min-block-size:var(--u-select-size);padding-inline:var(--u-control-padding);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading);cursor:pointer;display:inline-flex}.u-select-trigger[data-size=sm]{--u-select-size:var(--u-control-height-sm)}.u-select-trigger[data-size=lg]{--u-select-size:var(--u-control-height-lg)}.u-select-icon{flex:none;display:inline-flex}.u-select-trigger[data-placeholder]{color:var(--u-muted)}.u-select-popup{box-sizing:border-box;min-inline-size:var(--anchor-width);max-inline-size:min(var(--available-width), calc(100vw - 2rem));border-radius:var(--u-panel-radius);box-shadow:var(--u-shadow-lg);outline:none;overflow:hidden}.u-select-list{max-block-size:min(20rem, calc(var(--available-height) - 2px));padding:var(--u-space-1);overscroll-behavior:contain;overflow-y:auto}.u-select-item{justify-content:space-between;align-items:center;gap:var(--u-space-6);min-block-size:var(--u-control-height-sm);border-radius:var(--u-radius-xs);padding:var(--u-space-1) var(--u-space-2);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading);cursor:pointer;outline:none;display:flex}.u-select-item[data-highlighted]{background:var(--u-selection);color:var(--u-selection-ink)}.u-select-item[data-selected]{font-weight:600}.u-select-item[data-disabled]{color:var(--u-disabled-ink);cursor:not-allowed}.u-select-indicator{margin-inline-start:auto;display:inline-flex}.u-radio-group{gap:var(--u-space-3);flex-wrap:wrap;display:flex}.u-choice{box-sizing:border-box;vertical-align:middle;cursor:pointer;border-radius:var(--u-radius-xs);flex:none;justify-content:center;align-items:center;block-size:24px;inline-size:24px;display:inline-flex}.u-choice-box{box-sizing:border-box;background:var(--u-surface);border:1px solid var(--u-line);border-radius:var(--u-radius-xs);block-size:18px;inline-size:18px;color:var(--u-accent-ink);justify-content:center;align-items:center;display:flex}.u-choice:is([data-checked],[data-indeterminate]) .u-choice-box{background:var(--u-accent);border-color:var(--u-accent-border)}.u-choice:focus-visible,.u-select-trigger:focus-visible{outline:var(--u-focus-width) solid var(--u-focus);outline-offset:var(--u-focus-offset)}.u-checkbox-indicator{display:flex}.u-checkbox-mixed,.u-checkbox[data-indeterminate] .u-checkbox-check{display:none}.u-checkbox[data-indeterminate] .u-checkbox-mixed{display:block}.u-radio,.u-radio .u-choice-box{border-radius:var(--u-radius-full)}.u-radio-indicator{border-radius:var(--u-radius-full);background:currentColor;block-size:6px;inline-size:6px}.u-choice[data-invalid] .u-choice-box,.u-select-trigger[data-invalid]{border-color:var(--u-danger-border)}.u-choice[data-disabled]{cursor:not-allowed}.u-choice[data-disabled] .u-choice-box{background:var(--u-disabled-surface);color:var(--u-disabled-ink);border-color:var(--u-disabled-ink)}.u-overlay-title{font-size:var(--u-type-heading-sm-size);line-height:var(--u-type-heading-sm-leading);margin:0;font-weight:600}.u-overlay-description{margin:var(--u-space-2) 0 var(--u-space-5);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading)}@keyframes u-spin{to{transform:rotate(360deg)}}@media (pointer:coarse){.u-select-trigger{min-block-size:max(var(--u-select-size), var(--u-target-touch));font-size:var(--u-type-body-size)}.u-select-item{min-block-size:var(--u-target-touch)}.u-choice{inline-size:var(--u-target-touch);block-size:var(--u-target-touch)}.u-button[data-size]{min-block-size:max(var(--u-button-size), var(--u-target-touch))}.u-button[data-size^=icon]{min-inline-size:var(--u-target-touch)}.u-text-control{--u-input-leading:var(--u-type-body-leading);min-block-size:max(var(--u-input-size), var(--u-target-touch));font-size:var(--u-type-body-size)}}@media (prefers-reduced-motion:reduce){.u-popover,.u-tooltip,.u-select-popup,.u-dialog,.u-dialog-backdrop{transition:none}.u-button-spinner{animation:none}}.u-radio-group[data-variant=segmented]{gap:var(--u-space-1);padding:var(--u-space-1);background:var(--u-well);border:1px solid var(--u-line);border-radius:var(--u-radius);display:inline-flex}.u-segmented-item{min-block-size:var(--u-control-height-sm);padding-inline:var(--u-space-3);border-radius:var(--u-radius-xs);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.u-segmented-item[data-checked]{background:var(--u-selection);color:var(--u-selection-ink);box-shadow:inset 0 0 0 1px var(--u-selection-border)}.u-segmented-item[data-disabled]{color:var(--u-disabled-ink);cursor:not-allowed}.u-segmented-item:focus-visible{outline:var(--u-focus-width) solid var(--u-focus);outline-offset:var(--u-focus-offset)}.u-combobox-theme{z-index:var(--u-z-popup);position:relative}.u-combobox-popup{max-block-size:var(--available-height);min-inline-size:var(--anchor-width);max-inline-size:min(var(--available-width), calc(100vw - 2rem));border-radius:var(--u-panel-radius);box-shadow:var(--u-shadow-lg);transform-origin:var(--transform-origin);transition:opacity var(--u-duration-fast) var(--u-ease-standard), transform var(--u-duration-normal) var(--u-ease-standard);flex-direction:column;display:flex;overflow:hidden}.u-combobox-popup:is([data-starting-style],[data-ending-style]){opacity:0;transform:translateY(-4px)scale(.97)}.u-combobox-list{min-block-size:0;max-block-size:min(20rem, var(--available-height));overscroll-behavior:contain;padding:var(--u-space-1);overflow-y:auto}.u-combobox-item{justify-content:space-between;align-items:center;gap:var(--u-space-4);min-block-size:var(--u-control-height-sm);padding:var(--u-space-2);border-radius:var(--u-radius-xs);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading);cursor:pointer;outline:none;display:flex}.u-combobox-item[data-highlighted]{background:var(--u-selection);color:var(--u-selection-ink)}.u-combobox-item[data-disabled]{color:var(--u-disabled-ink);cursor:not-allowed}.u-combobox-status,.u-combobox-empty{font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading);color:var(--u-muted)}.u-combobox-status:not(:empty),.u-combobox-empty:not(:empty){padding:var(--u-space-3)}.u-calendar{inline-size:min(100%,22rem);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading);overflow-x:auto}.u-cal-months{position:relative}.u-cal-month_caption{justify-content:center;align-items:center;min-block-size:48px;padding-inline:44px;display:flex}.u-cal-caption_label{font-weight:600}.u-cal-nav{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0 0 auto}.u-calendar button{box-sizing:border-box;appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.u-calendar :is(.u-cal-button_previous,.u-cal-button_next){border-radius:var(--u-radius);pointer-events:auto;justify-content:center;align-items:center;block-size:44px;inline-size:40px;display:flex}.u-cal-chevron{fill:currentColor;block-size:18px;inline-size:18px}.u-cal-month_grid{border-collapse:collapse;table-layout:fixed;inline-size:100%;min-inline-size:280px}.u-cal-weekday{padding-block:var(--u-space-2);color:var(--u-muted);font-size:var(--u-type-caption-size);font-weight:500}.u-cal-day{text-align:center;padding:0}.u-calendar .u-cal-day_button{border-radius:var(--u-radius);justify-content:center;align-items:center;min-block-size:40px;inline-size:100%;display:flex}.u-calendar button:hover:not(:disabled){background:var(--u-surface-hover)}.u-calendar button:focus-visible{z-index:1;outline:var(--u-focus-width) solid var(--u-focus);outline-offset:-3px;position:relative}.u-cal-selected-week{background:var(--u-selection);color:var(--u-selection-ink)}.u-calendar .u-cal-selected .u-cal-day_button{background:var(--u-accent);color:var(--u-accent-ink);box-shadow:inset 0 0 0 1px var(--u-accent-border)}.u-calendar .u-cal-selected .u-cal-day_button:hover:not(:disabled){background:var(--u-accent-hover)}.u-cal-today:not(.u-cal-selected) .u-cal-day_button{text-underline-offset:4px;font-weight:600;text-decoration:underline}.u-cal-outside:not(.u-cal-selected){color:var(--u-muted)}.u-calendar button:disabled,.u-cal-disabled{color:var(--u-disabled-ink);cursor:not-allowed}.u-cal-hidden{visibility:hidden}.u-date-picker{inline-size:22rem;max-inline-size:min(var(--available-width), calc(100vw - .5rem));padding:0}.u-date-picker .u-calendar{inline-size:100%}.u-date-picker-today{margin:var(--u-space-2);inline-size:calc(100% - 1rem);display:flex}.u-spinner{vertical-align:middle;flex:none;block-size:1.25rem;inline-size:1.25rem;animation:.7s linear infinite u-spin;display:inline-block}.u-spinner[data-size=sm]{block-size:1rem;inline-size:1rem}.u-spinner[data-size=lg]{block-size:1.5rem;inline-size:1.5rem}.u-skeleton{border-radius:var(--u-radius-xs);background:var(--u-line-soft);min-block-size:1rem;animation:1.5s ease-in-out infinite u-pulse}@keyframes u-pulse{50%{opacity:.5}}:is(.u-badge,.u-alert,.u-toast){--u-tone-surface:var(--u-well);--u-tone-ink:var(--u-ink);--u-tone-border:var(--u-line)}:is(.u-badge,.u-alert,.u-toast)[data-tone=success]{--u-tone-surface:var(--u-success-soft);--u-tone-ink:var(--u-success);--u-tone-border:var(--u-success-border)}:is(.u-badge,.u-alert,.u-toast)[data-tone=warning]{--u-tone-surface:var(--u-warning-soft);--u-tone-ink:var(--u-warning);--u-tone-border:var(--u-warning-border)}:is(.u-badge,.u-alert,.u-toast)[data-tone=danger]{--u-tone-surface:var(--u-danger-soft);--u-tone-ink:var(--u-danger);--u-tone-border:var(--u-danger-border)}:is(.u-badge,.u-alert,.u-toast)[data-tone=info]{--u-tone-surface:var(--u-info-soft);--u-tone-ink:var(--u-info);--u-tone-border:var(--u-info-border)}.u-badge{align-items:center;gap:var(--u-space-1);padding:var(--u-space-0-5) var(--u-space-2);border:1px solid var(--u-tone-border);border-radius:var(--u-radius-xs);background:var(--u-tone-surface);color:var(--u-tone-ink);font-size:var(--u-type-caption-size);line-height:var(--u-type-caption-leading);font-weight:500;display:inline-flex}.u-badge[data-category]{background:var(--u-category-fill);color:var(--u-category-ink);border-color:currentColor}.u-badge[data-category="1"]{--u-category-fill:var(--u-category-1)}.u-badge[data-category="2"]{--u-category-fill:var(--u-category-2)}.u-badge[data-category="3"]{--u-category-fill:var(--u-category-3)}.u-badge[data-category="4"]{--u-category-fill:var(--u-category-4)}.u-badge[data-category="5"]{--u-category-fill:var(--u-category-5)}.u-badge[data-category="6"]{--u-category-fill:var(--u-category-6)}.u-alert{padding:var(--u-space-4);border:1px solid var(--u-tone-border);border-radius:var(--u-panel-radius);background:var(--u-tone-surface);color:var(--u-tone-ink);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading)}.u-alert-title{font-weight:600}.u-alert-description{margin-block-start:var(--u-space-1)}.u-alert-actions{gap:var(--u-space-2);flex-wrap:wrap;margin-block-start:var(--u-space-3);display:flex}.u-card{box-sizing:border-box;border:1px solid var(--u-line-soft);border-radius:var(--u-panel-radius);background:var(--u-surface);min-inline-size:0;color:var(--u-ink)}.u-card-header,.u-card-content,.u-card-footer{padding:var(--u-space-5)}.u-card-title{font-size:var(--u-type-heading-sm-size);line-height:var(--u-type-heading-sm-leading);margin:0;font-weight:600}.u-card-description{margin:var(--u-space-2) 0 0;color:var(--u-muted);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading)}.u-card-footer{align-items:center;gap:var(--u-space-2);border-block-start:1px solid var(--u-line-soft);flex-wrap:wrap;display:flex}.u-toast-theme{z-index:var(--u-z-toast);position:relative}.u-toast-viewport{box-sizing:border-box;inset:auto max(var(--u-space-4), env(safe-area-inset-right)) max(var(--u-space-4), env(safe-area-inset-bottom)) auto;pointer-events:none;outline:none;inline-size:min(24rem,100vw - 2rem);position:fixed}.u-toast{--u-toast-stack-height:var(--toast-frontmost-height,var(--toast-height));--u-toast-scale:max(0, calc(1 - var(--toast-index) * .08));--u-toast-expanded-y:calc(var(--toast-offset-y) * -1 - var(--toast-index) * var(--u-space-3) + var(--toast-swipe-movement-y,0px));box-sizing:border-box;z-index:calc(1000 - var(--toast-index));inline-size:100%;block-size:var(--u-toast-stack-height);transform-origin:bottom;pointer-events:auto;-webkit-user-select:none;user-select:none;border:1px solid var(--u-tone-border);border-radius:var(--u-panel-radius);background:var(--u-surface-raised);color:var(--u-ink);box-shadow:var(--u-shadow-lg);transition:opacity var(--u-duration-normal) var(--u-ease-standard), transform var(--u-duration-slow) var(--u-ease-standard), block-size var(--u-duration-normal) var(--u-ease-standard);transform:translateX(var(--toast-swipe-movement-x,0px)) translateY(calc(var(--toast-swipe-movement-y,0px) - var(--toast-index) * var(--u-space-3) - (1 - var(--u-toast-scale)) * var(--u-toast-stack-height))) scale(var(--u-toast-scale));inset-inline-end:0;position:absolute;bottom:0}.u-toast:after{content:"";block-size:calc(var(--u-space-3) + 1px);inset-inline:0;position:absolute;top:100%}.u-toast[data-expanded]{block-size:var(--toast-height);transform:translateX(var(--toast-swipe-movement-x,0px)) translateY(var(--u-toast-expanded-y))}.u-toast[data-swiping]{transition:none}.u-toast[data-limited]{display:none}.u-toast:is([data-starting-style],[data-ending-style]){opacity:0;transform:translateY(calc(100% + var(--u-space-4)))}.u-toast[data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x,0px) + 150%)) translateY(var(--u-toast-expanded-y))}.u-toast[data-ending-style][data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x,0px) - 150%)) translateY(var(--u-toast-expanded-y))}.u-toast[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y,0px) + 150%))}.u-toast[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y,0px) - 150%))}.u-toast-content{box-sizing:border-box;padding:var(--u-space-4);gap:var(--u-space-3);transition:opacity var(--u-duration-normal) var(--u-ease-standard);align-items:start;display:flex;overflow:hidden}.u-toast-content[data-behind]:not([data-expanded]){opacity:0;visibility:hidden}.u-toast-content>div{flex:1;min-inline-size:0}.u-toast-title{overflow-wrap:anywhere;color:var(--u-tone-ink);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading);margin:0;font-weight:600}.u-toast-description{color:var(--u-muted);font-size:var(--u-type-small-size);line-height:var(--u-type-small-leading);margin:0;margin-block-start:var(--u-space-1)}.u-toast-action{border:1px solid var(--u-line);background:var(--u-surface);color:var(--u-ink);border-radius:var(--u-radius);padding:var(--u-space-2);font:inherit;font-size:var(--u-type-small-size);cursor:pointer}.u-toast :is(button,[role=button]):focus-visible,.u-toast:focus-visible{outline:var(--u-focus-width) solid var(--u-focus);outline-offset:var(--u-focus-offset)}@media (pointer:coarse){.u-segmented-item,.u-combobox-item,.u-toast-action{min-block-size:var(--u-target-touch)}.u-cal-month_grid{min-inline-size:308px}.u-calendar .u-cal-day_button{min-block-size:44px}.u-calendar :is(.u-cal-button_previous,.u-cal-button_next){inline-size:44px}}@media (prefers-reduced-motion:reduce){.u-spinner,.u-skeleton{animation:none}.u-combobox-popup,.u-toast,.u-toast-content{transition:none}}}@layer ui-utilities{.ui\:block{display:block}.ui\:grid{display:grid}.ui\:inline-flex{display:inline-flex}.ui\:w-full{width:100%}.ui\:min-w-0{min-width:0}.ui\:cursor-pointer{cursor:pointer}.ui\:appearance-none{appearance:none}.ui\:items-center{align-items:center}.ui\:justify-center{justify-content:center}.ui\:gap-2{gap:calc(var(--ui-spacing) * 2)}.ui\:rounded-u-control{border-radius:var(--u-radius)}.ui\:border{border-style:var(--tw-border-style);border-width:1px}.ui\:border-solid{--tw-border-style:solid;border-style:solid}.ui\:border-transparent{border-color:#0000}.ui\:border-u-accent-border{border-color:var(--u-accent-border)}.ui\:border-u-danger-border{border-color:var(--u-danger-border)}.ui\:border-u-line{border-color:var(--u-line)}.ui\:bg-transparent{background-color:#0000}.ui\:bg-u-accent{background-color:var(--u-accent)}.ui\:bg-u-danger-soft{background-color:var(--u-danger-soft)}.ui\:bg-u-raised{background-color:var(--u-surface-raised)}.ui\:bg-u-surface{background-color:var(--u-surface)}.ui\:font-u-sans{font-family:var(--u-font)}.ui\:font-medium{--tw-font-weight:var(--ui-font-weight-medium);font-weight:var(--ui-font-weight-medium)}.ui\:whitespace-nowrap{white-space:nowrap}.ui\:text-u-accent-ink{color:var(--u-accent-ink)}.ui\:text-u-danger{color:var(--u-danger)}.ui\:text-u-ink{color:var(--u-ink)}.ui\:text-u-muted{color:var(--u-muted)}.ui\:no-underline{text-decoration-line:none}.ui\:select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.ui\:hover\:bg-u-accent-hover:hover{background-color:var(--u-accent-hover)}.ui\:hover\:bg-u-danger-hover:hover{background-color:var(--u-danger-soft-hover)}.ui\:hover\:bg-u-hover:hover{background-color:var(--u-surface-hover)}}.ui\:active\:bg-u-accent-pressed:active{background-color:var(--u-accent-pressed)}.ui\:active\:bg-u-danger-pressed:active{background-color:var(--u-danger-soft-pressed)}.ui\:active\:bg-u-hover:active{background-color:var(--u-surface-hover)}.u-button[data-disabled]{background:var(--u-disabled-surface);color:var(--u-disabled-ink);cursor:not-allowed;border-color:#0000}.u-button[data-loading]{cursor:progress}.u-text-control[data-invalid],.u-text-control[aria-invalid=true]{border-color:var(--u-danger-border)}.u-text-control[readonly]{background:var(--u-well)}.u-text-control:disabled,.u-text-control[data-disabled]{background:var(--u-disabled-surface);color:var(--u-disabled-ink);cursor:not-allowed;border-color:#0000}.u-text-control:disabled::placeholder{color:var(--u-disabled-ink)}.u-select-trigger[data-disabled]{background:var(--u-disabled-surface);color:var(--u-disabled-ink);cursor:not-allowed;border-color:#0000}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2)format("woff2");font-weight:100 900;font-display:swap}html,body,#root{min-width:320px;margin:0}body{background:#f7f4eb}*{box-sizing:border-box}button:not(.u-button),input:not(.u-text-control),select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a:not(.u-button){color:inherit}button:not(.u-button){cursor:pointer}svg{flex:none}button:not(.u-button):focus-visible,a:not(.u-button):focus-visible,input:not(.u-text-control):focus-visible,select:focus-visible{outline:2px solid var(--u-focus);outline-offset:3px}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}a{text-decoration:none}.workspace{background:var(--u-canvas);grid-template-columns:236px minmax(0,1fr);min-height:100svh;display:grid}.skip-link{background:var(--u-surface-raised);border:1px solid var(--u-line);z-index:1000;border-radius:6px;padding:12px 18px;position:fixed;top:-70px;left:16px}.skip-link:focus{top:12px}.sidebar{border-right:1px solid var(--u-line-soft);background:var(--u-surface);height:100svh;padding:0;position:sticky;top:0}.sidebar-content{flex-direction:column;min-block-size:100%;padding:16px 20px 20px;display:flex}.sidebar-scroll{block-size:100%}.brand-lockup{align-items:center;gap:10px;margin-bottom:16px;display:flex}.brand-lockup>span{letter-spacing:-1.2px;font-size:24px;font-weight:800;line-height:1.1}.brand-lockup img{object-fit:contain;block-size:52px;inline-size:52px}.search-field{background:var(--u-canvas);border:1px solid var(--u-line-soft);color:var(--u-muted);border-radius:6px;align-items:center;gap:8px;margin-bottom:26px;padding:9px 10px;display:flex}.search-field input{width:100%;min-width:0;color:var(--u-ink);outline-offset:5px;background:0 0;border:0;font-size:12px;line-height:20px}.search-field input::placeholder{color:var(--u-muted)}.nav-label{letter-spacing:1.35px;color:var(--u-muted);justify-content:space-between;margin:0 10px 10px;font-size:11px;font-weight:600;display:flex}.nav-link{min-height:39px;color:var(--u-muted);border-radius:6px;align-items:center;gap:10px;margin-bottom:3px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.nav-link:hover{color:var(--u-ink);background:var(--u-surface-hover)}.nav-link.active{background:var(--u-selection);color:var(--u-selection-ink)}.component-label{margin-top:28px}.component-link{justify-content:space-between;min-height:33px;font-size:12px}.component-link small{color:var(--u-muted);font-size:11px;font-weight:400}.preview-dot,.nav-dot{background:var(--u-accent-border);border-radius:50%;flex:none;width:5px;height:5px;margin-left:auto}.nav-dot{background:var(--u-warning)}.no-results{color:var(--u-muted);padding:12px;font-size:12px}.sidebar-footer{margin-top:auto;padding:28px 10px 0}.version-pill{font:10px/1.5 var(--u-font-mono);border:1px solid var(--u-line-soft);color:var(--u-muted);border-radius:4px;padding:4px 7px;display:inline-block}.sidebar-footer p{color:var(--u-muted);margin:14px 0;font-size:12px;line-height:19px}.workspace-main{min-width:0}.topbar{border-bottom:1px solid var(--u-line-soft);justify-content:space-between;align-items:center;gap:16px;height:76px;padding:0 42px;display:flex}.breadcrumb{color:var(--u-muted);align-items:center;gap:12px;font-size:12px;display:flex}.breadcrumb strong{color:var(--u-ink);font-weight:500}.breadcrumb>span{opacity:.55}.global-controls{align-items:center;gap:14px;display:flex}.toolbar-divider{background:var(--u-line-soft);width:1px;height:20px}.workspace-content{max-width:1350px;margin:auto;padding:0 42px}.overview-hero{border-bottom:1px solid var(--u-line-soft);justify-content:space-between;align-items:center;gap:20px;padding:51px 0 50px;display:flex}.eyebrow{letter-spacing:1.6px;color:var(--u-muted);font-size:11px;font-weight:600;line-height:16px;display:block}.overview-hero h1{font-family:var(--u-font-display);letter-spacing:-1.5px;margin:15px 0 19px;font-size:clamp(32px,3vw,46px);font-weight:750;line-height:1.1}.overview-hero p{color:var(--u-muted);font-size:13px;line-height:22px}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.hero-mark img{object-fit:contain;filter:drop-shadow(0 9px #171e180d);width:150px;height:150px}.section-title{justify-content:space-between;align-items:end;gap:18px;margin:34px 0 19px;display:flex}.section-title h2{letter-spacing:-.7px;margin-top:5px;font-size:20px;font-weight:650}.quiet-label{letter-spacing:1px;color:var(--u-muted);font-size:11px;font-weight:500;line-height:15px}.component-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.component-card{background:var(--u-surface);border:1px solid var(--u-line-soft);border-radius:8px;min-width:0;padding:17px}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.status-tag{border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500;line-height:16px;display:inline-block}.status-tag.preview{background:var(--u-selection);color:var(--u-selection-ink)}.status-tag.experimental{background:var(--u-warning-soft);color:var(--u-warning)}.status-tag.planned{background:var(--u-well);color:var(--u-muted)}.card-stage{justify-content:center;align-items:center;gap:8px;min-height:120px;display:flex}.card-title{letter-spacing:-.3px;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.card-title:hover{text-underline-offset:4px;text-decoration:underline}.component-card>p{color:var(--u-muted);max-width:220px;margin-top:7px;font-size:11px;line-height:18px}.theme-stage{gap:9px}.mini-theme{background:var(--u-canvas);border:1px solid var(--u-line-soft);border-radius:5px;flex-direction:column;gap:5px;width:66px;height:58px;padding:10px;display:flex}.mini-theme i{background:var(--u-line-soft);border-radius:2px;width:100%;height:4px;display:block}.mini-theme i:first-child{background:var(--u-accent);width:40%;height:8px}.mini-theme i:last-child{width:65%}.overview-bottom{grid-template-columns:1.5fr 1fr;gap:22px;margin-top:24px;display:grid}.devspace-link{border:1px solid var(--u-line-soft);border-radius:8px;align-items:center;gap:16px;padding:20px;display:flex}.devspace-link:hover{background:var(--u-surface)}.devspace-symbol{border:1px solid var(--u-line-soft);width:45px;height:45px;color:var(--u-muted);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.devspace-link>svg{color:var(--u-muted);margin-left:auto}.overview-bottom h3{margin:5px 0;font-size:13px;font-weight:600}.overview-bottom p{color:var(--u-muted);font-size:11px;line-height:18px}.next-up{padding:16px 0}.workspace-notice{min-height:30px;color:var(--u-accent-text);margin-top:12px;font-size:12px}.workspace-footer{border-top:1px solid var(--u-line-soft);color:var(--u-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:30px;padding:19px 0 24px;font-size:11px;display:flex}.footer-dot{padding:0 6px}.page-intro{padding:38px 0 30px}.page-intro h1{letter-spacing:-1.4px;margin:11px 0 13px;font-size:36px;font-weight:700;line-height:1.15}.page-intro>p{color:var(--u-muted);max-width:650px;font-size:14px;line-height:23px}.intro-meta{align-items:center;gap:13px;display:flex}.specimen{border:1px solid var(--u-line-soft);background:var(--u-surface);border-radius:8px;min-width:0;margin-bottom:22px;overflow:visible}.specimen-heading{border-bottom:1px solid var(--u-line-soft);justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;display:flex}.specimen-heading h2{font-size:14px;font-weight:600}.playground-stage{background-image:radial-gradient(var(--u-line-soft) .7px, transparent .7px);background-size:13px 13px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:205px;padding:28px;display:flex}.playground-feedback{color:var(--u-muted);text-align:center;font-size:12px}.playground-controls{border-top:1px solid var(--u-line-soft);flex-wrap:wrap;align-items:end;gap:20px;padding:17px 20px;display:flex}.playground-controls>label{color:var(--u-muted);flex-direction:column;gap:6px;font-size:11px;font-weight:500;display:flex}.playground-controls select{border:1px solid var(--u-line);background:var(--u-canvas);color:var(--u-ink);border-radius:5px;min-height:32px;padding:6px 26px 6px 9px;font-size:12px}.check-control{color:var(--u-muted);cursor:pointer;align-items:center;min-height:32px;font-size:12px;flex-direction:row!important;gap:7px!important;display:flex!important}.check-control input{accent-color:var(--u-accent-border);width:15px;height:15px;margin:0}.variant-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:30px 20px;display:grid}.variant-example{flex-direction:column;align-items:center;gap:14px;min-width:0;display:flex}.variant-example>span{font:11px/1.5 var(--u-font-mono);color:var(--u-muted)}.state-row{flex-wrap:wrap;align-items:center;gap:14px;padding:28px 20px 8px;display:flex}.specimen-note{color:var(--u-muted);padding:14px 20px 20px;font-size:12px;line-height:21px}.scroll-example{border:1px solid var(--u-line-soft);border-radius:var(--u-radius);background:var(--u-surface);block-size:240px;max-inline-size:100%;margin:8px 20px 0}.scroll-example-list{margin:0;padding:8px 16px;list-style:none}.scroll-example-wide{max-inline-size:640px}.scroll-example-list li{border-bottom:1px solid var(--u-line-soft);justify-content:space-between;gap:16px;padding-block:12px;font-size:14px;display:flex}.scroll-example-meta{color:var(--u-muted)}.scroll-example-table{border-collapse:collapse;text-align:start;inline-size:960px;font-size:14px}.scroll-example-table caption{text-align:start;padding:12px 16px;font-weight:600}.scroll-example-table :is(th,td){border-bottom:1px solid var(--u-line-soft);text-align:start;padding:12px 16px}.code-block{border:1px solid var(--u-line-soft);background:var(--u-well);border-radius:8px;margin-bottom:22px;position:relative;overflow:hidden}.code-toolbar{border-bottom:1px solid var(--u-line-soft);justify-content:space-between;align-items:center;padding:7px 12px;display:flex}.code-toolbar>span{font:10px/1.5 var(--u-font-mono);letter-spacing:1px;color:var(--u-muted)}.code-block pre{font:12px/1.9 var(--u-font-mono);white-space:pre;color:var(--u-ink);margin:0;padding:20px}.code-block .syntax-token{color:var(--shiki-light,var(--u-ink))}.workspace[data-appearance=dark] .code-block .syntax-token{color:var(--shiki-dark,var(--u-ink))}.component-view-nav{border-block-end:1px solid var(--u-line-soft);gap:24px;margin-block:-8px 24px;display:flex}.component-view-nav a{min-block-size:44px;color:var(--u-muted);border-block-end:2px solid #0000;align-items:center;padding-block:8px;font-size:14px;text-decoration:none;display:inline-flex}.component-view-nav a[aria-current]{border-color:var(--u-accent-border);color:var(--u-ink)}.component-view-nav a:focus-visible,.api-reference summary:focus-visible,.api-table-scroll:focus-visible{outline:var(--u-focus-width) solid var(--u-focus);outline-offset:3px}.api-reference{min-inline-size:0}.api-intro{margin-block-end:24px}.api-intro h2{margin-block:0 12px;font-size:22px}.api-intro p,.api-description,.api-empty{color:var(--u-muted);font-size:14px;line-height:1.7}.api-part-control{gap:8px;max-inline-size:420px;margin-block-end:24px;display:grid}.api-part-control label{font-size:14px;font-weight:600}.api-part .quiet-label{overflow-wrap:anywhere;white-space:normal;text-align:end;max-inline-size:70%}.api-description,.api-empty,.api-subheading,.api-source{margin:16px 20px}.api-source{color:var(--u-muted);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.api-source a{color:var(--u-accent-text)}.api-search{border-block:1px solid var(--u-line-soft);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.api-search>.u-text-control{flex:180px}.api-table-scroll{max-inline-size:100%;overflow-x:auto}.api-table{border-collapse:collapse;table-layout:fixed;inline-size:100%;font-size:13px}.api-table caption{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.api-table th,.api-table td{border-block-end:1px solid var(--u-line-soft);vertical-align:top;text-align:start;overflow-wrap:anywhere;padding:16px 20px}.api-table th:first-child{inline-size:23%}.api-table th:last-child{inline-size:19%}.api-table thead th{color:var(--u-muted);font-size:11px;font-weight:600}.api-table small{color:var(--u-muted);margin-block-start:8px;font-size:11px;font-weight:400;display:block}.api-table code{font-size:12px}.api-table p{white-space:pre-line;margin-block:8px 0;line-height:1.65}.api-native summary,.api-declaration summary{cursor:pointer;overflow-wrap:anywhere;padding:16px 20px;font-size:13px;display:list-item}.api-native,.api-declaration{border-block-start:1px solid var(--u-line-soft)}.api-expanded-type{margin-block-start:8px}.api-expanded-type summary{cursor:pointer;padding-block:6px;font-size:12px}.api-reference .code-block{border-inline:0;border-radius:0;margin:0}.code-viewport{block-size:auto;max-block-size:400px}.api-reference .api-intro .code-block{border:1px solid var(--u-line-soft);border-radius:var(--u-radius)}.api-values{overflow-wrap:anywhere;padding:0 20px 16px 40px;font-size:13px}@media (width<=640px){.api-table th:first-child,.api-table th:last-child{inline-size:26%}.api-table th,.api-table td{padding:12px 8px}.api-part .specimen-heading{flex-wrap:wrap}.api-part .quiet-label{text-align:start;max-inline-size:100%}}.copy-feedback{min-height:17px;color:var(--u-accent-text);padding:0 20px 5px;font-size:11px;display:block}.token-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:22px;display:grid}.token-swatch{min-width:0}.token-swatch>div{border:1px solid var(--u-line-soft);border-radius:5px;height:65px;margin-bottom:10px}.token-swatch code{font:10px/1.5 var(--u-font-mono);color:var(--u-muted);overflow-wrap:anywhere}.two-column{grid-template-columns:1fr 1fr;gap:20px;display:grid}.type-heading{font-family:var(--u-font-display);letter-spacing:-1px;margin:22px 20px 15px;font-size:26px;font-weight:650}.type-body{color:var(--u-muted);padding:0 20px;font-size:13px;line-height:23px}.spacing-scale{align-items:end;gap:18px;margin:23px 20px;display:flex}.spacing-scale>div{flex-direction:column;align-items:center;gap:9px;display:flex}.spacing-scale span{background:var(--u-accent);border-radius:2px}.spacing-scale code{color:var(--u-muted);font-size:11px}.category-row{grid-template-columns:repeat(3,1fr);gap:7px;padding:22px 20px 0;display:grid}.category-row>span{color:var(--u-category-ink);text-align:center;border-radius:4px;padding:10px 5px;font-size:11px}.radius-row{gap:23px;padding:0 20px 22px;display:flex}.radius-row>div{flex-direction:column;gap:8px;display:flex}.radius-row span{background:var(--u-well);border:1px solid var(--u-line);width:44px;height:38px}.radius-row small{color:var(--u-muted);font-size:11px}.experiment-controls{flex-wrap:wrap;align-items:center;gap:18px;padding:0 20px 20px;display:flex}.outer-scope{background:var(--u-canvas);border-radius:0 0 7px 7px;padding:22px}.scope-caption{letter-spacing:1px;color:var(--u-muted);margin-bottom:15px;font-size:11px;font-weight:500}.inner-scope{background:var(--u-surface);border:1px solid var(--u-line-soft);border-radius:12px;max-width:500px;padding:24px}.inner-scope h3{letter-spacing:-.6px;font-size:23px;font-weight:650}.inner-scope>p:not(.scope-caption){color:var(--u-muted);margin:10px 0 20px;font-size:13px;line-height:21px}.experiment-positioner{z-index:var(--u-z-popup);max-width:calc(100vw - 32px)}.experiment-popup{background:var(--u-surface-raised);color:var(--u-ink);border:1px solid var(--u-line);border-radius:var(--u-panel-radius);box-shadow:var(--u-shadow-lg);outline:0;width:300px;max-width:calc(100vw - 32px);padding:24px}.experiment-popup h2{letter-spacing:-.4px;margin:10px 0;font-size:19px}.experiment-popup p{color:var(--u-muted);margin-bottom:20px;font-size:13px;line-height:21px}.devspace-guidance{color:var(--u-muted);gap:16px;margin:28px 0;display:flex}.devspace-guidance h3{color:var(--u-ink);margin-bottom:7px;font-size:14px}.devspace-guidance p{max-width:650px;font-size:13px;line-height:22px}.planned-component{text-align:center;border:1px dashed var(--u-line);border-radius:8px;padding:55px 25px}.planned-mark{color:var(--u-muted);margin-bottom:18px;display:inline-block}.planned-component h2{letter-spacing:-.6px;font-size:23px;font-weight:600}.planned-component p{color:var(--u-muted);margin:13px 0 24px;font-size:13px;line-height:22px}.mobile-nav-toggle{display:none}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.catalog-item{border:1px solid var(--u-line-soft);background:var(--u-surface);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex}.catalog-item:hover{border-color:var(--u-line)}.catalog-item strong{font-size:14px;font-weight:600;display:block}.catalog-item small{color:var(--u-muted);font-size:12px;display:block}.form-stage{padding:24px}.form-stage>.u-field{max-width:520px;margin-inline:auto}.form-stage>.playground-feedback{margin-top:20px}.field-grid,.nested-overlay-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.field-grid>.u-field{align-content:start;max-width:none;margin-inline:0}.nested-overlay-sample{background:var(--u-surface);min-width:0;padding:24px}.nested-overlay-sample .playground-feedback{text-align:start;margin-top:16px}.example-form{gap:20px;display:grid}.example-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dialog-help{border-top:1px solid var(--u-line-soft);margin-top:16px;padding-top:12px}.optional-label{color:var(--u-muted);font-weight:400}.tooltip-examples{align-items:center;gap:16px;display:flex}.variant-control{min-width:150px}.size-control{border:0;min-width:0;margin:0;padding:0}.size-control legend{color:var(--u-muted);margin-bottom:8px;font-size:12px}.choice-label{cursor:pointer;align-items:center;gap:6px;font-size:14px;line-height:20px;display:inline-flex}.selection-states{gap:20px;display:grid}.selection-states>.u-field{width:100%;margin-inline:0}@media (width>=1550px){.overview-hero h1{font-size:58px}.overview-hero{padding-block:65px}}@media (width<=1100px){.workspace{grid-template-columns:210px minmax(0,1fr)}.sidebar-content{padding-inline:14px}.topbar,.workspace-content{padding-inline:28px}.overview-hero{gap:10px}.overview-hero h1{font-size:37px}.desktop-break{display:none}.overview-bottom{grid-template-columns:1fr}.next-up{padding:0 0 8px}.component-cards{gap:10px}.component-card{padding:13px}.card-stage{min-height:110px}.section-title>.quiet-label{display:none}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}}@media (width<=800px){.workspace{grid-template-columns:180px minmax(0,1fr)}.brand-lockup>span{font-size:20px}.topbar{height:66px;padding-inline:20px}.workspace-content{padding-inline:20px}.breadcrumb,.global-controls{gap:7px}.toolbar-divider{display:none}.overview-hero h1{font-size:38px}.component-cards{grid-template-columns:1fr}.component-card{grid-template-columns:1fr 1fr;column-gap:20px;padding:18px;display:grid}.card-top{grid-column:1}.card-stage{grid-area:1/2/4;min-height:95px}.card-title{margin-top:14px}.component-card>p{grid-column:1}.two-column{grid-template-columns:1fr;gap:0}.token-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-hero{padding-block:35px}}@media (width<=900px){.workspace{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--u-line-soft);height:auto;padding:0;position:relative;overflow:visible}.sidebar-scroll,.sidebar-viewport{block-size:auto}.sidebar-content{padding:10px 20px}.brand-lockup{margin:0}.sidebar-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-nav-toggle{display:inline-flex}.brand-lockup>span{font-size:24px}.search-field{margin:10px 0 12px}.sidebar nav{flex-wrap:wrap;gap:3px;display:flex}.sidebar nav>.nav-label,.component-link,.sidebar-footer{display:none}.nav-link{flex:1;justify-content:center;min-height:40px;margin:0;padding:8px;font-size:12px}.nav-dot{margin-left:0}.topbar{height:auto;z-index:var(--u-z-sticky);background:var(--u-canvas);flex-wrap:wrap;gap:8px;min-height:63px;padding:10px 20px;position:sticky;top:0}.global-controls{margin-left:auto}.breadcrumb{font-size:11px}.workspace-content{padding-inline:20px}.overview-hero{padding-block:32px}.eyebrow{letter-spacing:1.25px;font-size:10px}.overview-hero h1{letter-spacing:-1px;font-size:32px}.overview-hero p{font-size:13px}.hero-actions{gap:6px;margin-top:22px}.section-title{margin-top:26px}.section-title h2{font-size:20px}.component-cards{gap:12px}.component-card{column-gap:14px;padding:16px}.component-card>p{font-size:11px}.devspace-link{gap:12px;padding:16px}.devspace-symbol{display:none}.overview-bottom{gap:18px}.workspace-footer{gap:5px;margin-top:20px;font-size:11px;line-height:18px}.page-intro{padding:28px 0 24px}.page-intro h1{font-size:30px}.page-intro>p{font-size:13px;line-height:22px}.specimen-heading{padding:15px}.specimen-heading>.quiet-label{display:none}.playground-controls{gap:14px;padding:15px}.playground-stage{min-height:190px;padding:25px 15px}.variant-grid{gap:22px 8px;padding:25px 15px}.specimen-note{padding-inline:15px}.code-block pre{padding:16px;font-size:11px}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px}.outer-scope{padding:15px}.inner-scope{padding:18px}.inner-scope h3{font-size:21px}.experiment-controls{padding-inline:15px}.experiment-popup{width:285px;padding:20px}.planned-component{padding-inline:18px}.planned-component h2{font-size:22px}.search-field input{font-size:16px}.nav-link{min-height:44px}.sidebar.nav-open .component-link,.sidebar.has-search .component-link{flex-basis:100%;justify-content:space-between;font-size:14px;display:flex}.sidebar.nav-open .component-label{flex-basis:100%;margin-top:18px;display:flex}.search-field{min-height:44px}}@media (pointer:coarse){.nav-link{min-height:44px}.playground-controls select{min-height:44px;font-size:16px}}@media (width<=900px){.sidebar.has-search .component-link{flex-basis:100%;justify-content:space-between;display:flex}.sidebar.has-search .no-results{width:100%;display:block}}@media (width<=600px){.brand-lockup>span{font-size:23px}.workspace-content,.sidebar-content,.topbar{padding-inline:16px}.component-card{display:block}.component-card>p{max-width:none;font-size:12px}.card-title{min-height:44px;margin-top:0}.card-stage{min-height:100px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-item{padding:12px}.field-grid,.nested-overlay-grid{grid-template-columns:1fr}.form-stage,.nested-overlay-sample{padding:20px 16px}.sidebar-heading{gap:8px}.mobile-nav-toggle{padding-inline:10px}.brand-lockup{white-space:nowrap;gap:7px}.specimen-heading{flex-wrap:wrap}.variant-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (width<=360px){.brand-lockup>span{font-size:20px}.mobile-nav-toggle svg,.sidebar .nav-link>svg{display:none}}.combobox-example-input{position:relative}.combobox-example-input .u-text-control{padding-inline-end:3rem}.combobox-example-input>button{position:absolute;inset-block-start:50%;inset-inline-end:2px;transform:translateY(-50%)}.option-description{color:var(--u-muted);font-weight:400;display:block}[data-highlighted] .option-description{color:inherit}.inline-status{align-items:center;gap:var(--u-space-2);display:inline-flex}.skeleton-example{gap:var(--u-space-3);display:grid}.empty-state-recipe{align-items:center;gap:var(--u-space-4);text-align:center;flex-direction:column;display:flex}.empty-state-recipe p{max-inline-size:36ch;color:var(--u-muted)}.calendar-stage{align-items:center;gap:var(--u-space-3);flex-direction:column;padding-inline:4px;display:flex}@media (width<=360px){.calendar-specimen{margin-inline:-16px}}.physical-playground{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.physical-stage{min-block-size:360px;padding-inline:12px}.physical-settings{border-inline-start:1px solid var(--u-line-soft);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;padding:24px;display:grid}.physical-settings fieldset{border:0;margin:0;padding:0}.physical-settings legend{margin-block-end:8px;font-size:14px;font-weight:500}.physical-setting-wide{grid-column:1/-1}.physical-colors{gap:8px;display:grid}.physical-color{grid-template-columns:minmax(0,1fr) 40px 8ch;align-items:center;gap:12px;font-size:13px;display:grid}.physical-color input{border:1px solid var(--u-line);border-radius:var(--u-radius-xs);background:var(--u-surface);cursor:pointer;block-size:32px;inline-size:40px;padding:2px}.physical-color code{color:var(--u-muted)}.physical-toggles{flex-wrap:wrap;gap:12px;display:flex}.physical-example-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.physical-example{color:var(--u-ink);background:var(--u-surface);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px 12px;font-size:13px;display:flex}@media (width<=1100px){.physical-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.physical-playground{grid-template-columns:minmax(0,1fr)}.physical-settings{border-inline-start:0;border-block-start:1px solid var(--u-line-soft);padding:16px}.physical-example-grid{grid-template-columns:minmax(0,1fr)}}@media (pointer:coarse){.physical-color input{block-size:44px;inline-size:44px}}