@layer tfw.tokens{:root{--p-color-white:#fff;--p-color-black:#000;--p-color-transparent:transparent;--p-color-overlay:#08051fa6;--p-color-violet-50:#f0efff;--p-color-violet-100:#dedbff;--p-color-violet-200:#c7c2ff;--p-color-violet-300:#afa8ff;--p-color-violet-400:#8278ff;--p-color-violet-500:#6257ff;--p-color-violet-600:#5146f5;--p-color-violet-700:#4035d5;--p-color-violet-800:#2c2495;--p-color-violet-900:#1b145a;--p-color-violet-950:#100a32;--p-color-slate-50:#f8f7ff;--p-color-slate-100:#eceaf8;--p-color-slate-200:#d8d5ea;--p-color-slate-300:#b8b3d7;--p-color-slate-400:#8580aa;--p-color-slate-500:#625d83;--p-color-slate-600:#484362;--p-color-slate-700:#302a52;--p-color-slate-800:#1d1742;--p-color-slate-900:#100a32;--p-color-slate-950:#08051f;--p-color-gray-50:#f7f6fc;--p-color-gray-100:#eceaf4;--p-color-gray-200:#d8d5e6;--p-color-gray-700:#37314f;--p-color-success-50:#ecfdf5;--p-color-success-700:#047857;--p-color-success-300:#6ee7b7;--p-color-success-950:#022c22;--p-color-warning-50:#fffbeb;--p-color-warning-700:#92400e;--p-color-warning-300:#fcd34d;--p-color-warning-950:#451a03;--p-color-danger-50:#fff1f2;--p-color-danger-700:#be123c;--p-color-danger-300:#fda4af;--p-color-danger-950:#4c0519;--p-color-info-50:#eff6ff;--p-color-info-700:#1d4ed8;--p-color-info-300:#93c5fd;--p-color-info-950:#172554;--p-gradient-brand:linear-gradient(105deg, #6257ff 0%, #5146f5 52%, #6257ff 100%);--p-gradient-brand-hover:linear-gradient(105deg, #8278ff 0%, #6257ff 52%, #7065ff 100%);--p-gradient-hero:radial-gradient(circle at 88% 18%, #5146f575, transparent 35%), radial-gradient(circle at 30% 90%, #6257ff24, transparent 42%), linear-gradient(135deg, #08051f 0%, #100a32 56%, #120a45 100%);--p-font-family-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--p-font-family-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--p-line-height-normal:1.5;--p-line-height-tight:1.25;--p-line-height-relaxed:1.625;--p-tracking-tight:-.025em;--p-tracking-wide:.05em;--p-font-size-xs:.75rem;--p-font-size-sm:.875rem;--p-font-size-md:1rem;--p-font-size-lg:1.125rem;--p-font-size-xl:1.25rem;--p-font-size-2xl:1.5rem;--p-font-size-3xl:1.875rem;--p-font-size-4xl:2.25rem;--p-font-size-5xl:3rem;--p-font-size-6xl:3.75rem;--p-font-weight-normal:400;--p-font-weight-medium:500;--p-font-weight-semibold:600;--p-font-weight-bold:700;--p-font-weight-extrabold:800;--p-space-0:0rem;--p-space-2:.125rem;--p-space-4:.25rem;--p-space-8:.5rem;--p-space-10:.625rem;--p-space-12:.75rem;--p-space-16:1rem;--p-space-20:1.25rem;--p-space-24:1.5rem;--p-space-32:2rem;--p-space-40:2.5rem;--p-space-48:3rem;--p-space-64:4rem;--p-space-80:5rem;--p-space-96:6rem;--p-space-128:8rem;--p-border-width-thin:1px;--p-border-width-focus:3px;--p-border-style-solid:solid;--p-radius-none:0;--p-radius-sm:.375rem;--p-radius-md:.5rem;--p-radius-lg:.75rem;--p-radius-xl:1rem;--p-radius-full:9999px;--p-shadow-control-focus:0 0 0 3px #6257ff1f;--p-shadow-none:none;--p-shadow-sm:0 1px 2px 0 #0000000d;--p-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--p-shadow-lg:0 20px 40px -12px #08051f4d;--p-shadow-brand:0 18px 50px -18px #5146f5a6;--p-opacity-disabled:.55;--p-blur-md:8px;--p-motion-duration-fast:.15s;--p-motion-duration-normal:.25s;--p-motion-easing-standard:cubic-bezier(.4,0,.2,1);--p-motion-duration-none:0s;--p-width-sidebar:16rem;--p-width-inspector:22rem;--p-width-container:80rem;--p-width-reading:48rem;--p-width-dialog:32rem;--p-control-xs:1.75rem;--p-control-sm:2rem;--p-control-md:2.75rem;--p-control-lg:3rem;--p-control-xl:3.5rem;--p-breakpoint-sm:40rem;--p-breakpoint-md:48rem;--p-breakpoint-lg:64rem;--p-breakpoint-xl:80rem;--p-breakpoint-2xl:96rem;--p-z-base:0;--p-z-sticky:10;--p-z-overlay:50;--p-z-toast:100;--p-ratio-video:16 / 9}:root,[data-theme=light]{--tfw-color-bg-subtle:var(--p-color-slate-50);--tfw-color-bg-selected-hover:var(--p-color-violet-100);--tfw-color-bg-page:var(--p-color-gray-50);--tfw-color-bg-surface:var(--p-color-white);--tfw-color-bg-elevated:var(--p-color-white);--tfw-color-bg-hover:var(--p-color-slate-100);--tfw-color-bg-selected:var(--p-color-violet-50);--tfw-color-bg-disabled:var(--p-color-slate-100);--tfw-color-bg-inverse:var(--p-color-slate-950);--tfw-color-bg-overlay:var(--p-color-overlay);--tfw-color-text-primary:var(--p-color-slate-900);--tfw-color-text-secondary:var(--p-color-slate-600);--tfw-color-text-tertiary:var(--p-color-slate-500);--tfw-color-text-disabled:var(--p-color-slate-400);--tfw-color-text-inverse:var(--p-color-white);--tfw-color-text-link:var(--p-color-violet-700);--tfw-color-text-brand:var(--p-color-violet-700);--tfw-color-border-default:var(--p-color-slate-200);--tfw-color-border-subtle:var(--p-color-slate-100);--tfw-color-border-strong:var(--p-color-slate-500);--tfw-color-border-focus:var(--p-color-violet-700);--tfw-color-border-interactive:var(--p-color-violet-600);--tfw-color-border-disabled:var(--p-color-slate-200);--tfw-color-border-error:var(--p-color-danger-700);--tfw-gradient-brand:var(--p-gradient-brand);--tfw-gradient-brand-hover:var(--p-gradient-brand-hover);--tfw-gradient-hero:var(--p-gradient-hero);--tfw-color-action-primary-default:var(--p-color-violet-700);--tfw-color-action-primary-hover:var(--p-color-violet-800);--tfw-color-action-primary-pressed:var(--p-color-violet-900);--tfw-color-action-primary-focus:var(--p-color-violet-700);--tfw-color-action-primary-disabled:var(--p-color-slate-100);--tfw-color-action-primary-text:var(--p-color-white);--tfw-color-action-secondary-default:var(--p-color-white);--tfw-color-action-secondary-hover:var(--p-color-slate-100);--tfw-color-action-secondary-pressed:var(--p-color-slate-100);--tfw-color-action-secondary-focus:var(--p-color-violet-50);--tfw-color-action-secondary-disabled:var(--p-color-slate-100);--tfw-color-action-secondary-text:var(--p-color-slate-900);--tfw-color-action-tertiary-default:var(--p-color-transparent);--tfw-color-action-tertiary-hover:var(--p-color-slate-100);--tfw-color-action-tertiary-pressed:var(--p-color-slate-100);--tfw-color-action-tertiary-focus:var(--p-color-transparent);--tfw-color-action-tertiary-disabled:var(--p-color-slate-100);--tfw-color-action-tertiary-text:var(--p-color-slate-900);--tfw-color-action-ghost-default:var(--p-color-transparent);--tfw-color-action-ghost-hover:var(--p-color-slate-100);--tfw-color-action-ghost-pressed:var(--p-color-slate-100);--tfw-color-action-ghost-focus:var(--p-color-transparent);--tfw-color-action-ghost-disabled:var(--p-color-slate-100);--tfw-color-action-ghost-text:var(--p-color-slate-600);--tfw-color-action-destructive-default:var(--p-color-danger-700);--tfw-color-action-destructive-hover:var(--p-color-danger-950);--tfw-color-action-destructive-pressed:var(--p-color-danger-950);--tfw-color-action-destructive-focus:var(--p-color-danger-700);--tfw-color-action-destructive-disabled:var(--p-color-slate-100);--tfw-color-action-destructive-text:var(--p-color-white);--tfw-color-action-success-default:var(--p-color-success-700);--tfw-color-action-success-hover:var(--p-color-success-950);--tfw-color-action-success-pressed:var(--p-color-success-950);--tfw-color-action-success-focus:var(--p-color-success-700);--tfw-color-action-success-disabled:var(--p-color-slate-100);--tfw-color-action-success-text:var(--p-color-white);--tfw-color-status-success-bg:var(--p-color-success-50);--tfw-color-status-success-text:var(--p-color-success-700);--tfw-color-text-success:var(--p-color-success-700);--tfw-color-status-warning-bg:var(--p-color-warning-50);--tfw-color-status-warning-text:var(--p-color-warning-700);--tfw-color-text-warning:var(--p-color-warning-700);--tfw-color-status-danger-bg:var(--p-color-danger-50);--tfw-color-status-danger-text:var(--p-color-danger-700);--tfw-color-text-danger:var(--p-color-danger-700);--tfw-color-status-info-bg:var(--p-color-info-50);--tfw-color-status-info-text:var(--p-color-info-700);--tfw-color-text-info:var(--p-color-info-700);--tfw-color-status-neutral-bg:var(--p-color-slate-50);--tfw-color-status-neutral-text:var(--p-color-slate-700);--tfw-color-text-neutral:var(--p-color-slate-700)}:root{--tfw-font-body:var(--p-font-family-sans);--tfw-font-code:var(--p-font-family-mono);--tfw-font-size-body:var(--p-font-size-md);--tfw-font-size-small:var(--p-font-size-sm);--tfw-font-size-caption:var(--p-font-size-xs);--tfw-font-size-title:var(--p-font-size-3xl);--tfw-font-size-heading:var(--p-font-size-xl);--tfw-font-weight-body:var(--p-font-weight-normal);--tfw-font-weight-label:var(--p-font-weight-semibold);--tfw-font-weight-title:var(--p-font-weight-bold);--tfw-line-height-body:var(--p-line-height-normal);--tfw-line-height-heading:var(--p-line-height-tight);--tfw-tracking-heading:var(--p-tracking-tight);--tfw-space-none:var(--p-space-0);--tfw-space-xs:var(--p-space-4);--tfw-space-sm:var(--p-space-8);--tfw-space-md:var(--p-space-16);--tfw-space-lg:var(--p-space-24);--tfw-space-xl:var(--p-space-32);--tfw-space-2xl:var(--p-space-48);--tfw-space-section:var(--p-space-96);--tfw-border-width:var(--p-border-width-thin);--tfw-border-style:var(--p-border-style-solid);--tfw-focus-width:var(--p-border-width-focus);--tfw-radius-sm:var(--p-radius-sm);--tfw-radius-control:var(--p-radius-md);--tfw-radius-card:var(--p-radius-xl);--tfw-radius-overlay:var(--p-radius-xl);--tfw-radius-pill:var(--p-radius-full);--tfw-elevation-control-focus:var(--p-shadow-control-focus);--tfw-elevation-flat:var(--p-shadow-none);--tfw-elevation-card:var(--p-shadow-sm);--tfw-elevation-hover:var(--p-shadow-md);--tfw-elevation-overlay:var(--p-shadow-lg);--tfw-elevation-brand:var(--p-shadow-brand);--tfw-opacity-disabled:var(--p-opacity-disabled);--tfw-blur-backdrop:var(--p-blur-md);--tfw-motion-fast:var(--p-motion-duration-fast);--tfw-motion-normal:var(--p-motion-duration-normal);--tfw-motion-easing:var(--p-motion-easing-standard);--tfw-layout-container:var(--p-width-container);--tfw-layout-reading:var(--p-width-reading);--tfw-layout-dialog:var(--p-width-dialog);--tfw-control-xs:var(--p-control-xs);--tfw-control-sm:var(--p-control-sm);--tfw-control-md:var(--p-control-md);--tfw-control-lg:var(--p-control-lg);--tfw-control-xl:var(--p-control-xl);--tfw-z-sticky:var(--p-z-sticky);--tfw-z-overlay:var(--p-z-overlay);--tfw-z-toast:var(--p-z-toast);--tfw-ratio-video:var(--p-ratio-video);--tfw-sticky-offset:var(--p-space-0);--tfw-font-size-ui:var(--p-font-size-sm);--tfw-font-size-page-title:var(--p-font-size-2xl);--tfw-font-size-section-title:var(--p-font-size-lg);--tfw-control-height:var(--p-space-40);--tfw-control-padding-block:var(--p-space-8);--tfw-table-cell-padding-block:var(--p-space-12);--tfw-table-cell-padding-inline:var(--p-space-16);--tfw-panel-padding:var(--p-space-24);--tfw-page-gap:var(--p-space-24);--tfw-field-gap:var(--p-space-16);--tfw-radius-panel:var(--p-radius-lg);--tfw-layout-sidebar:var(--p-width-sidebar);--tfw-layout-inspector:var(--p-width-inspector);--tfw-chart-series-1:var(--p-color-violet-700);--tfw-chart-series-2:var(--p-color-info-700);--tfw-chart-series-3:var(--p-color-success-700);--tfw-chart-series-4:var(--p-color-warning-700);--tfw-chart-series-5:var(--p-color-danger-700)}[data-theme=dark]{--tfw-chart-series-1:var(--p-color-violet-300);--tfw-chart-series-2:var(--p-color-info-300);--tfw-chart-series-3:var(--p-color-success-300);--tfw-chart-series-4:var(--p-color-warning-300);--tfw-chart-series-5:var(--p-color-danger-300)}[data-theme=light]{--tfw-chart-series-1:var(--p-color-violet-700);--tfw-chart-series-2:var(--p-color-info-700);--tfw-chart-series-3:var(--p-color-success-700);--tfw-chart-series-4:var(--p-color-warning-700);--tfw-chart-series-5:var(--p-color-danger-700)}@media (prefers-color-scheme:dark){[data-theme=auto]{--tfw-chart-series-1:var(--p-color-violet-300);--tfw-chart-series-2:var(--p-color-info-300);--tfw-chart-series-3:var(--p-color-success-300);--tfw-chart-series-4:var(--p-color-warning-300);--tfw-chart-series-5:var(--p-color-danger-300)}}[data-density=comfortable]{--tfw-control-height:var(--p-space-40);--tfw-control-padding-block:var(--p-space-8);--tfw-table-cell-padding-block:var(--p-space-12);--tfw-panel-padding:var(--p-space-24);--tfw-field-gap:var(--p-space-16)}[data-density=compact]{--tfw-control-height:var(--p-space-32);--tfw-control-padding-block:var(--p-space-4);--tfw-table-cell-padding-block:var(--p-space-8);--tfw-panel-padding:var(--p-space-16);--tfw-field-gap:var(--p-space-12)}[data-density=touch]{--tfw-control-height:var(--p-control-md);--tfw-control-padding-block:var(--p-space-10);--tfw-table-cell-padding-block:var(--p-space-16);--tfw-panel-padding:var(--p-space-24);--tfw-field-gap:var(--p-space-16)}[data-theme=light]{--tfw-color-bg-subtle:var(--p-color-slate-50);--tfw-color-bg-selected-hover:var(--p-color-violet-100);--tfw-color-bg-page:var(--p-color-gray-50);--tfw-color-bg-surface:var(--p-color-white);--tfw-color-bg-elevated:var(--p-color-white);--tfw-color-bg-hover:var(--p-color-slate-100);--tfw-color-bg-selected:var(--p-color-violet-50);--tfw-color-bg-disabled:var(--p-color-slate-100);--tfw-color-bg-inverse:var(--p-color-slate-950);--tfw-color-bg-overlay:var(--p-color-overlay);--tfw-color-text-primary:var(--p-color-slate-900);--tfw-color-text-secondary:var(--p-color-slate-600);--tfw-color-text-tertiary:var(--p-color-slate-500);--tfw-color-text-disabled:var(--p-color-slate-400);--tfw-color-text-inverse:var(--p-color-white);--tfw-color-text-link:var(--p-color-violet-700);--tfw-color-text-brand:var(--p-color-violet-700);--tfw-color-border-default:var(--p-color-slate-200);--tfw-color-border-subtle:var(--p-color-slate-100);--tfw-color-border-strong:var(--p-color-slate-500);--tfw-color-border-focus:var(--p-color-violet-700);--tfw-color-border-interactive:var(--p-color-violet-600);--tfw-color-border-disabled:var(--p-color-slate-200);--tfw-color-border-error:var(--p-color-danger-700);--tfw-gradient-brand:var(--p-gradient-brand);--tfw-gradient-brand-hover:var(--p-gradient-brand-hover);--tfw-gradient-hero:var(--p-gradient-hero);--tfw-color-action-primary-default:var(--p-color-violet-700);--tfw-color-action-primary-hover:var(--p-color-violet-800);--tfw-color-action-primary-pressed:var(--p-color-violet-900);--tfw-color-action-primary-focus:var(--p-color-violet-700);--tfw-color-action-primary-disabled:var(--p-color-slate-100);--tfw-color-action-primary-text:var(--p-color-white);--tfw-color-action-secondary-default:var(--p-color-white);--tfw-color-action-secondary-hover:var(--p-color-slate-100);--tfw-color-action-secondary-pressed:var(--p-color-slate-100);--tfw-color-action-secondary-focus:var(--p-color-violet-50);--tfw-color-action-secondary-disabled:var(--p-color-slate-100);--tfw-color-action-secondary-text:var(--p-color-slate-900);--tfw-color-action-tertiary-default:var(--p-color-transparent);--tfw-color-action-tertiary-hover:var(--p-color-slate-100);--tfw-color-action-tertiary-pressed:var(--p-color-slate-100);--tfw-color-action-tertiary-focus:var(--p-color-transparent);--tfw-color-action-tertiary-disabled:var(--p-color-slate-100);--tfw-color-action-tertiary-text:var(--p-color-slate-900);--tfw-color-action-ghost-default:var(--p-color-transparent);--tfw-color-action-ghost-hover:var(--p-color-slate-100);--tfw-color-action-ghost-pressed:var(--p-color-slate-100);--tfw-color-action-ghost-focus:var(--p-color-transparent);--tfw-color-action-ghost-disabled:var(--p-color-slate-100);--tfw-color-action-ghost-text:var(--p-color-slate-600);--tfw-color-action-destructive-default:var(--p-color-danger-700);--tfw-color-action-destructive-hover:var(--p-color-danger-950);--tfw-color-action-destructive-pressed:var(--p-color-danger-950);--tfw-color-action-destructive-focus:var(--p-color-danger-700);--tfw-color-action-destructive-disabled:var(--p-color-slate-100);--tfw-color-action-destructive-text:var(--p-color-white);--tfw-color-action-success-default:var(--p-color-success-700);--tfw-color-action-success-hover:var(--p-color-success-950);--tfw-color-action-success-pressed:var(--p-color-success-950);--tfw-color-action-success-focus:var(--p-color-success-700);--tfw-color-action-success-disabled:var(--p-color-slate-100);--tfw-color-action-success-text:var(--p-color-white);--tfw-color-status-success-bg:var(--p-color-success-50);--tfw-color-status-success-text:var(--p-color-success-700);--tfw-color-text-success:var(--p-color-success-700);--tfw-color-status-warning-bg:var(--p-color-warning-50);--tfw-color-status-warning-text:var(--p-color-warning-700);--tfw-color-text-warning:var(--p-color-warning-700);--tfw-color-status-danger-bg:var(--p-color-danger-50);--tfw-color-status-danger-text:var(--p-color-danger-700);--tfw-color-text-danger:var(--p-color-danger-700);--tfw-color-status-info-bg:var(--p-color-info-50);--tfw-color-status-info-text:var(--p-color-info-700);--tfw-color-text-info:var(--p-color-info-700);--tfw-color-status-neutral-bg:var(--p-color-slate-50);--tfw-color-status-neutral-text:var(--p-color-slate-700);--tfw-color-text-neutral:var(--p-color-slate-700)}[data-theme=dark]{--tfw-color-bg-subtle:var(--p-color-slate-800);--tfw-color-bg-selected-hover:var(--p-color-violet-800);--tfw-color-bg-page:var(--p-color-slate-950);--tfw-color-bg-surface:var(--p-color-slate-900);--tfw-color-bg-elevated:var(--p-color-slate-800);--tfw-color-bg-hover:var(--p-color-slate-800);--tfw-color-bg-selected:var(--p-color-violet-900);--tfw-color-bg-disabled:var(--p-color-slate-800);--tfw-color-bg-inverse:var(--p-color-slate-950);--tfw-color-bg-overlay:var(--p-color-overlay);--tfw-color-text-primary:var(--p-color-slate-50);--tfw-color-text-secondary:var(--p-color-slate-200);--tfw-color-text-tertiary:var(--p-color-slate-300);--tfw-color-text-disabled:var(--p-color-slate-400);--tfw-color-text-inverse:var(--p-color-white);--tfw-color-text-link:var(--p-color-violet-200);--tfw-color-text-brand:var(--p-color-violet-200);--tfw-color-border-default:var(--p-color-slate-600);--tfw-color-border-subtle:var(--p-color-slate-800);--tfw-color-border-strong:var(--p-color-slate-400);--tfw-color-border-focus:var(--p-color-violet-300);--tfw-color-border-interactive:var(--p-color-violet-300);--tfw-color-border-disabled:var(--p-color-slate-700);--tfw-color-border-error:var(--p-color-danger-300);--tfw-gradient-brand:var(--p-gradient-brand);--tfw-gradient-brand-hover:var(--p-gradient-brand-hover);--tfw-gradient-hero:var(--p-gradient-hero);--tfw-color-action-primary-default:var(--p-color-violet-700);--tfw-color-action-primary-hover:var(--p-color-violet-800);--tfw-color-action-primary-pressed:var(--p-color-violet-900);--tfw-color-action-primary-focus:var(--p-color-violet-700);--tfw-color-action-primary-disabled:var(--p-color-slate-800);--tfw-color-action-primary-text:var(--p-color-white);--tfw-color-action-secondary-default:var(--p-color-slate-900);--tfw-color-action-secondary-hover:var(--p-color-slate-700);--tfw-color-action-secondary-pressed:var(--p-color-slate-700);--tfw-color-action-secondary-focus:var(--p-color-violet-900);--tfw-color-action-secondary-disabled:var(--p-color-slate-800);--tfw-color-action-secondary-text:var(--p-color-slate-50);--tfw-color-action-tertiary-default:var(--p-color-transparent);--tfw-color-action-tertiary-hover:var(--p-color-slate-700);--tfw-color-action-tertiary-pressed:var(--p-color-slate-700);--tfw-color-action-tertiary-focus:var(--p-color-transparent);--tfw-color-action-tertiary-disabled:var(--p-color-slate-800);--tfw-color-action-tertiary-text:var(--p-color-slate-50);--tfw-color-action-ghost-default:var(--p-color-transparent);--tfw-color-action-ghost-hover:var(--p-color-slate-700);--tfw-color-action-ghost-pressed:var(--p-color-slate-700);--tfw-color-action-ghost-focus:var(--p-color-transparent);--tfw-color-action-ghost-disabled:var(--p-color-slate-800);--tfw-color-action-ghost-text:var(--p-color-slate-200);--tfw-color-action-destructive-default:var(--p-color-danger-700);--tfw-color-action-destructive-hover:var(--p-color-danger-950);--tfw-color-action-destructive-pressed:var(--p-color-danger-950);--tfw-color-action-destructive-focus:var(--p-color-danger-700);--tfw-color-action-destructive-disabled:var(--p-color-slate-800);--tfw-color-action-destructive-text:var(--p-color-white);--tfw-color-action-success-default:var(--p-color-success-700);--tfw-color-action-success-hover:var(--p-color-success-950);--tfw-color-action-success-pressed:var(--p-color-success-950);--tfw-color-action-success-focus:var(--p-color-success-700);--tfw-color-action-success-disabled:var(--p-color-slate-800);--tfw-color-action-success-text:var(--p-color-white);--tfw-color-status-success-bg:var(--p-color-success-950);--tfw-color-status-success-text:var(--p-color-success-300);--tfw-color-text-success:var(--p-color-success-300);--tfw-color-status-warning-bg:var(--p-color-warning-950);--tfw-color-status-warning-text:var(--p-color-warning-300);--tfw-color-text-warning:var(--p-color-warning-300);--tfw-color-status-danger-bg:var(--p-color-danger-950);--tfw-color-status-danger-text:var(--p-color-danger-300);--tfw-color-text-danger:var(--p-color-danger-300);--tfw-color-status-info-bg:var(--p-color-info-950);--tfw-color-status-info-text:var(--p-color-info-300);--tfw-color-text-info:var(--p-color-info-300);--tfw-color-status-neutral-bg:var(--p-color-slate-800);--tfw-color-status-neutral-text:var(--p-color-slate-300);--tfw-color-text-neutral:var(--p-color-slate-300)}@media (prefers-color-scheme:dark){[data-theme=auto]{--tfw-color-bg-subtle:var(--p-color-slate-800);--tfw-color-bg-selected-hover:var(--p-color-violet-800);--tfw-color-bg-page:var(--p-color-slate-950);--tfw-color-bg-surface:var(--p-color-slate-900);--tfw-color-bg-elevated:var(--p-color-slate-800);--tfw-color-bg-hover:var(--p-color-slate-800);--tfw-color-bg-selected:var(--p-color-violet-900);--tfw-color-bg-disabled:var(--p-color-slate-800);--tfw-color-bg-inverse:var(--p-color-slate-950);--tfw-color-bg-overlay:var(--p-color-overlay);--tfw-color-text-primary:var(--p-color-slate-50);--tfw-color-text-secondary:var(--p-color-slate-200);--tfw-color-text-tertiary:var(--p-color-slate-300);--tfw-color-text-disabled:var(--p-color-slate-400);--tfw-color-text-inverse:var(--p-color-white);--tfw-color-text-link:var(--p-color-violet-200);--tfw-color-text-brand:var(--p-color-violet-200);--tfw-color-border-default:var(--p-color-slate-600);--tfw-color-border-subtle:var(--p-color-slate-800);--tfw-color-border-strong:var(--p-color-slate-400);--tfw-color-border-focus:var(--p-color-violet-300);--tfw-color-border-interactive:var(--p-color-violet-300);--tfw-color-border-disabled:var(--p-color-slate-700);--tfw-color-border-error:var(--p-color-danger-300);--tfw-gradient-brand:var(--p-gradient-brand);--tfw-gradient-brand-hover:var(--p-gradient-brand-hover);--tfw-gradient-hero:var(--p-gradient-hero);--tfw-color-action-primary-default:var(--p-color-violet-700);--tfw-color-action-primary-hover:var(--p-color-violet-800);--tfw-color-action-primary-pressed:var(--p-color-violet-900);--tfw-color-action-primary-focus:var(--p-color-violet-700);--tfw-color-action-primary-disabled:var(--p-color-slate-800);--tfw-color-action-primary-text:var(--p-color-white);--tfw-color-action-secondary-default:var(--p-color-slate-900);--tfw-color-action-secondary-hover:var(--p-color-slate-700);--tfw-color-action-secondary-pressed:var(--p-color-slate-700);--tfw-color-action-secondary-focus:var(--p-color-violet-900);--tfw-color-action-secondary-disabled:var(--p-color-slate-800);--tfw-color-action-secondary-text:var(--p-color-slate-50);--tfw-color-action-tertiary-default:var(--p-color-transparent);--tfw-color-action-tertiary-hover:var(--p-color-slate-700);--tfw-color-action-tertiary-pressed:var(--p-color-slate-700);--tfw-color-action-tertiary-focus:var(--p-color-transparent);--tfw-color-action-tertiary-disabled:var(--p-color-slate-800);--tfw-color-action-tertiary-text:var(--p-color-slate-50);--tfw-color-action-ghost-default:var(--p-color-transparent);--tfw-color-action-ghost-hover:var(--p-color-slate-700);--tfw-color-action-ghost-pressed:var(--p-color-slate-700);--tfw-color-action-ghost-focus:var(--p-color-transparent);--tfw-color-action-ghost-disabled:var(--p-color-slate-800);--tfw-color-action-ghost-text:var(--p-color-slate-200);--tfw-color-action-destructive-default:var(--p-color-danger-700);--tfw-color-action-destructive-hover:var(--p-color-danger-950);--tfw-color-action-destructive-pressed:var(--p-color-danger-950);--tfw-color-action-destructive-focus:var(--p-color-danger-700);--tfw-color-action-destructive-disabled:var(--p-color-slate-800);--tfw-color-action-destructive-text:var(--p-color-white);--tfw-color-action-success-default:var(--p-color-success-700);--tfw-color-action-success-hover:var(--p-color-success-950);--tfw-color-action-success-pressed:var(--p-color-success-950);--tfw-color-action-success-focus:var(--p-color-success-700);--tfw-color-action-success-disabled:var(--p-color-slate-800);--tfw-color-action-success-text:var(--p-color-white);--tfw-color-status-success-bg:var(--p-color-success-950);--tfw-color-status-success-text:var(--p-color-success-300);--tfw-color-text-success:var(--p-color-success-300);--tfw-color-status-warning-bg:var(--p-color-warning-950);--tfw-color-status-warning-text:var(--p-color-warning-300);--tfw-color-text-warning:var(--p-color-warning-300);--tfw-color-status-danger-bg:var(--p-color-danger-950);--tfw-color-status-danger-text:var(--p-color-danger-300);--tfw-color-text-danger:var(--p-color-danger-300);--tfw-color-status-info-bg:var(--p-color-info-950);--tfw-color-status-info-text:var(--p-color-info-300);--tfw-color-text-info:var(--p-color-info-300);--tfw-color-status-neutral-bg:var(--p-color-slate-800);--tfw-color-status-neutral-text:var(--p-color-slate-300);--tfw-color-text-neutral:var(--p-color-slate-300)}}}@layer tfw.foundations{:where(.tfw-root,.tfw-root *){box-sizing:border-box}:where(.tfw-root){margin:0}:where(.tfw-root button,.tfw-root input,.tfw-root textarea,.tfw-root select){font:inherit}:where(.tfw-root [hidden]){display:none!important}.tfw-root{font-family:var(--tfw-font-body);font-size:var(--tfw-font-size-body);line-height:var(--tfw-line-height-body);background:var(--tfw-color-bg-page);color:var(--tfw-color-text-primary);overflow-wrap:anywhere}.tfw-root :where(h1,h2,h3){line-height:var(--tfw-line-height-heading);letter-spacing:var(--tfw-tracking-heading)}.tfw-root :where(a){color:var(--tfw-color-text-link);text-underline-offset:.2em}.tfw-root :where(img,video){block-size:auto;max-inline-size:100%}.tfw-muted{color:var(--tfw-color-text-secondary)}.tfw-heading{font-size:var(--tfw-font-size-title)}.tfw-code{font-family:var(--tfw-font-code);background:var(--tfw-color-bg-hover);padding:var(--tfw-space-md);border-radius:var(--tfw-radius-control);white-space:pre;overflow:auto}.tfw-number{font-variant-numeric:tabular-nums}.tfw-truncate{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.tfw-text-secondary{color:var(--tfw-color-text-secondary)}.tfw-section-title{font-size:var(--tfw-font-size-section-title);font-weight:var(--tfw-font-weight-label)}.tfw-root :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:var(--tfw-focus-width) var(--tfw-border-style) var(--tfw-color-border-focus);outline-offset:var(--tfw-space-xs)}.tfw-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.tfw-root *,.tfw-root :before,.tfw-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.tfw-btn,.tfw-input{border:1px solid buttontext}}}@layer tfw.components{.tfw-btn{--tfw-c-btn-bg:var(--tfw-color-action-primary-default);--tfw-c-btn-hover:var(--tfw-color-action-primary-hover);--tfw-c-btn-pressed:var(--tfw-color-action-primary-pressed);--tfw-c-btn-text:var(--tfw-color-action-primary-text);--tfw-c-btn-disabled:var(--tfw-color-action-primary-disabled);--tfw-c-btn-size:var(--tfw-control-md);--tfw-c-btn-radius:var(--tfw-radius-control);--tfw-c-btn-padding:var(--tfw-space-md);justify-content:center;align-items:center;gap:var(--tfw-space-sm);min-block-size:var(--tfw-c-btn-size);padding:var(--tfw-space-xs) var(--tfw-c-btn-padding);border:var(--tfw-border-width) var(--tfw-border-style) transparent;border-radius:var(--tfw-c-btn-radius);background:var(--tfw-c-btn-bg);color:var(--tfw-c-btn-text);font-weight:var(--tfw-font-weight-label);cursor:pointer;transition:background var(--tfw-motion-fast) var(--tfw-motion-easing);text-decoration:none;display:inline-flex}.tfw-btn:hover{background:var(--tfw-c-btn-hover)}.tfw-btn:active,.tfw-btn[aria-pressed=true]{background:var(--tfw-c-btn-pressed)}.tfw-btn:disabled,.tfw-btn[aria-disabled=true],.tfw-btn[aria-busy=true]{background:var(--tfw-c-btn-disabled);color:var(--tfw-color-text-secondary);cursor:not-allowed}.tfw-btn--icon{inline-size:var(--tfw-c-btn-size);padding:var(--tfw-space-xs)}.tfw-btn--fab{--tfw-c-btn-radius:var(--tfw-radius-pill);box-shadow:var(--tfw-elevation-hover)}.tfw-btn--brand{background:var(--tfw-gradient-brand);color:var(--tfw-color-text-inverse);box-shadow:var(--tfw-elevation-brand)}.tfw-btn--brand:hover{background:var(--tfw-gradient-brand-hover)}.tfw-btn--link{--tfw-c-btn-bg:var(--tfw-color-action-ghost-default);--tfw-c-btn-text:var(--tfw-color-text-link);text-decoration:underline}.tfw-button-group{gap:var(--tfw-space-xs);flex-wrap:wrap;display:inline-flex}.tfw-btn--secondary{--tfw-c-btn-bg:var(--tfw-color-action-secondary-default);--tfw-c-btn-hover:var(--tfw-color-action-secondary-hover);--tfw-c-btn-pressed:var(--tfw-color-action-secondary-pressed);--tfw-c-btn-text:var(--tfw-color-action-secondary-text);--tfw-c-btn-disabled:var(--tfw-color-action-secondary-disabled)}.tfw-btn--tertiary{--tfw-c-btn-bg:var(--tfw-color-action-tertiary-default);--tfw-c-btn-hover:var(--tfw-color-action-tertiary-hover);--tfw-c-btn-pressed:var(--tfw-color-action-tertiary-pressed);--tfw-c-btn-text:var(--tfw-color-action-tertiary-text);--tfw-c-btn-disabled:var(--tfw-color-action-tertiary-disabled)}.tfw-btn--ghost{--tfw-c-btn-bg:var(--tfw-color-action-ghost-default);--tfw-c-btn-hover:var(--tfw-color-action-ghost-hover);--tfw-c-btn-pressed:var(--tfw-color-action-ghost-pressed);--tfw-c-btn-text:var(--tfw-color-action-ghost-text);--tfw-c-btn-disabled:var(--tfw-color-action-ghost-disabled)}.tfw-btn--destructive{--tfw-c-btn-bg:var(--tfw-color-action-destructive-default);--tfw-c-btn-hover:var(--tfw-color-action-destructive-hover);--tfw-c-btn-pressed:var(--tfw-color-action-destructive-pressed);--tfw-c-btn-text:var(--tfw-color-action-destructive-text);--tfw-c-btn-disabled:var(--tfw-color-action-destructive-disabled)}.tfw-btn--success{--tfw-c-btn-bg:var(--tfw-color-action-success-default);--tfw-c-btn-hover:var(--tfw-color-action-success-hover);--tfw-c-btn-pressed:var(--tfw-color-action-success-pressed);--tfw-c-btn-text:var(--tfw-color-action-success-text);--tfw-c-btn-disabled:var(--tfw-color-action-success-disabled)}.tfw-btn--xs{--tfw-c-btn-size:var(--tfw-control-xs)}.tfw-btn--sm{--tfw-c-btn-size:var(--tfw-control-sm)}.tfw-btn--md{--tfw-c-btn-size:var(--tfw-control-md)}.tfw-btn--lg{--tfw-c-btn-size:var(--tfw-control-lg)}.tfw-btn--xl{--tfw-c-btn-size:var(--tfw-control-xl)}.tfw-btn--brand:is(:disabled,[aria-disabled=true],[aria-busy=true]){background:var(--tfw-c-btn-disabled);color:var(--tfw-color-text-secondary);box-shadow:var(--tfw-elevation-flat)}.tfw-btn--secondary{border-color:var(--tfw-color-border-default)}.tfw-btn--link{--tfw-c-btn-hover:var(--tfw-color-bg-hover);--tfw-c-btn-pressed:var(--tfw-color-bg-selected)}.tfw-btn--xs,.tfw-btn--sm{font-size:var(--tfw-font-size-small);line-height:var(--tfw-line-height-heading);padding-block:var(--tfw-space-xs)}.tfw-input{--tfw-c-input-bg:var(--tfw-color-bg-surface);--tfw-c-input-border:var(--tfw-color-border-default);--tfw-c-input-size:var(--tfw-control-md);--tfw-c-input-radius:var(--tfw-radius-control);inline-size:100%;min-inline-size:0;min-block-size:var(--tfw-c-input-size);padding:var(--tfw-space-sm) var(--tfw-space-md);background:var(--tfw-c-input-bg);color:var(--tfw-color-text-primary);border:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-c-input-border);border-radius:var(--tfw-c-input-radius);accent-color:var(--tfw-color-border-interactive)}.tfw-input:hover{--tfw-c-input-border:var(--tfw-color-border-strong)}.tfw-input:focus{--tfw-c-input-border:var(--tfw-color-border-focus)}.tfw-input[aria-invalid=true],.tfw-input--error{--tfw-c-input-border:var(--tfw-color-border-error)}.tfw-input:disabled{--tfw-c-input-bg:var(--tfw-color-bg-disabled);cursor:not-allowed}.tfw-input[readonly]{--tfw-c-input-bg:var(--tfw-color-bg-hover)}.tfw-input::placeholder{color:var(--tfw-color-text-tertiary)}textarea.tfw-input{resize:vertical}.tfw-input-group{align-items:center;gap:var(--tfw-space-sm);display:flex}.tfw-input--xs{--tfw-c-input-size:var(--tfw-control-xs)}.tfw-input--sm{--tfw-c-input-size:var(--tfw-control-sm)}.tfw-input--md{--tfw-c-input-size:var(--tfw-control-md)}.tfw-input--lg{--tfw-c-input-size:var(--tfw-control-lg)}.tfw-input--xl{--tfw-c-input-size:var(--tfw-control-xl)}.tfw-input:focus{--tfw-c-input-focus-shadow:var(--tfw-elevation-control-focus);box-shadow:var(--tfw-c-input-focus-shadow)}.tfw-input:focus-visible{outline:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-c-input-border);outline-offset:var(--tfw-space-none)}.tfw-select{--tfw-c-select-inset:var(--tfw-space-md);--tfw-c-select-arrow:var(--tfw-space-sm);inline-size:100%;min-inline-size:0;color:var(--tfw-color-text-secondary);display:inline-grid;position:relative}.tfw-select>select.tfw-input:not([multiple]):not([size]){appearance:none;padding-inline-end:calc(var(--tfw-c-select-inset) * 2 + var(--tfw-c-select-arrow))}.tfw-select:has(>select:not([multiple]):not([size])):after{content:"";inline-size:var(--tfw-c-select-arrow);block-size:var(--tfw-c-select-arrow);border-inline-end:var(--tfw-border-width) var(--tfw-border-style) currentColor;border-block-end:var(--tfw-border-width) var(--tfw-border-style) currentColor;pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:var(--tfw-c-select-inset);transform:translateY(-75%)rotate(45deg)}.tfw-select:has(>select:disabled):after{opacity:var(--tfw-opacity-disabled)}[dir=rtl] .tfw-select:after{transform:translateY(-75%)rotate(-45deg)}.tfw-select-list{--tfw-c-list-bg:var(--tfw-color-bg-surface);--tfw-c-list-border:var(--tfw-color-border-default);--tfw-c-list-radius:var(--tfw-radius-control);min-inline-size:0;padding-block:var(--tfw-space-sm);background:var(--tfw-c-list-bg);border:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-c-list-border);border-radius:var(--tfw-c-list-radius);padding-inline-end:var(--tfw-space-xs);display:grid}.tfw-select-list:hover{--tfw-c-list-border:var(--tfw-color-border-strong)}.tfw-select-list:has(>select:focus){--tfw-c-list-border:var(--tfw-color-border-focus)}.tfw-select-list:has(>select[aria-invalid=true]){--tfw-c-list-border:var(--tfw-color-border-error)}.tfw-select-list:has(>select:disabled){--tfw-c-list-bg:var(--tfw-color-bg-disabled)}.tfw-select-list>select.tfw-input{background:0 0;border:0;border-radius:0;padding-block:0}.tfw-select-list:has(>select:focus-visible){outline:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-c-list-border);outline-offset:var(--tfw-space-none)}.tfw-select-list:has(>select:focus){box-shadow:var(--tfw-elevation-control-focus)}.tfw-select-list>select:focus{box-shadow:none}.tfw-select-list>select:focus-visible{outline:none}:is(select[multiple],select[size],textarea).tfw-input::-webkit-scrollbar{width:var(--tfw-space-md);height:var(--tfw-space-md)}:is(select[multiple],select[size],textarea).tfw-input::-webkit-scrollbar-track{margin-block:var(--tfw-space-sm);margin-inline:var(--tfw-space-sm);background:0 0}:is(select[multiple],select[size],textarea).tfw-input::-webkit-scrollbar-thumb{background-color:var(--tfw-color-border-strong);border:var(--tfw-space-xs) var(--tfw-border-style) transparent;border-radius:var(--tfw-radius-pill);background-clip:padding-box}:is(select[multiple],select[size],textarea).tfw-input::-webkit-scrollbar-button{display:none}:is(select[multiple],select[size],textarea).tfw-input::-webkit-scrollbar-corner{background:0 0}@supports not selector(::-webkit-scrollbar){:is(select[multiple],select[size],textarea).tfw-input{scrollbar-width:thin;scrollbar-color:var(--tfw-color-border-strong) transparent}}@media (forced-colors:active){.tfw-input:focus-visible{outline:var(--tfw-focus-width) var(--tfw-border-style) Highlight;outline-offset:var(--tfw-space-xs)}.tfw-select-list:has(>select:focus-visible){outline:var(--tfw-focus-width) var(--tfw-border-style) Highlight;outline-offset:var(--tfw-space-xs)}.tfw-select-list>select:focus-visible{outline:none}.tfw-select>select.tfw-input:not([multiple]):not([size]){appearance:auto}.tfw-select:after{display:none}}.tfw-input--xs,.tfw-input--sm{padding-block:var(--tfw-space-xs);padding-inline:var(--tfw-space-sm);font-size:var(--tfw-font-size-small);line-height:var(--tfw-line-height-heading)}.tfw-input:disabled:hover{--tfw-c-input-border:var(--tfw-color-border-disabled)}.tfw-field{--tfw-c-field-gap:var(--tfw-space-sm);gap:var(--tfw-c-field-gap);min-inline-size:0;display:grid}.tfw-label{font-weight:var(--tfw-font-weight-label)}.tfw-helper{color:var(--tfw-color-text-secondary);font-size:var(--tfw-font-size-small)}.tfw-error{color:var(--tfw-color-text-danger)}.tfw-fieldset{border:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-color-border-default);border-radius:var(--tfw-radius-control);padding:var(--tfw-space-md)}.tfw-choice{--tfw-c-choice-accent:var(--tfw-color-border-interactive);align-items:center;gap:var(--tfw-space-sm);min-block-size:var(--tfw-control-md);cursor:pointer;display:inline-flex}.tfw-choice input{accent-color:var(--tfw-c-choice-accent);inline-size:var(--tfw-space-md);block-size:var(--tfw-space-md)}.tfw-choice:has(input:disabled){opacity:var(--tfw-opacity-disabled);cursor:not-allowed}.tfw-switch{--tfw-c-switch-bg:var(--tfw-color-border-strong);appearance:none;background:var(--tfw-c-switch-bg);border-radius:var(--tfw-radius-pill);padding:var(--tfw-space-xs);cursor:pointer;inline-size:var(--tfw-control-md)!important;block-size:var(--tfw-space-lg)!important}.tfw-switch:before{content:"";inline-size:var(--tfw-space-md);block-size:var(--tfw-space-md);background:var(--tfw-color-text-inverse);border-radius:var(--tfw-radius-pill);transition:transform var(--tfw-motion-fast);display:block}.tfw-switch:checked{--tfw-c-switch-bg:var(--tfw-color-border-interactive)}.tfw-switch:checked:before{transform:translateX(calc(var(--tfw-control-md) - var(--tfw-space-sm) - var(--tfw-space-md)))}[dir=rtl] .tfw-switch:checked:before{transform:translateX(calc(-1 * (var(--tfw-control-md) - var(--tfw-space-sm) - var(--tfw-space-md))))}.tfw-card{--tfw-c-card-bg:var(--tfw-color-bg-surface);--tfw-c-card-radius:var(--tfw-radius-card);--tfw-c-card-padding:var(--tfw-space-lg);--tfw-c-card-shadow:var(--tfw-elevation-card);background:var(--tfw-c-card-bg);border:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-color-border-subtle);border-radius:var(--tfw-c-card-radius);box-shadow:var(--tfw-c-card-shadow);padding:var(--tfw-c-card-padding);min-inline-size:0;container-type:inline-size}.tfw-card--interactive:hover{--tfw-c-card-shadow:var(--tfw-elevation-hover)}.tfw-card__header{font-weight:var(--tfw-font-weight-title);font-size:var(--tfw-font-size-heading)}.tfw-card__body{margin-block:var(--tfw-space-md)}.tfw-card__footer{gap:var(--tfw-space-sm);flex-wrap:wrap;display:flex}.tfw-stat{font-size:var(--tfw-font-size-title);font-weight:var(--tfw-font-weight-title)}.tfw-card--flat{box-shadow:none;border-color:#0000}.tfw-card--outlined{box-shadow:none;border-color:var(--tfw-color-border-default)}.tfw-card--elevated{--tfw-c-card-shadow:var(--tfw-elevation-overlay)}.tfw-card--flush{padding:0}.tfw-card--flush>:is(.tfw-card__header,.tfw-card__body,.tfw-card__footer){padding:var(--tfw-c-card-padding);margin:0}.tfw-badge{--tfw-c-badge-bg:var(--tfw-color-status-neutral-bg);--tfw-c-badge-text:var(--tfw-color-status-neutral-text);align-items:center;gap:var(--tfw-space-xs);padding:var(--tfw-space-xs) var(--tfw-space-sm);background:var(--tfw-c-badge-bg);color:var(--tfw-c-badge-text);border-radius:var(--tfw-radius-pill);font-size:var(--tfw-font-size-small);font-weight:var(--tfw-font-weight-label);display:inline-flex}.tfw-badge--success{--tfw-c-badge-bg:var(--tfw-color-status-success-bg);--tfw-c-badge-text:var(--tfw-color-status-success-text)}.tfw-badge--warning{--tfw-c-badge-bg:var(--tfw-color-status-warning-bg);--tfw-c-badge-text:var(--tfw-color-status-warning-text)}.tfw-badge--danger{--tfw-c-badge-bg:var(--tfw-color-status-danger-bg);--tfw-c-badge-text:var(--tfw-color-status-danger-text)}.tfw-badge--info{--tfw-c-badge-bg:var(--tfw-color-status-info-bg);--tfw-c-badge-text:var(--tfw-color-status-info-text)}.tfw-container{--tfw-c-layout-width:var(--tfw-layout-container);inline-size:100%;max-inline-size:var(--tfw-c-layout-width);padding-inline:var(--tfw-space-md);margin-inline:auto}.tfw-stack{gap:var(--tfw-space-md);flex-direction:column;display:flex}.tfw-inline{align-items:center;gap:var(--tfw-space-sm);flex-wrap:wrap;display:flex}.tfw-grid{gap:var(--tfw-space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tfw-section{padding-block:var(--tfw-space-section)}.tfw-divider{border:0;border-block-start:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-color-border-default);margin-block:var(--tfw-space-lg)}.tfw-surface{background:var(--tfw-color-bg-surface);padding:var(--tfw-space-lg);border-radius:var(--tfw-radius-card)}.tfw-scroll-area{scrollbar-width:thin;scrollbar-color:var(--tfw-color-border-strong) var(--tfw-color-bg-surface);overflow:auto}.tfw-sticky{z-index:var(--tfw-z-sticky);position:sticky;inset-block-start:0}.tfw-aspect{aspect-ratio:var(--tfw-ratio-video);overflow:hidden}.tfw-aspect>:where(img,video){object-fit:cover;block-size:100%;inline-size:100%}@media (width>=40rem){.tfw-container{padding-inline:var(--tfw-space-lg)}}@media (width>=64rem){.tfw-container{padding-inline:var(--tfw-space-xl)}}.tfw-container--fluid{max-inline-size:none}.tfw-container--reading,.tfw-container--form{--tfw-c-layout-width:var(--tfw-layout-reading)}.tfw-alert{--tfw-c-alert-bg:var(--tfw-color-status-info-bg);--tfw-c-alert-text:var(--tfw-color-status-info-text);padding:var(--tfw-space-md);background:var(--tfw-c-alert-bg);color:var(--tfw-c-alert-text);border-radius:var(--tfw-radius-control);border-inline-start:var(--tfw-focus-width) var(--tfw-border-style) currentColor}.tfw-alert--success{--tfw-c-alert-bg:var(--tfw-color-status-success-bg);--tfw-c-alert-text:var(--tfw-color-status-success-text)}.tfw-alert--warning{--tfw-c-alert-bg:var(--tfw-color-status-warning-bg);--tfw-c-alert-text:var(--tfw-color-status-warning-text)}.tfw-alert--danger{--tfw-c-alert-bg:var(--tfw-color-status-danger-bg);--tfw-c-alert-text:var(--tfw-color-status-danger-text)}.tfw-progress{--tfw-c-progress-accent:var(--tfw-color-border-interactive);inline-size:100%;block-size:var(--tfw-space-sm);accent-color:var(--tfw-c-progress-accent)}.tfw-spinner{--tfw-c-spinner-color:var(--tfw-color-border-interactive);inline-size:var(--tfw-space-lg);block-size:var(--tfw-space-lg);border:var(--tfw-focus-width) var(--tfw-border-style) var(--tfw-color-border-default);border-block-start-color:var(--tfw-c-spinner-color);border-radius:var(--tfw-radius-pill);animation:1s linear infinite tfw-spin;display:inline-block}@keyframes tfw-spin{to{transform:rotate(360deg)}}.tfw-skeleton{background:var(--tfw-color-bg-hover);border-radius:var(--tfw-radius-control);min-block-size:var(--tfw-control-md);animation:1.5s ease-in-out infinite alternate tfw-pulse}@keyframes tfw-pulse{to{opacity:var(--tfw-opacity-disabled)}}.tfw-avatar{--tfw-c-avatar-size:var(--tfw-control-md);inline-size:var(--tfw-c-avatar-size);block-size:var(--tfw-c-avatar-size);border-radius:var(--tfw-radius-pill);background:var(--tfw-color-bg-selected);color:var(--tfw-color-text-brand);object-fit:cover;font-weight:var(--tfw-font-weight-label);justify-content:center;align-items:center;display:inline-flex}.tfw-avatar-group{display:flex}.tfw-avatar-group .tfw-avatar+.tfw-avatar{border:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-color-bg-surface);margin-inline-start:calc(-1 * var(--tfw-space-sm))}.tfw-avatar{flex-shrink:0}.tfw-avatar--sm{--tfw-c-avatar-size:var(--tfw-control-sm);font-size:var(--tfw-font-size-caption)}.tfw-avatar--lg{--tfw-c-avatar-size:var(--tfw-control-xl)}.tfw-tabs{--tfw-c-tabs-accent:var(--tfw-color-border-interactive)}.tfw-tabs [role=tablist]{gap:var(--tfw-space-xs);border-block-end:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-color-border-default);display:flex;overflow:auto}.tfw-tabs [role=tab]{padding:var(--tfw-space-sm) var(--tfw-space-md);min-block-size:var(--tfw-control-md);background:var(--tfw-color-bg-surface);color:var(--tfw-color-text-secondary);border:0;border-block-end:var(--tfw-focus-width) var(--tfw-border-style) transparent;cursor:pointer}.tfw-tabs [aria-selected=true]{border-block-end-color:var(--tfw-c-tabs-accent);color:var(--tfw-color-text-brand)}.tfw-tabs [role=tabpanel]{padding-block:var(--tfw-space-md)}.tfw-tabs--vertical{gap:var(--tfw-space-md);display:flex}.tfw-tabs--vertical [role=tablist]{border-block-end:0;border-inline-end:var(--tfw-border-width) solid var(--tfw-color-border-default);flex-direction:column;flex-shrink:0}.tfw-tabs--vertical [role=tab]{border-block-end:0;border-inline-end:var(--tfw-focus-width) solid transparent;text-align:start}.tfw-tabs--vertical [role=tab][aria-selected=true]{border-inline-end-color:var(--tfw-c-tabs-accent)}.tfw-tabs--vertical [role=tabpanel]{flex:1;min-inline-size:0}@media (width<=40rem){.tfw-tabs--vertical{flex-direction:column}}.tfw-accordion{--tfw-c-accordion-border:var(--tfw-color-border-default);border-block-end:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-c-accordion-border)}.tfw-accordion summary{padding-block:var(--tfw-space-md);cursor:pointer;font-weight:var(--tfw-font-weight-label);min-block-size:var(--tfw-control-md)}.tfw-accordion__body{padding-block-end:var(--tfw-space-md)}.tfw-dialog{--tfw-c-dialog-bg:var(--tfw-color-bg-elevated);--tfw-c-dialog-width:var(--tfw-layout-dialog);inline-size:min(calc(100% - 2rem), var(--tfw-c-dialog-width));max-block-size:calc(100dvh - 2rem);padding:var(--tfw-space-lg);border:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-color-border-default);border-radius:var(--tfw-radius-overlay);background:var(--tfw-c-dialog-bg);color:var(--tfw-color-text-primary);box-shadow:var(--tfw-elevation-overlay);overflow:auto}.tfw-dialog::backdrop{background:var(--tfw-color-bg-overlay)}.tfw-dialog--drawer{border-radius:0;block-size:100dvh;max-block-size:100dvh;margin:0;margin-inline-start:auto}.tfw-dialog--sm{--tfw-c-dialog-width:var(--tfw-layout-dialog)}.tfw-dialog--wide{--tfw-c-dialog-width:var(--tfw-layout-reading)}.tfw-dialog--structured[open]{flex-direction:column;padding:0;display:flex;overflow:hidden}.tfw-dialog__header,.tfw-dialog__footer{padding:var(--tfw-panel-padding);flex-shrink:0}.tfw-dialog__body{padding:var(--tfw-panel-padding);min-block-size:0;overflow:auto}.tfw-dialog__footer{border-block-start:var(--tfw-border-width) solid var(--tfw-color-border-default);gap:var(--tfw-space-sm);flex-wrap:wrap;display:flex}@media (width<=40rem){.tfw-dialog--drawer{inline-size:100%}}.tfw-menu{--tfw-c-menu-bg:var(--tfw-color-bg-elevated);position:relative}.tfw-menu__panel{min-inline-size:12rem;max-inline-size:calc(100vw - 2rem);padding:var(--tfw-space-sm);background:var(--tfw-c-menu-bg);border:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-color-border-default);border-radius:var(--tfw-radius-control);box-shadow:var(--tfw-elevation-overlay);z-index:var(--tfw-z-overlay);position:absolute;inset-block-start:100%;inset-inline-start:0}.tfw-menu [role=menuitem]{text-align:start;inline-size:100%;display:block}.tfw-menu__separator{border:0;border-block-start:var(--tfw-border-width) solid var(--tfw-color-border-default);margin-block:var(--tfw-space-xs)}.tfw-menu__label{padding:var(--tfw-space-sm);color:var(--tfw-color-text-secondary);font-size:var(--tfw-font-size-caption)}.tfw-menu [role=menuitem].tfw-menu__danger{color:var(--tfw-color-text-danger)}.tfw-toast-region{--tfw-c-toast-bg:var(--tfw-color-bg-elevated);z-index:var(--tfw-z-toast);gap:var(--tfw-space-sm);max-inline-size:min(24rem,100vw - 2rem);display:grid;position:fixed;inset-block-end:var(--tfw-space-md);inset-inline-end:var(--tfw-space-md)}.tfw-toast{background:var(--tfw-c-toast-bg);color:var(--tfw-color-text-primary);padding:var(--tfw-space-md);border:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-color-border-default);border-radius:var(--tfw-radius-control);box-shadow:var(--tfw-elevation-overlay)}.tfw-navbar{--tfw-c-nav-bg:var(--tfw-color-bg-inverse);justify-content:space-between;align-items:center;gap:var(--tfw-space-md);padding:var(--tfw-space-md);background:var(--tfw-c-nav-bg);color:var(--tfw-color-text-inverse);flex-wrap:wrap;display:flex}.tfw-navbar a{color:inherit}.tfw-sidebar{padding:var(--tfw-space-md);background:var(--tfw-color-bg-surface);border-inline-end:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-color-border-default)}.tfw-sidebar a{padding:var(--tfw-space-sm);display:block}.tfw-sidebar [aria-current=page]{background:var(--tfw-color-bg-selected);border-radius:var(--tfw-radius-control)}.tfw-breadcrumbs ol,.tfw-pagination{align-items:center;gap:var(--tfw-space-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tfw-breadcrumbs li+li:before{content:"/";color:var(--tfw-color-text-secondary);margin-inline-end:var(--tfw-space-sm)}.tfw-pagination [aria-current=page]{background:var(--tfw-color-bg-selected);color:var(--tfw-color-text-brand)}.tfw-sidebar a{align-items:center;gap:var(--tfw-space-sm);min-block-size:var(--tfw-control-height);color:var(--tfw-color-text-secondary);border-radius:var(--tfw-radius-control);text-decoration:none;display:flex}.tfw-sidebar a:hover{background:var(--tfw-color-bg-hover)}.tfw-sidebar [aria-current=page]{color:var(--tfw-color-text-brand);font-weight:var(--tfw-font-weight-label)}.tfw-sidebar [aria-current=page]:hover{background:var(--tfw-color-bg-selected-hover)}.tfw-sidebar__group{margin-block:var(--tfw-space-lg) var(--tfw-space-sm);font-size:var(--tfw-font-size-caption);color:var(--tfw-color-text-secondary)}.tfw-sidebar__count{font-variant-numeric:tabular-nums;margin-inline-start:auto}.tfw-table{--tfw-c-table-border:var(--tfw-color-border-default);border-collapse:collapse;text-align:start;inline-size:100%}.tfw-table :where(th,td){text-align:start;padding:var(--tfw-space-md);border-block-end:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-c-table-border)}.tfw-table th{background:var(--tfw-color-bg-hover);font-weight:var(--tfw-font-weight-label)}.tfw-table tbody tr:hover{background:var(--tfw-color-bg-hover)}.tfw-table tr[aria-selected=true]{background:var(--tfw-color-bg-selected)}.tfw-table caption{text-align:start;padding-block:var(--tfw-space-sm)}.tfw-table :where(th,td){padding:var(--tfw-table-cell-padding-block) var(--tfw-table-cell-padding-inline)}.tfw-table .tfw-table__number{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}.tfw-table .tfw-table__date{white-space:nowrap;font-variant-numeric:tabular-nums}.tfw-table .tfw-table__actions{white-space:nowrap;inline-size:1%}.tfw-table tbody tr[aria-selected=true]:hover{background:var(--tfw-color-bg-selected-hover)}.tfw-table--sticky{border-collapse:separate;border-spacing:0}.tfw-table--sticky th{z-index:var(--tfw-z-sticky);position:sticky;inset-block-start:var(--tfw-sticky-offset,0px)}.tfw-table th .tfw-btn{min-block-size:var(--tfw-control-sm);padding:var(--tfw-space-xs);font-size:inherit}.tfw-table [aria-sort=ascending] [data-tfw-sort]:after{content:" ↑"}.tfw-table [aria-sort=descending] [data-tfw-sort]:after{content:" ↓"}.tfw-table-wrap{min-inline-size:0;overflow:auto}.tfw-combobox{--tfw-c-combo-bg:var(--tfw-color-bg-elevated);position:relative}.tfw-combobox [role=listbox]{z-index:var(--tfw-z-overlay);max-block-size:16rem;padding:var(--tfw-space-xs);background:var(--tfw-c-combo-bg);color:var(--tfw-color-text-primary);border:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-color-border-default);border-radius:var(--tfw-radius-control);margin:0;list-style:none;position:absolute;inset-inline:0;overflow:auto}.tfw-combobox [role=option]{padding:var(--tfw-space-sm);cursor:pointer}.tfw-combobox [aria-selected=true]{background:var(--tfw-color-bg-selected);color:var(--tfw-color-text-brand)}.tfw-combobox [aria-disabled=true]{color:var(--tfw-color-text-disabled);cursor:not-allowed}.tfw-carousel{--tfw-c-carousel-gap:var(--tfw-space-md);gap:var(--tfw-c-carousel-gap);display:grid}.tfw-carousel__slide{padding:var(--tfw-space-lg);background:var(--tfw-color-bg-surface);border-radius:var(--tfw-radius-card)}.tfw-tooltip{--tfw-c-tooltip-bg:var(--tfw-color-bg-inverse);display:inline-flex;position:relative}.tfw-tooltip [role=tooltip]{inline-size:max-content;max-inline-size:min(16rem,80vw);padding:var(--tfw-space-sm);background:var(--tfw-c-tooltip-bg);color:var(--tfw-color-text-inverse);border-radius:var(--tfw-radius-control);z-index:var(--tfw-z-overlay);position:absolute;inset-block-end:calc(100% + var(--tfw-space-sm));inset-inline-start:0}.tfw-upload{--tfw-c-upload-border:var(--tfw-color-border-default);padding:var(--tfw-space-lg);border:var(--tfw-border-width) dashed var(--tfw-c-upload-border);border-radius:var(--tfw-radius-card)}.tfw-upload[data-dragging=true]{--tfw-c-upload-border:var(--tfw-color-border-focus);background:var(--tfw-color-bg-selected)}.tfw-timeline{--tfw-c-timeline-border:var(--tfw-color-border-default);border-inline-start:var(--tfw-border-width) var(--tfw-border-style) var(--tfw-c-timeline-border);padding-inline-start:var(--tfw-space-lg);list-style:none}.tfw-timeline li{margin-block-end:var(--tfw-space-lg)}.tfw-stepper{gap:var(--tfw-space-lg);flex-wrap:wrap;display:flex}.tfw-stepper [aria-current=step]{color:var(--tfw-color-text-brand);font-weight:var(--tfw-font-weight-title)}.tfw-icon{--tfw-c-icon-size:var(--tfw-space-lg);inline-size:var(--tfw-c-icon-size);block-size:var(--tfw-c-icon-size);stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.tfw-icon--sm{--tfw-c-icon-size:var(--tfw-space-md)}.tfw-panel{--tfw-c-panel-padding:var(--tfw-panel-padding);background:var(--tfw-color-bg-surface);border:var(--tfw-border-width) solid var(--tfw-color-border-default);border-radius:var(--tfw-radius-panel);min-inline-size:0;container-type:inline-size}.tfw-panel__header,.tfw-panel__body,.tfw-panel__footer{padding:var(--tfw-c-panel-padding)}.tfw-panel__header+.tfw-panel__body,.tfw-panel__footer{border-block-start:var(--tfw-border-width) solid var(--tfw-color-border-subtle)}.tfw-panel__header,.tfw-panel__footer,.tfw-toolbar,.tfw-page-header,.tfw-entity,.tfw-attachment{align-items:center;gap:var(--tfw-space-sm);flex-wrap:wrap;display:flex}.tfw-panel__header,.tfw-panel__footer,.tfw-page-header{justify-content:space-between}.tfw-panel__header :is(h2,h3),.tfw-panel__body>h3:first-child{margin-block-start:0}.tfw-page-header{align-items:flex-start;gap:var(--tfw-space-md)}.tfw-page-header :is(h1,h2){font-size:var(--tfw-font-size-page-title);font-weight:var(--tfw-font-weight-label);margin:0}.tfw-page-header p{margin-block:var(--tfw-space-xs) 0;color:var(--tfw-color-text-secondary)}.tfw-toolbar{padding:var(--tfw-panel-padding);border-block-end:var(--tfw-border-width) solid var(--tfw-color-border-subtle)}.tfw-toolbar__search{flex:12rem;min-inline-size:0}.tfw-toolbar__actions{gap:var(--tfw-space-sm);flex-wrap:wrap;margin-inline-start:auto;display:flex}.tfw-bulk-actions{align-items:center;gap:var(--tfw-space-sm);padding:var(--tfw-space-sm) var(--tfw-panel-padding);background:var(--tfw-color-bg-selected);flex-wrap:wrap;display:flex}.tfw-chip{align-items:center;gap:var(--tfw-space-xs);border:var(--tfw-border-width) solid var(--tfw-color-border-default);border-radius:var(--tfw-radius-control);background:var(--tfw-color-bg-subtle);padding-inline-start:var(--tfw-space-sm);display:inline-flex}.tfw-chip button{min-inline-size:var(--tfw-control-sm);min-block-size:var(--tfw-control-sm)}.tfw-state{text-align:center;justify-items:center;gap:var(--tfw-space-sm);padding:var(--tfw-space-xl);display:grid}.tfw-state>*{max-inline-size:var(--tfw-layout-reading);margin:0}.tfw-state__title{font-size:var(--tfw-font-size-section-title);font-weight:var(--tfw-font-weight-label)}.tfw-state__description{color:var(--tfw-color-text-secondary)}.tfw-properties{gap:var(--tfw-space-md);grid-template-columns:minmax(7rem,1fr) minmax(0,2fr);margin:0;display:grid}.tfw-properties dt{color:var(--tfw-color-text-secondary)}.tfw-properties dd{overflow-wrap:anywhere;margin:0}.tfw-setting{gap:var(--tfw-space-lg);padding-block:var(--tfw-space-lg);border-block-end:var(--tfw-border-width) solid var(--tfw-color-border-subtle);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.tfw-setting h3,.tfw-setting p{margin-block:0 var(--tfw-space-xs)}.tfw-setting p{color:var(--tfw-color-text-secondary)}.tfw-danger-zone{border-color:var(--tfw-color-border-error)}.tfw-entity{flex-wrap:nowrap;min-inline-size:0}.tfw-entity__meta{color:var(--tfw-color-text-secondary);font-size:var(--tfw-font-size-caption)}.tfw-status{align-items:center;gap:var(--tfw-space-xs);display:inline-flex}.tfw-status:before{content:"";inline-size:var(--tfw-space-sm);block-size:var(--tfw-space-sm);border-radius:var(--tfw-radius-pill);background:currentColor;flex-shrink:0}.tfw-attachment{padding:var(--tfw-space-md);border:var(--tfw-border-width) solid var(--tfw-color-border-default);border-radius:var(--tfw-radius-control)}.tfw-attachment__name{overflow-wrap:anywhere;flex:1;min-inline-size:0}.tfw-metric{font-size:var(--tfw-font-size-title);font-variant-numeric:tabular-nums;font-weight:var(--tfw-font-weight-label)}.tfw-metric__caption{font-size:var(--tfw-font-size-small);color:var(--tfw-color-text-secondary)}.tfw-kanban{gap:var(--tfw-space-md);grid-auto-columns:minmax(16rem,1fr);grid-auto-flow:column;padding-block-end:var(--tfw-space-sm);display:grid;overflow:auto}.tfw-kanban__column{gap:var(--tfw-space-sm);padding:var(--tfw-space-md);background:var(--tfw-color-bg-subtle);border-radius:var(--tfw-radius-panel);flex-direction:column;display:flex}.tfw-kanban__column>h3{margin:0 0 var(--tfw-space-sm)}.tfw-kanban__card{padding:var(--tfw-space-md);background:var(--tfw-color-bg-surface);border:var(--tfw-border-width) solid var(--tfw-color-border-default);border-radius:var(--tfw-radius-control)}.tfw-kanban__card[data-dragging=true]{opacity:var(--tfw-opacity-disabled)}.tfw-kanban__column[data-drop-target=true]{outline:var(--tfw-focus-width) solid var(--tfw-color-border-focus);outline-offset:calc(-1 * var(--tfw-focus-width))}.tfw-composer{gap:var(--tfw-space-sm);padding:var(--tfw-panel-padding);border-block-start:var(--tfw-border-width) solid var(--tfw-color-border-default);display:grid}.tfw-calendar{gap:var(--tfw-space-xs);grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.tfw-calendar__day{min-block-size:var(--tfw-control-xl);padding:var(--tfw-space-xs);border:var(--tfw-border-width) solid var(--tfw-color-border-subtle)}.tfw-calendar__day[aria-current=date]{background:var(--tfw-color-bg-selected);outline:var(--tfw-border-width) solid var(--tfw-color-border-focus)}.tfw-multiselect{gap:var(--tfw-space-sm);min-inline-size:0;display:grid}.tfw-multiselect__options{max-block-size:16rem;padding:var(--tfw-space-sm);border:var(--tfw-border-width) solid var(--tfw-color-border-default);border-radius:var(--tfw-radius-control);overflow:auto}.tfw-multiselect__options .tfw-choice{display:flex}.tfw-inline-edit{gap:var(--tfw-space-sm);display:grid}.tfw-inline-edit>summary{cursor:pointer;padding:var(--tfw-space-sm);border-radius:var(--tfw-radius-control)}.tfw-inline-edit[open]>summary{background:var(--tfw-color-bg-selected)}.tfw-empty-chart{background:var(--tfw-color-bg-subtle);border-radius:var(--tfw-radius-control);place-items:center;min-block-size:12rem;display:grid}.tfw-notification{padding:var(--tfw-space-md);border-block-end:var(--tfw-border-width) solid var(--tfw-color-border-default)}.tfw-notification[data-unread=true]{background:var(--tfw-color-bg-selected)}.tfw-priority{gap:var(--tfw-space-xs);font-weight:var(--tfw-font-weight-label);align-items:center;display:inline-flex}.tfw-priority--high{color:var(--tfw-color-text-danger)}.tfw-priority--medium{color:var(--tfw-color-text-warning)}.tfw-priority--low{color:var(--tfw-color-text-secondary)}@media (width<=40rem){.tfw-setting,.tfw-properties{grid-template-columns:minmax(0,1fr)}.tfw-properties dd{margin-block-end:var(--tfw-space-sm)}.tfw-toolbar__actions{margin-inline-start:0}}@container (width<=30rem){.tfw-setting,.tfw-properties{grid-template-columns:minmax(0,1fr)}.tfw-properties dd{margin-block-end:var(--tfw-space-sm)}}}@layer tfw.patterns{.tfw-workspace{font-size:var(--tfw-font-size-ui)}.tfw-workspace :where(.tfw-btn:not([class*=tfw-btn--xs]):not([class*=tfw-btn--sm]):not([class*=tfw-btn--lg]):not([class*=tfw-btn--xl]),.tfw-input:not([class*=tfw-input--xs]):not([class*=tfw-input--sm]):not([class*=tfw-input--lg]):not([class*=tfw-input--xl])){min-block-size:var(--tfw-control-height);padding-block:var(--tfw-control-padding-block);font-size:var(--tfw-font-size-ui);line-height:1.4}.tfw-workspace .tfw-choice{min-block-size:var(--tfw-control-height)}.tfw-workspace .tfw-btn--icon{inline-size:var(--tfw-control-height)}.tfw-workspace .tfw-card:not(.tfw-card--flush){padding:var(--tfw-panel-padding);border-radius:var(--tfw-radius-panel)}.tfw-app-shell{grid-template-columns:minmax(0,1fr);min-block-size:100dvh;display:grid}.tfw-app-shell__main{min-inline-size:0}.tfw-app-shell__topbar{justify-content:space-between;align-items:center;gap:var(--tfw-space-sm);padding:var(--tfw-space-md);border-block-end:var(--tfw-border-width) solid var(--tfw-color-border-default);background:var(--tfw-color-bg-surface);flex-wrap:wrap;display:flex}.tfw-page{gap:var(--tfw-page-gap);padding:var(--tfw-panel-padding);min-inline-size:0;display:grid}.tfw-page>*{min-inline-size:0}.tfw-form{gap:var(--tfw-field-gap);max-inline-size:var(--tfw-layout-reading);display:grid}.tfw-form-grid{gap:var(--tfw-field-gap);grid-template-columns:minmax(0,1fr);display:grid}.tfw-form-grid__full{grid-column:1/-1}.tfw-form-actions{align-items:center;gap:var(--tfw-space-sm);padding-block:var(--tfw-space-md);background:var(--tfw-color-bg-surface);flex-wrap:wrap;display:flex}.tfw-form-actions--sticky{z-index:var(--tfw-z-sticky);border-block-start:var(--tfw-border-width) solid var(--tfw-color-border-default);position:sticky;inset-block-end:0}.tfw-dashboard{gap:var(--tfw-page-gap);display:grid}.tfw-detail,.tfw-settings,.tfw-inbox{gap:var(--tfw-page-gap);min-inline-size:0;display:grid}.tfw-detail>*,.tfw-settings>*,.tfw-inbox>*{min-inline-size:0}.tfw-conversation{gap:var(--tfw-space-sm);flex-direction:column;display:flex}.tfw-message{padding:var(--tfw-space-md);border-radius:var(--tfw-radius-panel);background:var(--tfw-color-bg-subtle);overflow-wrap:anywhere;max-inline-size:85%}.tfw-message--outgoing{background:var(--tfw-color-bg-selected);align-self:flex-end}.tfw-nav-mobile{display:block}.tfw-app-shell--responsive>.tfw-sidebar{display:none}@media (width>=48rem){.tfw-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tfw-settings{grid-template-columns:12rem minmax(0,1fr)}}@media (width>=64rem){.tfw-app-shell{grid-template-columns:var(--tfw-layout-sidebar) minmax(0, 1fr)}.tfw-app-shell--responsive>.tfw-sidebar{display:block}.tfw-nav-mobile{display:none}.tfw-detail{grid-template-columns:minmax(0, 1fr) minmax(0, var(--tfw-layout-inspector))}.tfw-inbox{grid-template-columns:minmax(12rem,1fr) minmax(0,2fr)}.tfw-app-shell[data-sidebar=compact]{grid-template-columns:5rem minmax(0,1fr)}.tfw-app-shell[data-sidebar=compact]>.tfw-sidebar :is(.tfw-sidebar__label,.tfw-sidebar__count,.tfw-sidebar__group){display:none}.tfw-app-shell[data-sidebar=compact]>.tfw-sidebar a{justify-content:center}}@media (width>=80rem){.tfw-inbox--inspector{grid-template-columns:minmax(12rem,1fr) minmax(0,2fr) minmax(12rem,1fr)}}}.panel-shell{max-inline-size:1200px;padding:var(--tfw-space-2xl) var(--tfw-space-lg);margin-inline:auto}.panel-header{border-block-end:var(--tfw-border-width) solid var(--tfw-color-border-default);margin-block-end:var(--tfw-space-xl);padding-block-end:var(--tfw-space-lg)}.panel-brand,.panel-step{color:var(--tfw-color-text-brand);font-weight:var(--tfw-font-weight-title)}.panel-brand{margin:0 0 var(--tfw-space-sm);font-size:var(--tfw-font-size-small)}.panel-header h1{font-size:var(--tfw-font-size-title)}.panel-login{max-inline-size:32rem;margin:var(--tfw-space-xl) auto}.panel-login h2{margin:0}.panel-login .tfw-field{margin-block:var(--tfw-space-lg)}.panel-note{font-size:var(--tfw-font-size-small);color:var(--tfw-color-text-secondary);margin-block:var(--tfw-space-md)}.panel-session{margin-block:var(--tfw-space-md);justify-content:flex-end;display:flex}.panel-grid{gap:var(--tfw-space-lg);grid-template-columns:minmax(16rem,.85fr) minmax(0,1.4fr);align-items:start;display:grid}.panel-grid h2{margin-block:0 var(--tfw-space-lg);font-size:var(--tfw-font-size-heading)}.panel-grid .tfw-field{margin-block:var(--tfw-space-lg)}.panel-step{font-family:var(--tfw-font-code);font-size:var(--tfw-font-size-small);margin-inline-end:var(--tfw-space-sm)}.panel-results{grid-column:1/-1}.panel-template{align-items:center;gap:var(--tfw-space-lg);margin-block:var(--tfw-space-lg);flex-wrap:wrap;display:flex}.panel-template p{margin-block:var(--tfw-space-xs)}.panel-preview,pre{background:var(--tfw-color-bg-subtle);border:var(--tfw-border-width) solid var(--tfw-color-border-default);border-radius:var(--tfw-radius-control);padding:var(--tfw-space-md);margin-block:var(--tfw-space-lg)}pre{font-family:var(--tfw-font-code);font-size:var(--tfw-font-size-small);white-space:pre-wrap;overflow-wrap:anywhere}.panel-actions{gap:var(--tfw-space-sm);flex-wrap:wrap;margin-block-start:var(--tfw-space-md);display:flex}@media (width<=48rem){.panel-shell{padding:var(--tfw-space-lg) var(--tfw-space-md)}.panel-grid{grid-template-columns:1fr}}