@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.layout-app{display:flex;height:100vh;overflow:hidden;background:var(--ui-surface)}.layout-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.layout-content{flex:1;overflow-y:auto;padding:calc(var(--ui-base-spacing) * 3)}#left-sidebar-portal,#right-sidebar-portal{display:contents}:root{--color-blue-50: oklch(97.05% .014 254.6);--color-blue-100: oklch(92.95% .038 254.13);--color-blue-200: oklch(88.15% .066 252.42);--color-blue-300: oklch(80.7% .11 252.72);--color-blue-400: oklch(71.76% .149 249.25);--color-blue-500: oklch(62.31% .19 259.81);--color-blue-600: oklch(54.61% .215 262.88);--color-blue-700: oklch(48.83% .213 264.38);--color-blue-800: oklch(42.44% .183 265.64);--color-blue-900: oklch(37.88% .145 265.52);--color-blue-950: oklch(27.96% .091 267.94);--color-slate-50: oklch(98.47% .003 247.86);--color-slate-100: oklch(96.68% .007 247.9);--color-slate-200: oklch(92.88% .013 255.51);--color-slate-300: oklch(86.9% .019 252.89);--color-slate-400: oklch(70.39% .028 256.79);--color-slate-500: oklch(55.37% .03 259.39);--color-slate-600: oklch(44.6% .026 264.53);--color-slate-700: oklch(36.2% .027 265.75);--color-slate-800: oklch(27.93% .028 264.53);--color-slate-900: oklch(20.82% .031 265.75);--color-slate-950: oklch(12.96% .027 264.53);--color-white: oklch(100% 0 0);--color-black: oklch(0% 0 0);--color-gray-50: oklch(98.51% 0 0);--color-gray-100: oklch(96.74% .001 286.38);--color-gray-200: oklch(92.76% .003 286.32);--color-gray-300: oklch(87.17% .004 286.32);--color-gray-400: oklch(70.35% .008 286.32);--color-gray-500: oklch(55.19% .011 286.32);--color-gray-600: oklch(44.64% .01 286.32);--color-gray-700: oklch(37.14% .009 286.32);--color-gray-800: oklch(27.39% .007 286.32);--color-gray-900: oklch(21.08% .006 285.75);--color-gray-950: oklch(13.09% .004 285.82);--color-green-50: oklch(98.2% .031 149.58);--color-green-100: oklch(95.54% .052 149.58);--color-green-200: oklch(90.45% .107 149.58);--color-green-300: oklch(83.09% .152 149.58);--color-green-400: oklch(73.93% .185 149.58);--color-green-500: oklch(64.82% .178 148.14);--color-green-600: oklch(56.16% .154 150.07);--color-green-700: oklch(48.28% .126 150.66);--color-green-800: oklch(42.28% .1 150.66);--color-green-900: oklch(37.38% .077 150.85);--color-green-950: oklch(24.11% .053 152.55);--color-red-50: oklch(97.78% .014 17.38);--color-red-100: oklch(93.58% .031 17.72);--color-red-200: oklch(88.52% .062 18.33);--color-red-300: oklch(80.76% .101 19.57);--color-red-400: oklch(70.43% .157 22.22);--color-red-500: oklch(62.78% .194 24.58);--color-red-600: oklch(55.27% .195 27.33);--color-red-700: oklch(47.03% .165 27.33);--color-red-800: oklch(41.39% .137 26.08);--color-red-900: oklch(37.41% .108 25.72);--color-red-950: oklch(25.79% .079 26.04);--color-amber-50: oklch(98.72% .027 95.28);--color-amber-100: oklch(95.55% .071 95.28);--color-amber-200: oklch(89.68% .134 95.28);--color-amber-300: oklch(83.08% .173 91.14);--color-amber-400: oklch(76.82% .177 75.83);--color-amber-500: oklch(70.42% .17 61.33);--color-amber-600: oklch(62.67% .161 50.32);--color-amber-700: oklch(53.67% .14 46.61);--color-amber-800: oklch(46.57% .117 46.61);--color-amber-900: oklch(41.38% .096 46.61);--color-amber-950: oklch(28.63% .07 48.64);--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-2xl: 12px;--radius-3xl: 16px;--radius-full: 9999px;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-sm: 0 1px 2px 0 oklch(0% 0 0 / .05);--shadow-md: 0 4px 6px -1px oklch(0% 0 0 / .1), 0 2px 4px -1px oklch(0% 0 0 / .06);--shadow-lg: 0 10px 15px -3px oklch(0% 0 0 / .1), 0 4px 6px -2px oklch(0% 0 0 / .05);--shadow-xl: 0 20px 25px -5px oklch(0% 0 0 / .1), 0 10px 10px -5px oklch(0% 0 0 / .04);--shadow-focus: 0 0 0 3px oklch(62.31% .19 259.81 / .5);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal: 1300;--z-popover: 1400;--z-tooltip: 1500}[data-theme=light]{--ui-primary: oklch(45% .03 260);--ui-primary-foreground: oklch(100% 0 0);--ui-secondary: oklch(62% .02 260);--ui-secondary-foreground: oklch(100% 0 0);--ui-accent: oklch(48% .12 300);--ui-accent-foreground: oklch(100% 0 0);--ui-success: oklch(58% .14 150);--ui-success-foreground: oklch(100% 0 0);--ui-warning: oklch(72% .14 72);--ui-warning-foreground: oklch(22% .05 72);--ui-danger: oklch(58% .18 25);--ui-danger-foreground: oklch(100% 0 0);--ui-info: oklch(56% .12 240);--ui-info-foreground: oklch(100% 0 0);--ui-neutral: oklch(55% .01 260);--ui-neutral-foreground: oklch(100% 0 0);--ui-surface: oklch(98.5% .002 260);--ui-surface-foreground: oklch(25% .015 260);--ui-surface-raised: oklch(100% 0 0);--ui-surface-raised-foreground: oklch(25% .015 260);--ui-surface-overlay: oklch(100% 0 0);--ui-surface-overlay-foreground: oklch(25% .015 260);--ui-backdrop: oklch(0% 0 0 / .15);--ui-backdrop-blur: 8px;--ui-border: oklch(90% .006 260);--ui-border-width: 1px;--ui-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--ui-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Monaco", "Courier New", monospace;--ui-text-xs: 11px;--ui-text-sm: 13px;--ui-text-base: 14px;--ui-text-lg: 16px;--ui-text-xl: 18px;--ui-text-2xl: 22px;--ui-text-3xl: 28px;--ui-text-4xl: 34px;--ui-leading-none: 1;--ui-leading-tight: 1.3;--ui-leading-normal: 1.5;--ui-leading-relaxed: 1.7;--ui-weight-normal: 400;--ui-weight-medium: 500;--ui-weight-semibold: 600;--ui-weight-bold: 700;--ui-base-radius: 6px;--ui-depth: 0 1px 3px 0 oklch(0% 0 0 / .03), 0 1px 2px -1px oklch(0% 0 0 / .03);--ui-ring-width: 2px;--ui-ring-offset: 2px;--ui-hover-mix: black;--ui-hover-amount: 6%;--ui-active-amount: 12%;--ui-base-duration: .12s;--ui-base-easing: cubic-bezier(.25, .1, .25, 1);--ui-enter-offset: -3px;--ui-base-spacing: 8px;--ui-z-overlay: 1000;--ui-z-tooltip: 1500}[data-theme=dark]{--ui-primary: oklch(72% .03 260);--ui-primary-foreground: oklch(15% .01 260);--ui-secondary: oklch(65% .02 260);--ui-secondary-foreground: oklch(15% .01 260);--ui-accent: oklch(70% .1 300);--ui-accent-foreground: oklch(15% .01 260);--ui-success: oklch(68% .12 150);--ui-success-foreground: oklch(15% .01 260);--ui-warning: oklch(74% .12 72);--ui-warning-foreground: oklch(20% .05 72);--ui-danger: oklch(68% .14 25);--ui-danger-foreground: oklch(100% 0 0);--ui-info: oklch(68% .1 240);--ui-info-foreground: oklch(15% .01 260);--ui-neutral: oklch(60% .01 260);--ui-neutral-foreground: oklch(15% .01 260);--ui-surface: oklch(18% .01 260);--ui-surface-foreground: oklch(92% .004 260);--ui-surface-raised: oklch(23% .01 260);--ui-surface-raised-foreground: oklch(92% .004 260);--ui-surface-overlay: oklch(28% .01 260);--ui-surface-overlay-foreground: oklch(92% .004 260);--ui-backdrop: oklch(0% 0 0 / .55);--ui-backdrop-blur: 8px;--ui-border: oklch(32% .008 260);--ui-border-width: 1px;--ui-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", sans-serif;--ui-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Monaco", "Courier New", monospace;--ui-text-xs: 11px;--ui-text-sm: 13px;--ui-text-base: 14px;--ui-text-lg: 16px;--ui-text-xl: 18px;--ui-text-2xl: 22px;--ui-text-3xl: 28px;--ui-text-4xl: 34px;--ui-leading-none: 1;--ui-leading-tight: 1.3;--ui-leading-normal: 1.5;--ui-leading-relaxed: 1.7;--ui-weight-normal: 400;--ui-weight-medium: 500;--ui-weight-semibold: 600;--ui-weight-bold: 700;--ui-base-radius: 6px;--ui-depth: 0 1px 3px 0 oklch(0% 0 0 / .25), 0 1px 2px -1px oklch(0% 0 0 / .2);--ui-ring-width: 2px;--ui-ring-offset: 2px;--ui-hover-mix: white;--ui-hover-amount: 8%;--ui-active-amount: 14%;--ui-base-duration: .12s;--ui-base-easing: cubic-bezier(.25, .1, .25, 1);--ui-enter-offset: -3px;--ui-base-spacing: 8px;--ui-z-overlay: 1000;--ui-z-tooltip: 1500}[data-theme=dev]{--ui-primary: oklch(21% .006 286);--ui-primary-foreground: oklch(100% 0 0);--ui-secondary: oklch(55% .01 286);--ui-secondary-foreground: oklch(100% 0 0);--ui-accent: oklch(45% .15 300);--ui-accent-foreground: oklch(100% 0 0);--ui-success: oklch(56% .15 150);--ui-success-foreground: oklch(100% 0 0);--ui-warning: oklch(63% .16 50);--ui-warning-foreground: oklch(20% .05 50);--ui-danger: oklch(55% .2 27);--ui-danger-foreground: oklch(100% 0 0);--ui-info: oklch(55% .22 263);--ui-info-foreground: oklch(100% 0 0);--ui-neutral: oklch(45% .01 286);--ui-neutral-foreground: oklch(100% 0 0);--ui-surface: oklch(97% .001 286);--ui-surface-foreground: oklch(21% .006 286);--ui-surface-raised: oklch(100% 0 0);--ui-surface-raised-foreground: oklch(21% .006 286);--ui-surface-overlay: oklch(100% 0 0);--ui-surface-overlay-foreground: oklch(21% .006 286);--ui-backdrop: oklch(0% 0 0 / .6);--ui-backdrop-blur: 0;--ui-border: oklch(70% .008 286);--ui-border-width: 1px;--ui-font-sans: "JetBrains Mono", ui-monospace, monospace;--ui-font-mono: "JetBrains Mono", ui-monospace, monospace;--ui-text-xs: 11px;--ui-text-sm: 13px;--ui-text-base: 14px;--ui-text-lg: 16px;--ui-text-xl: 18px;--ui-text-2xl: 22px;--ui-text-3xl: 27px;--ui-text-4xl: 32px;--ui-leading-none: 1;--ui-leading-tight: 1.25;--ui-leading-normal: 1.5;--ui-leading-relaxed: 1.75;--ui-weight-normal: 400;--ui-weight-medium: 500;--ui-weight-semibold: 600;--ui-weight-bold: 700;--ui-base-radius: 0px;--ui-depth: none;--ui-ring-width: 3px;--ui-ring-offset: 2px;--ui-hover-mix: white;--ui-hover-amount: 15%;--ui-active-amount: 25%;--ui-base-duration: .1s;--ui-base-easing: cubic-bezier(.4, 0, .2, 1);--ui-enter-offset: -4px;--ui-base-spacing: 6px;--ui-z-overlay: 1000;--ui-z-tooltip: 1500}[data-theme]{--header-height: 64px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--ui-font-sans);line-height:var(--ui-leading-normal);background-color:var(--ui-surface);color:var(--ui-surface-foreground)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-theme=formbuild-light]{--ui-primary: oklch(.52 .14 35);--ui-primary-foreground: oklch(100% 0 0);--ui-secondary: oklch(.38 .08 262);--ui-secondary-foreground: oklch(100% 0 0);--ui-success: oklch(.52 .14 150);--ui-success-foreground: oklch(100% 0 0);--ui-warning: oklch(.68 .15 72);--ui-warning-foreground: oklch(.2 .04 72);--ui-danger: oklch(.55 .2 25);--ui-danger-foreground: oklch(100% 0 0);--ui-info: oklch(.5 .16 218);--ui-info-foreground: oklch(100% 0 0);--ui-neutral: oklch(.45 .01 265);--ui-neutral-foreground: oklch(100% 0 0);--ui-surface: oklch(.975 .003 265);--ui-surface-foreground: oklch(.2 .015 265);--ui-surface-raised: oklch(100% 0 0);--ui-surface-raised-foreground: oklch(.2 .015 265);--ui-surface-overlay: oklch(100% 0 0);--ui-surface-overlay-foreground: oklch(.2 .015 265);--ui-backdrop: oklch(0% 0 0 / .25);--ui-backdrop-blur: 8px;--ui-border: oklch(.88 .008 265);--ui-border-width: 1px;--ui-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ui-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Monaco", "Courier New", monospace;--ui-text-xs: 11px;--ui-text-sm: 12px;--ui-text-base: 14px;--ui-text-lg: 16px;--ui-text-xl: 18px;--ui-text-2xl: 22px;--ui-text-3xl: 28px;--ui-text-4xl: 34px;--ui-leading-none: 1;--ui-leading-tight: 1.3;--ui-leading-normal: 1.55;--ui-leading-relaxed: 1.75;--ui-weight-normal: 400;--ui-weight-medium: 500;--ui-weight-semibold: 600;--ui-weight-bold: 700;--ui-base-radius: 6px;--ui-depth: 0 1px 2px 0 oklch(0% 0 0 / .03), 0 1px 4px 0 oklch(0% 0 0 / .04);--ui-ring-width: 2px;--ui-ring-offset: 2px;--ui-hover-mix: black;--ui-hover-amount: 8%;--ui-active-amount: 15%;--ui-base-duration: .12s;--ui-base-easing: cubic-bezier(.25, .1, .25, 1);--ui-enter-offset: -3px;--ui-base-spacing: 8px;--ui-z-overlay: 1000;--ui-z-tooltip: 1500}.sidebar{width:240px;min-width:240px;height:100vh;background:color-mix(in oklch,var(--ui-surface),black 3%);border-right:1px solid var(--ui-border);display:flex;flex-direction:column;flex-shrink:0;transition:width var(--ui-base-duration) var(--ui-base-easing),min-width var(--ui-base-duration) var(--ui-base-easing);overflow:hidden}.sidebar.collapsed{width:56px;min-width:56px}.sidebar-header{height:56px;display:flex;align-items:center;gap:var(--ui-base-spacing);padding:0 calc(var(--ui-base-spacing) * 1.5);flex-shrink:0}.user-trigger{display:flex;align-items:center;gap:var(--ui-base-spacing);flex:1;min-width:0;padding:calc(var(--ui-base-spacing) * .5) var(--ui-base-spacing);border:none;border-radius:var(--ui-base-radius);background:transparent;cursor:pointer;transition:background var(--ui-base-duration) var(--ui-base-easing)}.user-trigger:hover,.user-trigger.active{background:color-mix(in oklch,var(--ui-surface-foreground),transparent 92%)}.user-name{flex:1;text-align:left;font-size:var(--ui-text-base);font-family:var(--ui-font-sans);font-weight:var(--ui-weight-medium);color:var(--ui-surface-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chevron{display:flex;align-items:center;color:var(--ui-muted-foreground);flex-shrink:0}.sidebar-nav{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.nav-body{flex:1;padding:var(--ui-base-spacing);display:flex;flex-direction:column;gap:calc(var(--ui-base-spacing) * .25)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:calc(var(--ui-base-spacing) * .25)}.nav-item{display:flex;align-items:center;gap:var(--ui-base-spacing);padding:calc(var(--ui-base-spacing) * .75) var(--ui-base-spacing);border-radius:var(--ui-base-radius);font-size:var(--ui-text-base);font-family:var(--ui-font-sans);font-weight:var(--ui-weight-normal);line-height:1;color:var(--ui-muted-foreground);text-decoration:none;white-space:nowrap;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;transition:background var(--ui-base-duration) var(--ui-base-easing),color var(--ui-base-duration) var(--ui-base-easing)}.nav-item:hover{background:color-mix(in oklch,var(--ui-surface-foreground),transparent 93%);color:var(--ui-surface-foreground)}.nav-item.active{background:color-mix(in oklch,var(--ui-surface-foreground),transparent 88%);color:var(--ui-surface-foreground);font-weight:var(--ui-weight-medium)}.nav-item.collapsed-center{justify-content:center;padding:calc(var(--ui-base-spacing) * .75) var(--ui-base-spacing)}.nav-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.nav-item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.nav-badge{font-size:var(--ui-text-xs);font-family:var(--ui-font-sans);font-weight:var(--ui-weight-medium);color:var(--ui-muted-foreground);background:color-mix(in oklch,var(--ui-surface-foreground),transparent 92%);padding:1px 6px;border-radius:var(--ui-base-radius);line-height:1.4}.create-item{color:var(--ui-muted-foreground);margin-bottom:calc(var(--ui-base-spacing) * .75)}.create-item:hover{color:var(--ui-surface-foreground)}.nav-footer{padding:var(--ui-base-spacing)}.collapsed .sidebar-header{justify-content:center;padding:0;flex-direction:column;gap:calc(var(--ui-base-spacing) * .5)}.collapsed .nav-body,.collapsed .nav-footer{align-items:center}[data-theme]{--avatar-size-sm: calc(var(--ui-base-spacing) * 3);--avatar-size-md: calc(var(--ui-base-spacing) * 4);--avatar-size-lg: calc(var(--ui-base-spacing) * 6);--avatar-size-xl: calc(var(--ui-base-spacing) * 8);--avatar-font-size-sm: var(--ui-text-xs);--avatar-font-size-md: var(--ui-text-sm);--avatar-font-size-lg: var(--ui-text-base);--avatar-font-size-xl: var(--ui-text-lg);--avatar-radius-circle: 9999px;--avatar-radius-square: var(--ui-base-radius);--avatar-bg-primary: var(--ui-primary);--avatar-fg-primary: var(--ui-primary-foreground);--avatar-bg-secondary: var(--ui-secondary);--avatar-fg-secondary: var(--ui-secondary-foreground);--avatar-bg-neutral: color-mix(in oklch, var(--ui-neutral), transparent 70%);--avatar-fg-neutral: var(--ui-surface-foreground);--avatar-border-width: var(--ui-border-width);--avatar-border-color: var(--ui-border);--avatar-status-size: calc(var(--ui-base-spacing) * 1.5);--avatar-status-border-width: calc(var(--ui-border-width) * 2);--avatar-status-border-color: var(--ui-surface);--avatar-status-online: var(--ui-success);--avatar-status-offline: color-mix(in oklch, var(--ui-neutral), transparent 40%);--avatar-status-away: var(--ui-warning);--avatar-status-busy: var(--ui-danger)}.avatar-wrapper{position:relative;display:inline-flex;flex-shrink:0}.avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border:var(--avatar-border-width) solid var(--avatar-border-color);font-weight:var(--ui-weight-medium);font-family:var(--ui-font-sans);-webkit-user-select:none;user-select:none}.avatar--sm{width:var(--avatar-size-sm);height:var(--avatar-size-sm);font-size:var(--avatar-font-size-sm)}.avatar--md{width:var(--avatar-size-md);height:var(--avatar-size-md);font-size:var(--avatar-font-size-md)}.avatar--lg{width:var(--avatar-size-lg);height:var(--avatar-size-lg);font-size:var(--avatar-font-size-lg)}.avatar--xl{width:var(--avatar-size-xl);height:var(--avatar-size-xl);font-size:var(--avatar-font-size-xl)}.avatar--circle{border-radius:var(--avatar-radius-circle)}.avatar--square{border-radius:var(--avatar-radius-square)}.avatar--primary{background-color:var(--avatar-bg-primary);color:var(--avatar-fg-primary)}.avatar--secondary{background-color:var(--avatar-bg-secondary);color:var(--avatar-fg-secondary)}.avatar--neutral{background-color:var(--avatar-bg-neutral);color:var(--avatar-fg-neutral)}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__initials{line-height:var(--ui-leading-none);letter-spacing:.02em}.avatar__status{position:absolute;bottom:0;right:0;width:var(--avatar-status-size);height:var(--avatar-status-size);border-radius:9999px;border:var(--avatar-status-border-width) solid var(--avatar-status-border-color)}.avatar__status--online{background-color:var(--avatar-status-online)}.avatar__status--offline{background-color:var(--avatar-status-offline)}.avatar__status--away{background-color:var(--avatar-status-away)}.avatar__status--busy{background-color:var(--avatar-status-busy)}[data-theme]{--breadcrumbs-font-size: var(--ui-text-sm);--breadcrumbs-gap: calc(var(--ui-base-spacing) * 1.5);--breadcrumbs-link-color: color-mix(in oklch, var(--ui-surface-foreground), transparent 45%);--breadcrumbs-link-hover-color: var(--ui-surface-foreground);--breadcrumbs-current-color: var(--ui-surface-foreground);--breadcrumbs-separator-color: color-mix(in oklch, var(--ui-surface-foreground), transparent 60%);--breadcrumbs-focus-color: var(--ui-primary);--breadcrumbs-focus-ring-width: var(--ui-ring-width);--breadcrumbs-focus-ring-offset: var(--ui-ring-offset);--breadcrumbs-focus-radius: calc(var(--ui-base-radius) * .25);--breadcrumbs-transition: var(--ui-base-duration) var(--ui-base-easing)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--breadcrumbs-gap);list-style:none;margin:0;padding:0;font-family:var(--ui-font-sans);font-size:var(--breadcrumbs-font-size);line-height:var(--ui-leading-none)}.breadcrumbs__item{display:flex;align-items:center;gap:var(--breadcrumbs-gap)}.breadcrumbs__item:first-child .breadcrumbs__separator{display:none}.breadcrumbs__separator{display:flex;align-items:center;flex-shrink:0;color:var(--breadcrumbs-separator-color);-webkit-user-select:none;user-select:none}.breadcrumbs__link,.breadcrumbs__current{font-weight:var(--ui-weight-medium);white-space:nowrap}.breadcrumbs__link{color:var(--breadcrumbs-link-color);text-decoration:none;transition:color var(--breadcrumbs-transition)}.breadcrumbs__link:hover{color:var(--breadcrumbs-link-hover-color)}.breadcrumbs__link:active{color:color-mix(in oklch,var(--breadcrumbs-link-hover-color),transparent 20%)}.breadcrumbs__link:focus-visible{outline:var(--breadcrumbs-focus-ring-width) solid color-mix(in oklch,var(--breadcrumbs-focus-color),transparent 70%);outline-offset:var(--breadcrumbs-focus-ring-offset);border-radius:var(--breadcrumbs-focus-radius)}.breadcrumbs__current{color:var(--breadcrumbs-current-color)}[data-theme]{--tooltip-bg: var(--ui-neutral);--tooltip-color: var(--ui-neutral-foreground);--tooltip-border-radius: calc(var(--ui-base-radius) * .5);--tooltip-shadow: var(--ui-depth);--tooltip-font-size: var(--ui-text-xs);--tooltip-font-weight: var(--ui-weight-normal);--tooltip-line-height: var(--ui-leading-tight);--tooltip-padding-x: calc(var(--ui-base-spacing) * 1.25);--tooltip-padding-y: calc(var(--ui-base-spacing) * .75);--tooltip-max-width: calc(var(--ui-base-spacing) * 32);--tooltip-z-index: var(--ui-z-tooltip);--tooltip-arrow-size: 8px;--tooltip-transition: var(--ui-base-duration) var(--ui-base-easing)}.tooltip-trigger{display:inline-block}.tooltip{position:fixed;top:0;left:0;z-index:var(--tooltip-z-index);max-width:var(--tooltip-max-width);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);background-color:var(--tooltip-bg);color:var(--tooltip-color);border-radius:var(--tooltip-border-radius);box-shadow:var(--tooltip-shadow);font-family:var(--ui-font-sans);font-size:var(--tooltip-font-size);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);white-space:normal;word-break:break-word;pointer-events:none;opacity:0;transition:opacity var(--tooltip-transition)}.tooltip--visible{opacity:1}.tooltip__arrow{position:absolute;width:var(--tooltip-arrow-size);height:var(--tooltip-arrow-size);background-color:var(--tooltip-bg);transform:rotate(45deg);pointer-events:none}@media(prefers-reduced-motion:reduce){.tooltip{transition:none}}.topbar{height:56px;display:flex;align-items:center;gap:calc(var(--ui-base-spacing) * 1.5);padding:0 calc(var(--ui-base-spacing) * 2);border-bottom:1px solid var(--ui-border);background:var(--ui-surface);flex-shrink:0}.topbar-divider{width:1px;height:16px;background:var(--ui-border);flex-shrink:0}.topbar-title-input{font-family:var(--ui-font-sans);font-size:var(--ui-text-sm);font-weight:var(--ui-weight-medium);color:var(--ui-surface-foreground);background:none;border:var(--ui-border-width) solid transparent;border-radius:var(--ui-base-radius);padding:calc(var(--ui-base-spacing) * .5) calc(var(--ui-base-spacing) * 1);outline:none;transition:border-color var(--ui-base-duration) var(--ui-base-easing);width:200px}.topbar-title-input:hover{border-color:var(--ui-border)}.topbar-title-input:focus{border-color:var(--ui-primary)}.topbar-title-input::placeholder{color:color-mix(in oklch,var(--ui-surface-foreground),transparent 50%);font-weight:var(--ui-weight-normal)}.topbar-actions{display:flex;align-items:center;gap:calc(var(--ui-base-spacing) * 1);margin-left:auto}.toggle-icon{display:flex;transition:opacity var(--ui-base-duration) var(--ui-base-easing)}.toggle-icon.collapsed{opacity:.5}
