:root{--font-ui: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;--font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-display: Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-size-xxs: 10px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-lg: 15px;--font-size-xl: 20px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--content-max-width: 1100px;--control-height-sm: 24px;--control-height-md: 28px;--control-height-lg: 32px;--icon-size-sm: 14px;--icon-size-md: 16px;--icon-size-lg: 20px;--duration-fast: .12s;--duration-base: .2s;--duration-slow: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.16, 1, .3, 1);--focus-ring: 0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);--disabled-opacity: .4;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#121419;color-scheme:light;background:transparent;--browser-occlusion-top: 0px;--browser-occlusion-bottom: 0px;--safe-area-top: max(env(safe-area-inset-top, 0px), var(--browser-occlusion-top));--safe-area-bottom: max(env(safe-area-inset-bottom, 0px), var(--browser-occlusion-bottom));--titlebar-height: calc(54px + var(--safe-area-top));--shadow-sm: 0 1px 2px rgb(18 24 40 / 6%);--shadow-md: 0 6px 18px rgb(18 24 40 / 10%);--shadow-lg: 0 16px 40px rgb(18 24 40 / 16%);--line: #e3e6eb;--line-soft: #eef1f5;--line-strong: #cdd2db;--text: #121419;--secondary: #5b616e;--muted: #5b616e;--tertiary: #8b919e;--scrollbar-thumb: rgb(18 20 25 / 30%);--scrollbar-thumb-hover: rgb(18 20 25 / 52%);--scrollbar-thumb-border: rgb(0 0 0 / 10%);--scrollbar-thumb-highlight: rgb(255 255 255 / 45%);--accent: #3a6df0;--accent-soft: #e9effe;--selection: #ff6b2c;--selection-soft: #ffefe6;--state-ok: #12a150;--state-warn: #b87a00;--state-danger: #e5484d;--material-window: #e9ebef;--material-toolbar: #ffffff;--material-sidebar: #ffffff;--material-inspector: #ffffff;--material-panel: #ffffff;--material-menu: #ffffff;--material-content: #f4f5f8;--canvas: #e9ebef;--material-control: #ffffff;--hover: rgb(18 20 25 / 5%);--material-glass-surface: #ffffff;--window-material-layer: 1;--window-material-sunken: 1;--window-material-floating: 1;--glass-border: #e3e6eb;--glass-highlight: rgb(255 255 255 / 70%);--glass-shadow: 0 8px 28px rgb(18 24 40 / 10%), inset 0 1px rgb(255 255 255 / 78%);--window: var(--material-window);--toolbar: var(--material-toolbar);--sidebar: var(--material-sidebar);--inspector: var(--material-inspector);--panel: var(--material-panel);--menu: var(--material-menu);--content: var(--material-content);--control: var(--material-control);--glass-surface: var(--material-glass-surface);--on-accent: #ffffff;--backdrop: rgb(18 20 25 / 28%);--floating: var(--material-panel);--guide: #ff9500;--guide-layout: #ef3e52;--guide-selected: #087ff5;--syntax-comment: #6e7781;--syntax-section: #6639ba;--syntax-key: #116329;--syntax-string: #0a3069;--syntax-constant: #0550ae;--syntax-value-action: #953800;--syntax-value-style: #cf222e;--syntax-explanation: #3f7f4f;--search-match: #ffd60a;--search-match-ink: #2c2100;--canvas-surface: #f4f5f8;--checker-light: #f7f7f7;--checker-dark: #e2e2e2;--checker-size: 24px;--checker-image: repeating-conic-gradient(var(--checker-dark) 0 25%, transparent 0 50%);--checker-soft-light: #f4f4f4;--checker-soft-dark: #ececec;--checker-soft-size: 32px;--checker-soft-image: repeating-conic-gradient(var(--checker-soft-dark) 0 25%, transparent 0 50%)}:root.macos{--titlebar-height: calc(86px + var(--safe-area-top))}:root{--inspector-width: 360px}@media(max-width:950px)and (max-height:600px)and (orientation:landscape){:root,:root.macos{--titlebar-height: calc(44px + var(--safe-area-top))}}@media(max-width:760px){:root,:root.macos{--titlebar-height: calc(52px + var(--safe-area-top))}:root{--mobile-dock-h: 56px}}@media(max-width:760px)and (orientation:portrait){:root{--mobile-dock-h: 1px}}:root[data-app-theme=dark]{color:#f2f3f4;color-scheme:dark;background:transparent;--line: #282c33;--line-soft: #1f2329;--line-strong: #3a3f48;--text: #f3f5f8;--secondary: #a1a8b3;--muted: #a1a8b3;--tertiary: #6c737e;--scrollbar-thumb: rgb(243 245 248 / 32%);--scrollbar-thumb-hover: rgb(243 245 248 / 56%);--scrollbar-thumb-border: rgb(255 255 255 / 12%);--scrollbar-thumb-highlight: rgb(255 255 255 / 20%);--accent: #7a9bff;--accent-soft: #1d2740;--selection: #ff8a55;--selection-soft: #3a2418;--state-ok: #3dd68c;--state-warn: #f5c445;--state-danger: #ff6b6b;--material-window: #0c0d10;--material-toolbar: #15171b;--material-sidebar: #15171b;--material-inspector: #15171b;--material-panel: #15171b;--material-menu: #1e2126;--material-content: #1a1d21;--canvas: #0c0d10;--material-control: #1e2126;--hover: rgb(255 255 255 / 8%);--material-glass-surface: #1e2126;--glass-border: #282c33;--glass-highlight: rgb(255 255 255 / 10%);--glass-shadow: 0 10px 32px rgb(0 0 0 / 32%), inset 0 1px rgb(255 255 255 / 8%);--canvas-surface: #0c0d10;--backdrop: rgb(0 0 0 / 45%);--syntax-comment: #8b949e;--syntax-section: #d2a8ff;--syntax-key: #7ee787;--syntax-string: #a5d6ff;--syntax-constant: #79c0ff;--syntax-value-action: #ffa657;--syntax-value-style: #ff7b72}:root.windows[data-window-material=on]{--material-window: #e9ebef;--material-toolbar: #ffffff;--material-sidebar: #ffffff;--material-inspector: #ffffff;--material-panel: #ffffff;--material-menu: #ffffff;--material-content: #f4f5f8;--material-control: #ffffff;--material-glass-surface: #ffffff}:root.windows[data-app-theme=dark][data-window-material=on]{--material-window: #0c0d10;--material-toolbar: #15171b;--material-sidebar: #15171b;--material-inspector: #15171b;--material-panel: #15171b;--material-menu: #1e2126;--material-content: #1a1d21;--material-control: #1e2126;--material-glass-surface: #1e2126}:root[data-window-material-kind=glass][data-window-material=on]{--window: rgb(233 235 239 / var(--window-material-layer));--toolbar: rgb(255 255 255 / var(--window-material-layer));--sidebar: rgb(255 255 255 / var(--window-material-layer));--inspector: rgb(255 255 255 / var(--window-material-layer));--panel: rgb(255 255 255 / var(--window-material-layer));--menu: var(--material-menu);--canvas: rgb(233 235 239 / var(--window-material-sunken));--content: rgb(244 245 248 / var(--window-material-sunken));--control: rgb(255 255 255 / var(--window-material-sunken));--glass-surface: rgb(255 255 255 / var(--window-material-layer));--floating: rgb(255 255 255 / max(var(--window-material-floating), .96));--material-window: transparent;--canvas-surface: rgb(244 245 248 / var(--window-material-sunken));--material-panel: rgb(255 255 255 / var(--window-material-layer));--material-control: rgb(255 255 255 / var(--window-material-floating));--material-content: rgb(19 24 38 / 4.4%);--line: rgb(19 24 38 / 11%);--line-strong: rgb(19 24 38 / 19.8%)}:root[data-app-theme=dark][data-window-material-kind=glass][data-window-material=on]{--window: rgb(12 13 16 / var(--window-material-layer));--toolbar: rgb(21 23 27 / var(--window-material-layer));--sidebar: rgb(21 23 27 / var(--window-material-layer));--inspector: rgb(21 23 27 / var(--window-material-layer));--panel: rgb(21 23 27 / var(--window-material-layer));--menu: var(--material-menu);--canvas: rgb(12 13 16 / var(--window-material-sunken));--content: rgb(26 29 33 / var(--window-material-sunken));--control: rgb(30 33 38 / var(--window-material-sunken));--glass-surface: rgb(30 33 38 / var(--window-material-layer));--floating: rgb(21 23 27 / max(var(--window-material-floating), .96));--material-window: transparent;--canvas-surface: rgb(12 13 16 / var(--window-material-sunken));--material-panel: rgb(21 23 27 / var(--window-material-layer));--material-control: rgb(30 33 38 / var(--window-material-floating));--material-content: rgb(255 255 255 / 2.5%);--line: rgb(255 255 255 / 9.2%);--line-strong: rgb(255 255 255 / 17.1%)}:root[data-window-material=off]{background:#e9ebef;--window: #e9ebef;--toolbar: #ffffff;--sidebar: #ffffff;--inspector: #ffffff;--panel: #ffffff;--menu: #ffffff;--content: #f4f5f8;--control: #ffffff;--glass-surface: #ffffff}:root[data-app-theme=dark][data-window-material=off]{background:#0c0d10;--window: #0c0d10;--toolbar: #15171b;--sidebar: #15171b;--inspector: #15171b;--panel: #15171b;--menu: #1e2126;--content: #1a1d21;--control: #1e2126;--glass-surface: #1e2126}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}:where(button,input,select,textarea):disabled{opacity:var(--disabled-opacity);cursor:not-allowed;pointer-events:none}.ui-icon{flex:none;stroke:currentColor}.ui-button,.ui-icon-button{--_height: var(--control-height-md);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);height:var(--_height);min-width:var(--_height);padding:0 var(--space-md);border:1px solid transparent;border-radius:var(--radius-md);background:var(--material-content);color:var(--text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:default;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.ui-icon-button{padding:0;width:var(--_height);background:transparent;color:var(--secondary)}.ui-button[data-size=sm],.ui-icon-button[data-size=sm]{--_height: var(--control-height-sm);font-size:var(--font-size-xs)}.ui-button[data-size=lg],.ui-icon-button[data-size=lg]{--_height: var(--control-height-lg)}.ui-button[data-variant=primary]{background:var(--accent);color:var(--on-accent)}.ui-button[data-variant=quiet]{background:transparent;color:var(--secondary)}.ui-button[data-variant=danger]{background:transparent;color:var(--state-danger)}@media(hover:hover){.ui-button:hover,.ui-icon-button:hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}.ui-button[data-variant=primary]:hover{background:color-mix(in srgb,var(--accent) 88%,var(--text));color:var(--on-accent)}.ui-button[data-variant=danger]:hover{background:color-mix(in srgb,var(--state-danger) 10%,transparent);color:var(--state-danger)}}.ui-button:active,.ui-icon-button:active{background:color-mix(in srgb,var(--text) 12%,transparent)}.ui-button[aria-pressed=true],.ui-icon-button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.ui-operation-dialog{width:min(400px,calc(100vw - var(--space-2xl)));max-height:calc(100dvh - var(--space-2xl));box-sizing:border-box;padding:0;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--floating);color:var(--text);box-shadow:var(--shadow-lg)}.ui-operation-dialog::backdrop{background:var(--backdrop)}.ui-operation-dialog[open]:focus-visible{outline:0;border-radius:var(--radius-xl)}.ui-operation-dialog>form{display:grid;gap:var(--space-xl);padding:var(--space-xl)}.ui-operation-dialog header{display:flex;align-items:flex-start;gap:var(--space-md)}.ui-operation-dialog header>div{flex:1;min-width:0}.ui-operation-dialog h2{margin:0 0 var(--space-xs);font-size:var(--font-size-lg);font-weight:600;line-height:1.5}.ui-operation-dialog p{margin:0;color:var(--secondary);font-size:var(--font-size-sm);line-height:1.6;overflow-wrap:anywhere}.ui-operation-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--accent-soft);color:var(--accent)}.ui-operation-dialog[data-outcome=success] .ui-operation-icon{background:color-mix(in srgb,var(--state-ok) 12%,transparent);color:var(--state-ok)}.ui-operation-dialog[data-outcome=error] .ui-operation-icon{background:color-mix(in srgb,var(--state-danger) 12%,transparent);color:var(--state-danger)}.ui-operation-dialog[data-outcome=cancelled] .ui-operation-icon{background:var(--control);color:var(--secondary)}.ui-operation-dialog[data-outcome=error] #file-operation-result{color:var(--state-danger)}.ui-operation-dialog:not([data-outcome=progress]) .ui-operation-meter{display:none}.ui-operation-progress-label{display:flex;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm);color:var(--secondary);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.ui-operation-dialog progress{display:block;width:100%;height:6px;overflow:hidden;border:0;border-radius:var(--radius-full);background:var(--control);accent-color:var(--accent)}.ui-operation-dialog progress::-webkit-progress-bar{background:var(--control)}.ui-operation-dialog progress::-webkit-progress-value{background:var(--accent)}.ui-operation-dialog progress::-moz-progress-bar{background:var(--accent)}.ui-operation-dialog footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid var(--line-soft)}.ui-operation-hint{flex:1;color:var(--secondary);font-size:var(--font-size-xs)}.ui-operation-dialog .ui-button{flex-shrink:0;min-width:64px}.ui-operation-dialog .ui-button:focus-visible{outline:0;box-shadow:var(--focus-ring)}.ui-input{display:flex;align-items:center;gap:var(--space-xs);min-width:0;height:var(--control-height-md);padding:0 var(--space-sm);border:1px solid transparent;border-radius:var(--radius-md);background:var(--material-content);color:var(--text);font-size:var(--font-size-sm);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.ui-input>input,.ui-input>select,input.ui-input,select.ui-input{flex:1;min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:inherit;font:inherit}input.ui-input,select.ui-input{padding:0 var(--space-sm)}.ui-input[data-mono],.ui-input>input[type=number]{font-family:var(--font-mono);font-size:var(--font-size-xs)}.ui-input>input[type=number]{appearance:textfield}.ui-input>input::-webkit-inner-spin-button{appearance:none}.ui-input-affix{flex:none;color:var(--tertiary);font-size:var(--font-size-xs)}@media(hover:hover){.ui-input:hover{border-color:var(--line)}}.ui-input:focus-within{border-color:var(--accent);background:var(--control);box-shadow:var(--focus-ring)}.ui-input>:is(input,select,textarea):focus{border-color:transparent;background:transparent;box-shadow:none}.ui-input[data-mixed]>input::placeholder{color:var(--tertiary)}.ui-select{position:relative}.ui-select>select{appearance:none;padding-right:var(--space-lg)}.ui-select:after{content:"";position:absolute;right:var(--space-sm);width:6px;height:6px;border:solid var(--tertiary);border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);pointer-events:none}.ui-color{padding-left:var(--space-xs)}.ui-color>input[type=color]{flex:none;width:20px;height:20px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:none}.ui-color>input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ui-color>input[type=color]::-webkit-color-swatch{border:0;border-radius:var(--radius-sm)}.ui-color:has(>input:not([type=color],[type=number]):placeholder-shown)>input[type=color]::-webkit-color-swatch{opacity:0}.ui-segmented{display:inline-flex;gap:var(--space-2xs);height:var(--control-height-md);padding:var(--space-2xs);border-radius:var(--radius-md);background:var(--material-content)}.ui-segmented[data-size=sm]{height:var(--control-height-sm)}.ui-segmented[data-fill]{display:flex}.ui-segmented>button[hidden]{display:none}.ui-segmented>button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-width:0;padding:0 var(--space-sm);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--secondary);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}@media(hover:hover){.ui-segmented>button:hover{color:var(--text)}}.ui-segmented>button[aria-pressed=true],.ui-segmented>button[aria-selected=true]{background:var(--control);color:var(--text);box-shadow:var(--shadow-sm),0 0 0 1px var(--line)}.ui-switch{appearance:none;position:relative;flex:none;width:32px;height:20px;margin:0;border-radius:var(--radius-full);background:var(--line-strong);transition:background-color var(--duration-base) var(--ease-standard)}.ui-switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--on-accent);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard)}.ui-switch:checked{background:var(--accent)}.ui-switch:checked:after{transform:translate(12px)}.ui-slider{width:100%;height:var(--control-height-sm);margin:0;accent-color:var(--accent)}.ui-slider-field{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:var(--space-sm);min-width:0}.ui-field{display:grid;grid-template-columns:var(--_label-width, 64px) minmax(0,1fr);align-items:center;gap:var(--space-sm);min-height:var(--control-height-md)}.ui-field>:first-child{color:var(--secondary);font-size:var(--font-size-sm)}.ui-field[data-stack]{grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.ui-field-pair{display:grid;grid-template-columns:repeat(var(--_columns, 2),minmax(0,1fr));gap:var(--space-sm)}.ui-field-note{margin:0;color:var(--tertiary);font-size:var(--font-size-xs)}.ui-section{border-top:1px solid var(--line-soft)}.ui-section:first-child{border-top:0}.ui-section>header{display:flex;align-items:center;gap:var(--space-sm);min-height:44px;padding:0 var(--space-lg)}.ui-section>header>h3{flex:1;margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.ui-subsection{display:grid;gap:var(--space-sm)}.ui-subsection+.ui-subsection{margin-top:var(--space-sm)}.ui-subsection>h4{margin:0;color:var(--tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.ui-list-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:var(--control-height-lg);padding:var(--space-xs) var(--space-sm);border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);font:inherit;font-size:var(--font-size-sm);text-align:left}.ui-list-item>.ui-list-item-text{display:grid;flex:1;min-width:0}.ui-list-item-text>small{overflow:hidden;color:var(--tertiary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}@media(hover:hover){.ui-list-item:hover{background:var(--hover)}}.ui-list-item[aria-selected=true],.ui-list-item[aria-current=true]{background:var(--accent-soft);color:var(--accent)}.ui-badge{display:inline-flex;justify-self:start;align-items:center;height:18px;padding:0 var(--space-xs);border-radius:var(--radius-sm);background:var(--material-content);color:var(--secondary);font-family:var(--font-mono);font-size:var(--font-size-xs)}.ui-badge[data-variant=accent]{background:var(--accent-soft);color:var(--accent)}.ui-tour{position:fixed;inset:0;z-index:200;pointer-events:none;animation:ui-tour-in var(--duration-base) var(--ease-emphasized)}.ui-tour[hidden]{display:none}.ui-tour-shade,.ui-tour-block,.ui-tour-ring,.ui-tour-card{position:fixed}.ui-tour-shade{background:var(--backdrop);pointer-events:auto}.ui-tour-block{pointer-events:auto}.ui-tour[data-action] .ui-tour-block{display:none}.ui-tour-ring{border:2px solid var(--accent);border-radius:var(--radius-md);box-shadow:0 0 0 4px var(--accent-soft)}.ui-tour-card{display:grid;gap:var(--space-sm);width:min(320px,calc(100vw - 32px));padding:var(--space-lg);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--menu);box-shadow:var(--shadow-lg);pointer-events:auto}.ui-tour-card:focus-visible{outline:0}.ui-tour-card>header{display:flex;align-items:center;justify-content:space-between;margin:calc(var(--space-xs) * -1) calc(var(--space-sm) * -1) 0 0}.ui-tour-step{color:var(--tertiary);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.ui-tour-card h2{margin:0;font-size:var(--font-size-lg);font-weight:600;line-height:1.4}.ui-tour-card p{margin:0;color:var(--secondary);font-size:var(--font-size-sm);line-height:1.6}.ui-tour-card .ui-tour-action{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);font-weight:500}.ui-tour-card :is(.ui-tour-action,.ui-button)[hidden]{display:none}.ui-tour-card>footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-xs)}@keyframes ui-tour-in{0%{opacity:0}}:where(.ui-button,.ui-icon-button,.ui-segmented>button,.ui-switch,.ui-list-item):focus-visible{outline:0;box-shadow:var(--focus-ring)}:where(.ui-button,.ui-icon-button,.ui-input,.ui-switch,.ui-segmented>button):is(:disabled,[aria-disabled=true]){opacity:var(--disabled-opacity);pointer-events:none}:where(.ui-form) :where(input:not([type=checkbox],[type=radio],[type=color],[type=range],[type=file],[type=hidden]),select,textarea){width:100%;min-width:0;height:var(--control-height-md);margin:0;padding:0 var(--space-sm);border:1px solid transparent;border-radius:var(--radius-md);outline:0;background:var(--material-content);color:var(--text);font:inherit;font-size:var(--font-size-sm);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}:where(.ui-form) :where(textarea){height:auto;min-height:64px;padding:var(--space-xs) var(--space-sm);resize:vertical}:where(.ui-form) :where(input[type=number]){font-family:var(--font-mono);font-size:var(--font-size-xs)}:where(.ui-form) :where(select){appearance:none;padding-right:var(--space-xl);background-image:linear-gradient(45deg,transparent 50%,var(--tertiary) 50%),linear-gradient(135deg,var(--tertiary) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 10px) 50%;background-size:4px 4px;background-repeat:no-repeat}@media(hover:hover){:where(.ui-form) :where(input,select,textarea):hover:not(:focus,:disabled){border-color:var(--line)}}:where(.ui-form) :where(input,select,textarea):focus{border-color:var(--accent);background-color:var(--control);box-shadow:var(--focus-ring)}:where(.ui-form) :where(input,select,textarea):disabled{border-color:transparent;background-color:transparent;color:var(--secondary);opacity:1}:where(.ui-form[data-readonly=true]) :where(input,select,textarea):disabled{cursor:not-allowed;pointer-events:auto}:where(.ui-form[data-readonly=true]) :where(input:not([type=checkbox],[type=radio],[type=color],[type=range]),select,textarea):disabled{background-color:var(--material-content)}:where(.ui-form) :where(input::placeholder){color:var(--tertiary)}:where(.ui-form) :where(input[type=checkbox][role=switch]){appearance:none;position:relative;flex:none;width:32px;height:20px;margin:0;border-radius:var(--radius-full);background:var(--line-strong);transition:background-color var(--duration-base) var(--ease-standard)}:where(.ui-form) :where(input[type=checkbox][role=switch]):after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--on-accent);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard)}:where(.ui-form) :where(input[type=checkbox][role=switch]:checked){background:var(--accent)}:where(.ui-form) :where(input[type=checkbox][role=switch]:checked):after{transform:translate(12px)}:where(.ui-form) :where(input[type=range]){width:100%;margin:0;accent-color:var(--accent)}.ui-field-pair[data-columns="3"]{--_columns: 3}.ui-field-pair[data-columns="4"]{--_columns: 4}*,:before,:after{--_scrollbar-size: 6px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent}body{margin:0;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-user-select:none;user-select:none}:where(button,input,select,textarea){font:inherit;color:inherit}:where(input,textarea){-webkit-user-select:text;user-select:text}:where(button,select,textarea,input,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 25%,transparent);outline-offset:1px}:where(input:not([type=checkbox],[type=radio],[type=range],[type=color]),select,textarea):focus-visible{outline:0}.ui-animation-player{display:grid;gap:var(--space-sm);min-width:0}.ui-animation-stage{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-md);background:var(--checker-image),var(--checker-light);background-position:0 0,calc(var(--checker-size) / 2) calc(var(--checker-size) / 2);background-size:var(--checker-size) var(--checker-size)}.ui-animation-stage>canvas{display:block;width:100%;height:auto;aspect-ratio:2 / 1}.ui-animation-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:var(--space-xs);margin:0;padding:var(--space-md);color:var(--tertiary);font-size:var(--font-size-xs);line-height:1.6;text-align:center}.ui-animation-empty[hidden]{display:none}.ui-animation-timeline{display:grid;gap:var(--space-2xs);min-width:0}.ui-animation-lanes{position:relative;display:grid;gap:var(--space-2xs);margin:0 var(--space-sm)}.ui-animation-lanes[hidden]{display:none}.ui-animation-lane{position:relative;height:16px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text) 4%,transparent)}.ui-animation-bar{position:absolute;top:0;bottom:0;display:flex;min-width:2px;overflow:hidden;border-radius:var(--radius-sm);background:var(--accent-soft)}.ui-animation-bar>i{flex:1;min-width:0}.ui-animation-bar>i+i{border-left:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.ui-animation-bar>span{position:absolute;inset:0 var(--space-xs);overflow:hidden;color:var(--accent);font-size:var(--font-size-xs);line-height:16px;text-overflow:ellipsis;white-space:nowrap}.ui-animation-lane[data-unbounded]>.ui-animation-bar{border-right:1px dashed var(--accent);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.ui-animation-playhead{position:absolute;top:calc(-1 * var(--space-2xs));bottom:calc(-1 * var(--space-2xs));width:1px;background:var(--accent);pointer-events:none}.ui-animation-transport{display:flex;align-items:center;gap:var(--space-2xs);min-width:0}.ui-animation-time{flex:1;min-width:0;margin-left:var(--space-xs);overflow:hidden;color:var(--secondary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.ui-animation-note{margin:0;color:var(--tertiary);font-size:var(--font-size-xs);line-height:1.6;overflow-wrap:anywhere}.ui-animation-note:empty{display:none}.ui-animation-player[data-layout=row]{grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:var(--space-lg);align-items:start}.ui-animation-player[data-layout=row]>.ui-animation-stage{grid-row:1 / span 3}.ui-listbox{position:relative;display:grid;align-content:start;gap:var(--space-xs);max-height:calc(var(--control-height-lg) * 7);margin:0;padding:var(--space-2xs);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line-soft);border-radius:var(--radius-md);list-style:none}.ui-listbox[data-size=fill]{max-height:none;min-height:0}.ui-listbox>.ui-list-item{min-width:0}.ui-listbox>.ui-list-item[hidden]{display:none}.ui-listbox .ui-list-item-text>strong{overflow:hidden;font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.ui-listbox .ui-list-item{gap:var(--space-md);min-height:52px;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}.ui-listbox .ui-list-item-text{gap:var(--space-xs)}.ui-listbox .ui-list-item>.ui-icon:first-child{flex:none;color:var(--tertiary)}.ui-listbox .ui-list-item[aria-selected=true]>.ui-icon:first-child{color:var(--accent)}.ui-list-item-meta{display:flex;align-items:center;gap:var(--space-xs);min-width:0;color:var(--tertiary);font-size:var(--font-size-xxs)}.ui-list-item-meta>.ui-badge{flex:none;gap:var(--space-2xs);height:14px;font-size:inherit;background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--tertiary);font-family:var(--font-ui)}.ui-list-item-meta>small{min-width:0;overflow:hidden;font-size:inherit;text-overflow:ellipsis;white-space:nowrap}.ui-listbox .ui-list-item[aria-selected=true] .ui-list-item-meta{color:color-mix(in srgb,var(--accent) 70%,var(--tertiary))}.ui-listbox .ui-list-item[aria-selected=true] .ui-list-item-meta>.ui-badge{background:color-mix(in srgb,var(--accent) 10%,transparent);color:inherit}.ui-listbox .ui-list-item[data-problem]>.ui-icon:last-child{color:var(--state-warn)}.ui-listbox-empty{margin:0;padding:var(--space-md);color:var(--tertiary);font-size:var(--font-size-xs);text-align:center}