:root{--Lv1-Color-Primary-0:#f3f6f8;--Lv1-Color-Primary-Light-Blue-50:#e5f5fd;--Lv1-Color-Primary-100:#b3e5fc;--Lv1-Color-Primary-200:#81d4fa;--Lv1-Color-Primary-300:#4fc3f7;--Lv1-Color-Primary-400:#29b6f6;--Lv1-Color-Primary-500:#03a9f4;--Lv1-Color-Primary-600:#039be5;--Lv1-Color-Primary-700:#0288d1;--Lv1-Color-Primary-800:#0277bd;--Lv1-Color-Primary-900:#01579b;--Lv1-Color-Primary-A100:#80d8ff;--Lv1-Color-Primary-A200:#40c4ff;--Lv1-Color-Primary-A400:#00b0ff;--Lv1-Color-Primary-A700:#0091ea;--Lv1-Color-Secondary-50:#ebfce9;--Lv1-Color-Secondary-100:#cdf6c9;--Lv1-Color-Secondary-200:#a9efa5;--Lv1-Color-Secondary-300:#81e87e;--Lv1-Color-Secondary-400:#5ce25e;--Lv1-Color-Secondary-500:#28db3d;--Lv1-Color-Secondary-600:#00ca35;--Lv1-Color-Secondary-700:#00b52a;--Lv1-Color-Secondary-800:#00a01f;--Lv1-Color-Secondary-900:#007d05;--Lv1-Color-GreyScale-0:#fcfcfc;--Lv1-Color-GreyScale-50:#fafafa;--Lv1-Color-GreyScale-100:#f5f5f5;--Lv1-Color-GreyScale-200:#eeeeee;--Lv1-Color-GreyScale-300:#e0e0e0;--Lv1-Color-GreyScale-400:#bdbdbd;--Lv1-Color-GreyScale-500:#9e9e9e;--Lv1-Color-GreyScale-600:#757575;--Lv1-Color-GreyScale-700:#616161;--Lv1-Color-GreyScale-800:#424242;--Lv1-Color-GreyScale-900:#212121;--Lv1-Color-GreyScale-Black:#000000;--Lv1-Color-System-Error500:#ef4f3f;--Lv1-Color-System-Success500:#5ce25e;--Lv1-Color-System-Warning500:#f3b711;--Lv1-Color-System-Information500:#105b8e;--Lv1-Color-System-Error100:#f5d6d9;--Lv1-Color-System-Success100:#ebfce9;--Lv1-Color-System-Warning100:#fbf1d5;--Lv1-Color-System-Information100:#cee2ef;--Lv2-Color-Fill-Surface-StaticSurface:var(--Lv1-Color-GreyScale-50);--Lv2-Color-Fill-Surface-Elevated:var(--Lv1-Color-GreyScale-0);--Lv2-Color-Fill-Surface-BlueElevated:var(--Lv1-Color-Primary-0);--Lv2-Color-Fill-Surface-BlueSelected:var(--Lv1-Color-Primary-Light-Blue-50);--Lv2-Color-Fill-Surface-Tips:var(--Lv1-Color-GreyScale-200);--Lv2-Color-Fill-Element-Hover-BlueElevated:var(--Lv1-Color-GreyScale-200);--Lv2-Color-Fill-Element-Hover-Primary:var(--Lv1-Color-Primary-600);--Lv2-Color-Fill-Element-Hover-Accent:var(--Lv1-Color-Primary-A400);--Lv2-Color-Fill-Element-Hover-Secondary:var(--Lv1-Color-Secondary-300);--Lv2-Color-Fill-Element-Hover-Teritiary:var(--Lv1-Color-GreyScale-100);--Lv2-Color-Fill-Element-Default-Primary:var(--Lv1-Color-Primary-900);--Lv2-Color-Fill-Element-Default-Accent:var(--Lv1-Color-Primary-A700);--Lv2-Color-Fill-Element-Default-Teritiary:var(--Lv1-Color-GreyScale-200);--Lv2-Color-Fill-Element-Default-Error:var(--Lv1-Color-System-Error500);--Lv2-Color-Fill-Element-Default-Warning:var(--Lv1-Color-System-Warning500);--Lv2-Color-Fill-Element-Default-Success:var(--Lv1-Color-Secondary-500);--Lv2-Color-Fill-Element-Default-Information:var(--Lv1-Color-System-Information500);--Lv2-Color-Fill-Element-Default-Dark:var(--Lv1-Color-GreyScale-900);--Lv2-Color-Fill-Element-Default-Light:var(--Lv1-Color-Primary-Light-Blue-50);--Lv2-Color-Fill-Element-Default-White:var(--Lv1-Color-GreyScale-0);--Lv2-Color-Fill-Element-Default-Disabled:var(--Lv1-Color-GreyScale-400);--Lv2-Color-Fill-Element-Pressed-Primary:var(--Lv1-Color-Primary-900);--Lv2-Color-Fill-Element-Pressed-Accent:var(--Lv1-Color-Primary-800);--Lv2-Color-Fill-Element-Pressed-Secondary:var(--Lv1-Color-Secondary-700);--Lv2-Color-Fill-Element-Pressed-Teritiary:var(--Lv1-Color-GreyScale-300);--Lv2-Color-Fill-Element-Disabled-Primary:var(--Lv1-Color-Primary-100);--Lv2-Color-Fill-Element-Disabled-Accent:var(--Lv1-Color-Primary-A100);--Lv2-Color-Fill-Element-Disabled-Secondary:var(--Lv1-Color-Secondary-50);--Lv2-Color-Fill-Element-Disabled-Teritiary:var(--Lv1-Color-GreyScale-400);--Lv2-Color-Text-Default:var(--Lv1-Color-GreyScale-900);--Lv2-Color-Text-Placeholder:var(--Lv1-Color-GreyScale-500);--Lv2-Color-Text-Disabled:var(--Lv1-Color-GreyScale-400);--Lv2-Color-Text-Link:var(--Lv1-Color-Primary-500);--Lv2-Color-Text-Secondary:var(--Lv1-Color-Secondary-500);--Lv2-Color-Text-Warning:var(--Lv1-Color-System-Warning500);--Lv2-Color-Text-Error:var(--Lv1-Color-System-Error500);--Lv2-Color-Text-Success:var(--Lv1-Color-System-Success500);--Lv2-Color-Text-Information:var(--Lv1-Color-System-Information500);--Lv2-Color-Text-Primary:var(--Lv1-Color-Primary-900);--Lv2-Color-Text-Inverse:var(--Lv1-Color-GreyScale-50);--Lv2-Color-Text-Accent:var(--Lv1-Color-Primary-A700);--Lv2-Color-Text-Label:var(--Lv1-Color-GreyScale-600);--Lv2-Color-Icon-Basic:var(--Lv1-Color-GreyScale-900);--Lv2-Color-Icon-Teritiary:var(--Lv1-Color-GreyScale-600);--Lv2-Color-Icon-Accent:var(--Lv1-Color-Primary-A700);--Lv2-Color-Icon-Subtle:var(--Lv1-Color-GreyScale-400);--Lv2-Color-Icon-Inverse:var(--Lv1-Color-GreyScale-0);--Lv2-Color-Icon-Error:var(--Lv1-Color-System-Error500);--Lv2-Color-Stroke-Element-Default-BlueBorder:var(--Lv1-Color-Primary-200);--Lv2-Color-Stroke-Element-Default-Grey:var(--Lv1-Color-GreyScale-400);--Lv2-Color-Stroke-Element-Default-LightGrey:var(--Lv1-Color-GreyScale-300);--Lv2-Color-Stroke-Element-Default-Accent:var(--Lv1-Color-Primary-A700);--Lv2-Color-Stroke-Element-Focused-Primary:var(--Lv1-Color-Primary-200);--Lv2-Color-Stroke-Element-Focused-Teritiary:var(--Lv1-Color-GreyScale-500);--Lv2-Color-Stroke-Element-Focused-Secondary:var(--Lv1-Color-Secondary-200);--Lv2-Color-Stroke-Surface-Inverse:var(--Lv1-Color-GreyScale-0);--Lv2-Color-Stroke-Surface-LightGrey:var(--Lv1-Color-GreyScale-300);--Lv2-Color-Stroke-Surface-DarkGrey:var(--Lv1-Color-GreyScale-500);--Lv2-Color-Stroke-Surface-Primary:var(--Lv1-Color-Primary-800);--Lv2-Color-Border-Divider-Inverse:var(--Lv1-Color-GreyScale-0);--Lv2-Color-Border-Divider:var(--Lv1-Color-GreyScale-500);--Component-Dropdown-Selected-Fill:var(--Lv2-Color-Fill-Surface-BlueSelected);--Component-Dropdown-Selected-Typo:var(--Lv1-Color-Primary-700);--Component-Dropdown-Default:var(--Lv2-Color-Text-Default);--Component-Dropdown-Hover-Fill:var(--Lv2-Color-Fill-Element-Hover-BlueElevated);--Component-Sidebar-Typo:#ffffff;--Component-Sidebar-Fill:var(--Lv2-Color-Fill-Surface-BlueElevated);--Component-ChatBlock-Static-Fill:var(--Lv2-Color-Fill-Surface-BlueElevated);--Component-ChatBlock-Selected-Fill:var(--Lv2-Color-Fill-Surface-BlueSelected);--Component-ChatBlock-Selected-Border:var(--Lv2-Color-Stroke-Element-Default-BlueBorder);--Component-Floatingbar-Fill:var(--Lv1-Color-Primary-900);--Component-Explanation:var(--Lv2-Color-Text-Placeholder)}.dark{--Lv1-Color-GreyScale-0:#ffffff;--Lv1-Color-GreyScale-50:#f8fafc;--Lv1-Color-GreyScale-100:#f1f5f9;--Lv1-Color-GreyScale-200:#e2e8f0;--Lv1-Color-GreyScale-300:#cbd5e1;--Lv1-Color-GreyScale-400:#94a3b8;--Lv1-Color-GreyScale-500:#64748b;--Lv1-Color-GreyScale-600:#475569;--Lv1-Color-GreyScale-700:#334155;--Lv1-Color-GreyScale-800:#1e293b;--Lv1-Color-GreyScale-900:#0f172a;--Lv1-Color-GreyScale-Black:#ffffff;--Lv1-Color-Primary-0:#1e293b;--Lv1-Color-Primary-Light-Blue-50:#1e3a8a;--Lv2-Color-Fill-Surface-StaticSurface:#1e293b;--Lv2-Color-Fill-Surface-Elevated:#334155;--Lv2-Color-Fill-Surface-BlueElevated:#ffffff17;--Lv2-Color-Fill-Surface-BlueSelected:#1e40af;--Lv2-Color-Fill-Surface-Tips:#374151;--Lv2-Color-Text-Default:#f8fafc;--Lv2-Color-Text-Placeholder:#6b7280;--Lv2-Color-Text-Disabled:#64748b;--Lv2-Color-Text-Link:#60a5fa;--Lv2-Color-Text-Secondary:#34d399;--Lv2-Color-Text-Warning:#fbbf24;--Lv2-Color-Text-Error:#f87171;--Lv2-Color-Text-Success:#34d399;--Lv2-Color-Text-Information:#60a5fa;--Lv2-Color-Text-Primary:#e0e7ff;--Lv2-Color-Text-Inverse:#0f172a;--Lv2-Color-Text-Accent:#60a5fa;--Lv2-Color-Text-Label:#94a3b8;--Lv2-Color-Icon-Basic:#f8fafc;--Lv2-Color-Icon-Teritiary:#94a3b8;--Lv2-Color-Icon-Accent:#60a5fa;--Lv2-Color-Icon-Subtle:#64748b;--Lv2-Color-Icon-Inverse:#0f172a;--Lv2-Color-Icon-Error:#f87171;--Lv2-Color-Stroke-Element-Default-BlueBorder:#3b82f6;--Lv2-Color-Stroke-Element-Default-Grey:#64748b;--Lv2-Color-Stroke-Element-Default-LightGrey:#475569;--Lv2-Color-Stroke-Element-Default-Accent:#60a5fa;--Lv2-Color-Stroke-Element-Focused-Primary:#3b82f6;--Lv2-Color-Stroke-Element-Focused-Teritiary:#64748b;--Lv2-Color-Stroke-Element-Focused-Secondary:#34d399;--Lv2-Color-Stroke-Surface-Inverse:#f8fafc;--Lv2-Color-Stroke-Surface-LightGrey:#475569;--Lv2-Color-Stroke-Surface-DarkGrey:#334155;--Lv2-Color-Stroke-Surface-Primary:#1d4ed8;--Lv2-Color-Border-Divider-Inverse:#f8fafc;--Lv2-Color-Border-Divider:#475569;--Component-Dropdown-Selected-Fill:#1e40af;--Component-Dropdown-Selected-Typo:#60a5fa;--Component-Dropdown-Default:#f8fafc;--Component-Dropdown-Hover-Fill:#374151;--Component-Sidebar-Typo:#f8fafc;--Component-Sidebar-Fill:#1e3a8a;--Component-ChatBlock-Static-Fill:#1e3a8a;--Component-ChatBlock-Selected-Fill:#1e40af;--Component-ChatBlock-Selected-Border:#3b82f6;--Component-Floatingbar-Fill:#1e40af;--Component-Explanation:#94a3b8}:root{--grid-columns:12;--grid-gutter:20px;--grid-margin:24px;--grid-container-max-width:calc(100vw - (var(--grid-margin) * 2));--grid-column-width:calc((var(--grid-container-max-width) - (var(--grid-gutter) * (var(--grid-columns) - 1))) / var(--grid-columns));--sidebar-width-expanded:339px;--sidebar-width-collapsed:68px;--sidebar-offset-expanded:calc(var(--sidebar-width-expanded) / 2);--sidebar-offset-collapsed:calc(var(--sidebar-width-collapsed) / 2);--chat-area-width:926px}.grid-container{width:100%;max-width:var(--grid-container-max-width);margin:0 auto;padding:0 var(--grid-margin)}.grid-row{display:flex;gap:var(--grid-gutter);width:100%}.col-1{width:calc(var(--grid-column-width) * 1)}.col-2{width:calc((var(--grid-column-width) * 2) + (var(--grid-gutter) * 1))}.col-3{width:calc((var(--grid-column-width) * 3) + (var(--grid-gutter) * 2))}.col-4{width:calc((var(--grid-column-width) * 4) + (var(--grid-gutter) * 3))}.col-5{width:calc((var(--grid-column-width) * 5) + (var(--grid-gutter) * 4))}.col-6{width:calc((var(--grid-column-width) * 6) + (var(--grid-gutter) * 5))}.col-7{width:calc((var(--grid-column-width) * 7) + (var(--grid-gutter) * 6))}.col-8{width:calc((var(--grid-column-width) * 8) + (var(--grid-gutter) * 7))}.col-9{width:calc((var(--grid-column-width) * 9) + (var(--grid-gutter) * 8))}.col-10{width:calc((var(--grid-column-width) * 10) + (var(--grid-gutter) * 9))}.col-11{width:calc((var(--grid-column-width) * 11) + (var(--grid-gutter) * 10))}.col-12{width:calc((var(--grid-column-width) * 12) + (var(--grid-gutter) * 11))}.sidebar-expanded{width:var(--sidebar-width-expanded);min-width:var(--sidebar-width-expanded)}.sidebar-collapsed{width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed)}.content-with-sidebar-expanded{margin-left:var(--sidebar-width-expanded)}.content-with-sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.modal-offset-expanded{transform:translateX(var(--sidebar-offset-expanded))}.modal-offset-collapsed{transform:translateX(var(--sidebar-offset-collapsed))}.left-sidebar-expanded{left:var(--sidebar-width-expanded)}.left-sidebar-collapsed{left:var(--sidebar-width-collapsed)}.chat-area{box-sizing:border-box}.chat-area,.content-with-sidebar-collapsed .chat-area{width:var(--chat-area-width);max-width:var(--chat-area-width);margin:0 auto;padding-left:0;padding-right:0;display:flex;flex-direction:column;align-items:stretch;transition:width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.chat-input-container,.content-with-sidebar-collapsed .chat-input-container{width:100%;max-width:var(--chat-area-width);margin:0 auto;padding-left:0;padding-right:0;transition:max-width .3s cubic-bezier(.4,0,.2,1),margin .3s cubic-bezier(.4,0,.2,1)}@media (max-width:calc(990px + 339px)) and (min-width:calc(768px + 339px)){.chat-area{width:calc(100vw - var(--sidebar-width-expanded) - 103px);max-width:calc(100vw - var(--sidebar-width-expanded) - 103px)}.chat-area,.chat-input-container{margin:0 32px;padding-left:0;padding-right:0}.chat-input-container{width:100%;max-width:calc(100vw - var(--sidebar-width-expanded) - 64px)}}@media (max-width:calc(990px + 68px)) and (min-width:calc(768px + 68px)){.content-with-sidebar-collapsed .chat-area{width:calc(100vw - var(--sidebar-width-collapsed) - 70px);max-width:calc(100vw - var(--sidebar-width-collapsed) - 70px);margin:0 16px;padding-left:0;padding-right:0}.content-with-sidebar-collapsed .chat-input-container{width:100%;max-width:calc(100vw - var(--sidebar-width-collapsed) - 64px);margin:0 16px;padding-left:0;padding-right:0}}@media (max-width:calc(767px + 339px)) and (min-width:calc(320px + 339px)){.chat-area,.chat-input-container{width:100%;max-width:calc(100vw - var(--sidebar-width-expanded) - 32px);margin:0 16px;padding-left:0;padding-right:0}}@media (max-width:calc(767px + 68px)) and (min-width:calc(320px + 68px)){.content-with-sidebar-collapsed .chat-area{width:calc(100vw - var(--sidebar-width-collapsed) - 70px);max-width:calc(100vw - var(--sidebar-width-collapsed) - 70px);padding-left:0;padding-right:0}.content-with-sidebar-collapsed .chat-input-container{width:100%;max-width:calc(100vw - var(--sidebar-width-collapsed) - 32px);margin:0;padding-left:0;padding-right:0}}@media (max-width:calc(320px + 68px)){.chat-area,.content-with-sidebar-collapsed .chat-area{width:calc(100vw - var(--sidebar-width-collapsed) - 32px);max-width:calc(100vw - var(--sidebar-width-collapsed) - 32px);margin:0 16px;padding-left:0;padding-right:0}.chat-input-container,.content-with-sidebar-collapsed .chat-input-container{width:100%;max-width:calc(100vw - var(--sidebar-width-collapsed) - 32px);margin:0 16px;padding-left:0;padding-right:0}.content-with-sidebar-collapsed,.content-with-sidebar-expanded{margin-left:0}.content-with-sidebar-collapsed .chat-area,.content-with-sidebar-expanded .chat-area{width:calc(100vw - 32px);max-width:calc(100vw - 32px);margin:0 16px}.content-with-sidebar-collapsed .chat-input-container,.content-with-sidebar-expanded .chat-input-container{width:100%;max-width:calc(100vw - 32px);margin:0 16px}}.grid-debug{background:rgba(255,0,0,.1);border:1px solid rgba(255,0,0,.3)}.grid-debug .col-1,.grid-debug .col-10,.grid-debug .col-11,.grid-debug .col-12,.grid-debug .col-2,.grid-debug .col-3,.grid-debug .col-4,.grid-debug .col-5,.grid-debug .col-6,.grid-debug .col-7,.grid-debug .col-8,.grid-debug .col-9{background:rgba(0,255,0,.1);border:1px solid rgba(0,255,0,.3);min-height:50px}