:root{--color-white: #ffffff;--shadow-color: 15 23 42;--color-bg: #f6f7f9;--color-surface: var(--color-white);--color-surface-raised: var(--color-surface);--color-surface-overlay: var(--color-surface);--color-surface-sunken: #eceef1;--color-surface-inverse: #1a1d21;--color-text: #1a1d21;--color-text-secondary: var(--color-neutral-600);--color-text-muted: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-400);--color-text-link: var(--color-brand-500);--color-text-inverse: var(--color-white);--color-text-link-hover: var(--color-brand-600);--color-text-on-accent: var(--color-on-accent);--color-border: #d8dbe0;--color-border-subtle: #e8eaed;--color-border-strong: #b7bcc4;--color-divider: #e2e4e8;--color-accent: var(--color-brand-500);--color-accent-hover: var(--color-brand-600);--color-accent-active: var(--color-brand-700);--color-accent-subtle: var(--color-brand-50);--color-accent-muted: var(--color-brand-200);--color-accent-border: var(--color-brand-300);--color-accent-text: var(--color-brand-600);--color-on-accent: var(--color-white);--color-accent-secondary: #0ea5e9;--color-accent-secondary-subtle: #f0f9ff;--color-surface-disabled: var(--color-neutral-200);--color-border-disabled: var(--color-neutral-300);--color-icon-disabled: var(--color-neutral-400);--color-input-bg: var(--color-surface);--color-input-border: var(--color-border);--color-input-border-focus: var(--color-brand-300);--color-input-placeholder: var(--color-neutral-400);--color-input-bg-hover: var(--color-neutral-50);--color-input-bg-disabled: var(--color-neutral-200);--color-input-border-hover: #b7bcc4;--color-input-border-error: #fca5a5;--color-input-text: var(--color-text);--color-input-icon: var(--color-neutral-500);--color-brand-50: #eef2ff;--color-brand-100: #e0e7ff;--color-brand-200: #c7d2fe;--color-brand-300: #a5b4fc;--color-brand-400: #818cf8;--color-brand-500: #4f46e5;--color-brand-600: #4338ca;--color-brand-700: #3730a3;--color-brand-800: #312e81;--color-brand-900: #1e1b4b;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712;--color-neutral-1000: #000000;--color-chart-1: var(--color-brand-500);--color-chart-2: #0ea5e9;--color-chart-3: #16a34a;--color-chart-4: #d97706;--color-chart-5: #dc2626;--color-chart-6: #9333ea;--color-chart-7: #db2777;--color-chart-8: #65a30d;--color-chart-grid: #e8eaed;--color-chart-axis: var(--color-neutral-400);--color-chart-tooltip-bg: #1a1d21;--color-focus-ring: var(--color-brand-400);--color-hover-overlay: rgb(var(--shadow-color) / .04);--color-active-overlay: rgb(var(--shadow-color) / .08);--color-selected: var(--color-brand-50);--color-selected-subtle: #f5f8ff;--color-pressed-overlay: rgb(var(--shadow-color) / .12);--color-success: #16a34a;--color-success-subtle: #f0fdf4;--color-success-muted: #bbf7d0;--color-success-border: #86efac;--color-success-text: #15803d;--color-on-success: var(--color-white);--color-warning: #d97706;--color-warning-subtle: #fffbeb;--color-warning-muted: #fde68a;--color-warning-border: #fcd34d;--color-warning-text: #b45309;--color-on-warning: var(--color-white);--color-danger: #dc2626;--color-danger-subtle: #fef2f2;--color-danger-muted: #fecaca;--color-danger-border: #fca5a5;--color-danger-text: #b91c1c;--color-on-danger: var(--color-white);--color-info: #0284c7;--color-info-subtle: #f0f9ff;--color-info-muted: #bae6fd;--color-info-border: #7dd3fc;--color-info-text: #0369a1;--color-on-info: var(--color-white);--color-scrim: rgb(var(--shadow-color) / .5);--color-shadow: rgb(var(--shadow-color) / .12);--color-tint-subtle: color-mix(in srgb, var(--color-accent) 4%, transparent);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-display-xs: var(--font-size-4xl);--font-size-display-sm: var(--font-size-5xl);--font-size-display-md: var(--font-size-6xl);--font-size-display-lg: var(--font-size-7xl);--font-size-display-xl: 6rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--heading-section: var(--font-size-2xl);--heading-subsection: var(--font-size-lg);--heading-label: var(--font-size-sm);--heading-column: var(--font-size-lg);--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-none: 1;--line-height-loose: 2;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em;--letter-spacing-wider: .05em;--letter-spacing-tighter: -.05em;--text-measure-xs: 20ch;--text-measure-sm: 30ch;--text-measure-md: 45ch;--text-measure-lg: 60ch;--text-measure-xl: 70ch;--text-measure-wide: 85ch;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--section-space-xs: 1.5rem;--section-space-sm: 2.5rem;--section-space-md: 4rem;--section-space-lg: 6rem;--section-space-xl: 8rem;--section-space-2xl: 12rem;--section-space-3xl: 16rem;--radius-none: 0;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--border-width-none: 0;--border-width-thin: 1px;--border-width-medium: 1.5px;--border-width-thick: 2px;--container-max-width-xs: 480px;--container-max-width-sm: 640px;--container-max-width-md: 768px;--container-max-width-lg: 1024px;--container-max-width-xl: 1280px;--container-max-width-2xl: 1536px;--container-padding-sm: 1rem;--container-padding-md: 1.5rem;--container-padding-lg: 2rem;--container-padding-xl: 3rem;--container-padding-2xl: 4rem;--grid-columns: 12;--grid-columns-sm: 4;--grid-columns-md: 8;--grid-columns-lg: 12;--grid-columns-xl: 12;--grid-gutter: 1rem;--grid-gutter-sm: .75rem;--grid-gutter-md: 1rem;--grid-gutter-lg: 1.5rem;--grid-gutter-xl: 2rem;--grid-margin-sm: 1rem;--grid-margin-md: 1.5rem;--grid-margin-lg: 2rem;--grid-margin-xl: 3rem;--composition-max-width: 72rem;--composition-max-width-wide: 90rem;--composition-max-width-narrow: 48rem;--composition-gutter: 1.5rem;--composition-offset-sm: 2rem;--composition-offset-md: 4rem;--composition-offset-lg: 8rem;--composition-overlap-sm: 1rem;--composition-overlap-md: 2rem;--composition-overlap-lg: 4rem;--composition-aspect-wide: var(--media-aspect-wide);--composition-aspect-standard: var(--media-aspect-standard);--composition-aspect-square: var(--media-aspect-square);--composition-aspect-portrait: var(--media-aspect-portrait);--media-radius: .75rem;--media-radius-sm: .5rem;--media-radius-lg: 1rem;--media-radius-xl: 1.5rem;--media-aspect-wide: 16 / 9;--media-aspect-video: 16 / 9;--media-aspect-standard: 4 / 3;--media-aspect-square: 1 / 1;--media-aspect-portrait: 3 / 4;--media-overlay: rgb(var(--shadow-color) / .35);--media-overlay-subtle: rgb(var(--shadow-color) / .18);--media-overlay-strong: rgb(var(--shadow-color) / .6);--size-icon-xs: .75rem;--size-icon-sm: 1rem;--size-icon-md: 1.25rem;--size-icon-lg: 1.5rem;--size-icon-xl: 2rem;--size-control-xs: 1.5rem;--size-control-sm: 2rem;--size-control-md: 2.5rem;--size-control-lg: 3rem;--size-control-xl: 3.5rem;--size-avatar-xs: 1rem;--size-avatar-sm: 1.5rem;--size-avatar-md: 2rem;--size-avatar-lg: 2.75rem;--size-avatar-xl: 3.5rem;--size-header-height: 3.5rem;--size-header-height-mobile: 3rem;--size-sidebar-width: 16rem;--size-sidebar-width-collapsed: 4rem;--control-padding-x-xs: .5rem;--control-padding-x-sm: .75rem;--control-padding-x-md: 1rem;--control-padding-x-lg: 1.25rem;--control-padding-x-xl: 1.5rem;--control-padding-y-xs: .125rem;--control-padding-y-sm: .25rem;--control-padding-y-md: .5rem;--control-padding-y-lg: .75rem;--control-padding-y-xl: 1rem;--control-radius: .375rem;--control-border-width: 1px;--control-icon-gap: .5rem;--icon-stroke-width-thin: 1px;--icon-stroke-width: 1.5px;--icon-stroke-width-medium: 2px;--icon-stroke-width-bold: 2.5px;--icon-gap-xs: .25rem;--icon-gap-sm: .5rem;--icon-gap-md: .75rem;--shadow-xs: 0 1px 2px rgb(var(--shadow-color) / .04);--shadow-sm: 0 1px 3px rgb(var(--shadow-color) / .08), 0 1px 2px rgb(var(--shadow-color) / .04);--shadow-md: 0 4px 6px -1px rgb(var(--shadow-color) / .08), 0 2px 4px -2px rgb(var(--shadow-color) / .06);--shadow-lg: 0 10px 15px -3px rgb(var(--shadow-color) / .1), 0 4px 6px -4px rgb(var(--shadow-color) / .06);--shadow-xl: 0 20px 25px -5px rgb(var(--shadow-color) / .1), 0 8px 10px -6px rgb(var(--shadow-color) / .06);--shadow-2xl: 0 25px 50px -12px rgb(var(--shadow-color) / .18);--shadow-inner: inset 0 2px 4px rgb(var(--shadow-color) / .05);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--color-focus-ring) 35%, transparent);--shadow-outline: 0 0 0 2px color-mix(in srgb, var(--color-accent) 45%, transparent);--glow-sm: 0 0 8px rgb(99 102 241 / .25);--glow-md: 0 0 24px rgb(99 102 241 / .35);--glow-lg: 0 0 48px rgb(99 102 241 / .4);--glow-xl: 0 0 96px rgb(99 102 241 / .45);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 16px;--blur-xl: 24px;--gradient-brand: linear-gradient(135deg, var(--color-brand-500), #7c3aed);--gradient-brand-subtle: linear-gradient(135deg, var(--color-brand-50), #f5f3ff);--gradient-surface: linear-gradient(180deg, var(--color-white), #f6f7f9);--gradient-surface-subtle: linear-gradient(180deg, var(--color-white), #eceef1);--gradient-glow: radial-gradient(circle, color-mix(in srgb, var(--color-focus-ring) 35%, transparent), transparent 70%);--gradient-fade: linear-gradient(180deg, transparent, rgb(var(--shadow-color) / .5));--gradient-hero: linear-gradient(135deg, var(--color-brand-500), var(--color-accent-secondary));--opacity-hover: .8;--opacity-disabled: .5;--opacity-active: .7;--opacity-selected: .9;--opacity-muted: .6;--opacity-overlay: .5;--duration-instant: 0ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--duration-slower: .5s;--duration-slowest: .8s;--motion-distance-xs: 2px;--motion-distance-sm: 4px;--motion-distance-md: 8px;--motion-distance-lg: 16px;--motion-distance-xl: 32px;--motion-scale-hover: 1.03;--motion-scale-active: .97;--motion-scale-enter: .95;--motion-scale-exit: 1;--app-duration-fast: .1s;--app-duration-normal: .2s;--app-motion-distance-sm: 4px;--app-motion-distance-md: 8px;--app-motion-scale-active: .97;--app-ease-out: cubic-bezier(0, 0, .2, 1);--motion-blur-enter: 8px;--motion-blur-exit: 4px;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .27, 1.55);--ease-smooth: cubic-bezier(.32, .72, 0, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--motion-enter: var(--duration-normal) var(--ease-emphasized);--motion-exit: var(--duration-fast) var(--ease-in);--motion-hover: var(--duration-fast) var(--ease-out);--motion-press: var(--duration-fast) var(--ease-in);--motion-reveal: var(--duration-normal) var(--ease-out);--motion-layout: var(--duration-slow) var(--ease-in-out);--motion-modal: var(--duration-normal) var(--ease-spring);--motion-page: var(--duration-slow) var(--ease-out);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-overlay: 1200;--z-modal: 1300;--z-popover: 1400;--z-toast: 1500;--z-tooltip: 1600;--z-raised: 100;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-radius: 6px;--touch-target-min: 44px;--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--button-height-xl: 3.5rem;--button-padding-x-sm: .75rem;--button-padding-x-md: 1rem;--button-padding-x-lg: 1.25rem;--button-padding-x-xl: 1.5rem;--button-radius: .375rem;--button-icon-size: 1rem;--button-gap: .5rem;--card-padding-sm: .75rem;--card-padding-md: 1.25rem;--card-padding-lg: 1.5rem;--card-padding-xl: 2rem;--card-radius: .5rem;--card-border-width: 1px;--card-shadow: var(--shadow-sm);--nav-height: 3.5rem;--nav-padding-x: .25rem;--nav-gap: .25rem;--nav-item-height: 2.25rem;--nav-item-radius: .375rem;--badge-height-sm: 1.25rem;--badge-height-md: 1.5rem;--badge-padding-x: .5rem;--badge-radius: 9999px;--badge-gap: .25rem;--modal-width-sm: 22rem;--modal-width-md: 28.75rem;--modal-width-lg: 36rem;--modal-width-xl: 48rem;--modal-padding: 1.5rem;--modal-radius: .75rem;--modal-shadow: var(--shadow-2xl);--tooltip-max-width: 16rem;--tooltip-padding-x: .5rem;--tooltip-padding-y: .25rem;--tooltip-radius: .25rem;--input-height-sm: 2rem;--input-height-md: 2.5rem;--input-height-lg: 3rem;--input-padding-x: .75rem;--input-padding-y: .5rem;--input-radius: .375rem;--input-border-width: 1px;--avatar-ring-width: 2px;--avatar-ring-color: var(--color-surface);--avatar-group-overlap: .5rem;--divider-width: 1px;--divider-spacing: .75rem;--overlay-opacity: var(--opacity-overlay);--overlay-blur: 8px;--overlay-radius: .75rem;--mobile-page-padding: 1rem;--mobile-section-spacing: 2.5rem;--mobile-content-gap: 1rem;--mobile-grid-gap: 1rem;--desktop-page-padding: 2.5rem;--desktop-section-spacing: 4rem;--desktop-content-gap: 1.5rem;--desktop-grid-gap: 1.5rem}:root{font-family:var(--font-sans);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}button,input,select,textarea,optgroup{font-family:inherit}html,body,#root{height:100%;overflow:hidden}body{margin:0;min-width:320px;background:var(--color-bg);color:var(--color-text)}.app-iconbtn:not(:disabled),.app-sysbtn:not(:disabled),.tok-btn:not(:disabled),.cmp-chip:not([data-disabled=true]),.app-tabs button:not(:disabled){transition:transform var(--app-duration-fast) var(--app-ease-out)}.app-iconbtn:not(:disabled):active,.app-sysbtn:not(:disabled):active,.tok-btn:not(:disabled):active,.cmp-chip:not([data-disabled=true]):active,.app-tabs button:not(:disabled):active{transform:scale(var(--app-motion-scale-active))}@media(prefers-reduced-motion:reduce){.app-iconbtn:not(:disabled):active,.app-sysbtn:not(:disabled):active,.tok-btn:not(:disabled):active,.cmp-chip:not([data-disabled=true]):active,.app-tabs button:not(:disabled):active{transform:none}}.app-shell{--app-topbar-height: 44px;position:fixed;inset:0;display:grid;grid-template-areas:"topbar topbar topbar" "rail main props";grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:var(--app-topbar-height) minmax(0,1fr);overflow:clip;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base)}.app-skip-link{position:absolute;top:6px;left:8px;z-index:100;padding:6px 12px;border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:none;transform:translateY(-300%)}.app-skip-link:focus-visible{transform:none;outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:2px}#app-main:focus:not(:focus-visible){outline:none}.app-topbar{grid-area:topbar;position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:0 12px;background:var(--color-surface);border-bottom:1px solid var(--color-divider)}.app-topbar-left,.app-topbar-right{display:flex;align-items:center;gap:10px;min-width:0;justify-self:stretch}.app-topbar-right{justify-content:flex-end}.app-brand{display:flex;align-items:center;gap:8px;min-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:-.01em;white-space:nowrap}.app-brand-mark{flex:none}.app-brand-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sysbtn{appearance:none;display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);height:30px;padding:0 6px 0 8px;max-width:170px;cursor:pointer;flex:0 1 auto;min-width:0}.app-sysbtn:hover{border-color:var(--color-border);color:var(--color-text)}.app-sysbtn[data-state=open]{border-color:var(--color-accent-border);color:var(--color-text)}.app-sysbtn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:1px}.app-sysbtn-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sysbtn-chev{flex:none;display:inline-flex;color:var(--color-text-muted)}.app-select-content{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:6px;z-index:var(--z-popover)}.app-sysmenu{min-width:220px}.app-select-item{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);padding:6px 8px 6px 24px;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;position:relative}.app-select-item[data-highlighted]{background:var(--color-accent-subtle);color:var(--color-accent-text)}.app-select-item[data-state=checked]{color:var(--color-text);font-weight:500}.app-select-item-indicator{position:absolute;left:8px;display:inline-flex}.app-sysmenu-pct{margin-left:auto;padding-left:12px;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);flex:none}.app-topbar-cov{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle);border-radius:99px;padding:1px 7px;flex:none}.app-topbar-search{position:relative;display:flex;align-items:center;width:200px;flex:0 1 auto;min-width:0}.app-topbar-search>svg{position:absolute;left:10px;color:var(--color-text-muted);pointer-events:none}.app-topbar-search input{font:inherit;font-size:var(--font-size-xs);color:var(--color-text);background:var(--color-surface-sunken);border:1px solid transparent;border-radius:var(--radius-md);height:30px;padding:0 30px 0 32px;width:100%;min-width:0;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.app-topbar-search input:hover{border-color:var(--color-border)}.app-topbar-search input:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset);background:var(--color-surface);border-color:var(--color-accent-border)}.app-topbar-search input::placeholder{color:var(--color-text-disabled)}.app-topbar-search input::-webkit-search-cancel-button{display:none}.app-topbar-search button{position:absolute;right:3px;width:24px;height:24px;padding:0;display:grid;place-items:center;font-size:var(--font-size-base);line-height:1;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer}.app-topbar-search button:hover{color:var(--color-text);background:var(--color-hover-overlay)}.app-topbar-search button:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:1px}.app-sysbtn,.app-iconbtn{cursor:pointer}.app-iconbtn{appearance:none;flex:none;font:inherit;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-md);background:none;border:none;color:var(--color-text-muted)}.app-iconbtn:not(:disabled):hover{background:var(--color-hover-overlay);color:var(--color-text)}.app-iconbtn:disabled{opacity:.4;cursor:not-allowed}.app-iconbtn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:1px}.app-iconbtn[data-state=on]{background:var(--color-hover-overlay);color:var(--color-text)}.app-tabs{display:inline-flex;gap:2px;padding:2px;border-radius:99px;background:var(--color-bg);border:1px solid var(--color-divider);justify-self:center}.app-tabs button{appearance:none;border:0;background:none;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:3px 12px;border-radius:99px;cursor:pointer;white-space:nowrap;color:var(--color-text-muted)}.app-tabs button[data-state=active]{background:var(--color-surface);color:var(--color-text)}.app-tabs button:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:1px}.app-rail{grid-area:rail;min-height:0;border-right:1px solid var(--color-divider)}.app-props-inner>[role=tabpanel]{height:100%}.app-rail-clip{width:208px;height:100%;overflow:clip}.app-rail-clip[data-open=false]{width:0}.app-rail-inner{position:relative;width:208px;height:100%;overflow-y:auto;padding:8px 10px 20px;transition:transform var(--app-duration-normal) var(--app-ease-out),opacity var(--app-duration-normal) var(--app-ease-out)}.app-rail-inner,.app-main{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.app-rail-inner::-webkit-scrollbar,.app-main::-webkit-scrollbar{width:8px}.app-rail-inner::-webkit-scrollbar-track,.app-main::-webkit-scrollbar-track{background:transparent}.app-rail-inner::-webkit-scrollbar-thumb,.app-main::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.app-rail-inner::-webkit-scrollbar-thumb:hover,.app-main::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.app-rail-clip[data-open=false] .app-rail-inner{opacity:0;transform:translate(calc(var(--app-motion-distance-md) * -1))}.app-main{grid-area:main;min-width:0;min-height:0;padding:24px;padding-bottom:50vh;overflow-y:auto}.app-main [role=tabpanel][data-state=inactive],.app-rail [role=tabpanel][data-state=inactive],.app-props [role=tabpanel][data-state=inactive]{display:none}.app-props{grid-area:props;min-height:0;border-left:1px solid var(--color-divider)}.app-props-clip{width:300px;height:100%;overflow:clip}.app-props-clip[data-open=false]{width:0}.app-props-inner{width:300px;height:100%;overflow-y:auto;display:flex;flex-direction:column;transition:transform var(--app-duration-normal) var(--app-ease-out),opacity var(--app-duration-normal) var(--app-ease-out)}.app-props-clip[data-open=false] .app-props-inner{opacity:0;transform:translate(var(--app-motion-distance-md))}@media(prefers-reduced-motion:reduce){.app-rail-inner,.app-props-inner{transition:opacity var(--app-duration-fast) var(--app-ease-out)}.app-rail-clip[data-open=false] .app-rail-inner,.app-props-clip[data-open=false] .app-props-inner{transform:none}}.app-placeholder{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.app-rail-group>h3{margin:0;font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.app-rail-group+.app-rail-group{margin-top:4px}.app-rail-group-label{appearance:none;width:100%;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:12px 0 4px;padding:4px 8px;border-radius:6px;transition:color .15s var(--ease-out),background .15s var(--ease-out)}.app-rail-group-label:hover{color:var(--color-text);background:var(--color-hover-overlay)}.app-rail-group-label>span:not(.app-rail-count){flex:1;text-align:left}.app-rail-group-chevron{flex:none;color:var(--color-text-muted);transition:transform .2s var(--ease-out)}.app-rail-group-label[data-state=closed] .app-rail-group-chevron{transform:rotate(-90deg)}.app-rail-count{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:0;color:var(--color-text-muted);background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle);border-radius:999px;padding:1px 7px}.app-rail-group-items{display:flex;flex-direction:column}.app-rail-link{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-2);min-width:0;white-space:nowrap;padding:5px 10px;border-radius:10px;color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .15s var(--ease-out)}.app-rail-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-rail-item-count{flex:none;margin-left:auto;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.app-rail-link:hover{color:var(--color-text);background:var(--color-hover-overlay)}.app-rail-link:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:1px}.app-rail-link[aria-current=true]{color:var(--color-accent-text);font-weight:600}.app-rail-indicator{position:absolute;left:10px;right:10px;z-index:0;background:var(--color-accent-subtle);border-radius:10px;box-shadow:inset 2.5px 0 0 var(--color-accent);transition:top .22s var(--ease-emphasized),height .22s var(--ease-emphasized)}.app-loading{padding:var(--space-5)}.app-pill{display:inline-flex;align-items:center;gap:6px;flex:none;height:26px;padding:0 4px 0 10px;border:1px solid var(--color-accent-border);border-radius:var(--radius-full);background:var(--color-accent-subtle);color:var(--color-text);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.app-pill-reset{padding:1px 8px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--font-size-xs)}@media(max-width:900px){.app-shell{grid-template-areas:"topbar" "main";grid-template-columns:minmax(0,1fr)}.app-rail,.app-props{position:absolute;top:var(--app-topbar-height);bottom:0;z-index:40;border:none;background:transparent;pointer-events:none}.app-rail{left:0}.app-props{right:0}.app-rail-clip,.app-props-clip{background:var(--color-bg);pointer-events:auto}.app-rail-clip{max-width:85vw;border-right:1px solid var(--color-divider);box-shadow:var(--shadow-lg)}.app-props-clip{max-width:85vw;border-left:1px solid var(--color-divider);box-shadow:var(--shadow-lg)}.app-rail-inner,.app-props-inner{max-width:85vw}.app-rail-clip[data-open=false],.app-props-clip[data-open=false]{border-color:transparent;box-shadow:none}.app-topbar{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.app-topbar-left{flex:0 1 auto;min-width:min(var(--space-32),100%)}.app-topbar-right,.app-tabs{flex:none}.app-tabs{margin-inline:auto}}@media(max-width:480px){.app-shell{grid-template-rows:calc(var(--app-topbar-height) * 2) minmax(0,1fr)}.app-topbar{display:grid;grid-template-areas:"left more" "tabs tabs";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:var(--space-2);row-gap:0;padding:0 var(--space-2)}.app-topbar-left{grid-area:left;gap:var(--space-2)}.app-topbar-more{grid-area:more;justify-self:end;display:flex;align-items:center}.app-tabs{grid-area:tabs;margin-inline:auto;max-width:100%}.app-tabs button{padding:3px var(--space-2)}.app-brand-name{min-width:0}.app-sysbtn{max-width:120px}.app-rail,.app-props{top:calc(var(--app-topbar-height) * 2)}}.app-menu{z-index:var(--z-popover);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);max-width:min(320px,calc(100vw - 16px));padding:10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.app-menu .app-topbar-search{flex:1 1 100%;width:auto}.app-error{display:grid;place-items:center;min-height:100%;padding:var(--space-8);background:var(--color-bg);color:var(--color-text)}.app-error-card{max-width:var(--space-96);width:100%;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.app-error-title{margin:0 0 var(--space-2);font-size:var(--heading-section);color:var(--color-text)}.app-error-message{margin:0 0 var(--space-4);color:var(--color-text-secondary)}.app-error-details{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface-sunken);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-danger-text);font-family:var(--font-mono);font-size:var(--font-size-xs);text-align:left;white-space:pre-wrap;overflow-wrap:break-word}.app-help-overlay{position:fixed;inset:0;z-index:var(--z-overlay);background:var(--color-scrim);animation:app-help-fade var(--duration-fast) var(--ease-out)}.app-help-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-modal);width:min(560px,92vw);max-height:min(86vh,720px);overflow-y:auto;padding:var(--space-6);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-overlay);color:var(--color-text);box-shadow:var(--shadow-lg)}.app-help-title{margin:0 0 var(--space-1);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.app-help-sub{margin:0 0 var(--space-5);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-secondary)}.app-help-steps{display:flex;flex-direction:column;gap:var(--space-4);margin:0 0 var(--space-5);padding:0;list-style:none}.app-help-step{display:flex;gap:var(--space-3);align-items:flex-start}.app-help-num{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.app-help-step-title{margin:0 0 var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.app-help-hint{font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.app-help-step-text{margin:0;font-size:var(--font-size-xs);line-height:1.55;color:var(--color-text-secondary)}.app-help-step-text code,.app-help-tips-text code{padding:1px 5px;border-radius:var(--radius-sm);background:var(--color-surface-sunken);font-family:var(--font-mono);font-size:.92em}.app-help-tips{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.app-help-tips-title{margin:0 0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text)}.app-help-tips-text{margin:0;font-size:var(--font-size-xs);line-height:1.6;color:var(--color-text-secondary)}.app-help-actions{display:flex;justify-content:flex-end}.app-help-done{appearance:none;cursor:pointer;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-5);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent)}.app-help-done:hover{background:var(--color-accent-hover)}.app-help-done:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}@keyframes app-help-fade{0%{opacity:0}to{opacity:1}}.app-toasts{position:fixed;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none;max-width:90vw}.app-toast{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--color-surface-overlay);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);max-width:100%;white-space:normal;overflow-wrap:break-word;text-align:center;transition:transform var(--app-duration-normal) var(--app-ease-out),opacity var(--app-duration-normal) var(--app-ease-out)}@starting-style{.app-toast{transform:translateY(var(--app-motion-distance-md));opacity:0}}.app-toast[data-leaving=true]{transform:translateY(var(--app-motion-distance-sm));opacity:0;transition-duration:var(--app-duration-fast);transition-timing-function:var(--app-ease-out)}@media(prefers-reduced-motion:reduce){.app-toast{transition:opacity var(--app-duration-fast) var(--app-ease-out)}@starting-style{.app-toast{transform:none;opacity:0}}.app-toast[data-leaving=true]{transform:none}}.app-toast-warn{border-color:var(--color-warning);color:var(--color-warning)}.app-toast-err{border-color:var(--color-danger);color:var(--color-danger)}.app-welcome{max-width:560px;margin:10vh auto 0;padding:var(--space-5);text-align:center;color:var(--color-text-secondary)}.app-welcome h2{margin:0 0 var(--space-2);font-size:var(--heading-section);color:var(--color-text)}.app-welcome p{margin:0;font-size:var(--font-size-sm)}.app-welcome code{font-family:var(--font-mono)}.app-welcome-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin:var(--space-5) 0 var(--space-4)}.app-welcome-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-5) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.app-welcome-card:hover{border-color:var(--color-accent);color:var(--color-text)}.app-welcome-card b{color:var(--color-text)}.app-welcome-card svg{color:var(--color-accent)}.app-welcome-hint{color:var(--color-text-muted)}.app-drop{position:fixed;inset:0;display:grid;place-items:center;background:var(--color-hover-overlay);z-index:var(--z-overlay);pointer-events:none}.app-drop-box{padding:var(--space-6) var(--space-8);border:2px dashed var(--color-accent);border-radius:var(--radius-lg);background:var(--color-surface-overlay);color:var(--color-text);font-weight:var(--font-weight-semibold)}.app-syswrap{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0}.app-syswrap .tok-btn{height:30px;flex:none}.tok-dialog.app-import-dialog{width:min(1280px,96vw);height:min(92vh,900px);max-height:min(92vh,900px);padding:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:clip}.app-import-head{display:flex;flex-direction:column;min-width:0}.app-import-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-subtle);min-width:0}.app-import-title{margin:0;flex:none;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.app-import-sub{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.app-import-tools{display:flex;align-items:center;gap:var(--space-1);margin-left:auto;flex-wrap:nowrap;flex:none;min-width:0}.app-import-tools .tok-btn{display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap;flex:none}.app-import-menulabel{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.app-import-menusep{height:1px;margin:var(--space-1) 0;background:var(--color-border-subtle)}.app-import-status{display:inline-flex;align-items:center;gap:var(--space-1);margin:0;max-width:340px;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-import-status b{font-family:var(--font-sans);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.app-import-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.app-import-close:hover{background:var(--color-hover-overlay);color:var(--color-text)}.app-import-close:focus-visible,.app-import-tools .tok-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.app-import-steps{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);list-style:none}.app-import-step{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-muted)}.app-import-step+.app-import-step:before{content:"→";margin-right:var(--space-2);color:var(--color-text-muted)}.app-import-stepnum{display:inline-flex;align-items:center;justify-content:center;width:var(--space-5);height:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);font-size:var(--font-size-xs)}.app-import-step[data-active=true]{color:var(--color-text)}.app-import-step[data-active=true] .app-import-stepnum{color:var(--color-text);background:var(--color-accent-subtle);border-color:var(--color-accent-border)}.app-import-step[data-done=true]{color:var(--color-text-secondary)}.app-import-stepbody{min-height:0;overflow-y:auto;padding:var(--space-4)}.app-import-reviewpane,.app-import-savepane{display:flex;flex-direction:column;gap:var(--space-2);max-width:var(--container-max-width-md)}.app-import-reviewpane{max-width:none}.app-import-viewtoggle{display:inline-flex;align-items:center;gap:var(--space-1)}.app-import-viewtoggle .tok-btn[aria-pressed=true]{color:var(--color-text);background:var(--color-accent-subtle);border-color:var(--color-accent-border)}.app-import-reviewcount{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.app-import-summary{display:flex;flex-direction:column;gap:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-subtle)}.app-import-summary .warn{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.app-import-extras,.app-import-warnings,.app-import-swatches{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin:0;padding:0;list-style:none;font-size:var(--font-size-sm)}.app-import-extra,.app-import-warning,.app-import-swatchrow{display:inline-flex;align-items:center;gap:var(--space-1);min-width:0}.app-import-suggest{color:var(--color-text-secondary)}.app-import-swatch{display:inline-block;flex:none;width:var(--space-4);height:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm)}.app-import-inline{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-sunken)}.app-import-inline .tok-input{flex:1 1 auto;min-width:0}.app-import-inline-json{flex-wrap:wrap}.app-import-inline-json .tok-textarea{flex:1 1 100%;min-height:72px}.app-import-chips{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.app-import-work{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:0;overflow:clip}.app-import-pane{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.app-import-pane+.app-import-pane{border-left:1px solid var(--color-border-subtle)}.app-import-panehead{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.app-import-panetitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.app-import-panebody{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:0;overflow-y:auto}.app-import-textarea{flex:1 1 auto;min-height:220px;resize:none}.app-import-foot{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-surface)}.app-import-name{flex:0 1 320px}.app-import-mode{display:inline-flex;align-items:center;gap:var(--space-1);flex:none}.app-import-mode .tok-btn[aria-pressed=true]{color:var(--color-text);background:var(--color-accent-subtle);border-color:var(--color-accent-border)}.app-import-target{flex:0 1 180px}.app-import-collision{display:flex;align-items:center;flex:1 1 100%;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.app-import-collision b{color:var(--color-text)}.app-import-collision code{font-family:var(--font-mono);color:var(--color-text)}.app-import-review{display:inline-flex;align-items:center;gap:var(--space-3);margin:0 0 0 auto;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.app-import-error{flex:1 1 auto;margin:0;font-size:var(--font-size-sm);color:var(--color-danger)}.app-import-write{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.app-import-openin{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media(max-width:1080px){.app-import-work{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.app-import-pane+.app-import-pane{border-left:0;border-top:1px solid var(--color-border-subtle)}}.app-fill{display:flex;flex-direction:column;gap:var(--space-2);min-height:0}.app-fill-controls{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.app-fill-search{flex:1 1 140px;min-width:120px}.app-fill-groups{flex:0 1 200px;min-width:140px}.app-fill-check{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.app-fill-expand{flex:none;white-space:nowrap}.app-fill-summary{margin:0}.app-fill-summary .ok{color:var(--color-success)}.app-fill-summary .warn{color:var(--color-warning)}.app-fill-sections{display:flex;flex-direction:column;gap:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2)}.app-fill-group{border-radius:var(--radius-sm)}.app-fill-head{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;position:sticky;top:0;z-index:1}.app-fill-head:hover{background:var(--color-hover-overlay)}.app-fill-head:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.app-fill-caret{width:10px;color:var(--color-text-muted)}.app-fill-label{flex:1 1 auto;min-width:0}.app-fill-prog,.app-fill-miss{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.app-fill-miss{color:var(--color-warning)}.app-fill-rows{display:flex;flex-direction:column;gap:2px;padding:var(--space-1) 0 var(--space-2) var(--space-4)}.app-fill-row{display:grid;grid-template-columns:8px minmax(150px,240px) minmax(120px,1fr) 24px;align-items:center;gap:var(--space-2);min-width:0;padding:1px 0}.app-fill-row:hover .app-fill-name{color:var(--color-text)}.app-fill-extra-row{display:flex;align-items:center;gap:var(--space-2)}.app-fill-key{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.app-fill-dot{flex:none;width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-border-strong)}.app-fill-dot.is-present{background:var(--color-success)}.app-fill-dot.is-warn{background:var(--color-warning)}.app-fill-swatch{flex:none;width:12px;height:12px;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.app-fill-name{min-width:0;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow-wrap:anywhere}.app-fill-input{flex:1 1 auto;min-width:80px;height:26px;font-size:var(--font-size-sm)}.app-fill-clear{flex:none;width:22px;height:22px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.app-fill-clear:hover{background:var(--color-hover-overlay);color:var(--color-text)}.app-fill-extras{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.app-fill-head-static{font-size:var(--font-size-sm);color:var(--color-warning)}.tok-toolbar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.tok-search{display:flex;align-items:center;gap:var(--space-3)}.tok-filter-wrap{position:relative;display:flex;align-items:center}.tok-search-ico{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none}.tok-filter{height:var(--space-8);padding-left:var(--space-8);padding-right:var(--space-8);border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-sm);min-width:220px}.tok-filter::placeholder{color:var(--color-input-placeholder)}.tok-filter-clear{position:absolute;right:var(--space-2);border:none;background:none;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;line-height:1;padding:0 var(--space-1)}.tok-inline{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.tok-check{appearance:none;margin:0;width:var(--space-4);height:var(--space-4);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);background:var(--color-input-bg);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.tok-check[data-state=checked]{background:var(--color-accent);border-color:var(--color-accent)}.tok-check-indicator{display:flex;color:var(--color-on-accent)}.tok-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.tok-btn{height:var(--space-8);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;touch-action:manipulation}.tok-btn:hover{border-color:var(--color-border-strong)}.tok-btn[data-state=on]{background:var(--color-accent-subtle);border-color:var(--color-accent-border)}.tok-btn-danger{color:var(--color-danger-text);background:var(--color-danger-subtle)}.tok-menu{min-width:200px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-overlay);padding:var(--space-1);box-shadow:var(--shadow-md);z-index:var(--z-modal);max-height:90vh;overflow-y:auto}.tok-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.tok-menu-item code{margin-left:auto;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.tok-menu-item[data-highlighted]{background:var(--color-accent-subtle)}.tok-dialog-overlay{position:fixed;inset:0;background:var(--color-hover-overlay);z-index:var(--z-overlay);overscroll-behavior:contain}.tok-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,92vw);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-overlay);padding:var(--space-5);box-shadow:var(--shadow-md);z-index:var(--z-modal);max-height:90vh;overflow-y:auto;overscroll-behavior:contain}.tok-dialog-title{margin:0 0 var(--space-1);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.tok-dialog-desc{margin:0 0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tok-dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.tok-dialog-wide{width:min(560px,94vw)}.tok-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tok-input,.tok-textarea{border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);width:100%;box-sizing:border-box}.tok-textarea{font-family:var(--font-mono);font-size:var(--font-size-xs);resize:vertical}.tok-dialog-meta{margin:0 0 var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.tok-dialog-error{margin:0 0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-danger)}.tok-btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.tok-dialog-preview{margin:0 0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tok-dialog-preview .ok{color:var(--color-success)}.tok-dialog-preview .warn{color:var(--color-warning)}.tok-dialog-preview details{margin-top:var(--space-2)}.tok-dialog-preview summary{cursor:pointer;font-weight:var(--font-weight-medium)}.tok-dialog-preview code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-warning);margin-inline-end:var(--space-2)}.tok-dialog-row{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.tok-dialog-grp{margin-top:var(--space-2);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.tok-source{align-items:center;flex-wrap:nowrap}.tok-source-url{flex:1;min-width:0}.tok-segment{display:inline-flex;align-items:center;gap:var(--space-2);margin-inline-end:auto;font-size:var(--font-size-xs);color:var(--color-text-muted)}.tok-seg{display:inline-flex;padding:2px;gap:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.tok-seg-item{border:0;border-radius:var(--radius-sm);background:none;color:var(--color-text-muted);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);cursor:pointer}.tok-seg-item[data-state=on]{background:var(--color-accent-subtle);color:var(--color-text)}.dsv-props-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;color:var(--color-text-muted);padding:var(--space-8) var(--space-2);font-size:var(--font-size-sm)}.dsv-props-empty p{margin:0}.dsv-props-empty b{color:var(--color-text);font-weight:var(--font-weight-semibold)}.dsv-token-drawer-trigger{appearance:none;flex:none;display:inline-flex;align-items:center;gap:var(--space-1);font:inherit;font-size:var(--font-size-xs);font-family:var(--font-mono);background:var(--color-surface-sunken);color:var(--color-text-muted);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:2px var(--space-1-5);cursor:pointer;transition:border-color var(--motion-hover),background var(--motion-hover),color var(--motion-hover)}.dsv-token-drawer-trigger:hover{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-text)}.dsv-token-drawer-trigger.has-edits,.dsv-token-drawer-trigger.is-active{background:var(--color-accent-subtle);color:var(--color-accent-text);border-color:var(--color-accent-border)}.dsv-token-swatch{width:9px;height:9px;border-radius:var(--radius-full);flex:none;box-shadow:inset 0 0 0 var(--border-width-thin) var(--color-shadow)}.dsv-drawer-overlay{position:fixed;inset:0;background:var(--color-scrim);z-index:var(--z-modal);animation:dsv-fade var(--motion-enter);overscroll-behavior:contain}.dsv-drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-modal);width:min(420px,100vw);max-width:100vw;background:var(--color-surface-overlay);color:var(--color-text);border-left:var(--border-width-thin) solid var(--color-border-subtle);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:dsv-drawer-in var(--motion-modal);overscroll-behavior:contain}@keyframes dsv-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.dsv-drawer-overlay,.dsv-drawer{animation:none}}.dsv-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.dsv-drawer-head h3{margin:0;font-size:var(--heading-subsection);font-weight:var(--font-weight-semibold)}.dsv-drawer-head p{margin:var(--space-0-5) 0 0;font-size:var(--font-size-xs)}.dsv-drawer-reset{appearance:none;display:block;width:calc(100% - 2 * var(--space-4));margin:var(--space-3) var(--space-4) 0;padding:var(--space-1-5) var(--space-2-5);background:var(--color-accent-subtle);color:var(--color-accent-text);border:var(--border-width-thin) solid var(--color-accent-border);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left}.dsv-drawer-reset--inline{width:100%;margin:var(--space-3) 0 0}.dsv-drawer-body{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-4) var(--space-4);overscroll-behavior:contain}.dsv-drawer-group{margin-top:var(--space-4)}.dsv-drawer-group-label{font-size:10.5px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);margin-bottom:var(--space-1-5)}.dsv-token-row{padding:var(--space-2) 0;border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.dsv-token-row:last-child{border-bottom:none}.dsv-token-row-main{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1-5);font-size:var(--font-size-xs)}.dsv-token-row-name{font-family:var(--font-mono);color:var(--color-text)}.dsv-token-row-value{font-family:var(--font-mono);color:var(--color-text-muted);max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsv-token-row-swap{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-accent-subtle);color:var(--color-accent-text);border-radius:var(--radius-sm);padding:1px var(--space-1) 1px var(--space-1-5);font-family:var(--font-mono)}.dsv-token-row-undo{appearance:none;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:inherit;opacity:.7;cursor:pointer;padding:1px}.dsv-token-row-undo:hover{opacity:1;color:var(--color-danger-text)}.dsv-token-row-undo:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset);opacity:1}.dsv-token-row-edited{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-warning-subtle);color:var(--color-warning-text);border-radius:var(--radius-sm);padding:1px var(--space-1) 1px var(--space-1-5);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.dsv-token-row-actions{display:flex;gap:var(--space-2);margin-left:auto;flex:none}.dsv-token-row-actions button{appearance:none;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm);text-decoration:underline;text-underline-offset:2px}.dsv-token-row-actions button:hover,.dsv-token-row-actions button.is-active{color:var(--color-accent-text);background:var(--color-accent-subtle);text-decoration:none}.dsv-token-editor{width:100%;margin-top:var(--space-2)}.dsv-token-value-editor{display:flex;align-items:center;gap:var(--space-1-5)}.dsv-token-color-input{width:var(--input-height-sm);height:var(--input-height-sm);padding:2px;flex:none;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:none}.dsv-token-value-input{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--font-size-xs)}.dsv-token-picker-search{display:flex;align-items:center;gap:var(--space-1-5);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-2);margin-bottom:var(--space-2);color:var(--color-text-muted)}.dsv-token-picker-search input{flex:1;min-width:0;border:none;background:none;font:inherit;color:var(--color-text);height:var(--input-height-sm);outline:none}.dsv-token-picker-search:focus-within{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.dsv-token-picker-search input::placeholder{color:var(--color-text-disabled)}.dsv-token-picker-list{display:flex;flex-direction:column;gap:1px;max-height:13rem;overflow-y:auto;overscroll-behavior:contain}.dsv-token-picker-item{appearance:none;display:flex;align-items:center;gap:var(--space-2);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:var(--space-1-5) var(--space-2);text-align:left;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.dsv-token-picker-item:hover,.dsv-token-picker-item:focus-visible{background:var(--color-hover-overlay);color:var(--color-text)}.dsv-token-picker-name{font-family:var(--font-mono)}.dsv-token-picker-group{margin-left:auto;font-size:10.5px;flex:none}.dsv-token-picker-empty,.dsv-token-picker-more{padding:var(--space-2);font-size:var(--font-size-xs);text-align:center}.dsv-control-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.dsv-control-label--disabled{color:var(--color-text-muted)}.dsv-input-wrap{position:relative;display:flex;align-items:center}.dsv-input-wrap .dsv-input{flex:1}.dsv-adorn{position:absolute;color:var(--color-text-muted);font-size:var(--font-size-sm);display:inline-flex;pointer-events:none}.dsv-adorn--prefix{left:var(--space-3)}.dsv-adorn--suffix{right:var(--space-3)}.dsv-input-wrap--prefix .dsv-input{padding-left:var(--space-8)}.dsv-input-wrap--suffix .dsv-input{padding-right:var(--space-12)}.dsv-input--success{border-color:var(--color-success-border)}.dsv-counter{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.dsv-input--inset{box-shadow:var(--shadow-inner);background:var(--color-surface-sunken)}.dsv-input--themed{background:var(--color-input-bg);border-color:var(--color-input-border);color:var(--color-input-text)}.dsv-input--themed::placeholder{color:var(--color-input-placeholder)}.dsv-input--themed:hover:not(:disabled){background:var(--color-input-bg-hover);border-color:var(--color-input-border-hover)}.dsv-input--themed:disabled{background:var(--color-input-bg-disabled)}.dsv-input--themed:focus-visible{border-color:var(--color-input-border-focus)}.dsv-input--themed[aria-invalid=true]{border-color:var(--color-input-border-error)}.dsv-disabled-box{background:var(--color-surface-disabled);border:var(--border-width-thin) solid var(--color-border-disabled);border-radius:var(--radius-md);padding:var(--space-4);color:var(--color-text-secondary);min-width:var(--space-56)}.dsv-disabled-box--dim{background:var(--color-surface-sunken);color:var(--color-text-secondary)}.dsv-disabled-box-note{font-size:var(--font-size-xs);margin-top:var(--space-1)}.dsv-check{width:var(--size-icon-md);height:var(--size-icon-md);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);display:inline-flex;align-items:center;justify-content:center;color:var(--color-on-accent);flex:none}.dsv-check[data-state=checked],.dsv-check[data-state=indeterminate]{background:var(--color-accent);border-color:var(--color-accent)}.dsv-check[data-disabled]{opacity:.5}.dsv-radio{width:var(--size-icon-md);height:var(--size-icon-md);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--color-border-strong);background:var(--color-surface);flex:none}.dsv-radio[data-state=checked]{border-color:var(--color-accent)}.dsv-radio-indicator{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.dsv-radio-indicator:after{content:"";width:50%;height:50%;border-radius:var(--radius-full);background:var(--color-accent)}.dsv-switch{width:40px;height:22px;border-radius:var(--radius-full);background:var(--color-border-strong);position:relative;flex:none;transition:background var(--duration-fast) var(--ease-out)}.dsv-switch[data-state=checked]{background:var(--color-accent)}.dsv-switch[data-disabled]{opacity:.5}.dsv-switch-thumb{display:block;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-on-accent);box-shadow:var(--shadow-sm);transform:translate(2px);transition:transform var(--duration-fast) var(--ease-out)}.dsv-switch[data-state=checked] .dsv-switch-thumb{transform:translate(20px)}.dsv-slider{position:relative;display:flex;align-items:center;width:min(200px,100%);height:var(--size-control-md);touch-action:none;-webkit-user-select:none;user-select:none;flex:none}.dsv-slider-track{position:relative;flex-grow:1;background:var(--color-surface-sunken);border-radius:var(--radius-full);height:4px}.dsv-slider-range{position:absolute;background:var(--color-accent);border-radius:var(--radius-full);height:100%}.dsv-slider-thumb{display:block;width:var(--size-icon-md);height:var(--size-icon-md);background:var(--color-surface);border:var(--border-width-thick) solid var(--color-accent);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.dsv-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--control-icon-gap);height:var(--input-height-md);min-width:min(180px,100%);max-width:100%;padding:0 var(--input-padding-x);font:inherit;font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-input-text);border:var(--input-border-width) solid var(--color-border);border-radius:var(--input-radius);cursor:pointer}.dsv-select-content{background:var(--color-surface-raised);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1-5);z-index:var(--z-popover)}.dsv-select-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);padding:var(--space-1-5) var(--space-2) var(--space-1-5) var(--space-6);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;position:relative}.dsv-select-item[data-highlighted]{background:var(--color-accent-subtle);color:var(--color-accent-text)}.dsv-select-item[data-state=checked]{color:var(--color-text);font-weight:var(--font-weight-medium)}.dsv-select-item-indicator{position:absolute;left:var(--space-2);display:inline-flex}.dsv-select-label{padding:var(--space-1-5) var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.dsv-form-card{max-width:var(--space-80);width:100%}.dsv-form-field{display:flex;flex-direction:column;gap:var(--space-1-5);margin-bottom:var(--space-4)}.dsv-form-row{display:flex;justify-content:space-between;align-items:baseline}.dsv-form-message{font-size:var(--font-size-xs);color:var(--color-danger-text)}.dsv-form-message[data-valid]{color:var(--color-success-text)}.dsv-form-message--sent{margin-top:var(--space-2)}.dsv-form-submit{width:100%}.dsv-pwd-field{max-width:var(--space-72)}.dsv-pwd{position:relative;display:flex}.dsv-pwd input{flex:1;padding-right:var(--size-control-md)}.dsv-pwd button{position:absolute;right:0;top:0;height:100%;width:var(--size-control-md);display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer}.dsv-otp{display:flex;gap:var(--control-icon-gap)}.dsv-otp input{width:var(--input-height-md);height:var(--input-height-lg);text-align:center;font-size:var(--font-size-lg);font-family:var(--font-mono);background:var(--color-surface);color:var(--color-input-text);border:var(--input-border-width) solid var(--color-border);border-radius:var(--input-radius)}.dsv-otp input:focus-visible{border-color:var(--color-accent-border)}.dsv-modal-actions--spaced{margin-top:var(--space-5)}.dsv-dialog-close{position:absolute;top:var(--space-3);right:var(--space-3)}.dsv-pop-heading{font-size:var(--font-size-sm)}.dsv-menu-subtrigger-chevron{margin-left:auto}.dsv-mega-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4)}.dsv-mega-menu-link{display:block;padding:var(--space-1) 0;text-decoration:none}.dsv-nav{display:flex;gap:var(--nav-gap);background:var(--color-surface);padding:var(--nav-padding-x);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--color-border-subtle);position:relative;min-height:var(--nav-height);align-items:center}.dsv-nav-trigger,.dsv-nav-link{appearance:none;background:none;border:none;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--nav-item-radius);cursor:pointer;min-height:var(--nav-item-height);display:inline-flex;align-items:center}.dsv-nav-link{text-decoration:none}.dsv-nav-trigger:hover,.dsv-nav-link:hover{background:var(--color-hover-overlay);color:var(--color-text)}.dsv-nav-trigger[data-state=open]{background:var(--color-accent-subtle);color:var(--color-accent-text)}.dsv-nav-list{display:flex;gap:var(--space-1);list-style:none;margin:0;padding:0}.dsv-nav-viewport-wrap{position:absolute;top:100%;left:0;display:flex;justify-content:center}.dsv-nav-viewport{margin-top:var(--space-2);background:var(--color-surface-raised);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-4);width:320px;max-width:calc(100vw - var(--space-8))}.dsv-nav-content{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.dsv-tabs-root{width:var(--space-96);max-width:100%}.dsv-tabs-list{display:flex;gap:var(--space-1);border-bottom:var(--border-width-thin) solid var(--color-divider)}.dsv-tabs-trigger{appearance:none;background:none;border:none;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);padding:var(--space-2) var(--space-3);cursor:pointer;border-bottom:var(--border-width-thick) solid transparent;margin-bottom:calc(-1 * var(--border-width-thin))}.dsv-tabs-trigger:hover{color:var(--color-text)}.dsv-tabs-trigger[data-state=active]{color:var(--color-accent-text);border-bottom-color:var(--color-accent)}.dsv-tabs-content{padding-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dsv-toolbar{display:flex;align-items:center;gap:var(--space-1);background:var(--color-surface);padding:var(--space-1);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md)}.dsv-toolbar-sep{width:var(--border-width-thin);align-self:stretch;background:var(--color-divider);margin:var(--space-1) var(--space-1)}.dsv-progress{position:relative;overflow:hidden;background:var(--color-surface-sunken);border-radius:var(--radius-full);width:240px;max-width:100%;height:8px}.dsv-progress-indicator{background:var(--color-accent);height:100%;transition:width var(--duration-slow) var(--ease-out)}.dsv-toast-viewport{position:fixed;bottom:0;right:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);width:380px;max-width:100vw;z-index:var(--z-toast);list-style:none;margin:0}.dsv-toast{background:var(--color-surface-overlay);color:var(--color-text);border:var(--border-width-thin) solid var(--color-border-subtle);border-left:var(--border-width-thick) solid var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);display:flex;align-items:flex-start;gap:var(--space-3);animation:dsv-slide-in var(--motion-enter)}.dsv-toast-body{flex:1;min-width:0}.dsv-toast .dsv-icon-btn{width:var(--size-control-sm);height:var(--size-control-sm);color:var(--color-text-muted)}.dsv-toast .dsv-icon-btn:hover{color:var(--color-text);background:var(--color-hover-overlay)}.dsv-toast[data-state=closed]{animation:dsv-toast-out var(--motion-exit) forwards}@keyframes dsv-toast-out{0%{opacity:1;transform:translate(0);filter:blur(0)}to{opacity:0;transform:translate(16px);filter:blur(var(--motion-blur-exit))}}@keyframes dsv-slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.dsv-toast-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.dsv-toast-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-0-5)}.dsv-feedback-trio-card{min-width:var(--space-48)}.dsv-feedback-empty{padding:var(--space-6)}.dsv-feedback-loading-card{min-width:var(--space-40);justify-content:center}.dsv-feedback-loading-text{font-size:var(--font-size-sm)}@media(prefers-reduced-motion:reduce){.dsv-toast{animation:none}.dsv-toast[data-state=closed]{animation:none;opacity:0}}.dsv-accordion{border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;max-width:min(460px,100%)}.dsv-accordion-item{border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.dsv-accordion-item:last-child{border-bottom:none}.dsv-accordion-trigger{width:100%;appearance:none;background:var(--color-surface);border:none;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.dsv-accordion-trigger:hover{background:var(--color-hover-overlay)}.dsv-accordion-trigger .chev{transition:transform var(--duration-fast) var(--ease-out)}.dsv-accordion-trigger[data-state=open] .chev{transform:rotate(180deg)}.dsv-accordion-content{padding:0 var(--space-4) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dsv-collapsible{max-width:min(460px,100%)}.dsv-collapsible-content{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.dsv-sep{background:var(--color-divider)}.dsv-sep[data-orientation=horizontal]{height:var(--divider-width);width:100%;margin:var(--divider-spacing) 0}.dsv-sep[data-orientation=vertical]{width:var(--divider-width);align-self:stretch;margin:0 var(--divider-spacing)}.dsv-sep-demo{max-width:var(--space-72)}.dsv-sep-demo-title{font-size:var(--font-size-sm)}.dsv-sep-demo-subtitle{font-size:var(--font-size-xs)}.dsv-sep-demo-links{font-size:var(--font-size-sm)}.dsv-sep-demo-ramp{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dsv-divider-demo{display:inline-block;width:var(--space-12);min-width:var(--space-10);text-align:center;font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-muted);padding-top:var(--space-2);border-top:0 solid var(--color-divider)}.dsv-divider-demo--none{border-top-width:var(--border-width-none)}.dsv-divider-demo--thin{border-top-width:var(--border-width-thin)}.dsv-divider-demo--medium{border-top-width:var(--border-width-medium)}.dsv-divider-demo--thick{border-top-width:var(--border-width-thick)}.dsv-avatar-root{width:100%;height:100%;display:flex}.dsv-avatar-presence-row{gap:var(--space-4)}.dsv-avatar-presence-item{gap:var(--space-1);align-items:center}.dsv-avatar-presence-badge-wrap{position:relative;display:inline-flex;flex:none}.dsv-avatar-presence-badge-wrap--sm{width:var(--size-avatar-sm);height:var(--size-avatar-sm)}.dsv-avatar-presence-badge-wrap--md{width:var(--size-avatar-md);height:var(--size-avatar-md)}.dsv-avatar-presence-badge-wrap--lg{width:var(--size-avatar-lg);height:var(--size-avatar-lg)}.dsv-avatar-presence-avatar{width:100%;height:100%}.dsv-avatar-presence-fallback--sm{font-size:var(--font-size-xs)}.dsv-avatar-presence-fallback--md{font-size:var(--font-size-sm)}.dsv-avatar-presence-fallback--lg{font-size:var(--font-size-base)}.dsv-avatar-presence-dot{position:absolute;right:-2px;bottom:-2px;width:max(10px,30%);height:max(10px,30%);max-width:var(--space-3-5);max-height:var(--space-3-5);border-radius:var(--radius-full);border:var(--border-width-thick) solid var(--color-surface);box-shadow:var(--shadow-xs)}.dsv-avatar-presence-dot[data-tone=success]{background:var(--color-success)}.dsv-avatar-presence-dot[data-tone=warning]{background:var(--color-warning)}.dsv-avatar-presence-label,.dsv-avatar-presence-note{font-size:var(--font-size-xs)}.dsv-shell-metrics{width:100%;max-width:var(--space-96)}.dsv-shell-metrics-bar{background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:0 var(--space-3);margin-bottom:var(--space-2)}.dsv-shell-metrics-dots{gap:var(--space-1-5)}.dsv-shell-metrics-dot{width:var(--space-2-5);height:var(--space-2-5);border-radius:var(--radius-full)}.dsv-shell-metrics-dot[data-tone=danger]{background:var(--color-danger-muted)}.dsv-shell-metrics-dot[data-tone=warning]{background:var(--color-warning-muted)}.dsv-shell-metrics-dot[data-tone=success]{background:var(--color-success-muted)}.dsv-shell-metrics-brand{font-size:var(--font-size-sm)}.dsv-shell-metrics-spacer{flex:1}.dsv-shell-metrics-caption,.dsv-shell-metrics-avatar-fallback{font-size:var(--font-size-xs)}.dsv-shell-metrics-body{align-items:stretch;gap:var(--space-2);flex-wrap:wrap}.dsv-shell-bar{height:var(--size-header-height)}.dsv-shell-bar--mobile{height:var(--size-header-height-mobile)}.dsv-shell-side{width:var(--size-sidebar-width);max-width:100%}.dsv-shell-side--collapsed{width:var(--size-sidebar-width-collapsed)}.dsv-shell-metrics-nav{background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-2);font-size:var(--font-size-xs);display:flex;flex-direction:column;gap:2px}.dsv-shell-metrics-nav-item{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.dsv-shell-metrics-nav-item[data-active=true]{background:var(--color-selected);color:var(--color-accent-text);font-weight:var(--font-weight-semibold)}.dsv-shell-metrics-nav-caption{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.dsv-shell-metrics-grid-col{flex:1;min-width:0}.dsv-grid-12{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gutter)}.dsv-shell-metrics-grid{margin-bottom:var(--space-2)}.dsv-shell-metrics-grid-cell{height:var(--space-4);border-radius:var(--radius-sm)}.dsv-shell-metrics-grid-cell[data-parity=odd]{background:var(--color-accent-muted)}.dsv-shell-metrics-grid-cell[data-parity=even]{background:var(--color-accent-subtle)}.dsv-shell-metrics-grid-caption{font-size:var(--font-size-xs)}.dsv-shell-metrics-avatars{margin-top:var(--space-3);gap:var(--space-2);flex-wrap:wrap}.dsv-shell-metrics-mobile-row{margin-top:var(--space-3);gap:var(--space-2)}.dsv-shell-metrics-mobile-bar{flex:1;background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:0 var(--space-3);font-size:var(--font-size-xs)}.dsv-shell-metrics-mobile-rail{background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-2);font-size:var(--font-size-xs)}.dsv-shell-metrics-containers{margin-top:var(--space-3);gap:var(--space-1)}.dsv-container-sm{max-width:var(--container-max-width-sm)}.dsv-container-md{max-width:var(--container-max-width-md)}.dsv-container-lg{max-width:var(--container-max-width-lg)}.dsv-shell-metrics-container-chip{background:var(--color-tint-subtle);border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.dsv-scroll{width:260px;max-width:100%;height:140px;border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.dsv-scroll-viewport{width:100%;height:100%;padding:var(--space-3)}.dsv-scroll-rows{font-size:var(--font-size-sm)}.dsv-scrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;padding:2px;background:var(--color-surface-sunken)}.dsv-scrollbar[data-orientation=vertical]{width:8px}.dsv-scroll-thumb{flex:1;background:var(--color-border-strong);border-radius:var(--radius-full)}.dsv-aspect{width:260px;max-width:100%;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-sunken)}.dsv-aspect img{width:100%;height:100%;object-fit:cover}.dsv-utilities-note{font-size:var(--font-size-sm)}.dsv-touch-demo{position:relative;display:inline-flex;padding:var(--space-2)}.dsv-touch-demo-btn{position:relative;z-index:1}.dsv-touch-demo:after{content:"";position:absolute;inset:0;border-radius:var(--radius-full);border:var(--border-width-thick) dashed var(--color-accent-border);pointer-events:none}.dsv-touch-demo-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}.dsv-container-xs{max-width:var(--container-max-width-xs)}.dsv-container-xl{max-width:var(--container-max-width-xl)}.dsv-container-2xl{max-width:var(--container-max-width-2xl)}.dsv-grid-sm{display:grid;grid-template-columns:repeat(var(--grid-columns-sm),1fr);gap:var(--grid-gutter-sm);margin:0 var(--grid-margin-sm)}.dsv-grid-md{display:grid;grid-template-columns:repeat(var(--grid-columns-md),1fr);gap:var(--grid-gutter-md);margin:0 var(--grid-margin-md)}.dsv-gradient-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.dsv-gradient-tile{width:148px;height:88px;border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--color-border-subtle);display:flex;align-items:flex-end;padding:var(--space-2);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary);background:var(--color-surface)}.dsv-gradient-tile--brand{background:var(--gradient-brand);color:var(--color-text-on-accent);border-color:transparent}.dsv-gradient-tile--brand-subtle{background:var(--gradient-brand-subtle)}.dsv-gradient-tile--surface{background:var(--gradient-surface)}.dsv-gradient-tile--surface-subtle{background:var(--gradient-surface-subtle)}.dsv-gradient-tile--glow{background:var(--gradient-glow),var(--color-surface-sunken)}.dsv-gradient-tile--fade{background:var(--gradient-fade),var(--color-accent-muted);color:var(--color-neutral-50);border-color:transparent}.dsv-gradient-tile--hero{background:var(--gradient-hero);color:var(--color-neutral-50);border-color:transparent}.dsv-glow-row{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-2)}.dsv-glow-tile{width:var(--space-24);height:var(--space-16);border-radius:var(--radius-lg);background:var(--color-surface-raised);border:var(--border-width-thin) solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary)}.dsv-glow-tile--sm{box-shadow:var(--glow-sm)}.dsv-glow-tile--md{box-shadow:var(--glow-md)}.dsv-glow-tile--lg{box-shadow:var(--glow-lg)}.dsv-glow-tile--xl{box-shadow:var(--glow-xl)}.dsv-motion-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.dsv-motion-box{width:120px;height:var(--space-14);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.dsv-motion-box--hover{transition:transform var(--motion-hover)}.dsv-motion-box--hover:hover{transform:scale(var(--motion-scale-hover)) translate(var(--motion-distance-sm))}.dsv-motion-box--press{transition:transform var(--motion-press)}.dsv-motion-box--press:active{transform:scale(var(--motion-scale-active))}.dsv-motion-box--reveal{transition:opacity var(--motion-reveal),transform var(--motion-reveal),box-shadow var(--motion-reveal)}.dsv-motion-box--reveal:hover{transform:translateY(calc(-1 * var(--motion-distance-md)));box-shadow:var(--shadow-md)}.dsv-motion-box--layout{transition:transform var(--motion-layout)}.dsv-motion-box--layout:hover{transform:translate(var(--motion-distance-xl))}.dsv-motion-box--smooth{transition:transform var(--duration-normal) var(--ease-smooth)}.dsv-motion-box--smooth:hover{transform:translate(var(--motion-distance-md))}.dsv-motion-box--emphasized{transition:transform var(--duration-normal) var(--ease-emphasized)}.dsv-motion-box--emphasized:hover{transform:translate(var(--motion-distance-lg))}.dsv-motion-box--exit{transition:transform var(--motion-exit),opacity var(--motion-exit)}.dsv-motion-box--exit:hover{transform:scale(var(--motion-scale-exit));opacity:var(--opacity-overlay)}.dsv-section-stack{display:flex;flex-direction:column;width:100%;max-width:var(--composition-max-width-narrow)}.dsv-section-stack>div{background:var(--color-surface-sunken);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary);display:flex;align-items:center;padding:0 var(--composition-gutter)}.dsv-section-stack>.ss-xs{padding-top:var(--section-space-xs);padding-bottom:var(--section-space-xs);margin-bottom:var(--space-2)}.dsv-section-stack>.ss-sm{padding-top:var(--section-space-sm);padding-bottom:var(--section-space-sm);margin-bottom:var(--space-2)}.dsv-section-stack>.ss-md{padding-top:var(--section-space-md);padding-bottom:var(--section-space-md);margin-bottom:var(--space-2)}.dsv-composition-row{display:flex;flex-wrap:wrap;gap:var(--composition-gutter);align-items:flex-start}.dsv-offset-sm{margin-left:var(--composition-offset-sm)}.dsv-offset-md{margin-left:var(--composition-offset-md)}.dsv-offset-lg{margin-left:var(--composition-offset-lg)}.dsv-rhythm-slab{background:repeating-linear-gradient(to right,var(--color-border-strong) 0 1px,transparent 1px 8px) top left / 100% 6px no-repeat,var(--color-surface-sunken);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary);padding:var(--space-2) var(--composition-gutter) 0}.dsv-overlap-row{display:flex}.dsv-overlap-row>div{border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.dsv-overlap-row>div+div{margin-left:calc(-1 * var(--composition-overlap-md))}.dsv-overlap-row--sm>div+div{margin-left:calc(-1 * var(--composition-overlap-sm))}.dsv-overlap-row--lg>div+div{margin-left:calc(-1 * var(--composition-overlap-lg))}.dsv-media-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.dsv-media-tile{width:168px;background:var(--color-accent-muted);border-radius:var(--media-radius);overflow:hidden;position:relative;color:var(--color-neutral-50);font-size:var(--font-size-xs);font-family:var(--font-mono);display:flex;align-items:flex-end}.dsv-media-tile>span{padding:var(--space-1) var(--space-2)}.dsv-media-tile--wide{aspect-ratio:var(--media-aspect-wide)}.dsv-media-tile--standard{aspect-ratio:var(--media-aspect-standard);border-radius:var(--media-radius-sm);width:168px}.dsv-media-tile--square{aspect-ratio:var(--media-aspect-square);border-radius:var(--media-radius-lg);width:120px}.dsv-media-tile--portrait{aspect-ratio:var(--media-aspect-portrait);border-radius:var(--media-radius-xl);width:var(--space-24)}.dsv-media-tile--video{aspect-ratio:var(--media-aspect-video);width:168px}.dsv-media-tile .shade{position:absolute;inset:0;background:var(--media-overlay)}.dsv-media-tile .shade--subtle{background:var(--media-overlay-subtle)}.dsv-media-tile .shade--strong{background:var(--media-overlay-strong)}.dsv-bp-stack{display:flex;flex-direction:column;gap:var(--space-1-5);width:100%}.dsv-bp-bar{min-height:var(--space-5);border-radius:var(--radius-sm);background:var(--color-accent-muted);max-width:100%;display:flex;align-items:center;padding:0 var(--space-2);overflow:hidden;white-space:nowrap}.dsv-bp-bar>span{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary)}.dsv-bp-xs{width:var(--breakpoint-xs)}.dsv-bp-sm{width:var(--breakpoint-sm)}.dsv-bp-md{width:var(--breakpoint-md)}.dsv-bp-lg{width:var(--breakpoint-lg)}.dsv-bp-xl{width:var(--breakpoint-xl)}.dsv-bp-2xl{width:var(--breakpoint-2xl)}.dsv-overlay-tile{width:220px;height:120px;border-radius:var(--overlay-radius);background:var(--color-surface-sunken);position:relative;overflow:hidden;border:var(--border-width-thin) solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary)}.dsv-overlay-tile:before{content:"";position:absolute;inset:0;background:var(--color-scrim);opacity:var(--overlay-opacity);-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur))}.dsv-overlay-tile>span{position:relative;z-index:1;color:var(--color-neutral-50);text-align:center;padding:0 var(--space-3)}.dsv-stroke-row{display:flex;gap:var(--icon-gap-md);align-items:center}.dsv-stroke-sample{min-width:var(--size-icon-xl);min-height:var(--size-icon-xl);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--icon-gap-xs);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary)}.dsv-stroke-sample svg{color:var(--color-text)}.dsv-stroke-sample--thin svg{stroke-width:var(--icon-stroke-width-thin)}.dsv-stroke-sample--base svg{stroke-width:var(--icon-stroke-width)}.dsv-stroke-sample--medium svg{stroke-width:var(--icon-stroke-width-medium)}.dsv-stroke-sample--bold svg{stroke-width:var(--icon-stroke-width-bold)}.dsv-well{background:var(--color-surface-sunken);box-shadow:var(--shadow-inner);border-radius:var(--radius-md);padding:var(--space-4)}.dsv-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-0-5);max-width:320px}.dsv-cal-day{aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;border:var(--border-width-thin) solid transparent}.dsv-cal-day:hover{background:var(--color-hover-overlay)}.dsv-cal-day:active{background:var(--color-active-overlay)}.dsv-cal-day.is-today{border-color:var(--color-accent)}.dsv-cal-day.is-range{background:var(--color-accent-subtle);border-radius:var(--radius-none)}.dsv-cal-day.is-selected{background:var(--color-selected);border-color:var(--color-accent-border);font-weight:var(--font-weight-semibold)}.dsv-cal-head{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;padding:var(--space-1) 0}.dsv-stepper{display:inline-flex;align-items:center;border:var(--input-border-width) solid var(--color-border);border-radius:var(--input-radius);overflow:hidden;background:var(--color-surface)}.dsv-stepper button{width:var(--input-height-md);height:var(--input-height-md);background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--color-input-text)}.dsv-stepper button:hover{background:var(--color-hover-overlay)}.dsv-stepper button:active{background:var(--color-active-overlay)}.dsv-stepper input{width:var(--space-16);text-align:center;border:none;background:transparent;font:inherit;color:var(--color-text)}.dsv-rating{display:inline-flex;gap:var(--space-0-5)}.dsv-rating button{background:none;border:none;cursor:pointer;color:var(--color-border-strong);padding:var(--space-0-5);border-radius:var(--radius-sm);transition:transform var(--motion-hover),color var(--motion-hover)}.dsv-rating button:hover{transform:scale(1.15);color:var(--color-warning)}.dsv-rating button.is-on{color:var(--color-warning)}.dsv-rating button.is-on svg{fill:currentColor}.dsv-tree{list-style:none;margin:0;padding:0;font-size:var(--font-size-sm)}.dsv-tree ul{list-style:none;margin:0;padding-left:var(--space-5);border-left:var(--border-width-thin) solid var(--color-border-subtle);margin-left:var(--space-2)}.dsv-tree-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer}.dsv-tree-row:hover{background:var(--color-hover-overlay)}.dsv-tree-row:active{background:var(--color-active-overlay)}.dsv-tree-row.is-selected{background:var(--color-selected)}.dsv-dropzone{border:var(--border-width-thick) dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;color:var(--color-text-muted);background:var(--color-surface);cursor:pointer;transition:border-color var(--motion-hover),background var(--motion-hover),color var(--motion-hover),transform var(--motion-hover)}.dsv-dropzone:hover{border-color:var(--color-accent-border);color:var(--color-text)}.dsv-dropzone.is-over{border-color:var(--color-accent);background:var(--color-accent-subtle);color:var(--color-accent-text)}.dsv-dropzone.is-done{border-style:solid;border-color:var(--color-success-border)}.dsv-chart-bar{background:var(--color-accent-muted);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.dsv-chart-bar--hot{background:var(--color-accent)}.dsv-kbd-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.dsv-kbd-table td{padding:var(--space-2) var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.dsv-tree-row>svg:first-child{transition:transform var(--duration-fast) var(--ease-out)}.dsv-tree-row.is-open>svg:first-child{transform:rotate(90deg)}.dsv-check--static{width:var(--size-icon-md);height:var(--size-icon-md)}.dsv-check--static[data-state=unchecked] svg{visibility:hidden}.dsv-neutral-chip{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-secondary)}.dsv-dur-list{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:520px}.dsv-dur-row{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.dsv-dur-dot{width:12px;height:12px;flex:none;border-radius:var(--radius-full);background:var(--color-accent);animation:dsv-blink 1s var(--ease-in-out) infinite}.dsv-dur-meta{display:flex;align-items:baseline;gap:var(--space-2);min-width:0}.dsv-dur-meta strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:56px}.dsv-dur-track{flex:1;min-width:80px;height:6px;border-radius:var(--radius-full);background:var(--color-surface-sunken);overflow:hidden;position:relative}.dsv-dur-fill{position:absolute;top:0;bottom:0;left:0;width:28px;border-radius:var(--radius-full);background:var(--color-accent);animation:dsv-dur-slide 1s var(--ease-in-out) infinite alternate}.dsv-blur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);width:100%}.dsv-blur-card{background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.dsv-blur-card-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.dsv-blur-tile-wrap{position:relative;width:56px;height:56px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-accent-muted);border:var(--border-width-thin) solid var(--color-border-subtle);display:inline-flex;align-items:center;justify-content:center}.dsv-blur-tile-bg{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-accent-text)}.dsv-blur-tile-fg{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);background:color-mix(in srgb,var(--color-surface) 72%,transparent);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.dsv-outline-chip{font-size:var(--font-size-xs);font-family:var(--font-mono);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-outline)}.dsv-focus-demo:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset);box-shadow:var(--shadow-focus)}.dsv-bounce-dot--sm{width:12px;height:12px;animation-duration:1s}.dsv-bounce-dot--lg{width:28px;height:28px;animation-duration:1.8s}.dsv-skeleton{background:var(--color-surface-sunken);border-radius:var(--radius-sm);animation:dsv-pulse var(--duration-slowest) var(--ease-in-out) infinite}.dsv-blur-sm{filter:blur(var(--blur-sm))}.dsv-blur-md{filter:blur(var(--blur-md))}.dsv-blur-lg{filter:blur(var(--blur-lg))}.dsv-blur-xl{filter:blur(var(--blur-xl))}.dsv-outline-card{box-shadow:var(--shadow-outline);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-4);flex-wrap:wrap}.dsv-bounce-dot{width:var(--size-icon-lg);height:var(--size-icon-lg);border-radius:var(--radius-full);background:var(--color-accent-secondary);animation:dsv-bounce 1.4s var(--ease-bounce) infinite}.dsv-hover-fade{transition:opacity var(--motion-hover)}.dsv-hover-fade:hover{opacity:var(--opacity-hover)}.dsv-pressable{transition:transform var(--motion-press),opacity var(--motion-press)}.dsv-pressable:active{transform:scale(var(--motion-scale-active));opacity:var(--opacity-active)}@media(prefers-reduced-motion:reduce){.dsv-dur-dot,.dsv-dur-fill,.dsv-skeleton,.dsv-bounce-dot{animation:none}}.dsv-btn-group{display:inline-flex}.dsv-btn-group>.dsv-btn{border-radius:0;margin-left:calc(-1 * var(--border-width-thin))}.dsv-btn-group>.dsv-btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md);margin-left:0}.dsv-btn-group>.dsv-btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.dsv-setting-row .dsv-slider{flex:1 1 140px}.dsv-banner--on-dark .dsv-btn--on-dark-solid{background:var(--color-surface);color:var(--color-text);border-color:transparent}.dsv-banner--on-dark .dsv-btn--on-dark-ghost{color:var(--color-text-inverse);border:var(--border-width-thin) solid color-mix(in srgb,var(--color-text-inverse) 50%,transparent)}.dsv-banner--on-dark .dsv-btn--on-dark-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-text-inverse) 12%,transparent);color:var(--color-text-inverse)}.dsv-kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.dsv-kanban-col{min-width:0;background:var(--color-surface-sunken);border-radius:var(--radius-lg);padding:var(--space-3)}.dsv-kanban-col h4{margin:0 0 var(--space-3);font-size:var(--heading-label);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.dsv-kanban-card{background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);box-shadow:var(--shadow-xs);font-size:var(--font-size-sm);transition:box-shadow var(--motion-hover),transform var(--motion-hover),border-color var(--motion-hover)}.dsv-kanban-card:hover{box-shadow:var(--shadow-md);transform:translateY(calc(-1 * var(--motion-distance-xs)));border-color:var(--color-border-strong)}.dsv-chat{display:flex;flex-direction:column;gap:var(--space-3)}.dsv-bubble{max-width:70%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:var(--line-height-normal);overflow-wrap:anywhere}.dsv-bubble--them{background:var(--color-surface-sunken);color:var(--color-text);align-self:flex-start;border-bottom-left-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--color-border-subtle)}.dsv-bubble--me{background:var(--color-accent);color:var(--color-on-accent);align-self:flex-end;border-bottom-right-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}.dsv-screen-subnav{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-surface);border-bottom:var(--border-width-thin) solid var(--color-divider)}.dsv-screen-subnav{position:static}.dsv-feature-card{border-radius:var(--radius-2xl)}.dsv-badge--on-dark{background:color-mix(in srgb,var(--color-neutral-50) 18%,transparent);color:var(--color-neutral-50);border-color:color-mix(in srgb,var(--color-neutral-50) 35%,transparent)}.dsv-inbox{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:0;border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;min-height:320px}.dsv-setting-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.dsv-setting-row>:last-child{min-width:0;max-width:100%}.dsv-hero-panel{background:var(--gradient-hero);border-radius:var(--media-radius-xl);padding:var(--section-space-lg) var(--composition-gutter) var(--section-space-md);color:var(--color-neutral-50);text-align:center;position:relative;overflow:clip;isolation:isolate;border:var(--border-width-thin) solid color-mix(in srgb,var(--color-neutral-50) 22%,transparent);box-shadow:var(--shadow-lg),var(--glow-md)}.dsv-hero-panel>*{position:relative;z-index:1}.dsv-hero-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(color-mix(in srgb,var(--color-neutral-50) 14%,transparent) var(--border-width-thin),transparent var(--border-width-thin)),linear-gradient(90deg,color-mix(in srgb,var(--color-neutral-50) 14%,transparent) var(--border-width-thin),transparent var(--border-width-thin));background-size:var(--space-7) var(--space-7);-webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 10%,var(--color-neutral-1000) 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 90% at 50% 10%,var(--color-neutral-1000) 30%,transparent 75%)}.dsv-hero-orb{position:absolute;z-index:0;border-radius:var(--radius-full);pointer-events:none;filter:blur(var(--blur-xl))}.dsv-hero-orb--a{width:var(--space-80);height:var(--space-80);top:-120px;left:-80px;opacity:.55;background:radial-gradient(circle,color-mix(in srgb,var(--color-neutral-50) 65%,transparent),transparent 65%)}.dsv-hero-orb--b{width:380px;height:380px;bottom:-180px;right:-100px;opacity:.45;background:radial-gradient(circle,var(--color-accent-secondary),transparent 65%)}.dsv-hero-panel .dsv-display{color:var(--color-neutral-50);text-wrap:balance}.dsv-hero-panel .dsv-lede{color:color-mix(in srgb,var(--color-neutral-50) 88%,transparent);text-wrap:pretty}.dsv-hero-cta{background:var(--color-surface);color:var(--color-text);box-shadow:var(--glow-md);transition:box-shadow var(--motion-page),transform var(--motion-page)}.dsv-hero-cta:hover{box-shadow:var(--glow-lg);transform:translateY(calc(-1 * var(--motion-distance-xs)))}.dsv-hero-cta:active{transform:scale(var(--motion-scale-active))}.dsv-hero-panel .dsv-hero-ghost{background:color-mix(in srgb,var(--color-neutral-50) 12%,transparent);border-color:color-mix(in srgb,var(--color-neutral-50) 50%,transparent);color:var(--color-neutral-50);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md))}.dsv-hero-panel .dsv-hero-ghost:hover{background:color-mix(in srgb,var(--color-neutral-50) 22%,transparent);color:var(--color-neutral-50)}.dsv-pulse-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-neutral-50);flex:none;animation:dsv-blink 1.6s var(--ease-in-out) infinite}.dsv-badge--on-dark .dsv-pulse-dot{background:var(--color-neutral-50)}.dsv-hero-stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-6);font-size:var(--font-size-sm);color:color-mix(in srgb,var(--color-neutral-50) 88%,transparent)}.dsv-hero-stats strong{color:var(--color-neutral-50);font-weight:var(--font-weight-semibold)}.dsv-hero-stats-sep{width:var(--space-1);height:var(--space-1);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-neutral-50) 50%,transparent);flex:none}.dsv-hero-img{position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-surface-sunken);border:var(--border-width-thin) solid var(--color-border-subtle);box-shadow:var(--shadow-lg);aspect-ratio:var(--media-aspect-wide);min-height:180px}.dsv-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.dsv-hero-img:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--color-neutral-1000) 45%,transparent),transparent 55%)}.dsv-hero-img-cap{position:absolute;z-index:1;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);color:var(--color-neutral-50);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-shadow:0 var(--border-width-thin) var(--blur-md) color-mix(in srgb,var(--color-neutral-1000) 40%,transparent)}.dsv-feature-ico{width:var(--size-icon-xl);height:var(--size-icon-xl);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);color:var(--color-accent-text);border:var(--border-width-thin) solid var(--color-accent-border)}@media(max-width:760px){.dsv-bubble{max-width:85%}}@media(max-width:640px){.dsv-inbox{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.dsv-pulse-dot{animation:none}}.tok-update{height:26px;font-size:var(--font-size-xs);flex:none}.tok-swatch .tok-update{width:100%;margin-top:var(--space-2)}.tok-pop{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-overlay);padding:var(--space-3);box-shadow:var(--shadow-md);z-index:var(--z-modal);width:280px}.tok-pop-label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-xs)}.tok-pop-label code{font-family:var(--font-mono);color:var(--color-text-secondary);word-break:break-all}.tok-pop-input{border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-input-text);font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-2);width:100%;box-sizing:border-box}.tok-pop-hint{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.tok-rows{display:flex;flex-direction:column;gap:var(--space-1)}.tok-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.4fr) max-content;align-items:center;column-gap:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer}.tok-row:hover{background:var(--color-hover-overlay)}.tok-row[aria-selected=true]{background:var(--color-accent-subtle);outline:1px solid var(--color-accent-border)}.tok-row-name{min-width:0;font-family:var(--font-mono);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tok-row-value{min-width:0;font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tok-ref{color:var(--color-accent-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.tok-row-demo{min-width:0;display:flex;align-items:center;gap:var(--space-3)}.tok-row-action{display:flex;align-items:center;justify-content:flex-end}.tok-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-3)}.tok-swatch{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;background:var(--color-surface)}.tok-swatch:hover{border-color:var(--color-border-strong)}.tok-swatch[aria-selected=true]{border-color:var(--color-accent-border);outline:1px solid var(--color-accent-border)}.tok-chip{height:var(--space-10);border-radius:var(--radius-sm);background:var(--val);border:1px solid var(--color-border-subtle);margin-bottom:var(--space-2)}.tok-swatch-name{font-family:var(--font-mono);font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--space-1);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tok-swatch-value{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tok-bar{height:var(--space-3);max-width:100%;border-radius:var(--radius-sm);background:var(--color-accent)}.tok-radiusbox{width:var(--space-10);height:var(--space-10);background:var(--color-accent-subtle);border:1px solid var(--color-accent-border)}.tok-shadowbox{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-sm);background:var(--color-surface-raised)}.tok-motionbox{width:var(--space-10);height:var(--space-4);border-radius:var(--radius-full);background:var(--color-accent)}.tok-typespec{font-size:var(--font-size-base);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tok-lineheight{white-space:normal;background:var(--color-surface-raised);padding:var(--space-2);border-radius:var(--radius-sm)}.tok-num{font-family:var(--font-mono);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;background:var(--color-surface-raised);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.tok-row:focus-visible,.tok-swatch:focus-visible,.tok-raw tr[data-token]:focus-visible{outline:2px solid var(--color-accent-border);outline-offset:1px}.tok-props{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4)}.tok-props-block h3{margin:0 0 var(--space-2);font-size:var(--heading-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.tok-cov{display:flex;align-items:center;gap:var(--space-3)}.tok-cov-ring{position:relative;width:44px;height:44px;flex:none}.tok-cov-ring svg{width:100%;height:100%;transform:rotate(0)}.tok-rr-track{fill:none;stroke:var(--color-border);stroke-width:3}.tok-rr-val{fill:none;stroke-width:3;stroke-linecap:round}.tok-cov-ok .tok-rr-val{stroke:var(--color-success)}.tok-cov-warn .tok-rr-val{stroke:var(--color-warning)}.tok-cov-bad .tok-rr-val{stroke:var(--color-danger)}.tok-cov-ring b{position:absolute;inset:0;display:flex;align-items:baseline;justify-content:center;padding-top:12px;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.tok-cov-ring.tok-cov-3dig b{font-size:var(--font-size-xs)}.tok-cov-ring b i{font-style:normal;font-size:9px;color:var(--color-text-muted)}.tok-cov-text{font-size:var(--font-size-xs);line-height:1.5;color:var(--color-text-secondary)}.tok-miss{color:var(--color-warning)}.tok-extra{color:var(--color-accent-text)}.tok-zero{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.tok-inspector{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.tok-inspector-name,.tok-inspector-value{font-family:var(--font-mono);font-size:var(--font-size-xs);word-break:break-all}.tok-inspector-value{color:var(--color-text-secondary)}.tok-inspector-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.tok-props-empty{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.tok-warn-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.tok-warn-list code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-warning)}.tok-contrast-rows{display:flex;flex-direction:column;gap:var(--space-1)}.tok-contrast-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.tok-contrast-label{flex:1 1 40%;min-width:0;display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-sm)}.tok-contrast-label b{font-weight:var(--font-weight-medium);white-space:nowrap}.tok-contrast-label span{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tok-contrast-demo{flex:1 1 60%;min-width:0;display:flex;align-items:center;gap:var(--space-3)}.tok-contrast-chip{display:inline-flex;align-items:center;justify-content:center;width:46px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--color-border);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.tok-contrast-num{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:44px;font-variant-numeric:tabular-nums}.tok-contrast-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;white-space:nowrap}.tok-contrast-badge.yes{background:color-mix(in srgb,var(--color-success) 18%,transparent);color:var(--color-success)}.tok-contrast-badge.mid{background:color-mix(in srgb,var(--color-warning) 18%,transparent);color:var(--color-warning)}.tok-contrast-badge.no{background:color-mix(in srgb,var(--color-danger) 15%,transparent);color:var(--color-danger)}.tok-gallery{display:flex;flex-direction:column;gap:var(--space-8)}.tok-group{scroll-margin-top:calc(var(--app-topbar-height) + var(--space-4));content-visibility:auto;contain-intrinsic-size:auto 500px}.tok-group>h2{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--heading-section);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3)}.tok-group>h2 span{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.tok-tablewrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.tok-raw{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.tok-raw td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);vertical-align:top}.tok-raw tbody tr:last-child td{border-bottom:none}.tok-raw tbody tr[data-token]{cursor:pointer}.tok-raw tbody tr[data-token]:hover{background:var(--color-hover-overlay)}.tok-raw tbody tr[aria-selected=true]{background:var(--color-accent-subtle)}.tok-raw td:first-child{font-family:var(--font-mono);white-space:nowrap}.tok-missing{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tok-missing code{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-warning);margin-inline-end:var(--space-2)}.tok-empty{padding:var(--space-8);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.tok-schema{display:flex;flex-direction:column;gap:var(--space-8)}.tok-yes{color:var(--color-success)}.tok-no{color:var(--color-danger)}.tok-missing-inline{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:var(--space-2)}.tok-dialog .tok-textarea{margin-bottom:var(--space-2)}.tok-view{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);max-width:1100px}.tok-warns{font-size:var(--font-size-sm);color:var(--color-text-secondary);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.tok-warns summary{cursor:pointer;font-weight:var(--font-weight-medium)}.tok-warns code{font-family:var(--font-mono);font-size:var(--font-size-xs)}.cmp-wrap{display:flex;flex-direction:column;min-height:100%}.cmp-toolbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-5);background:color-mix(in srgb,var(--color-surface) 86%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom:var(--border-width-thin) solid var(--color-divider)}.cmp-hint{font-size:var(--font-size-xs);margin-left:auto;white-space:nowrap;font-family:var(--font-mono);color:var(--color-text-muted)}.cmp-seg{display:inline-flex;background:var(--color-surface-sunken);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-full);padding:3px;gap:2px}.cmp-seg button{appearance:none;border:0;background:none;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--control-padding-y-sm) var(--control-padding-x-md);border-radius:var(--radius-full);cursor:pointer}.cmp-seg button:hover:not([data-state=on]){color:var(--color-text)}.cmp-seg button[data-state=on]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.cmp-cols{--cmp-n: 2;flex:1;display:grid;gap:var(--space-4);grid-template-columns:repeat(var(--cmp-n),minmax(240px,1fr));padding:var(--space-5);align-items:start;overflow-x:auto}.cmp-cols[data-count="2"]{--cmp-n: 2}.cmp-cols[data-count="3"]{--cmp-n: 3}.cmp-cols[data-count="4"]{--cmp-n: 4}.cmp-col{min-width:0;background:var(--color-bg);color:var(--color-text);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.cmp-col-head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--heading-column);font-weight:var(--font-weight-semibold);background:var(--color-surface);color:var(--color-text);border-bottom:var(--border-width-thin) solid var(--color-divider)}.cmp-swatch{width:var(--size-icon-sm);height:var(--size-icon-sm);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--color-border-strong);flex:none}.cmp-cov{margin-left:auto;font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.cmp-col-body{padding:var(--space-4)}.cmp-stack{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:720px){.cmp-cols{grid-template-columns:1fr;padding:var(--space-4)}.cmp-toolbar{padding:var(--space-2) var(--space-3)}.cmp-hint{margin-left:0}.cmp-diff{padding:var(--space-3)}.cmp-diff-bar{flex-wrap:wrap;gap:var(--space-2)}}.cmp-diff{flex:1;padding:var(--space-5);overflow-x:auto}.cmp-diff-bar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);font-size:var(--font-size-sm)}.cmp-diff-bar b{color:var(--color-text)}.cmp-diff-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.cmp-diff-table thead th{position:sticky;top:0;text-align:left;z-index:1;scroll-margin-top:var(--space-4);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.cmp-diff-table td{padding:var(--space-2) var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-subtle);vertical-align:top;font-variant-numeric:tabular-nums}.cmp-diff-table tbody{content-visibility:auto;contain-intrinsic-size:auto 320px}.cmp-diff-cat th{background:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-semibold);padding:var(--space-1-5) var(--space-3);text-align:left}.cmp-diff-name{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}tr.is-diff .cmp-diff-name{color:var(--color-text)}tr.is-diff td{background:color-mix(in srgb,var(--color-warning) 8%,transparent)}.cmp-diff-cell{display:inline-flex;align-items:center;gap:var(--space-2)}.cmp-diff-cell code{font-size:var(--font-size-xs)}.cmp-diff-chip{width:var(--size-icon-sm);height:var(--size-icon-sm);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--color-border-strong);flex:none}.cmp-diff-missing{color:var(--color-text-disabled)}.cmp-rail-search{margin-bottom:var(--space-2)}.cmp-rail-search .app-topbar-search{width:100%}.cmp-rail-empty{margin:var(--space-2) var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.cmp-rail-systems{display:flex;flex-direction:column;gap:var(--space-1)}.cmp-chip{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-height:34px;min-width:0;white-space:nowrap;padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);background:var(--color-surface)}.cmp-chip:hover{border-color:var(--color-border-strong);color:var(--color-text)}.cmp-chip.on{background:var(--color-accent-subtle);border-color:var(--color-accent-border);color:var(--color-accent-text)}.cmp-chip:has(.dsv-check:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.cmp-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border-strong);flex:none}.cmp-chip.on .cmp-dot{background:var(--color-accent)}.cmp-pct{margin-left:auto;flex:none;white-space:nowrap;font-family:var(--font-mono);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted);background:var(--color-surface-sunken);border-radius:var(--radius-full);padding:1px var(--space-2)}.cmp-chip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-chip.on .cmp-pct{color:var(--color-accent-text);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.cmp-chip[data-disabled=true]{opacity:.45;cursor:not-allowed}.cmp-chip[data-disabled=true]:hover{border-color:var(--color-border-subtle);color:var(--color-text-secondary)}button.app-rail-link{appearance:none;width:100%;border:0;background:none;font-family:inherit;text-align:left;cursor:pointer}button.app-rail-link[aria-current=true]{background:var(--color-accent-subtle)}.cmp-props{padding:var(--space-4)}.cmp-props-block+.cmp-props-block{margin-top:var(--space-4)}.cmp-props-block h3{margin:0 0 var(--space-2);font-size:var(--heading-label);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted)}.cmp-props-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.cmp-props-list li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.cmp-props-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmp-props-pct{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}.cmp-props-remove{appearance:none;flex:none;display:grid;place-items:center;width:var(--size-icon-lg);height:var(--size-icon-lg);padding:0;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-text-muted);cursor:pointer}.cmp-props-remove:hover{background:var(--color-hover-overlay);color:var(--color-text)}.cmp-props-remove:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.cmp-props-empty{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}h1,h2,h3,h4,h5,h6,dl,dd,pre{margin:0}.dsv-switch,.dsv-check,.dsv-radio,.dsv-toggle,.dsv-tabs-trigger,.dsv-accordion-trigger,.dsv-select-trigger,.dsv-nav-trigger,.dsv-menu-subtrigger,.dsv-toolbar button,.dsv-pagination button,.dsv-segmented button,.dsv-tag button,.dsv-banner .close,.dsv-pwd button,.dsv-toast button{-webkit-appearance:none;appearance:none;margin:0;font:inherit;cursor:pointer}.dsv-switch,.dsv-check,.dsv-radio{padding:0}.dsv-switch{border:none}.dsv-section{margin-bottom:var(--desktop-section-spacing);scroll-margin-top:calc(var(--app-topbar-height) + var(--space-4))}.dsv-section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-1)}.dsv-section-head h2{font-size:var(--heading-section);font-weight:var(--font-weight-semibold);margin:0}.dsv-section>p{color:var(--color-text-muted);margin:0 0 var(--space-6)}.dsv-block{margin-bottom:var(--space-10);scroll-margin-top:calc(var(--app-topbar-height) + 96px)}.dsv-block-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.dsv-block-head h3{font-size:var(--heading-subsection);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin:0}.dsv-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.dsv-font-note,.dsv-err{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);font-size:var(--font-size-sm)}.dsv-font-note{background:var(--color-warning-subtle);color:var(--color-warning-text);border:var(--border-width-thin) solid var(--color-warning-border)}.dsv-err{background:var(--color-danger-subtle);color:var(--color-danger-text);border:var(--border-width-thin) solid var(--color-danger-border)}.dsv-btn{-webkit-appearance:none;appearance:none;margin:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap);height:var(--button-height-md);padding:0 var(--button-padding-x-md);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--button-radius);border:var(--border-width-thin) solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--motion-hover),border-color var(--motion-hover),transform var(--motion-press)}.dsv-btn:active:not(:disabled){transform:scale(var(--motion-scale-active))}.dsv-btn:disabled,.dsv-btn[data-disabled]{opacity:1;cursor:not-allowed;background:var(--color-surface-disabled);color:var(--color-text-secondary);border-color:var(--color-border-disabled)}.dsv-btn--sm{height:var(--button-height-sm);font-size:var(--font-size-xs);padding:0 var(--button-padding-x-sm)}.dsv-btn--lg{height:var(--button-height-lg);font-size:var(--font-size-base);padding:0 var(--button-padding-x-lg)}.dsv-btn--xl{height:var(--button-height-xl);font-size:var(--font-size-base);padding:0 var(--button-padding-x-xl)}.dsv-btn svg{width:var(--button-icon-size);height:var(--button-icon-size);flex:none}.dsv-btn--solid{background:var(--color-accent);color:var(--color-on-accent)}.dsv-btn--solid:hover:not(:disabled){background:var(--color-accent-hover)}.dsv-btn--solid:active:not(:disabled){background:var(--color-accent-active)}.dsv-btn--soft{background:var(--color-accent-subtle);color:var(--color-accent-text)}.dsv-btn--soft:hover:not(:disabled){background:var(--color-accent-muted)}.dsv-btn--soft:active:not(:disabled){background:var(--color-accent-muted);box-shadow:var(--shadow-inner)}.dsv-btn--outline{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}.dsv-btn--outline:hover:not(:disabled){background:var(--color-hover-overlay)}.dsv-btn--outline:active:not(:disabled){background:var(--color-pressed-overlay)}.dsv-btn--ghost{color:var(--color-text-secondary);background:transparent}.dsv-btn--ghost:hover:not(:disabled){background:var(--color-hover-overlay);color:var(--color-text)}.dsv-btn--ghost:active:not(:disabled){background:var(--color-pressed-overlay)}.dsv-btn--danger{background:var(--color-danger);color:var(--color-on-danger)}.dsv-btn--danger:hover:not(:disabled){background:var(--color-danger-text)}.dsv-btn--danger:active:not(:disabled){filter:brightness(.9)}.dsv-icon-btn{width:var(--button-height-md);height:var(--button-height-md);padding:0;flex:none}.dsv-btn--sm.dsv-icon-btn{width:var(--button-height-sm);height:var(--button-height-sm)}.dsv-btn--lg.dsv-icon-btn{width:var(--button-height-lg);height:var(--button-height-lg)}.dsv-field{display:flex;flex-direction:column;gap:var(--space-1-5)}.dsv-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.dsv-input,.dsv-textarea{font:inherit;font-size:var(--font-size-sm);min-width:0;background:var(--color-surface);color:var(--color-input-text);border:var(--input-border-width) solid var(--color-border);border-radius:var(--input-radius);padding:0 var(--input-padding-x);height:var(--input-height-md)}.dsv-textarea{height:auto;padding:var(--input-padding-y) var(--input-padding-x);min-height:var(--space-20);resize:vertical;line-height:var(--line-height-normal)}.dsv-input::placeholder,.dsv-textarea::placeholder{color:var(--color-text-disabled)}.dsv-input:focus-visible,.dsv-textarea:focus-visible{border-color:var(--color-accent-border)}.dsv-input:disabled,.dsv-textarea:disabled{background:var(--color-surface-sunken);color:var(--color-text-disabled);cursor:not-allowed}.dsv-input[aria-invalid=true]{border-color:var(--color-input-border-error)}.dsv-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dsv-hint--err{color:var(--color-danger-text);background:var(--color-danger-subtle);display:inline-block;padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm)}.dsv-muted{color:var(--color-text-muted)}.dsv-mono{font-family:var(--font-mono)}.dsv-stack{display:flex;flex-direction:column;gap:var(--space-4)}.dsv-inline{display:flex;align-items:center;gap:var(--space-2)}.dsv-link{color:var(--color-text-link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.dsv-link:hover{filter:brightness(.92)}.dsv-link:active{filter:brightness(.82)}.dsv-card{background:var(--color-surface);border:var(--card-border-width) solid var(--color-border-subtle);border-radius:var(--card-radius);padding:var(--card-padding-md);box-shadow:var(--card-shadow)}.dsv-card--dashed{border-style:dashed;display:grid;place-items:center;width:var(--space-56);height:var(--space-24)}.dsv-overlay{position:fixed;inset:0;background:var(--color-scrim);-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur));z-index:var(--z-overlay);animation:dsv-fade var(--motion-enter)}.dsv-modal{position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100vh - var(--space-8));width:min(var(--modal-width-md),calc(100vw - var(--space-8)));background:var(--color-surface-overlay);color:var(--color-text);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);padding:var(--modal-padding);z-index:var(--z-modal);animation:dsv-pop var(--motion-modal);overflow:auto}@media(min-width:900px){.dsv-modal{border-radius:var(--radius-2xl)}}.dsv-modal h3{margin:0 0 var(--space-2);font-size:var(--heading-subsection);font-weight:var(--font-weight-semibold)}.dsv-modal p{margin:0 0 var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.dsv-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.dsv-pop{background:var(--color-surface-raised);color:var(--color-text);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);z-index:var(--z-popover);min-width:220px;max-width:calc(100vw - var(--space-8));font-size:var(--font-size-sm);animation:dsv-scale var(--motion-reveal)}.dsv-pop--lg{box-shadow:var(--shadow-xl);max-width:min(560px,calc(100vw - var(--space-8)))}.dsv-pop-arrow{fill:var(--color-surface-raised)}.dsv-menu{background:var(--color-surface-raised);color:var(--color-text);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1-5);z-index:var(--z-dropdown);min-width:200px;max-width:calc(100vw - var(--space-8));animation:dsv-scale var(--motion-reveal)}.dsv-menu-item,.dsv-menu-subtrigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none}.dsv-menu-item[data-highlighted],.dsv-menu-subtrigger[data-highlighted],.dsv-menu-item[data-state=open],.dsv-menu-subtrigger[data-state=open]{background:var(--color-accent-subtle);color:var(--color-accent-text)}.dsv-menu-item[data-disabled]{color:var(--color-text-disabled);pointer-events:none}.dsv-menu-item--danger{color:var(--color-danger-text)}.dsv-menu-item--danger[data-highlighted]{background:var(--color-danger-subtle);color:var(--color-danger-text)}.dsv-menu-label{padding:var(--space-1-5) var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.dsv-menu-sep{height:var(--border-width-thin);background:var(--color-divider);margin:var(--space-1-5) 0}.dsv-menu-shortcut{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.dsv-menu-check{padding-left:var(--space-6);position:relative}.dsv-menu-item-indicator{position:absolute;left:var(--space-2);display:inline-flex}.dsv-tooltip{background:var(--color-text);color:var(--color-text-inverse);font-size:var(--font-size-xs);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);border-radius:var(--tooltip-radius);z-index:var(--z-tooltip);box-shadow:var(--shadow-md);max-width:var(--tooltip-max-width);animation:dsv-fade var(--motion-enter)}.dsv-tooltip-arrow{fill:var(--color-text)}.dsv-hovercard{display:flex;gap:var(--space-3);max-width:min(300px,calc(100vw - var(--space-8)))}.dsv-hovercard .name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.dsv-hovercard .bio{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.dsv-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;width:var(--size-control-md);height:var(--size-control-md);border-radius:var(--radius-full);background:var(--color-surface-sunken);vertical-align:middle;box-shadow:0 0 0 var(--avatar-ring-width) var(--avatar-ring-color);flex:none}.dsv-avatar img{width:100%;height:100%;object-fit:cover}.dsv-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.dsv-avatar--xs{width:var(--size-avatar-xs);height:var(--size-avatar-xs)}.dsv-avatar--sm{width:var(--size-avatar-sm);height:var(--size-avatar-sm)}.dsv-avatar--md{width:var(--size-avatar-md);height:var(--size-avatar-md)}.dsv-avatar--lg{width:var(--size-avatar-lg);height:var(--size-avatar-lg)}.dsv-avatar--xl{width:var(--size-avatar-xl);height:var(--size-avatar-xl)}.dsv-toggle{min-width:var(--size-control-md);height:var(--size-control-md);padding:0 var(--space-2);display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);color:var(--color-text-secondary);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.dsv-toggle:hover{background:var(--color-hover-overlay)}.dsv-toggle[data-state=on]{background:var(--color-accent-subtle);color:var(--color-accent-text);border-color:var(--color-accent-border)}.dsv-toggle-group{display:inline-flex}.dsv-toggle-group .dsv-toggle{border-radius:0;margin-left:calc(-1 * var(--control-border-width))}.dsv-toggle-group .dsv-toggle:first-child{border-radius:var(--control-radius) 0 0 var(--control-radius);margin-left:0}.dsv-toggle-group .dsv-toggle:last-child{border-radius:0 var(--control-radius) var(--control-radius) 0}.dsv-badge{display:inline-flex;align-items:center;gap:var(--badge-gap);min-height:var(--badge-height-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-0-5) var(--badge-padding-x);border-radius:var(--badge-radius);background:var(--color-accent-subtle);color:var(--color-accent-text);border:var(--border-width-thin) solid var(--color-accent-border)}.dsv-badge--success{background:var(--color-success-subtle);color:var(--color-success-text);border-color:var(--color-success-border)}.dsv-badge--warning{background:var(--color-warning-subtle);color:var(--color-warning-text);border-color:var(--color-warning-border)}.dsv-badge--danger{background:var(--color-danger-subtle);color:var(--color-danger-text);border-color:var(--color-danger-border)}.dsv-badge--info{background:var(--color-info-subtle);color:var(--color-info-text);border-color:var(--color-info-border)}.dsv-badge--success-solid{background:color-mix(in srgb,var(--color-success) 80%,var(--color-neutral-1000));color:var(--color-on-success);border-color:transparent}.dsv-badge--warning-solid{background:color-mix(in srgb,var(--color-warning) 80%,var(--color-neutral-1000));color:var(--color-on-warning);border-color:transparent}.dsv-badge--danger-solid{background:var(--color-danger);color:var(--color-on-danger);border-color:transparent}.dsv-badge--info-solid{background:color-mix(in srgb,var(--color-info) 80%,var(--color-neutral-1000));color:var(--color-on-info);border-color:transparent}.dsv-kbd{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-surface-sunken);color:var(--color-text-secondary);border:var(--border-width-thin) solid var(--color-border);border-bottom-width:var(--border-width-thick);border-radius:var(--radius-sm);padding:var(--space-0-5) var(--space-1-5)}.dsv-spinner{width:var(--size-icon-lg);height:var(--size-icon-lg);border-radius:var(--radius-full);border:var(--border-width-thick) solid var(--color-border);border-top-color:var(--color-accent);animation:dsv-spin var(--duration-slower) linear infinite;flex:none}.dsv-spinner--sm{width:var(--size-icon-sm);height:var(--size-icon-sm);border-width:var(--border-width-medium)}@keyframes dsv-spin{to{transform:rotate(360deg)}}.dsv-callout{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--color-border-subtle);background:var(--color-surface-sunken);font-size:var(--font-size-sm);min-width:var(--space-48)}.dsv-callout .ico{flex:none;width:var(--size-icon-lg);height:var(--size-icon-lg);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.dsv-callout--danger{background:var(--color-danger-subtle);border-color:var(--color-danger-border);color:var(--color-danger-text)}.dsv-callout--danger .ico{background:var(--color-danger-muted)}.dsv-callout a{color:inherit;font-weight:var(--font-weight-medium)}.dsv-empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted)}.dsv-empty .glyph{width:var(--space-16);height:var(--space-16);border-radius:var(--radius-full);background:var(--color-surface-sunken);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);margin-bottom:var(--space-4);border:var(--border-width-thin) solid var(--color-border-subtle);box-shadow:var(--shadow-xs)}.dsv-empty h4{margin:0 0 var(--space-1);color:var(--color-text);font-size:var(--heading-subsection)}.dsv-empty p{margin:0 0 var(--space-4);font-size:var(--font-size-sm)}@keyframes dsv-fade{0%{opacity:0}to{opacity:1}}@keyframes dsv-pop{0%{opacity:0;transform:scale(var(--motion-scale-enter));filter:blur(var(--motion-blur-enter))}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes dsv-scale{0%{opacity:0;transform:scale(var(--motion-scale-enter))}to{opacity:1;transform:scale(1)}}.dsv-card--raised{background:var(--color-surface-raised);box-shadow:var(--shadow-md)}.dsv-callout--info{background:var(--color-info-subtle);border-color:var(--color-info-border);color:var(--color-info-text)}.dsv-callout--info .ico{background:var(--color-info-muted)}.dsv-callout--success{background:var(--color-success-subtle);border-color:var(--color-success-border);color:var(--color-success-text)}.dsv-callout--success .ico{background:var(--color-success-muted)}.dsv-callout--warning{background:var(--color-warning-subtle);border-color:var(--color-warning-border);color:var(--color-warning-text)}.dsv-callout--warning .ico{background:var(--color-warning-muted)}.dsv-banner{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm)}.dsv-banner .close{margin-left:auto;background:none;border:none;color:inherit;opacity:.8;cursor:pointer;padding:var(--space-1)}.dsv-banner--on-dark{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.dsv-banner--on-dark .dsv-btn--ghost{color:var(--color-text-inverse)}.dsv-banner--on-dark .dsv-btn--ghost:hover:not(:disabled),.dsv-banner--on-dark .dsv-btn--ghost:active:not(:disabled){color:var(--color-text-inverse)}.dsv-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.dsv-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.dsv-table th{text-align:left;font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--space-2) var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border)}.dsv-table td{padding:var(--space-3);border-bottom:var(--border-width-thin) solid var(--color-border-subtle)}.dsv-table tr:hover td{background:var(--color-hover-overlay)}.dsv-table--zebra tbody tr:nth-child(2n) td{background:var(--color-surface-sunken)}.dsv-datalist{display:grid;grid-template-columns:max-content 1fr;gap:var(--space-2) var(--space-6);font-size:var(--font-size-sm)}.dsv-datalist dt{color:var(--color-text-muted)}.dsv-datalist dd{margin:0;color:var(--color-text)}.dsv-stat{padding:var(--space-4);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface)}.dsv-stat .k{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dsv-stat .v{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:var(--space-1) 0}.dsv-stat .d{font-size:var(--font-size-xs);display:inline-block;padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm)}.dsv-stat .d.up{color:var(--color-success-text);background:var(--color-success-subtle)}.dsv-stat .d.down{color:var(--color-danger-text);background:var(--color-danger-subtle)}.dsv-code{background:var(--color-surface-sunken);color:var(--color-text);border:var(--border-width-thin) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);overflow-x:auto;white-space:pre}.dsv-code-inline{background:var(--color-surface-sunken);border-radius:var(--radius-sm);padding:1px 5px;font-family:var(--font-mono);font-size:.9em}.dsv-quote{margin:0;padding:var(--space-4) var(--space-5);border-left:var(--border-width-thick) solid var(--color-accent);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--color-tint-subtle);font-family:var(--font-serif);font-size:var(--font-size-lg);font-style:italic;color:var(--color-text);line-height:var(--line-height-relaxed)}.dsv-quote cite{display:block;margin-top:var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-sm);font-style:normal;color:var(--color-text-muted)}.dsv-tag{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface-sunken);color:var(--color-text-secondary);border:var(--border-width-thin) solid var(--color-border)}.dsv-tag button{background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:2px;margin:-2px;min-width:20px;min-height:20px;opacity:.6;border-radius:var(--radius-sm)}.dsv-tag button:hover{opacity:1}.dsv-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.dsv-breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.dsv-breadcrumb a:hover,.dsv-breadcrumb [aria-current]{color:var(--color-text)}.dsv-pagination{display:flex;gap:var(--space-1)}.dsv-pagination button{min-width:var(--size-control-sm);height:var(--size-control-sm);padding:0 var(--control-padding-x-xs);background:var(--color-surface);color:var(--color-text-secondary);border:var(--control-border-width) solid var(--color-border);border-radius:var(--control-radius);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.dsv-pagination button:hover{background:var(--color-hover-overlay)}.dsv-pagination button[aria-current]{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.dsv-pagination button:disabled{opacity:.4;cursor:not-allowed}.dsv-steps{display:flex;align-items:center;gap:var(--space-2);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:var(--space-1);margin-bottom:calc(-1 * var(--space-1))}.dsv-steps--center{justify-content:safe center}.dsv-step{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);flex:none;white-space:nowrap}.dsv-step .label{white-space:nowrap;line-height:1.2}.dsv-step .dot{width:var(--size-icon-lg);height:var(--size-icon-lg);border-radius:var(--radius-full);flex:none;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);border:var(--border-width-thin) solid var(--color-border-strong);background:var(--color-surface)}.dsv-step--done .dot{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.dsv-step--active{color:var(--color-text);font-weight:var(--font-weight-medium)}.dsv-step--active .dot{border-color:var(--color-accent);color:var(--color-accent-text);box-shadow:0 0 0 3px var(--color-accent-subtle)}.dsv-step .bar{flex:none;width:var(--space-8);min-width:var(--space-4);height:2px;border-radius:var(--radius-full);background:var(--color-divider)}.dsv-step--done .bar{background:var(--color-accent-muted)}.dsv-spinner--xs{width:var(--size-icon-xs);height:var(--size-icon-xs);border-width:var(--border-width-thin)}.dsv-timeline{list-style:none;margin:0;padding:0}.dsv-timeline li{display:flex;gap:var(--space-3);padding-bottom:var(--space-4);position:relative}.dsv-timeline li:not(:last-child):before{content:"";position:absolute;left:calc(var(--size-icon-md) / 2 - var(--border-width-thin) / 2);top:var(--size-icon-md);bottom:0;width:var(--border-width-thin);background:var(--color-divider)}.dsv-timeline .node{width:var(--size-icon-md);height:var(--size-icon-md);border-radius:var(--radius-full);background:var(--color-accent-muted);border:var(--border-width-thick) solid var(--color-accent);flex:none}.dsv-timeline .body{font-size:var(--font-size-sm)}.dsv-timeline .when{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dsv-segmented{display:inline-flex;background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:2px;gap:2px}.dsv-segmented button{border:none;background:none;font:inherit;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--control-padding-y-sm) var(--control-padding-x-sm);border-radius:calc(var(--control-radius) - 2px);cursor:pointer}.dsv-segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.dsv-pagination button:active:not(:disabled){background:var(--color-active-overlay)}.dsv-toggle:active,.dsv-segmented button:active{box-shadow:var(--shadow-inner)}.dsv-breadcrumb a{color:var(--color-text-link);text-decoration:none}.dsv-breadcrumb a:hover{text-decoration:underline}.dsv-table tr.is-selected td,.dsv-table tr.is-selected:hover td{background:var(--color-selected)}.dsv-table thead th{position:sticky;top:0;z-index:2;background:var(--color-surface)}.dsv-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer}.dsv-list-item:hover{background:var(--color-hover-overlay)}.dsv-list-item:active{background:var(--color-active-overlay)}.dsv-list-item.is-selected{background:var(--color-selected);box-shadow:inset 2.5px 0 0 var(--color-accent)}.dsv-list-item.is-selected>svg,.dsv-table tr.is-selected td .dsv-muted{opacity:var(--opacity-selected)}.dsv-list-item.is-selected .dsv-muted,.dsv-card.is-picked .dsv-muted{color:var(--color-text-secondary)}.dsv-card--tint{background:var(--color-tint-subtle)}.dsv-card--lift{transition:box-shadow var(--motion-hover),transform var(--motion-hover);z-index:var(--z-base)}.dsv-card--lift:hover{box-shadow:var(--shadow-lg),0 12px 32px var(--color-shadow);transform:translateY(calc(-1 * var(--motion-distance-xs)));z-index:var(--z-raised);position:relative}.dsv-timeline li:not(:last-child):before{background:var(--color-divider)}.dsv-segmented button:active{box-shadow:var(--shadow-inner)}.dsv-display{font-family:var(--font-display);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0;overflow-wrap:break-word;text-wrap:balance}.dsv-display--4xl{font-size:clamp(var(--font-size-3xl),8vw,var(--font-size-4xl))}.dsv-display--3xl{font-size:clamp(var(--font-size-2xl),6vw,var(--font-size-3xl))}.dsv-display--dxs{font-size:clamp(var(--font-size-2xl),7vw,var(--font-size-display-xs))}.dsv-display--dsm{font-size:clamp(var(--font-size-3xl),9vw,var(--font-size-display-sm))}.dsv-display--dmd{font-size:clamp(var(--font-size-3xl),10vw,var(--font-size-display-md))}.dsv-display--dlg{font-size:clamp(var(--font-size-4xl),11vw,var(--font-size-display-lg))}.dsv-display--dxl{font-size:clamp(var(--font-size-4xl),12vw,var(--font-size-display-xl))}.dsv-leading-none{line-height:var(--line-height-none)}.dsv-leading-loose{line-height:var(--line-height-loose)}.dsv-tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.dsv-lede{font-size:var(--font-size-lg);line-height:var(--line-height-snug);color:var(--color-text-secondary);text-wrap:pretty}.dsv-stat .v--hero{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.dsv-avatar-group{display:inline-flex}.dsv-avatar-group .dsv-avatar{margin-left:calc(-1 * var(--avatar-group-overlap));border:var(--border-width-thick) solid var(--color-surface)}.dsv-avatar-group .dsv-avatar:first-child{margin-left:0}.dsv-avatar-more{background:var(--color-surface-sunken);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.dsv-prose{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:var(--text-measure-lg)}.dsv-prose a{color:var(--color-text-link)}.dsv-prose a:hover{color:var(--color-text-link-hover)}.dsv-chart-grid{border-top:var(--border-width-thin) solid var(--color-chart-grid)}.dsv-chart-axis{border-top:var(--border-width-thick) solid var(--color-chart-axis)}.dsv-chart-tip{background:var(--color-chart-tooltip-bg);color:var(--color-text-inverse);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono)}.dsv-display--6xl{font-size:clamp(var(--font-size-3xl),9vw,var(--font-size-6xl))}.dsv-display--7xl{font-size:clamp(var(--font-size-4xl),10vw,var(--font-size-7xl))}.dsv-light{font-weight:var(--font-weight-light)}.dsv-tracking-wider{letter-spacing:var(--letter-spacing-wider)}@keyframes dsv-dur-slide{0%{left:0}to{left:calc(100% - 28px)}}@keyframes dsv-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.25;transform:scale(.8)}}@keyframes dsv-pulse{0%,to{opacity:1}50%{opacity:var(--opacity-overlay)}}@keyframes dsv-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--space-3)))}}@media(prefers-reduced-motion:reduce){.dsv-overlay,.dsv-modal,.dsv-pop,.dsv-menu,.dsv-tooltip,.dsv-spinner{animation:none}}