@charset "UTF-8";@layer utilities{.font-thin{font-weight:100}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.space-y-1>:not(template)~:not(template){--tw-space-y-reverse: 0;margin-top:calc(.25rem * (1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not(template)~:not(template){--tw-space-y-reverse: 0;margin-top:calc(.5rem * (1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not(template)~:not(template){--tw-space-y-reverse: 0;margin-top:calc(.75rem * (1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not(template)~:not(template){--tw-space-y-reverse: 0;margin-top:calc(1rem * (1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not(template)~:not(template){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * (1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not(template)~:not(template){--tw-space-y-reverse: 0;margin-top:calc(2rem * (1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-complementary-50: #fff7ed;--color-complementary-100: #ffedd5;--color-complementary-200: #fed7aa;--color-complementary-300: #fdba74;--color-complementary-400: #fb923c;--color-complementary-500: #f97316;--color-complementary-600: #ea580c;--color-complementary-700: #c2410c;--color-complementary-800: #9a3412;--color-complementary-900: #7c2d12;--color-analogous-50: #faf5ff;--color-analogous-100: #f3e8ff;--color-analogous-200: #e9d5ff;--color-analogous-300: #d8b4fe;--color-analogous-400: #c084fc;--color-analogous-500: #a855f7;--color-analogous-600: #9333ea;--color-analogous-700: #7c3aed;--color-analogous-800: #6b21a8;--color-analogous-900: #581c87;--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;--design-background: #141416;--design-backgrounds-regular: #141416;--design-backgrounds-subdued: #1e1e20;--design-surface: #1e1e20;--design-surface-primary: #2a2a2e;--design-surface-primary-hover: #34343a;--design-surface-secondary: #2a2a2e;--design-surface-tertiary: #34343a;--design-surface-variant: #2a2a2e;--design-surface-hover: rgba(255, 255, 255, .05);--design-surface-shadow: rgba(0, 0, 0, .35);--design-surface-accent-subtle: rgba(255, 255, 255, .08);--design-text-primary: #f1f5f9;--design-text-secondary: #b0b0b8;--design-text-tertiary: #808088;--design-text-inverted: #0b0b0c;--design-accent: #b0b0b8;--design-accent-rgb: 176, 176, 184;--design-complementary: #b0b0b8;--design-analogous: #b0b0b8;--design-info: #b0b0b8;--design-success: #10b981;--design-warning: #f59e0b;--design-error: #ef4444;--design-divider: #e5e7eb;--design-border-light: #e5e7eb;--design-border-heavy: #9ca3af;--design-border: var(--design-border-light);--design-surface-alt: var(--design-surface);--design-overlay: rgba(0, 0, 0, .5);--design-overlay-secondary: rgba(0, 0, 0, .3);--color-backgrounds-regular: #ffffff;--color-backgrounds-subdued: #f8f9fa;--color-backgrounds-dangerous: #dc3545;--color-backgrounds-dangerous-subdued: #f8d7da;--color-backgrounds-success: #28a745;--color-backgrounds-success-subdued: #d4edda;--color-backgrounds-overlay: rgba(108, 117, 125, .5);--color-backgrounds-overlay-secondary: rgba(233, 236, 239, .5)}[data-theme=dark],.dark{--design-background: #141416;--design-backgrounds-regular: #141416;--design-backgrounds-subdued: #1E1E20;--design-surface: #1E1E20;--design-surface-primary: #2A2A2E;--design-surface-primary-hover: #34343A;--design-surface-secondary: #0369a1;--design-surface-tertiary: #0284c7;--design-surface-variant: #0369a1;--design-surface-hover: rgba(255, 255, 255, .05);--design-surface-shadow: rgba(0, 0, 0, .35);--design-surface-accent-subtle: rgba(96, 165, 250, .12);--design-text-primary: #f1f5f9;--design-text-secondary: #B0B0B8;--design-text-tertiary: #808088;--design-text-inverted: #0B0B0C;--design-accent: #60a5fa;--design-accent-rgb: 96, 165, 250;--design-complementary: #fbbf24;--design-analogous: #34d399;--design-info: #60a5fa;--design-success: #34d399;--design-warning: #fbbf24;--design-error: #f87171;--design-divider: #2A2A2E;--design-border-light: #2A2A2E;--design-border-heavy: #4A4A4E;--design-border: var(--design-border-light);--design-surface-alt: var(--design-surface);--design-overlay: rgba(0, 0, 0, .7);--design-overlay-secondary: rgba(0, 0, 0, .5);--color-backgrounds-regular: #0B0B0C;--color-backgrounds-subdued: #1A1A1C;--color-backgrounds-dangerous: #991b1b;--color-backgrounds-dangerous-subdued: #7f1d1d;--color-backgrounds-success: #065f46;--color-backgrounds-success-subdued: #064e3b;--color-backgrounds-overlay: rgba(11, 11, 12, .7);--color-backgrounds-overlay-secondary: rgba(26, 26, 28, .5)}[data-theme=dark] .html-root .cgs-page[data-cgs-scheme=light],.dark .html-root .cgs-page[data-cgs-scheme=light]{background-color:var(--design-background)!important;color:var(--design-text-primary)!important}[data-theme=dark] .html-root .cgs-section[data-cgs-scheme=light],.dark .html-root .cgs-section[data-cgs-scheme=light]{background-color:var(--design-surface)!important;color:var(--design-text-primary)!important}[data-theme=dark] .html-root .cgs-section[data-cgs-scheme=light]:nth-child(2n),.dark .html-root .cgs-section[data-cgs-scheme=light]:nth-child(2n){background-color:var(--design-surface-primary)!important}[data-theme=dark] .html-root .cgs-section[data-cgs-scheme=dark],.dark .html-root .cgs-section[data-cgs-scheme=dark],[data-theme=dark] .html-root h1,[data-theme=dark] .html-root h2,[data-theme=dark] .html-root h3,[data-theme=dark] .html-root h4,[data-theme=dark] .html-root h5,[data-theme=dark] .html-root h6,[data-theme=dark] .html-root p,[data-theme=dark] .html-root li,[data-theme=dark] .html-root span,[data-theme=dark] .html-root td,[data-theme=dark] .html-root th,[data-theme=dark] .html-root label,[data-theme=dark] .html-root blockquote,[data-theme=dark] .html-root .txt,.dark .html-root h1,.dark .html-root h2,.dark .html-root h3,.dark .html-root h4,.dark .html-root h5,.dark .html-root h6,.dark .html-root p,.dark .html-root li,.dark .html-root span,.dark .html-root td,.dark .html-root th,.dark .html-root label,.dark .html-root blockquote,.dark .html-root .txt{color:var(--design-text-primary)!important}[data-theme=dark] .html-root small,.dark .html-root small{color:var(--design-text-secondary)!important}[data-theme=dark] .html-root a:not(.btn),.dark .html-root a:not(.btn){color:var(--design-accent)!important}[data-theme=dark] .html-root .btn,.dark .html-root .btn{color:#fff!important}[data-theme=dark] .html-root input,[data-theme=dark] .html-root textarea,[data-theme=dark] .html-root select,.dark .html-root input,.dark .html-root textarea,.dark .html-root select{background-color:var(--design-surface-primary)!important;color:var(--design-text-primary)!important;border-color:var(--design-border-light)!important}[data-theme=dark] .html-root details,.dark .html-root details{background-color:var(--design-surface)!important;border-color:var(--design-border-light)!important}[data-theme=dark] .html-root details summary,.dark .html-root details summary{color:var(--design-text-primary)!important}[data-theme=dark] .html-root details>div,.dark .html-root details>div{color:var(--design-text-secondary)!important;border-color:var(--design-border-light)!important}[data-theme=dark] .html-root img,.dark .html-root img{opacity:.9}body.dialog-open{overflow:hidden!important}body{font-family:var(--typography-body-font-family, "Inter"),-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:var(--typography-body-font-size, 16px);line-height:var(--typography-body-line-height, 1.6);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--design-background);color:var(--design-text-primary);transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}h1,h2,h3,h4,h5,h6{font-family:var(--typography-h1-font-family, "Inter");font-weight:600;line-height:1.25;color:var(--design-text-primary)}h1{font-family:var(--typography-h1-font-family, "Inter");font-size:var(--typography-h1-font-size, 48px);font-weight:var(--typography-h1-font-weight, 700);line-height:var(--typography-h1-line-height, 1.1);color:var(--typography-h1-color, var(--design-text-primary))}h2{font-family:var(--typography-h2-font-family, "Inter");font-size:var(--typography-h2-font-size, 36px);font-weight:var(--typography-h2-font-weight, 600);line-height:var(--typography-h2-line-height, 1.2);color:var(--typography-h2-color, var(--design-text-primary))}h3{font-family:var(--typography-h3-font-family, "Inter");font-size:var(--typography-h3-font-size, 28px);font-weight:var(--typography-h3-font-weight, 600);line-height:var(--typography-h3-line-height, 1.3);color:var(--typography-h3-color, var(--design-text-primary))}h4{font-family:var(--typography-h4-font-family, "Inter");font-size:var(--typography-h4-font-size, 24px);font-weight:var(--typography-h4-font-weight, 500);line-height:var(--typography-h4-line-height, 1.4);color:var(--typography-h4-color, var(--design-text-primary))}h5{font-family:var(--typography-h5-font-family, "Inter");font-size:var(--typography-h5-font-size, 20px);font-weight:var(--typography-h5-font-weight, 500);line-height:var(--typography-h5-line-height, 1.4);color:var(--typography-h5-color, var(--design-text-primary))}h6{font-family:var(--typography-h6-font-family, "Inter");font-size:var(--typography-h6-font-size, 18px);font-weight:var(--typography-h6-font-weight, 500);line-height:var(--typography-h6-line-height, 1.4);color:var(--typography-h6-color, var(--design-text-primary))}p{font-family:var(--typography-body-font-family, "Inter");font-size:var(--typography-body-font-size, 16px);line-height:var(--typography-body-line-height, 1.6);color:var(--typography-body-color, inherit)}blockquote{font-family:var(--typography-blockquote-font-family, "Inter");font-size:var(--typography-blockquote-font-size, 18px);font-weight:var(--typography-blockquote-font-weight, 400);line-height:var(--typography-blockquote-line-height, 1.6);font-style:var(--typography-blockquote-font-style, italic);color:var(--typography-blockquote-color, var(--design-text-secondary))}a{color:#3182ce;text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:#3182ce;color:#fff;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn:hover{background-color:#2c5282;transform:translateY(-1px)}.btn-secondary{background-color:var(--design-surface);color:var(--design-text-primary);border:1px solid var(--design-divider)}.btn-secondary:hover{background-color:var(--design-background)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-200{background-color:var(--color-primary-200)}.bg-primary-300{background-color:var(--color-primary-300)}.bg-primary-400{background-color:var(--color-primary-400)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-primary-700{background-color:var(--color-primary-700)}.bg-primary-800{background-color:var(--color-primary-800)}.bg-primary-900{background-color:var(--color-primary-900)}.bg-complementary-50{background-color:var(--color-complementary-50)}.bg-complementary-100{background-color:var(--color-complementary-100)}.bg-complementary-200{background-color:var(--color-complementary-200)}.bg-complementary-300{background-color:var(--color-complementary-300)}.bg-complementary-400{background-color:var(--color-complementary-400)}.bg-complementary-500{background-color:var(--color-complementary-500)}.bg-complementary-600{background-color:var(--color-complementary-600)}.bg-complementary-700{background-color:var(--color-complementary-700)}.bg-complementary-800{background-color:var(--color-complementary-800)}.bg-complementary-900{background-color:var(--color-complementary-900)}.bg-analogous-50{background-color:var(--color-analogous-50)}.bg-analogous-100{background-color:var(--color-analogous-100)}.bg-analogous-200{background-color:var(--color-analogous-200)}.bg-analogous-300{background-color:var(--color-analogous-300)}.bg-analogous-400{background-color:var(--color-analogous-400)}.bg-analogous-500{background-color:var(--color-analogous-500)}.bg-analogous-600{background-color:var(--color-analogous-600)}.bg-analogous-700{background-color:var(--color-analogous-700)}.bg-analogous-800{background-color:var(--color-analogous-800)}.bg-analogous-900{background-color:var(--color-analogous-900)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-300{background-color:var(--color-neutral-300)}.bg-neutral-400{background-color:var(--color-neutral-400)}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-regular{background-color:var(--color-backgrounds-regular)}.bg-subdued{background-color:var(--color-backgrounds-subdued)}.bg-dangerous{background-color:var(--color-backgrounds-dangerous)}.bg-dangerous-subdued{background-color:var(--color-backgrounds-dangerous-subdued)}.bg-success{background-color:var(--color-backgrounds-success)}.bg-success-subdued{background-color:var(--color-backgrounds-success-subdued)}.text-primary{color:var(--design-text-primary)}.text-secondary{color:var(--design-text-secondary)}.text-tertiary{color:var(--design-text-tertiary)}.brand{color:var(--text1);background-color:var(--brand)}.chat-header-top{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(48px,auto);gap:0;grid-template-areas:"nav nav nav nav nav nav nav nav nav nav nav nav" "content content content content content content content content content content content content" "content content content content content content content content content content content content" "bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom bottom"}.chat-header-top .nav-top{grid-area:nav}.chat-header-top .page-canvas{grid-area:content}.chat-header-top .chat{grid-area:chat}.chat-header-top .nav-bottom{grid-area:bottom}.chat-header-top .sidebar{grid-area:sidebar}.surface1{background-color:var(--surface1);color:var(--text2)}.surface2{background-color:var(--surface2);color:var(--text2)}.surface3{background-color:var(--surface3);color:var(--text1)}.surface4{background-color:var(--surface4);color:var(--text1)}.card{background:var(--surface2);border-radius:10px;box-shadow:0 0 10px #0000001a}.brand-bg{background:linear-gradient(to top left,var(--brand-300),var(--brand-600));border-radius:1rem;padding:1.25rem;position:relative}.text1{color:var(--text1)}.text2{color:var(--text2)}.swatch{display:inline-block;flex-shrink:0;inline-size:1.5ch;block-size:1.5ch;border-radius:50%}.swatch.text1{background-color:var(--text1)}.swatch.text2{background-color:var(--text2)}.rad-shadow{border:1px solid hsl(var(--brand-hue),10%,50%,15%);box-shadow:0 1rem .5rem -.5rem,0 2.8px 2.2px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .03)),0 6.7px 5.3px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .01)),0 12.5px 10px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .02)),0 22.3px 17.9px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .02)),0 41.8px 33.4px hsl(var(--surface-shadow)/calc(var(--shadow-strength) + .03)),0 100px 80px hsl(var(--surface-shadow)/var(--shadow-strength))}.complementary{color:var(--complementary-text1);background-color:var(--complementary)}.complementary-surface1{background-color:var(--complementary-surface1);color:var(--complementary-text2)}.complementary-surface2{background-color:var(--complementary-surface2);color:var(--complementary-text2)}.complementary-surface3{background-color:var(--complementary-surface3);color:var(--complementary-text1)}.complementary-surface4{background-color:var(--complementary-surface4);color:var(--complementary-text1)}.complementary-text1{color:var(--complementary-text1)}.complementary-text2{color:var(--complementary-text2)}.complementary-swatch{display:inline-block;flex-shrink:0;inline-size:1.5ch;block-size:1.5ch;border-radius:50%}.complementary-swatch.complementary-text1{background-color:var(--complementary-text1)}.complementary-swatch.complementary-text2{background-color:var(--complementary-text2)}.complementary-rad-shadow{border:1px solid hsl(var(--complementary-hue),10%,50%,15%);box-shadow:0 1rem .5rem -.5rem,0 2.8px 2.2px hsl(var(--complementary-surface-shadow)/calc(var(--shadow-strength) + .03)),0 6.7px 5.3px hsl(var(--complementary-surface-shadow)/calc(var(--shadow-strength) + .01)),0 12.5px 10px hsl(var(--complementary-surface-shadow)/calc(var(--shadow-strength) + .02)),0 22.3px 17.9px hsl(var(--complementary-surface-shadow)/calc(var(--shadow-strength) + .02)),0 41.8px 33.4px hsl(var(--complementary-surface-shadow)/calc(var(--shadow-strength) + .03)),0 100px 80px hsl(var(--complementary-surface-shadow)/var(--shadow-strength))}.secondary{color:var(--secondary-text1);background-color:var(--secondary)}.secondary-surface1{background-color:var(--secondary-surface1);color:var(--secondary-text2)}.secondary-surface2{background-color:var(--secondary-surface2);color:var(--secondary-text2)}.secondary-surface3{background-color:var(--secondary-surface3);color:var(--secondary-text1)}.secondary-surface4{background-color:var(--secondary-surface4);color:var(--secondary-text1)}.secondary-text1{color:var(--secondary-text1)}.secondary-text2{color:var(--secondary-text2)}.secondary-swatch{display:inline-block;flex-shrink:0;inline-size:1.5ch;block-size:1.5ch;border-radius:50%}.secondary-swatch.secondary-text1{background-color:var(--secondary-text1)}.secondary-swatch.secondary-text2{background-color:var(--secondary-text2)}.secondary-rad-shadow{border:1px solid hsl(var(--secondary-hue),10%,50%,15%);box-shadow:0 1rem .5rem -.5rem,0 2.8px 2.2px hsl(var(--secondary-surface-shadow)/calc(var(--shadow-strength) + .03)),0 6.7px 5.3px hsl(var(--secondary-surface-shadow)/calc(var(--shadow-strength) + .01)),0 12.5px 10px hsl(var(--secondary-surface-shadow)/calc(var(--shadow-strength) + .02)),0 22.3px 17.9px hsl(var(--secondary-surface-shadow)/calc(var(--shadow-strength) + .02)),0 41.8px 33.4px hsl(var(--secondary-surface-shadow)/calc(var(--shadow-strength) + .03)),0 100px 80px hsl(var(--secondary-surface-shadow)/var(--shadow-strength))}.warning{color:var(--text1);background-color:var(--warning-light)}.warning-surface1{background-color:var(--warning-light);color:var(--text2)}.warning-surface2{background-color:var(--warning-dark);color:var(--text2)}.success{color:var(--text1);background-color:var(--success-light)}.success-surface1{background-color:var(--success-light);color:var(--text2)}.success-surface2{background-color:var(--success-dark);color:var(--text2)}.danger{color:var(--text1);background-color:var(--danger-light)}.danger-surface1{background-color:var(--danger-light);color:var(--text2)}.danger-surface2{background-color:var(--danger-dark);color:var(--text2)}.info{color:var(--text1);background-color:var(--info-light)}.info-surface1{background-color:var(--info-light);color:var(--text2)}.info-surface2{background-color:var(--info-dark);color:var(--text2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{_border-radius:100vh;background:var(--surface4, #f7f4ed)}::-webkit-scrollbar-thumb{background:var(--brand-400, #e0cbcb);border-radius:.25rem;border:1px solid var(--brand-400, #f7f4ed)}::-webkit-scrollbar-thumb:hover{background:var(--brand-500, #c0a0b9)}div[tailPanel],div[formPanel]{padding:16px;background:var(--design-surface, #ffffff);border:1px solid var(--design-divider, rgba(229, 231, 235, .5));border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.section-content-inner>div[tailPanel],.section-content-inner>div[formPanel]{border-top:none;border-top-left-radius:0;border-top-right-radius:0}:host-context(.dark-theme) div[tailPanel],:host-context(.dark-theme) div[formPanel]{background:var(--design-surface, #141416);border-color:var(--design-divider, #2A2A2E)}h2[tailH2],h2[formH2]{font-size:12px;font-weight:600;color:var(--design-text-primary, #111827);margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}label[tailH3],label[formH3]{font-weight:700;text-transform:uppercase;padding:12px 0 8px;display:block;font-size:.75rem;letter-spacing:.05em;color:var(--design-text-primary, var(--text1))}button[tailBtn],button[formBtn]{min-width:40px;min-height:36px;padding:8px 14px;font-family:inherit;font-size:.8125rem;font-weight:500;line-height:1.4;border:1px solid var(--design-divider, #e5e7eb);border-radius:6px;background:var(--design-surface, #ffffff);color:var(--design-text-primary, #1f2937);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;text-align:center}button[tailBtn]:hover:not(:disabled),button[formBtn]:hover:not(:disabled){background:var(--design-background-hover, #f9fafb);border-color:var(--design-text-secondary, #9ca3af);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}button[tailBtn]:active:not(:disabled),button[formBtn]:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}button[tailBtn].active,button[formBtn].active,button[tailBtn][class*=active],button[formBtn][class*=active]{background:var(--design-accent, #3b82f6);color:#fff;border-color:var(--design-accent, #3b82f6);font-weight:600;box-shadow:0 2px 8px #3b82f640}button[tailBtn].active:hover:not(:disabled),button[formBtn].active:hover:not(:disabled){background:color-mix(in srgb,var(--design-accent, #3b82f6),black 15%);border-color:color-mix(in srgb,var(--design-accent, #3b82f6),black 15%);box-shadow:0 4px 12px #3b82f64d}button[tailBtn]:disabled,button[formBtn]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button[tailBtn]:focus-visible,button[formBtn]:focus-visible{box-shadow:0 0 0 3px #3b82f633;border-color:var(--design-accent, #3b82f6)}button[tailBtn][size=xs],button[formBtn][size=xs]{min-width:32px;min-height:28px;padding:4px 10px;font-size:.75rem}button[tailBtn][size=sm],button[formBtn][size=sm]{min-width:36px;min-height:32px;padding:6px 12px;font-size:.8125rem}button[tailBtn][size=lg],button[formBtn][size=lg]{min-width:48px;min-height:42px;padding:10px 18px;font-size:.9375rem}button[tailBtn]:empty,button[formBtn]:empty{padding:8px;width:36px;height:36px;min-width:36px}button[tailBtn][size=xs]:empty,button[formBtn][size=xs]:empty{width:28px;height:28px;min-width:28px;padding:4px}.tool-button{min-width:32px;min-height:32px;padding:6px;border:1px solid var(--design-divider, #e5e7eb);border-radius:6px;background:var(--design-surface, #ffffff);color:var(--design-text-primary, #1f2937);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;display:inline-flex;align-items:center;justify-content:center}.tool-button:hover{background:var(--design-background-hover, #f9fafb);border-color:var(--design-text-secondary, #9ca3af);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.tool-button:active{transform:translateY(0);box-shadow:0 1px 2px #0000000d}.tool-button svg{width:16px;height:16px}:host-context(.dark-theme) button[tailBtn],:host-context(.dark-theme) button[formBtn],:host-context(.dark-theme) .tool-button{background:var(--design-surface, #141416);color:var(--design-text-primary, #f1f5f9);border-color:var(--design-divider, #2A2A2E)}:host-context(.dark-theme) button[tailBtn]:hover:not(:disabled),:host-context(.dark-theme) button[formBtn]:hover:not(:disabled),:host-context(.dark-theme) .tool-button:hover{background:var(--design-surface-primary, #1E1E20);border-color:var(--design-text-secondary, #B0B0B8)}:host-context(.dark-theme) button[tailBtn].active,:host-context(.dark-theme) button[formBtn].active{background:var(--design-accent, #3b82f6);color:#fff;border-color:var(--design-accent, #3b82f6)}input[tailInput],input[formInput],select[tailInput],select[formInput],textarea[tailInput],textarea[formInput]{width:100%;font-family:inherit;font-size:.875rem;line-height:1.5;padding:10px 12px;border:1px solid var(--design-divider, #e5e7eb);border-radius:6px;background:var(--design-surface, #ffffff);color:var(--design-text-primary, #1f2937);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;box-sizing:border-box}input[tailInput]:hover,input[formInput]:hover,select[tailInput]:hover,select[formInput]:hover,textarea[tailInput]:hover,textarea[formInput]:hover{border-color:var(--design-text-secondary, #9ca3af)}input[tailInput]:focus,input[formInput]:focus,select[tailInput]:focus,select[formInput]:focus,textarea[tailInput]:focus,textarea[formInput]:focus{border-color:var(--design-accent, #3b82f6);box-shadow:0 0 0 3px #3b82f61a;background:var(--design-background, #ffffff)}input[tailInput]:disabled,input[formInput]:disabled,select[tailInput]:disabled,select[formInput]:disabled,textarea[tailInput]:disabled,textarea[formInput]:disabled{opacity:.6;cursor:not-allowed;background:var(--design-background-hover, #f9fafb)}input[tailInput]::placeholder,input[formInput]::placeholder,textarea[tailInput]::placeholder,textarea[formInput]::placeholder{color:var(--design-text-secondary, #9ca3af);opacity:.7}select[tailInput],select[formInput]{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea[tailInput],textarea[formInput]{resize:vertical;min-height:80px}p[tailHint],span[tailHint]{font-size:.6875rem;line-height:1.5;color:var(--design-text-secondary, #6b7280);margin:4px 0 12px;padding:8px 12px;font-weight:400;display:flex;align-items:flex-start;gap:6px;font-style:normal;border-radius:6px;background:var(--design-background-hover, #f9fafb);border-left:3px solid var(--design-divider, #e5e7eb);transition:all .2s ease}p[tailHint][variant=info],span[tailHint][variant=info],p[tailHint].hint-info,span[tailHint].hint-info{color:var(--design-info, #0ea5e9);background:#0ea5e914;border-left-color:var(--design-info, #0ea5e9)}p[tailHint][variant=success],span[tailHint][variant=success],p[tailHint].hint-success,span[tailHint].hint-success,p[tailHint][variant=green-500],span[tailHint][variant=green-500]{color:var(--design-success, #10b981);background:#10b98114;border-left-color:var(--design-success, #10b981)}p[tailHint][variant=warning],span[tailHint][variant=warning],p[tailHint].hint-warning,span[tailHint].hint-warning{color:var(--design-warning, #f59e0b);background:#f59e0b14;border-left-color:var(--design-warning, #f59e0b)}p[tailHint][variant=danger],span[tailHint][variant=danger],p[tailHint][variant=error],span[tailHint][variant=error],p[tailHint].hint-danger,span[tailHint].hint-danger,p[tailHint][variant=red-500],span[tailHint][variant=red-500]{color:var(--design-error, #ef4444);background:#ef444414;border-left-color:var(--design-error, #ef4444)}p[tailHint][variant=blue-500],span[tailHint][variant=blue-500]{color:var(--design-accent, #3b82f6);background:var(--design-surface-accent-subtle, rgba(59, 130, 246, .08));border-left-color:var(--design-accent, #3b82f6)}p[tailHint][variant=gray-500],span[tailHint][variant=gray-500]{color:var(--design-text-secondary, #6b7280);background:var(--design-background-hover, #f9fafb);border-left-color:var(--design-divider, #e5e7eb)}p[tailHint]:before,span[tailHint]:before{content:"";flex-shrink:0;width:14px;height:14px;margin-top:1px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7}p[tailHint][variant=info]:before,span[tailHint][variant=info]:before,p[tailHint].hint-info:before,span[tailHint].hint-info:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%230ea5e9'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E")}p[tailHint][variant=success]:before,span[tailHint][variant=success]:before,p[tailHint].hint-success:before,span[tailHint].hint-success:before,p[tailHint][variant=green-500]:before,span[tailHint][variant=green-500]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2310b981'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z' clip-rule='evenodd'/%3E%3C/svg%3E")}p[tailHint][variant=warning]:before,span[tailHint][variant=warning]:before,p[tailHint].hint-warning:before,span[tailHint].hint-warning:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23f59e0b'%3E%3Cpath fill-rule='evenodd' d='M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z' clip-rule='evenodd'/%3E%3C/svg%3E")}p[tailHint][variant=danger]:before,span[tailHint][variant=danger]:before,p[tailHint][variant=error]:before,span[tailHint][variant=error]:before,p[tailHint].hint-danger:before,span[tailHint].hint-danger:before,p[tailHint][variant=red-500]:before,span[tailHint][variant=red-500]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ef4444'%3E%3Cpath fill-rule='evenodd' d='M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z' clip-rule='evenodd'/%3E%3C/svg%3E")}p[tailHint][variant=blue-500]:before,span[tailHint][variant=blue-500]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%233b82f6'%3E%3Cpath fill-rule='evenodd' d='M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z' clip-rule='evenodd'/%3E%3C/svg%3E")}p[tailHint][variant=gray-500]:before,span[tailHint][variant=gray-500]:before{display:none}:host-context(.dark-theme) p[tailHint],:host-context(.dark-theme) span[tailHint]{background:#1e1e2080;color:var(--design-text-secondary, #9ca3af);border-left-color:var(--design-divider, #2A2A2E)}:host-context(.dark-theme) p[tailHint][variant=info],:host-context(.dark-theme) span[tailHint][variant=info]{background:#0ea5e91f}:host-context(.dark-theme) p[tailHint][variant=success],:host-context(.dark-theme) span[tailHint][variant=success]{background:#10b9811f}:host-context(.dark-theme) p[tailHint][variant=warning],:host-context(.dark-theme) span[tailHint][variant=warning]{background:#f59e0b1f}:host-context(.dark-theme) p[tailHint][variant=danger],:host-context(.dark-theme) span[tailHint][variant=danger],:host-context(.dark-theme) p[tailHint][variant=error],:host-context(.dark-theme) span[tailHint][variant=error]{background:#ef44441f}:host-context(.dark-theme) h2[tailH2],:host-context(.dark-theme) h2[formH2]{color:var(--design-text-primary-dark, #f9fafb)}:host-context(.dark-theme) label[tailH3],:host-context(.dark-theme) label[formH3]{color:var(--design-text-primary-dark, #f9fafb)}:host-context(.dark-theme) input[tailInput],:host-context(.dark-theme) input[formInput],:host-context(.dark-theme) select[tailInput],:host-context(.dark-theme) select[formInput],:host-context(.dark-theme) textarea[tailInput],:host-context(.dark-theme) textarea[formInput]{background:var(--design-surface, #141416);color:var(--design-text-primary, #f1f5f9);border-color:var(--design-divider, #2A2A2E)}:host-context(.dark-theme) p[tailHint],:host-context(.dark-theme) span[tailHint]{color:var(--design-text-secondary, #B0B0B8)}.form-preview-host{overflow-y:auto;height:auto}.relationship-form-host{overflow-y:auto;padding:1.5rem 2rem}.relationship-modal-overlay{position:fixed!important;inset:0!important;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999!important;animation:relationshipModalFadeIn .2s ease}@keyframes relationshipModalFadeIn{0%{opacity:0}to{opacity:1}}.relationship-modal-container{background:var(--design-background, #fff);border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;animation:relationshipModalSlideUp .2s ease;overflow:hidden;position:relative;z-index:100000!important}@keyframes relationshipModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.relationship-modal-header{display:flex!important;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--design-divider, #e5e7eb);background:var(--design-background, #fff)!important;flex-shrink:0;min-height:56px;position:relative;z-index:1}.relationship-modal-title{font-size:1.125rem;font-weight:600;color:var(--design-text-primary, #111827)!important;margin:0;-webkit-text-fill-color:var(--design-text-primary, #111827)!important}.relationship-modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:.375rem;background:transparent;color:var(--design-text-secondary, #6b7280);cursor:pointer;transition:all .15s ease}.relationship-modal-close svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}.relationship-modal-close:hover{background:var(--design-surface, #f3f4f6);color:var(--design-text-primary, #111827)}.relationship-modal-content{flex:1;overflow-y:auto;padding:1.5rem 1.5rem 5rem;background:var(--design-background, #fff)}.relationship-modal-content footer,.relationship-modal-content .material-form>footer{position:sticky;bottom:0;left:0;right:0;background:var(--design-background, #fff);padding:1rem 1.5rem;margin:0 -1.5rem -1.5rem;border-top:1px solid var(--design-divider, #e5e7eb);z-index:10}.relationship-modal-content .form-preview-container{box-shadow:none!important;border-radius:0!important;max-width:100%!important}.relationship-modal-content .form-preview-container:hover{box-shadow:none!important;transform:none!important}.relationship-modal-content .form-content{padding:0!important;border:none!important;min-width:100%!important}.relationship-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.relationship-spinner{width:2rem;height:2rem;border:3px solid var(--design-divider, #e5e7eb);border-top-color:var(--design-accent, #0ea5e9);border-radius:50%;animation:relationshipModalSpin .8s linear infinite}.relationship-loading-state span{color:var(--design-text-secondary, #6b7280);font-size:.875rem}@keyframes relationshipModalSpin{to{transform:rotate(360deg)}}.relationship-modal-container svg,.form-preview-container svg,form-preview svg,app-form-preview svg{max-width:100px!important;max-height:100px!important}.hero-graphic svg,.illustration svg,.unconstrained-svg{max-width:none!important;max-height:none!important}