@layer design{.select-control{position:relative}.choice-trigger,.select-control{min-width:0;width:100%;max-width:100%}.choice-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--density-control);padding:calc((var(--density-control) - 26px) / 2) var(--density-pad-inline);border:1px solid var(--border-default);border-radius:var(--radius);background:var(--surface-panel);color:var(--text-primary);font-size:15px;line-height:24px;text-align:start}.choice-trigger:hover{border-color:var(--border-strong)}.choice-trigger[data-empty=true]{color:var(--text-hint)}.choice-trigger:disabled{color:var(--text-disabled);background:var(--surface-hover);cursor:default}.choice-trigger[aria-invalid=true]{border-color:var(--danger-text)}.choice-value{min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap}.select-control:has(.choice-clear:not([hidden])) .choice-trigger{padding-inline-end:72px}.choice-clear{position:absolute;inset-inline-end:36px;top:2px;width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--text-muted)}.choice-menu{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid var(--border-default);border-radius:var(--radius);background:var(--surface-overlay);color:var(--text-primary);box-shadow:var(--shadow-overlay);z-index:var(--layer-popover);overflow:auto;overscroll-behavior:contain;font-family:var(--font-ui);font-size:15px;line-height:24px}.choice-menu>input{margin-bottom:6px;min-height:40px;padding:var(--space-2) 10px;border-color:var(--border-default);font-size:15px}.choice-menu [role=option]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:40px;padding:var(--space-2) 10px;border-radius:var(--radius-xs)}.choice-menu [role=option]:hover,.choice-menu [role=option][data-active=true]{background:color-mix(in srgb,var(--text-primary) 10%,var(--surface-overlay))}.choice-menu [aria-selected=true]{font-weight:500}.choice-empty{padding:var(--space-3);color:var(--text-muted)}@media (pointer:coarse){.choice-menu [role=option]{min-height:44px}}@media (max-width:640px){.choice-menu>input,.choice-trigger{font-size:16px}}.choice-menu [role=option]>span{min-width:0;overflow-wrap:anywhere}.choice-menu [role=option]>.badge{margin-inline-start:auto}.choice-menu [role=option]:has(>.badge):not([aria-selected=true]):after{content:"";flex:none;inline-size:16px}.choice-menu [role=option][aria-disabled=true]{color:var(--text-disabled);cursor:default}.choice-menu [role=option][aria-disabled=true]:hover{background:none}.choice-menu>input{min-width:min(240px,100%)}.choice-menu:has(>.clearable-field,>input[type=search]){flex-direction:column;overflow:hidden}.choice-menu:has(>.clearable-field,>input[type=search]):not([hidden]){display:flex}.choice-menu:has(>.clearable-field,>input[type=search])>[role=listbox]{flex:0 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}.choice-menu:has(>.clearable-field,>input[type=search])>:not([role=listbox]){flex:none}.choice-menu>.clearable-field:not([data-preserve-dom]){margin:0 0 6px;min-width:min(240px,100%);border:1px solid var(--border-default);border-radius:var(--radius);padding-inline-end:var(--space-1)}.choice-menu>.clearable-field:not([data-preserve-dom]):focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--focus-halo)}.choice-menu .clearable-field input{padding-inline-end:0}.choice-menu>.clearable-field:not([data-preserve-dom])>input{min-height:40px;padding:var(--space-2) 0 var(--space-2) 10px;border:0;outline:none;background:transparent;font-size:15px}.select-control:has(.choice-clear:not([hidden])) .choice-trigger{padding-inline-end:var(--space-4)}.select-control:has(.choice-clear:not([hidden])) .choice-value{padding-inline-end:40px}.choice-trigger>svg{flex-shrink:0}.choice-clear:hover{background:var(--surface-hover);border-radius:var(--radius-xs)}@media (max-width:640px){.choice-menu>.clearable-field>input{font-size:16px}}.select-control[data-size=dense] .choice-trigger{min-height:var(--control-xs);padding:var(--space-1) var(--space-2);font:var(--text-dense);gap:var(--space-2)}.choice-icon{display:inline-flex;flex:none}.choice-icon:empty{display:none}.choice-icon svg{width:16px;height:16px}.choice-menu [role=option]:has(.choice-option-icon){justify-content:flex-start}.choice-menu [role=option]>.choice-option-icon{display:inline-flex;flex:none;color:var(--text-secondary)}.choice-menu [role=option]:has(.choice-option-icon)>svg{margin-inline-start:auto}.choice-option-image{width:20px;height:20px}.choice-icon img,.choice-option-image img{display:block;width:20px;height:20px;border-radius:var(--radius-xs);outline:1px solid var(--border-default);outline-offset:-1px;object-fit:cover}.select-control[data-size=compact]{display:inline-flex;width:auto;flex:none}.select-control[data-size=compact] .choice-trigger{width:auto;max-width:100%;min-height:var(--control-xs);padding:var(--space-1) var(--space-2);gap:var(--space-1);border-radius:calc(var(--radius) / 2);font:var(--text-dense);font-weight:600}.select-control[data-size=compact] .choice-value{flex:0 1 auto;max-width:16ch;font-variant-numeric:tabular-nums}.select-control{--choice-value-width:auto}.select-control[data-width] .choice-value{flex:none;width:var(--choice-value-width);max-width:none}.select-control[data-size=compact] .choice-trigger>svg{width:12px;height:12px}.choice-menu[data-size=compact]{padding:var(--space-1);font-size:14px;line-height:20px}.choice-menu[data-size=compact] [role=option]{min-height:var(--control-xs);padding:var(--space-1) var(--space-2)}.select-control[data-trigger=icon] .choice-value{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (pointer:coarse){.choice-menu[data-size=compact] [role=option],.select-control[data-size=compact] .choice-trigger{min-height:44px}}.choice-menu[data-size=dense] [role=option]{min-height:var(--control-xs);padding:var(--space-1) var(--space-2);font:var(--text-dense)}@media (pointer:coarse){.choice-menu[data-size=dense] [role=option],.select-control[data-size=dense] .choice-trigger{min-height:var(--control-md)}}}@layer design{.sidebar-owner{--sidebar-panel-width:240px;--sidebar-compact-width:52px;--sidebar-control-lane:0px;display:grid;grid-template-columns:var(--sidebar-panel-width) minmax(0,1fr);transition:grid-template-columns var(--motion-transition) var(--motion-easing)}.sidebar-owner[data-sidebar-expanded=false][data-sidebar-side=start]{grid-template-columns:var(--sidebar-compact-width) minmax(0,1fr)}.sidebar-owner[data-sidebar-side=end]{grid-template-columns:minmax(0,1fr) var(--sidebar-panel-width)}.sidebar-owner[data-sidebar-expanded=false][data-sidebar-side=end]{grid-template-columns:minmax(0,1fr) var(--sidebar-compact-width)}.sidebar-rail{position:relative;grid-row:1;min-width:0;z-index:1}.sidebar-owner[data-sidebar-side=end]>.sidebar-rail{grid-column:2}.sidebar-panel{position:absolute;inset-block:0;inset-inline-start:0;z-index:1;display:flex;flex-direction:column;width:100%;min-width:0;height:100%;transition:width var(--motion-transition) var(--motion-easing);overflow:hidden;background:var(--surface-panel);border-inline-end:1px solid var(--border-default)}.sidebar-owner[data-sidebar-side=end]>.sidebar-rail.sidebar-panel,.sidebar-owner[data-sidebar-side=end]>.sidebar-rail>.sidebar-panel{inset-inline-start:auto;inset-inline-end:0;border-inline-end:0;border-inline-start:1px solid var(--border-default)}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel,.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel{width:var(--sidebar-panel-width)}.sidebar-owner[data-sidebar-peeking=true]>.sidebar-rail.sidebar-panel,.sidebar-owner[data-sidebar-peeking=true]>.sidebar-rail>.sidebar-panel{width:var(--sidebar-panel-width);box-shadow:var(--shadow-overlay)}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel,.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel{width:var(--sidebar-compact-width)}.sidebar-header{position:relative;flex:none;height:44px;min-height:44px;box-sizing:border-box;padding-inline:var(--space-3) 48px;margin-block-end:var(--space-1)}.sidebar-header,.sidebar-heading{display:flex;align-items:center;min-width:0}.sidebar-heading{gap:var(--space-2);white-space:nowrap;overflow:hidden;font:var(--text-dense);font-weight:700;color:var(--text-primary)}.sidebar-heading>:is(svg,img){flex:none;width:18px;height:18px;object-fit:contain}.sidebar-heading-label{min-width:0;overflow:hidden}.sidebar-header>.sidebar-toggle{position:absolute;inset-block-start:0;inset-inline-end:4px;display:grid;place-items:center;padding:0;border:0;background:transparent;box-shadow:none;color:var(--text-muted)}.sidebar-header>.btn.icon.sidebar-toggle,.sidebar-header>.sidebar-toggle{width:44px;height:44px;min-width:44px;min-height:44px}.sidebar-header>.sidebar-toggle svg{width:18px;height:18px}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel>.sidebar-header,.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel>.sidebar-header{padding-inline-start:18px}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel>.sidebar-content,.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel>.sidebar-content{flex-shrink:0;width:var(--sidebar-panel-width);box-sizing:border-box;scrollbar-gutter:auto;overflow-x:hidden;padding-inline:var(--space-1)}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel>.sidebar-content .sidebar-link[data-sidebar-rail-item],.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel>.sidebar-content .sidebar-link[data-sidebar-rail-item]{min-height:44px;padding-inline:14px var(--sidebar-link-end-padding,14px);white-space:nowrap}.sidebar-link-label{min-width:0;overflow:hidden}[data-sidebar-rail-hidden]{visibility:hidden;pointer-events:none}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-content .sidebar-link-label,.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-content .sidebar-link-label{visibility:hidden}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-content .sidebar-link[data-sidebar-rail-item],.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-content .sidebar-link[data-sidebar-rail-item]{width:44px;overflow:hidden}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-content,.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-content{scrollbar-width:none}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-header>:not(.sidebar-toggle),.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>:not(.sidebar-header),.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-header>:not(.sidebar-toggle),.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>:not(.sidebar-header){visibility:hidden}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-content [data-sidebar-rail-item],.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-content [data-sidebar-rail-item]{visibility:visible}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-header,.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-header{padding:0;width:100%;min-width:0}.sidebar-header>.sidebar-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.sidebar-header>.sidebar-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.sidebar-content{position:relative;flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border-default) transparent;scrollbar-gutter:stable;padding-block-end:var(--space-6)}.sidebar-content:has(>.sidebar-footer){display:flex;flex-direction:column;padding-block-end:var(--space-3)}.sidebar-content:has(>.sidebar-footer)>*{flex:none}.sidebar-content>.sidebar-footer{display:grid;gap:2px;margin-block-start:auto;padding:var(--space-8) var(--space-3) 0;color:var(--text-muted);font:var(--text-caption)}.sidebar-content:has(>.sidebar-end){display:flex;flex-direction:column}.sidebar-content:has(>.sidebar-end)>*{flex:none}.sidebar-content>.sidebar-end{display:flex;flex-direction:column;min-width:0;margin-block-start:auto;padding-block-start:var(--space-8)}.sidebar-content>.sidebar-end+.sidebar-footer{margin-block-start:0;padding-block-start:var(--space-3)}.sidebar-footer-copyright{margin:0}.sidebar-footer-links{display:flex;flex-wrap:wrap;gap:0 var(--space-3);margin:0;padding:0;list-style:none}.sidebar-footer-links a{display:inline-flex;align-items:center;min-height:20px;color:inherit;text-decoration:none}.sidebar-footer-links a:hover{color:var(--text-primary);text-decoration:underline;text-underline-offset:3px}.sidebar-footer-links a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:2px}@media (pointer:coarse){.sidebar-footer-links a{min-height:var(--control-md)}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-default);border:2px solid transparent;border-radius:999px;background-clip:content-box}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}.sidebar-link{display:flex;align-items:center;gap:10px;min-width:44px;min-height:44px;padding:6px var(--space-3);padding-inline-end:var(--sidebar-link-end-padding,var(--space-3));border:0;border-radius:0;background:transparent;color:var(--text-secondary);font:var(--text-dense);text-align:start;text-decoration:none;cursor:pointer}.sidebar-link:hover,.sidebar-link[aria-current]{text-decoration:underline;text-underline-offset:4px}.sidebar-link[aria-current]{color:var(--text-primary);font-weight:700}.sidebar-link[data-nav-emphasis=primary]{margin-block-end:var(--space-1);border-radius:var(--radius);text-decoration:none;transition:background var(--motion-transition) var(--motion-easing)}.sidebar-link[data-nav-emphasis=primary]:not(:disabled):not([aria-disabled=true]):hover{background:var(--surface-hover);text-decoration:none}.sidebar-link[data-nav-emphasis=primary][aria-current]{background:var(--surface-selected);color:var(--text-primary);text-decoration:none}[data-sidebar-reorder-row]{--sidebar-action-surface:var(--surface-panel);position:relative;margin-block-end:var(--space-1)}[data-sidebar-reorder-row]>.sidebar-link{margin-block-end:0}[data-sidebar-reorder-row]:hover{--sidebar-action-surface:var(--surface-hover)}[data-sidebar-reorder-row]:hover>.sidebar-link[data-nav-emphasis=primary]:not(:disabled):not([aria-disabled=true]){background:var(--surface-hover)}[data-sidebar-reorder-row]:has(>.sidebar-link[aria-current]){--sidebar-action-surface:var(--surface-selected)}[data-sidebar-reorder-row]:hover>.sidebar-link[data-nav-emphasis=primary][aria-current]{background:var(--surface-selected)}[data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]){position:absolute;inset-block:0;inset-inline-end:0;min-width:44px;min-height:44px;height:100%;background:var(--sidebar-action-surface);border-radius:0 var(--radius) var(--radius) 0;opacity:0;pointer-events:none;transition:opacity var(--motion-transition) var(--motion-easing)}[data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]):before{content:"";position:absolute;inset-block:0;inset-inline-end:100%;width:var(--space-4);background:linear-gradient(to right,transparent,var(--sidebar-action-surface));pointer-events:none}:dir(rtl) [data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]){border-radius:var(--radius) 0 0 var(--radius)}:dir(rtl) [data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]):before{background:linear-gradient(to left,transparent,var(--sidebar-action-surface))}[data-sidebar-reorder-row]:is(:hover,:focus-within,[data-menu-open=true],.is-reorder-origin,.reorder-drag-preview)>:is([data-reorder-handle],[data-sidebar-reorder-actions]){opacity:1;pointer-events:auto}[data-sidebar-reorder-actions]{display:flex;align-items:center;gap:var(--space-1)}[data-sidebar-reorder-actions]>button,[data-sidebar-reorder-row]>[data-reorder-handle]{width:44px;min-width:44px;min-height:44px}@media (pointer:coarse){[data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]){opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){[data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]){transition:none}}.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail.sidebar-panel>.sidebar-content [data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]),.sidebar-owner:not([data-sidebar-narrow=true])[data-sidebar-expanded=false]:not([data-sidebar-peeking=true])>.sidebar-rail>.sidebar-panel>.sidebar-content [data-sidebar-reorder-row]>:is([data-reorder-handle],[data-sidebar-reorder-actions]){visibility:hidden;pointer-events:none}.sidebar-section-divider{inline-size:100%;border:0;border-block-start:1px solid var(--border-default);margin-block:var(--space-4)}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel>.sidebar-content .sidebar-section-divider,.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel>.sidebar-content .sidebar-section-divider{inline-size:calc(var(--sidebar-panel-width) - 2 * var(--space-4));margin-inline:calc(var(--space-4) - var(--space-1)) 0}.sidebar-group{display:flex;flex-direction:column;min-width:0}.sidebar-group+:is(.sidebar-link,.sidebar-group),:is(.sidebar-link,.sidebar-group)+.sidebar-group{margin-block-start:var(--space-3)}.sidebar-group-title{margin:0 0 var(--space-1);padding:var(--space-1) var(--space-3);overflow:hidden;color:var(--text-muted);font:var(--text-caption);font-weight:600;white-space:nowrap}.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail.sidebar-panel>.sidebar-content .sidebar-group-title,.sidebar-owner:not([data-sidebar-narrow=true])>.sidebar-rail>.sidebar-panel>.sidebar-content .sidebar-group-title{padding-inline:14px}.sidebar-primary-action{width:100%;margin-block-end:var(--space-3)}[data-reduced-motion=true] .sidebar-link[data-nav-emphasis=primary]{transition:none}@media (prefers-reduced-motion:reduce){.sidebar-link[data-nav-emphasis=primary]{transition:none}}.sidebar-link>svg{flex:none;width:16px;height:16px;color:var(--text-muted)}.sidebar-link[aria-current]>svg{color:var(--text-primary)}.sidebar-link:is(:disabled,[aria-disabled=true]){color:var(--text-disabled);cursor:default;text-decoration:none}.shell-skip{position:fixed;inset-inline-start:var(--space-4);inset-block-start:calc(-2 * var(--control-lg));z-index:calc(var(--layer-drawer) + 2);padding:var(--space-3);background:var(--surface-panel);color:var(--text-primary);font:var(--text-dense)}.shell-skip:focus{inset-block-start:var(--space-2)}.sidebar-scrim{transition:opacity var(--motion-transition) var(--motion-easing)}@starting-style{.sidebar-scrim{opacity:0}}[data-reduced-motion=true] .sidebar-owner,[data-reduced-motion=true] .sidebar-panel,[data-reduced-motion=true] .sidebar-toggle{transition:none}@media (prefers-reduced-motion:reduce){.sidebar-owner,.sidebar-panel,.sidebar-scrim,.sidebar-toggle{transition:none}}.sidebar-example{position:relative;flex-direction:column;min-width:0;min-height:max(520px,100%);overflow:hidden;border:1px solid var(--border-default);color:var(--text-primary);container-type:inline-size}.sidebar-example,.sidebar-example-header{display:flex;background:var(--surface-panel)}.sidebar-example-header{align-items:center;justify-content:space-between;gap:var(--space-4);min-height:56px;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-default)}.sidebar-example-header>div{display:grid;min-width:0;gap:2px}.sidebar-example-header strong{font:var(--text-dense);color:var(--text-primary)}.sidebar-example-header span{color:var(--text-muted);font:var(--text-dense)}.sidebar-example-header>[data-sidebar-narrow-toggle]{display:none}.sidebar-example-workspace{position:relative;flex:1 1 auto;min-height:464px;overflow:hidden}.sidebar-example-panel{padding:0}.sidebar-example-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sidebar-example-nav{display:grid;align-content:start}.sidebar-example-content{grid-column:2;grid-row:1;min-width:0;padding:var(--space-8);background:var(--surface-canvas)}.sidebar-example-workspace[data-sidebar-side=end] .sidebar-example-content{grid-column:1}.sidebar-example-content h2{margin:0;font:var(--text-title);overflow-wrap:anywhere}.sidebar-example-summary{display:flex;gap:var(--space-2) 20px;flex-wrap:wrap;margin-top:var(--space-6);color:var(--text-muted);font:var(--text-dense)}.sidebar-example-summary span:first-child{color:var(--text-primary);font-weight:600}.sidebar-example-content [data-demo-items]{margin-top:var(--space-6)}.sidebar-example-result{display:flex;align-items:center;gap:var(--space-4);max-width:640px;padding-block:var(--space-4);border-bottom:1px solid var(--border-default)}.sidebar-example-result-mark{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--radius);background:var(--surface-hover);color:var(--text-primary)}.sidebar-example-result>div:last-child{display:grid;gap:var(--space-1);min-width:0}.sidebar-example-result strong{font:var(--text-body);color:var(--text-primary)}.sidebar-example-result span{font:var(--text-dense);color:var(--text-secondary)}.sidebar-example-scrim{display:none}@container (max-width:700px){.sidebar-example-header>[data-sidebar-narrow-toggle]{display:inline-flex}.sidebar-example-workspace{display:flex;flex-direction:column;min-height:464px;transition:none}.sidebar-example-content{flex:1 1 auto}.sidebar-example-rail{position:absolute;inset:0;z-index:5;width:100%;min-height:0;pointer-events:none}.sidebar-example-workspace .sidebar-example-rail .sidebar-header>.sidebar-toggle{display:none}.sidebar-example-panel{position:absolute;inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:min(300px,calc(100% - 40px));height:100%;padding:var(--space-3) var(--space-4);border:0;border-inline-end:1px solid var(--border-default);box-shadow:var(--shadow-overlay);transform:translateX(-100%);visibility:hidden;pointer-events:none}.sidebar-example-workspace[data-sidebar-side=end] .sidebar-example-panel{inset-inline-start:auto;inset-inline-end:0;transform:translateX(100%)}.sidebar-example-workspace[data-sidebar-open=true] .sidebar-example-panel{transform:none;visibility:visible;opacity:1;pointer-events:auto}.sidebar-example-workspace[data-sidebar-open=true] .sidebar-example-scrim{display:block;position:absolute;inset:0;z-index:4;background:var(--surface-scrim)}.sidebar-example-panel-head{display:flex}.sidebar-example-workspace[data-sidebar-mode=embedded][data-sidebar-expanded=true] .sidebar-example-rail{position:relative;inset:auto;padding:0 var(--space-4) var(--space-4);border-bottom:1px solid var(--border-default);background:var(--surface-panel);pointer-events:auto}.sidebar-example-workspace[data-sidebar-mode=embedded][data-sidebar-expanded=true] .sidebar-example-panel{position:relative;inset:auto;width:100%;height:auto;max-height:min(300px,50dvh);padding:var(--space-2) 0 var(--space-3);border:0;box-shadow:none;transform:none;visibility:visible;pointer-events:auto}.sidebar-example-workspace[data-sidebar-mode=embedded][data-sidebar-expanded=true] .sidebar-example-panel-head{display:flex}.sidebar-example-content{padding:28px var(--space-6)}.sidebar-example-workspace[data-sidebar-side=end] .sidebar-example-content{grid-column:auto}}@media (prefers-reduced-motion:reduce){.sidebar-example-workspace{transition:none}}}@layer design{.segmented-control{--segmented-height:var(--control-md);--segmented-inset:3px;--segmented-radius:calc(var(--radius) + var(--segmented-inset) + 1px);position:relative;isolation:isolate;display:inline-flex;align-items:stretch;gap:var(--segmented-inset);box-sizing:border-box;max-width:100%;min-width:0;height:var(--segmented-height);padding:var(--segmented-inset);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border:1px solid var(--border-default);border-radius:var(--segmented-radius);background:var(--surface-canvas);vertical-align:middle}.segmented-control::-webkit-scrollbar{display:none}.segmented-control[data-size=dense]{--segmented-height:var(--control-xs);--segmented-inset:2px}.segmented-control[data-size=compact]{--segmented-height:var(--control-sm)}.segmented-control[data-size=large]{--segmented-height:var(--control-lg)}.segmented-control-option{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);flex:none;box-sizing:border-box;min-width:calc(var(--segmented-height) - 2 * var(--segmented-inset) - 2px);height:100%;margin:0;padding:0 var(--space-3);border:0;border-radius:var(--radius);background:transparent;color:var(--text-secondary);font:var(--text-dense);font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--motion-feedback) var(--motion-easing),background-color var(--motion-feedback) var(--motion-easing)}.segmented-control[data-size=dense] .segmented-control-option{padding-inline:var(--space-2)}.segmented-control-option[data-display=icon]{padding:0}.segmented-control-option[data-display=icon-text]{padding-inline:var(--space-3) var(--space-4)}.segmented-control-option>svg{flex:none}.segmented-control-option:hover:not(:disabled):not([aria-checked=true]){background:var(--surface-hover);color:var(--text-primary)}.segmented-control-option[aria-checked=true],.segmented-control-option[aria-checked=true]>svg{color:var(--text-primary)}.segmented-control-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.segmented-control[data-size=dense] .segmented-control-option:focus-visible{outline-offset:0}.segmented-control-option:disabled{color:var(--text-disabled);cursor:default}.segmented-control-indicator{position:absolute;top:0;left:0;z-index:0;width:0;height:0;border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--shadow-raised);pointer-events:none;opacity:0;transition:transform var(--motion-transition) var(--motion-easing),width var(--motion-transition) var(--motion-easing),height var(--motion-transition) var(--motion-easing)}.segmented-control[data-indicator=ready]>.segmented-control-indicator{opacity:1}.segmented-control:not([data-indicator=ready]) .segmented-control-option[aria-checked=true]{background:var(--surface-raised);box-shadow:var(--shadow-raised)}.segmented-control[aria-disabled=true]{background:var(--surface-hover)}.segmented-control[aria-disabled=true]:not([data-indicator=ready]) .segmented-control-option[aria-checked=true],.segmented-control[aria-disabled=true]>.segmented-control-indicator{background:var(--surface-panel)}.segmented-control-option[aria-checked=true]:disabled,.segmented-control-option[aria-checked=true]:disabled>svg{color:var(--text-muted)}@container (max-width:480px){.segmented-control[data-collapse=narrow] .segmented-control-option[data-display=icon-text]{padding:0}.segmented-control[data-collapse=narrow] .segmented-control-option[data-display=icon-text]>.segmented-control-label{display:none}}@media (pointer:coarse){.segmented-control{--segmented-height:calc(var(--control-md) + 2 * var(--segmented-inset) + 2px)}}@media (prefers-reduced-motion:reduce){.segmented-control-indicator,.segmented-control-option{transition:none!important}}[data-reduced-motion=true] .segmented-control-indicator,[data-reduced-motion=true] .segmented-control-option{transition:none!important}}@layer design{:is([data-overflow-fade],.overflow-fade):not([data-overflow-mode=ellipsis]){text-overflow:clip!important}:is([data-overflow-fade],.overflow-fade){--overflow-fade-size:20px;--overflow-fade-direction:to right;display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap}:is([data-overflow-fade],.overflow-fade)[data-overflow=true]{mask-image:linear-gradient(var(--overflow-fade-direction),#000 0 calc(100% - var(--overflow-fade-size)),transparent 100%);-webkit-mask-image:linear-gradient(var(--overflow-fade-direction),#000 0 calc(100% - var(--overflow-fade-size)),transparent 100%)}:is([data-overflow-fade],.overflow-fade)[data-overflow=true]:dir(rtl){--overflow-fade-direction:to left}:is([data-overflow-fade],.overflow-fade)[data-overflow=true][data-overflow-direction=ltr]{--overflow-fade-direction:to right}:is([data-overflow-fade],.overflow-fade)[data-overflow=true][data-overflow-direction=rtl]{--overflow-fade-direction:to left}:is([data-overflow-fade],.overflow-fade)[data-overflow=true][data-overflow-axis=vertical]{--overflow-fade-direction:to bottom}[data-overflow-lines][data-overflow=true]{--overflow-fade-direction:to right;-webkit-mask:linear-gradient(#000,#000) top /100% calc(100% - 1lh) no-repeat,linear-gradient(var(--overflow-fade-direction),#000 calc(100% - 6ch),transparent) bottom /100% 1lh no-repeat;mask:linear-gradient(#000,#000) top /100% calc(100% - 1lh) no-repeat,linear-gradient(var(--overflow-fade-direction),#000 calc(100% - 6ch),transparent) bottom /100% 1lh no-repeat}[data-overflow-lines][data-overflow=true]:dir(rtl){--overflow-fade-direction:to left}[data-overflow-lines][data-overflow=true][data-overflow-direction=ltr]{--overflow-fade-direction:to right}[data-overflow-lines][data-overflow=true][data-overflow-direction=rtl]{--overflow-fade-direction:to left}:is([data-overflow-fade],.overflow-fade):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}[data-overflow-mode=ellipsis]{text-overflow:ellipsis}[data-overflow-mode=ellipsis],[data-overflow-mode=wrap]{mask-image:none!important;-webkit-mask-image:none!important}[data-overflow-mode=wrap]{white-space:normal;overflow:visible;overflow-wrap:anywhere}.selectable-list{--selectable-list-surface:var(--surface-panel);--selectable-row-min:max(calc(var(--density-control) + 4px),var(--density-row));--selectable-row-pad:var(--density-pad-block) calc(var(--density-pad-inline) - var(--space-1));--selectable-row-gap:var(--density-gap);--selectable-list-icon:max(16px,calc(var(--density-icon) - 2px));display:grid;gap:var(--space-2);min-width:0}.selectable-list-group{display:grid;gap:var(--space-1);min-width:0}.selectable-list-heading{margin:0;padding-inline:var(--space-2);color:var(--text-muted);font:var(--text-dense);font-weight:500}.selectable-list-items{list-style:none;margin:0;padding:0;display:grid;gap:2px;min-width:0}.selectable-list-items>li{min-width:0}.selectable-list-row{--selectable-row-bg:var(--selectable-list-surface);position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;border-radius:var(--radius);background:transparent}.selectable-list-row:hover{--selectable-row-bg:var(--surface-hover);background:var(--surface-hover)}}@layer design{.selectable-list-row:has([aria-current]:not([aria-current=false])){--selectable-row-bg:var(--surface-selected);background:var(--surface-selected)}.selectable-list-select{position:relative;display:flex;align-items:center;gap:var(--selectable-row-gap);width:100%;min-width:0;min-height:var(--selectable-row-min);margin:0;padding:var(--selectable-row-pad);border:0;border-radius:var(--radius);background:transparent;color:var(--text-primary);font:var(--density-text);text-align:start;cursor:pointer}.selectable-list-select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.selectable-list-select:any-link{color:var(--text-primary);text-decoration:none}.selectable-list-select:is(:disabled,[aria-disabled=true]){color:var(--text-disabled);cursor:default}.selectable-list-icon{display:grid;place-items:center;flex:none;color:var(--text-secondary)}.selectable-list-icon>svg{width:var(--selectable-list-icon);height:var(--selectable-list-icon)}.selectable-list[data-icon-size=compact]{--selectable-list-icon:16px}.selectable-list[data-icon-size=standard]{--selectable-list-icon:18px}.selectable-list[data-icon-size=large]{--selectable-list-icon:20px}.selectable-list-icon[data-tone=accent]{color:var(--link-hover)}.selectable-list-icon[data-tone=success]{color:var(--success-text)}.selectable-list-icon[data-tone=warning]{color:var(--warning-text)}.selectable-list-icon[data-tone=danger]{color:var(--danger-text)}.selectable-list-icon[data-tone^=category-]{color:var(--selectable-icon-category)}.selectable-list-icon[data-tone=category-1]{--selectable-icon-category:var(--chart-1)}.selectable-list-icon[data-tone=category-2]{--selectable-icon-category:var(--chart-2)}.selectable-list-icon[data-tone=category-3]{--selectable-icon-category:var(--chart-3)}.selectable-list-icon[data-tone=category-4]{--selectable-icon-category:var(--chart-4)}.selectable-list-icon[data-tone=category-5]{--selectable-icon-category:var(--chart-5)}.selectable-list-icon[data-tone=category-6]{--selectable-icon-category:var(--chart-6)}.selectable-list-icon[data-tone=category-7]{--selectable-icon-category:var(--chart-7)}.selectable-list-icon[data-tone=category-8]{--selectable-icon-category:var(--chart-8)}.selectable-list-icon[data-tone=category-9]{--selectable-icon-category:var(--chart-9)}.selectable-list-icon[data-tone=category-10]{--selectable-icon-category:var(--chart-10)}.selectable-list-icon[data-tone=category-11]{--selectable-icon-category:var(--chart-11)}.selectable-list-icon[data-tone=category-12]{--selectable-icon-category:var(--chart-12)}.selectable-list-text{display:grid;gap:2px;min-width:0;flex:1 1 auto}.selectable-list-title{min-width:0;overflow:hidden;white-space:nowrap;font-weight:500}.selectable-list-select[aria-current]:not([aria-current=false]) .selectable-list-title{font-weight:600}.selectable-list-meta{min-width:0;color:var(--text-muted);font:var(--text-caption)}.selectable-list[data-meta-placement=trailing] .selectable-list-text{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px var(--space-2)}.selectable-list[data-meta-placement=trailing] .selectable-list-title{flex:1 1 12ch;min-width:min(12ch,100%)}.selectable-list[data-meta-placement=trailing] .selectable-list-meta{flex:0 1 auto;min-width:0;overflow:visible;white-space:normal;overflow-wrap:anywhere;font:var(--text-caption);font-variant-numeric:tabular-nums}.selectable-list[data-meta-placement=trailing] .selectable-list-text>.selectable-list-detail{flex-basis:100%}.selectable-list-editor{display:flex;align-items:center;min-width:0;min-height:var(--selectable-row-min);padding-inline:calc(var(--space-3) - 7px) var(--space-1);font:var(--text-dense);font-weight:600}.selectable-list-editor>.inline-edit{flex:1 1 auto}.selectable-list-detail{margin:2px var(--space-2) var(--space-2);min-width:0}.selectable-list-text>.selectable-list-detail{display:block;margin:0;font-weight:400}.selectable-list-empty{padding:var(--space-3);color:var(--text-muted);font:var(--text-dense)}.selectable-list-actions{position:absolute;inset-block:0;inset-inline-end:0;display:flex;align-items:center;padding-inline:var(--space-6) var(--space-1);border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(to right,transparent,var(--selectable-row-bg) var(--space-4));opacity:0;pointer-events:none;transition:opacity var(--motion-transition) var(--motion-easing)}:dir(rtl) .selectable-list-actions{background:linear-gradient(to left,transparent,var(--selectable-row-bg) var(--space-4));border-radius:var(--radius) 0 0 var(--radius)}.selectable-list[data-actions=hover] .selectable-list-row:is(:hover,:focus-within,[data-menu-open=true])>.selectable-list-actions{opacity:1;pointer-events:auto}.selectable-list[data-actions=always] .selectable-list-row[data-has-actions=true]{grid-template-columns:minmax(0,1fr) auto}.selectable-list[data-actions=always] .selectable-list-actions{position:static;padding:0 var(--space-1) 0 0;background:none;opacity:1;pointer-events:auto}@media (pointer:coarse){.selectable-list-row[data-has-actions=true]{grid-template-columns:minmax(0,1fr) auto}.selectable-list-actions{position:static;padding:0 var(--space-1) 0 0;background:none;opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.selectable-list-actions{transition:none}}.selectable-list-row[data-visible-action=true]{grid-template-columns:minmax(0,1fr) auto}.selectable-list-row[data-visible-action=true]>.selectable-list-actions{position:static;align-self:center;padding:0 var(--space-2) 0 0;background:none;opacity:1;pointer-events:auto}.selectable-list-row[data-has-leading=true]{grid-template-columns:var(--control-lg) minmax(0,1fr)}.selectable-list-leading{position:relative;display:grid;place-items:center;inline-size:var(--control-lg);block-size:var(--control-lg);min-inline-size:0;contain:size}.selectable-list-leading>*{max-inline-size:100%;max-block-size:100%}.selectable-list-row[data-has-leading=true][data-visible-action=true],.selectable-list[data-actions=always] .selectable-list-row[data-has-leading=true][data-has-actions=true]{grid-template-columns:var(--control-lg) minmax(0,1fr) auto}@media (pointer:coarse){.selectable-list-row[data-has-leading=true][data-has-actions=true]{grid-template-columns:var(--control-lg) minmax(0,1fr) auto}}.selectable-list[data-dividers=true] .selectable-list-items{gap:0}.selectable-list[data-dividers=true] .selectable-list-items>li+li{border-top:1px solid var(--border-default)}.selectable-list[data-dividers=true] .selectable-list-row{border-radius:0}.selectable-list-pending{position:absolute;inset-block:0;inset-inline-end:var(--space-3);display:flex;align-items:center;pointer-events:none;color:var(--text-muted)}.selectable-list-select[aria-busy=true] .selectable-list-text{padding-inline-end:calc(14px + var(--space-2))}.selectable-list-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.form-surface:has(>.selectable-list[data-dividers=true],>*>.selectable-list[data-dividers=true]:first-child){padding:0}}@layer design{.split-pane{--split-pane-head:48px;--split-pane-lane:var(--control-xs);display:grid;grid-template-columns:minmax(0,1fr) auto var(--split-size,320px);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0}.split-pane[data-split-side=start]{grid-template-columns:var(--split-size,320px) auto minmax(0,1fr)}.split-pane[data-split-collapsed=true]{grid-template-columns:minmax(0,1fr) calc(var(--split-pane-lane) + 1px)}.split-pane[data-split-side=start][data-split-collapsed=true]{grid-template-columns:calc(var(--split-pane-lane) + 1px) minmax(0,1fr)}.split-pane-main,.split-pane-side{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto}.split-pane-side{background:var(--surface-panel)}.split-pane-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex:none;min-height:var(--split-pane-head);padding-inline:var(--space-4) var(--space-2);border-bottom:1px solid var(--border-default)}.split-pane-head>:is(h2,h3,h4,strong){margin:0;min-width:0;font:var(--text-dense);font-weight:600;color:var(--text-primary);overflow-wrap:anywhere}.split-pane-body{flex:1;min-height:0;padding:var(--space-4)}.split-pane-separator{position:relative;width:9px;margin-inline:-4px;z-index:1;cursor:col-resize;touch-action:none;outline:none}.split-pane-separator:before{content:"";position:absolute;inset-block:0;inset-inline-start:4px;width:1px;background:var(--border-default)}.split-pane-separator:after{content:"";position:absolute;inset-block:0;inset-inline-start:3px;width:3px;background:var(--border-strong);opacity:0;transition:opacity var(--motion-feedback) var(--motion-easing),background-color var(--motion-feedback) var(--motion-easing);pointer-events:none}.split-pane-separator[data-highlight=true]:after,.split-pane[data-split-dragging=true]>.split-pane-separator:after{opacity:1}.split-pane-separator:focus-visible:after{background:var(--focus-ring);opacity:1}.split-pane[data-split-dragging=true]{cursor:col-resize;user-select:none}.split-pane-lane{display:grid;justify-items:center;align-content:start;align-self:stretch;min-width:0;padding-block-start:calc((var(--split-pane-head) - var(--split-pane-lane)) / 2);border-inline-start:1px solid var(--border-default)}.split-pane[data-split-side=start]>.split-pane-lane{border-inline-start:0;border-inline-end:1px solid var(--border-default)}.split-pane[data-split-narrow=true],.split-pane[data-split-narrow=true][data-split-side=start]{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.split-pane[data-split-narrow=true]>.split-pane-lane{display:flex;justify-content:flex-end;align-items:center;min-height:var(--split-pane-head);padding-block:0;padding-inline:var(--space-2);border:0;border-top:1px solid var(--border-default)}.split-pane[data-split-narrow=true][data-split-side=start]>.split-pane-lane{order:1}.split-pane[data-split-mode=overlay]{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr)}.split-pane[data-split-mode=overlay][data-split-side=start][data-split-collapsed=true]{grid-template-columns:minmax(0,1fr)}.split-pane[data-split-mode=overlay]>.split-pane-side{position:absolute;inset-block:0;inset-inline-end:0;z-index:2;width:var(--split-size,320px);max-width:100%;border-inline-start:1px solid var(--border-default);box-shadow:var(--shadow-raised)}.split-pane[data-split-mode=overlay][data-split-side=start]>.split-pane-side{inset-inline:0 auto;border-inline-start:0;border-inline-end:1px solid var(--border-default)}.split-pane[data-split-mode=overlay]>.split-pane-separator{position:absolute;inset-block:0;inset-inline-end:calc(var(--split-size, 320px) - 5px);z-index:3;margin:0}.split-pane[data-split-mode=overlay][data-split-side=start]>.split-pane-separator{inset-inline:calc(var(--split-size, 320px) - 5px) auto}.split-pane-drawer .split-pane-side>.split-pane-head{display:none}.split-pane-drawer .split-pane-side{display:block;overflow:visible;background:transparent}.split-pane-drawer .split-pane-side>.split-pane-body{padding:0}.split-pane-lane[hidden],.split-pane-separator[hidden]{display:none}@media (pointer:coarse){.split-pane{--split-pane-lane:44px}.split-pane-separator{width:21px;margin-inline:-10px}.split-pane-separator:before{inset-inline-start:10px}.split-pane-separator:after{inset-inline-start:9px}}@media (prefers-reduced-motion:reduce){.split-pane-separator:after{transition:none}}[data-reduced-motion=true] .split-pane-separator:after{transition:none}}@layer design{:is(.panel-toggle,.btn.panel-toggle[data-variant]){display:grid;place-items:center;width:var(--control-xs);height:var(--control-xs);min-width:var(--control-xs);min-height:var(--control-xs);padding:0;border:0;border-radius:6px;background:transparent;color:var(--text-muted);box-shadow:none;transition:color var(--motion-feedback) var(--motion-easing)}:is(.panel-toggle,.btn.panel-toggle[data-variant]):hover{background:transparent;color:var(--text-primary)}.panel-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.panel-toggle svg{width:18px;height:18px}@media (pointer:coarse){:is(.panel-toggle,.btn.panel-toggle[data-variant]){width:44px;height:44px;min-width:44px;min-height:44px}}@media (prefers-reduced-motion:reduce){.panel-toggle{transition:none}}}@layer design{.metadata-pill{--pill-color:initial;--pill-bg:color-mix(in srgb,var(--text-primary) 8%,transparent);--pill-fg:var(--text-secondary);--pill-border:transparent;box-sizing:border-box;display:inline-flex;align-items:center;gap:var(--space-1);max-width:min(100%,44ch);min-height:28px;padding:var(--space-1) var(--space-3);border:1px solid var(--pill-border);border-radius:999px;background:var(--pill-bg);color:var(--pill-fg);font:var(--text-dense)}.metadata-pill[data-tone=outline]{--pill-bg:transparent;--pill-fg:var(--text-secondary);--pill-border:var(--border-default)}.metadata-pill[data-tone=strong]{--pill-bg:var(--text-primary);--pill-fg:var(--surface-panel);--pill-border:var(--text-primary)}.metadata-pill[data-tone=attention]{--pill-bg:var(--accent);--pill-fg:var(--text-on-accent);--pill-border:var(--accent)}.metadata-pill[data-tone=attention-soft]{--pill-bg:color-mix(in srgb,var(--accent) 14%,var(--surface-panel));--pill-fg:color-mix(in srgb,var(--accent) 60%,var(--text-primary));--pill-border:transparent}.metadata-pill[data-color]{--pill-bg:color-mix(in srgb,var(--pill-color) 14%,var(--surface-panel));--pill-fg:color-mix(in srgb,var(--pill-color) 45%,var(--text-primary));--pill-border:color-mix(in srgb,var(--pill-color) 30%,var(--surface-panel))}.metadata-pill[data-color][data-tone=attention]{--pill-bg:var(--pill-color);--pill-fg:var(--pill-on-color,var(--text-inverse));--pill-border:var(--pill-color)}.metadata-status{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0}.metadata-status:is([data-state=done],[data-state=waiting]){color:var(--text-muted)}.metadata-status>svg{flex:none;width:14px;height:14px}.metadata-pill>svg{flex:none;width:1em;height:1em}.metadata-pill-text{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap}.metadata-pill[data-size=compact]{min-height:20px;padding:0 var(--space-2);line-height:18px}.metadata-pill[data-size=compact]>svg{width:12px;height:12px}.field-metadata-inline{display:flex;align-items:baseline;gap:var(--space-2)}.field-metadata-inline .field-metadata-row[data-preserve-dom],.field-metadata-inline .field-metadata-row[data-preserve-dom]>.field-metadata-label{display:contents}.field-metadata-wrapped{flex-wrap:wrap}}@layer design{.field-metadata-wrapped>:is(input,textarea,select){flex:0 0 100%;width:100%}.field-metadata-row{gap:var(--space-3);min-height:20px}.field-metadata-label,.field-metadata-row{display:flex;align-items:baseline;justify-content:flex-start;min-width:0}.field-metadata-label{gap:6px}.field-metadata-label>label{flex:0 1 auto;min-width:0;font-size:14px;line-height:20px;font-weight:500}.field-character-count,.field-requirement{flex:none;color:var(--text-muted);font-size:12px;line-height:16px;font-variant-numeric:tabular-nums}.field-requirement{white-space:nowrap}.field-character-count{margin-inline-start:auto;white-space:nowrap}.field-character-count[data-over-limit=true]{color:var(--danger-text)}.field:has(>:is(input,textarea):is(:disabled,[readonly])) .field-character-count,.field:has(>label>:is(input,textarea):is(:disabled,[readonly])) .field-character-count{display:none}}@layer design{.admin-cms{container:admin-cms/inline-size;min-width:0;color:var(--text-primary)}.admin-cms [hidden]{display:none!important}.admin-cms-shell{height:720px;max-height:calc(100dvh - 160px);min-height:560px;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-frame);background:var(--surface-raised);--split-pane-head:56px}.admin-cms-index{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;min-height:0;padding:0 var(--space-3) var(--space-3);background:var(--surface-panel)}.admin-cms-root,.admin-cms-set{display:contents}.admin-cms-index-head{flex:none;display:flex;align-items:center;gap:var(--space-1);min-width:0;min-height:var(--split-pane-head);margin-inline:calc(-1 * var(--space-3));padding-inline:var(--space-4) var(--space-2)}.admin-cms-index-head:has(>.btn:first-child){padding-inline-start:var(--space-2)}.admin-cms-index-head>h2{flex:1;min-width:0;margin:0;font:var(--text-dense);font-weight:600}.admin-cms-index-head>h2+button{flex:none}.split-pane-drawer .split-pane-side.admin-cms-index .admin-cms-index-head.split-pane-head{display:flex;min-height:0;margin:0 0 var(--space-2);padding:0;border:0}.split-pane-drawer .split-pane-side.admin-cms-index{display:flex}.split-pane-drawer .split-pane-side.admin-cms-index .admin-cms-index-head>h2{visibility:hidden}.split-pane-drawer .split-pane-side.admin-cms-index .admin-cms-root>.admin-cms-index-head{display:none}.admin-cms-nav{position:relative;flex:1 1 auto;display:grid;align-content:start;gap:var(--space-4);min-height:0;overflow:auto;margin-inline:calc(-1 * var(--space-1));padding-inline:var(--space-1)}.admin-cms-nav-group{display:grid;gap:var(--space-1);min-width:0}.admin-cms-nav-title{margin:0;padding-inline:var(--space-3);color:var(--text-muted);font:var(--text-caption);font-weight:600}.admin-cms-nav-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.admin-cms-nav-link{position:relative;width:100%}.admin-cms-nav-more{display:flex;margin-inline-start:auto;color:var(--text-muted)}.admin-cms:dir(rtl) :is(svg[data-icon="icon.chevron-left"],svg[data-icon="icon.chevron-right"]){transform:scaleX(-1)}.admin-cms-nav-link[data-dirty=true]:after{content:"";position:absolute;inset-inline-start:4px;inset-block-start:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:var(--accent)}.admin-cms-search{flex:none}.admin-cms-list{position:relative;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;margin-inline:calc(-1 * var(--space-1));padding-inline:var(--space-1)}.admin-cms-list>.selectable-list{--selectable-list-surface:var(--surface-panel)}.admin-cms-list li[data-dirty=true] .selectable-list-select:after{content:"";position:absolute;inset-inline-start:2px;inset-block-start:18px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.admin-cms-list-state{position:relative;flex:1 1 auto;min-height:0;overflow:auto}.admin-cms-list-state>div:has(>.empty-state){padding:var(--space-6) var(--space-2)}.admin-cms-row-skeleton{display:grid;gap:var(--space-2);padding:var(--space-3) 10px}.admin-cms-more{flex:none;align-self:center}.admin-cms-editor{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface-raised)}.admin-cms-editor-head{flex:none;display:flex;align-items:center;gap:var(--space-3);min-height:var(--split-pane-head);padding:var(--space-1) var(--space-6);border-bottom:1px solid var(--border-default)}.admin-cms-editor[data-state=idle] .admin-cms-body,.admin-cms-editor[data-state=idle] .admin-cms-editor-head{display:none}.admin-cms-identity{flex:1;display:flex;align-items:center;gap:var(--space-2);min-width:0}.admin-cms-title{flex:0 1 auto;min-width:0;margin:0;overflow:hidden;font:var(--text-body);font-weight:600;white-space:nowrap}.admin-cms-title:focus{outline:none}.admin-cms-state{flex:none;display:inline-flex}.admin-cms-status{color:var(--text-secondary);font:var(--text-dense);white-space:nowrap}.admin-cms-status:empty{display:none}.admin-cms-actions{gap:var(--space-2)}.admin-cms-actions,.admin-cms-alert{flex:none;display:flex;align-items:center}.admin-cms-alert{gap:var(--space-3);margin:var(--space-3) var(--space-6) 0;padding:var(--space-2) var(--space-3);border:1px solid color-mix(in srgb,var(--danger-text) 35%,var(--border-default));border-radius:var(--radius);background:color-mix(in srgb,var(--danger-text) 6%,var(--surface-raised))}.admin-cms-alert>p{flex:1;min-width:0;margin:0;font:var(--text-dense)}.admin-cms-body{position:relative;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--space-6);scrollbar-gutter:stable}.admin-cms-form,.admin-cms-skeleton{display:grid;gap:var(--space-6);width:100%;max-width:720px;margin-inline:auto}.admin-cms-skeleton-field{display:grid;gap:var(--space-2)}.admin-cms-textarea{min-height:7lh;resize:vertical;line-height:1.6}.admin-cms-field>input:disabled,.admin-cms-field>textarea:disabled,.admin-cms-item>input:disabled{color:var(--text-secondary)}.admin-cms-items{display:grid;gap:var(--space-2);min-width:0}.admin-cms-items>.btn{justify-self:start}.admin-cms-description,.admin-cms-section-description{margin:0;color:var(--text-secondary);font:var(--text-dense)}.admin-cms-section{display:grid;gap:var(--space-3)}.admin-cms-section-title{margin:0;font:var(--text-body);font-weight:600}.admin-cms-section-title+.admin-cms-section-description{margin-block-start:calc(-1 * var(--space-2))}.admin-cms-value-label{font:var(--text-dense);font-weight:500}.admin-cms-value{margin:0;font:var(--text-dense);overflow-wrap:anywhere}.admin-cms-value[data-empty]{color:var(--text-muted)}.admin-cms-field[data-type=list]>.admin-cms-value{white-space:pre-line}.admin-cms-setting-control>.admin-cms-value{text-align:end}.admin-cms-setting-text>.field-hint{display:block;margin-block-start:2px}.admin-cms-record-actions{display:flex;gap:var(--space-2)}.admin-cms-record-actions[hidden]{display:none}.admin-cms-settings{display:grid;border:1px solid var(--border-default);border-radius:var(--radius);background:var(--surface-raised)}.admin-cms-setting{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:center;gap:var(--space-1) var(--space-4);min-height:56px;padding:var(--space-2) var(--space-4)}.admin-cms-setting+.admin-cms-setting{box-shadow:inset 0 1px 0 var(--border-default)}.admin-cms-setting-text{min-width:0}.admin-cms-setting-label{font:var(--text-dense);font-weight:500}.admin-cms-setting-control{display:flex;justify-content:flex-end;min-width:0}.admin-cms-setting-control>.segmented-control,.admin-cms-setting-control>.select-control,.admin-cms-setting-control>input:not([type=checkbox]){box-sizing:border-box;width:15rem;max-width:100%}.admin-cms-setting-control>.select-control .choice-trigger,.admin-cms-setting-control>input:not([type=checkbox]){height:var(--control-sm);min-height:var(--control-sm)}.admin-cms-setting-control>.segmented-control{--segmented-height:var(--control-sm);min-height:var(--control-sm)}.admin-cms-setting-control>.segmented-control>.segmented-control-option{flex:1 1 auto;padding-inline:var(--space-2)}.admin-cms-setting-control>input[type=checkbox]{margin:0}.admin-cms-setting-control>input[type=number]{text-align:end;font-variant-numeric:tabular-nums}.admin-cms-setting>.field-error{grid-column:1/-1;margin:0;text-align:end}.admin-cms-idle{flex:1 1 auto;display:grid;place-items:center;padding:var(--space-6)}@container admin-cms (max-width: 560px){.admin-cms-editor-head{flex-wrap:wrap;row-gap:var(--space-1);padding:var(--space-2) var(--space-4)}.admin-cms-identity{flex:1 1 12rem}.admin-cms-actions{margin-inline-start:auto}.admin-cms-alert{margin-inline:var(--space-4)}.admin-cms-body{padding:var(--space-4)}.admin-cms-setting{grid-template-columns:minmax(0,1fr);align-items:start;padding-block:var(--space-3)}.admin-cms-setting[data-type=boolean]{grid-template-columns:minmax(0,1fr) auto;align-items:center}.admin-cms-setting-control{justify-content:flex-start}.admin-cms-setting:not([data-type=boolean]) .admin-cms-setting-control>*{width:100%}.admin-cms-setting>.field-error{text-align:start}}}