:root{--md-sys-color-primary:#6200ee;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#eaddff;--md-sys-color-on-primary-container:#21005d;--md-sys-color-secondary:#03dac6;--md-sys-color-on-secondary:#000;--md-sys-color-secondary-container:#cef9f1;--md-sys-color-on-secondary-container:#1d3a37;--md-sys-color-tertiary:#bb86fc;--md-sys-color-on-tertiary:#000;--md-sys-color-tertiary-container:#f0e0ff;--md-sys-color-on-tertiary-container:#2d1263;--md-sys-color-error:#b00020;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#f9dedc;--md-sys-color-on-error-container:#410002;--md-sys-color-surface:#fffbfe;--md-sys-color-on-surface:#1c1b1f;--md-sys-color-surface-variant:#e7e0ec;--md-sys-color-on-surface-variant:#49454e;--md-sys-color-surface-container:#f3edf7;--md-sys-color-surface-container-high:#ece6f0;--md-sys-color-outline:#79747e;--md-sys-color-outline-variant:#cac4d0;--md-sys-color-background:#fffbfe;--md-sys-color-on-background:#1c1b1f;--md-sys-color-inverse-surface:#313033;--md-sys-color-inverse-on-surface:#f4eff4;--md-sys-elevation-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--md-sys-elevation-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--md-sys-elevation-3:0 4px 8px 3px #00000026, 0 1px 3px #0000004d;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-full:9999px;--color-success:#2e7d32;--color-success-container:#e8f5e9;--color-warning:#e65100;--color-warning-container:#fff3e0;--color-error:#c62828;--color-error-container:#ffebee;--color-code-bg:#1e1e1e;--color-code-text:#d4d4d4;--color-code-header:#282c34;--color-code-header-text:#abb2bf;--color-connected:#2ecc71;--color-disconnected:#e74c3c;--font-family:"Inter", system-ui, -apple-system, sans-serif;--header-height:64px}[data-theme=dark]{--md-sys-color-primary:#d0bcff;--md-sys-color-on-primary:#381e72;--md-sys-color-primary-container:#4f378b;--md-sys-color-on-primary-container:#eaddff;--md-sys-color-secondary:#ccc2dc;--md-sys-color-on-secondary:#332d41;--md-sys-color-secondary-container:#4a4458;--md-sys-color-on-secondary-container:#e8def8;--md-sys-color-tertiary:#efb8c8;--md-sys-color-on-tertiary:#492532;--md-sys-color-tertiary-container:#633b48;--md-sys-color-on-tertiary-container:#ffd8e4;--md-sys-color-error:#f2b8b5;--md-sys-color-on-error:#601410;--md-sys-color-error-container:#8c1d18;--md-sys-color-on-error-container:#f9dedc;--md-sys-color-surface:#1c1b1f;--md-sys-color-on-surface:#e6e1e5;--md-sys-color-surface-variant:#49454f;--md-sys-color-on-surface-variant:#cac4d0;--md-sys-color-surface-container:#211f26;--md-sys-color-surface-container-high:#2b2930;--md-sys-color-outline:#938f99;--md-sys-color-outline-variant:#49454f;--md-sys-color-background:#1c1b1f;--md-sys-color-on-background:#e6e1e5;--md-sys-color-inverse-surface:#e6e1e5;--md-sys-color-inverse-on-surface:#1c1b1f;--md-sys-elevation-1:0 1px 3px #00000080, 0 1px 2px #0000004d;--md-sys-elevation-2:0 2px 6px #00000080, 0 1px 2px #0000004d;--md-sys-elevation-3:0 4px 8px #0009, 0 2px 4px #0006;--color-success:#81c784;--color-success-container:#1b5e20;--color-warning:#ffb74d;--color-warning-container:#e65100;--color-error:#ef9a9a;--color-error-container:#7f0000;--color-code-bg:#1e1e1e;--color-code-text:#d4d4d4;--color-code-header:#2d2d2d;--color-code-header-text:#9e9e9e;--color-connected:#81c784;--color-disconnected:#ef9a9a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);color:var(--md-sys-color-on-background);background:var(--md-sys-color-background);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:4px}.skip-link{z-index:9999;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);padding:8px 16px;text-decoration:none;position:absolute;top:-100%;left:0}.skip-link:focus{top:8px}#root{flex-direction:column;min-height:100vh;display:flex}.app-layout{grid-template:"sidebar header"64px"sidebar main"1fr/260px 1fr;min-height:100vh;display:grid}.app-header{border-bottom:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);grid-area:header;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.app-header__left{align-items:center;gap:12px;display:flex}.app-header__title{color:var(--md-sys-color-on-surface);font-size:20px;font-weight:600}.app-header__actions{align-items:center;gap:12px;display:flex}.app-sidebar{background:var(--md-sys-color-surface-variant);border-right:1px solid var(--md-sys-color-outline);flex-direction:column;grid-area:sidebar;padding:16px 0;display:flex}.app-sidebar__brand{border-bottom:1px solid var(--md-sys-color-outline);align-items:center;gap:12px;margin-bottom:12px;padding:0 20px 20px;display:flex}.app-sidebar__logo{background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-medium);width:36px;height:36px;color:var(--md-sys-color-on-primary);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.app-sidebar__brand-text{font-size:18px;font-weight:600}.app-sidebar__version{color:var(--md-sys-color-on-surface-variant);margin-top:2px;font-size:11px}.app-sidebar__nav{flex:1;overflow-y:auto}.app-sidebar__section{text-transform:uppercase;letter-spacing:.5px;color:var(--md-sys-color-on-surface-variant);padding:8px 20px 4px;font-size:11px;font-weight:600}.app-sidebar__link{color:var(--md-sys-color-on-surface-variant);border-radius:0 24px 24px 0;align-items:center;gap:12px;margin-right:12px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.app-sidebar__link:hover{background:#6200ee14}.app-sidebar__link--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:600}.app-sidebar__link-icon{text-align:center;width:24px;font-size:20px}.app-sidebar__badge{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:var(--md-sys-shape-corner-full);margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600}.app-main{grid-area:main;padding:32px;overflow-y:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-loading{min-height:60vh;color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.page-header{margin-bottom:24px}.page-header__title{font-size:24px;font-weight:700}.page-header__subtitle{color:var(--md-sys-color-on-surface-variant);margin-top:4px;font-size:14px}.card__desc{color:var(--md-sys-color-on-surface-variant);margin-bottom:16px;font-size:13px;line-height:1.5}.user-name{color:var(--md-sys-color-on-surface-variant);font-size:13px}.btn{border-radius:var(--md-sys-shape-corner-full);font-family:var(--font-family);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.btn:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.btn--primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-sys-elevation-1)}.btn--primary:hover{filter:brightness(1.1)}.btn--tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary)}.btn--outline{color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);background:0 0}.btn--ghost{color:var(--md-sys-color-primary);background:0 0}.btn--ghost:hover{background:#6200ee14}.btn--danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.btn--danger:hover{opacity:.9}.btn--danger:disabled{opacity:.5;cursor:not-allowed}.btn--icon{background:0 0;border-radius:50%;justify-content:center;width:40px;height:40px;padding:0;font-size:20px}.btn--icon:hover{background:#6200ee14}.btn--sm{padding:6px 16px;font-size:13px}.btn--lg{padding:14px 32px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-1);padding:24px}.card__title{color:var(--md-sys-color-on-surface);margin-bottom:16px;font-size:18px;font-weight:600}.badge{border-radius:var(--md-sys-shape-corner-full);text-transform:uppercase;letter-spacing:.3px;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge--primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.badge--pending{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant)}.badge--in_progress{background:var(--color-warning-container);color:var(--color-warning)}.badge--completed{background:var(--color-success-container);color:var(--color-success)}.badge--failed{background:var(--color-error-container);color:var(--color-error)}.badge--warning{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.badge--success{background:var(--color-success-container);color:var(--color-success)}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-dot--pending{background:var(--md-sys-color-outline)}.status-dot--in_progress{background:var(--color-warning);animation:1.5s infinite pulse}.status-dot--completed{background:var(--color-success)}.status-dot--failed{background:var(--md-sys-color-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.progress-bar{background:var(--md-sys-color-surface-variant);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar__fill{background:var(--md-sys-color-primary);border-radius:2px;height:100%;transition:width .3s}.empty-state{text-align:center;color:var(--md-sys-color-on-surface-variant);padding:64px 32px}.empty-state__icon{margin-bottom:16px;font-size:48px}.empty-state__title{margin-bottom:8px;font-size:20px;font-weight:600}.empty-state__desc{max-width:400px;margin:0 auto 24px;font-size:14px}.spinner{border:3px solid var(--md-sys-color-surface-variant);border-top-color:var(--md-sys-color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.form-group{margin-bottom:16px}.form-label{color:var(--md-sys-color-on-surface);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);width:100%;color:var(--md-sys-color-on-surface);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.form-input:focus{border-color:var(--md-sys-color-primary)}.form-input[disabled]{opacity:.6;cursor:not-allowed}.form-input__help{color:var(--md-sys-color-on-surface-variant);margin-top:4px;font-size:12px}.skeleton{background:linear-gradient(90deg, var(--md-sys-color-surface-variant) 25%, var(--md-sys-color-surface-container) 50%, var(--md-sys-color-surface-variant) 75%);border-radius:var(--md-sys-shape-corner-small);background-size:200% 100%;animation:1.5s infinite skeletonShimmer}.skeleton--text{width:100%;height:14px;margin-bottom:8px}.skeleton--text:last-child{width:60%}.skeleton--card{height:120px}.skeleton--avatar{border-radius:50%;width:40px;height:40px}.skeleton--button{width:120px;height:40px}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-1);align-items:flex-start;gap:16px;padding:20px;display:flex}.stat-card__icon{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-primary-container);justify-content:center;align-items:center;width:48px;height:48px;font-size:32px;display:flex}.stat-card__label{color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:500}.stat-card__value{color:var(--md-sys-color-on-surface);font-size:28px;font-weight:700;line-height:1.2}.stat-card__change{font-size:13px;font-weight:600}.stat-card__change--up{color:var(--color-success)}.stat-card__change--down{color:var(--color-error)}.dashboard-actions{flex-wrap:wrap;gap:12px;display:flex}.stage-list{flex-direction:column;gap:8px;display:flex}.stage-item{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline);align-items:center;gap:16px;padding:16px 20px;display:flex}.stage-item__icon{border-radius:var(--md-sys-shape-corner-medium);justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.stage-item__info{flex:1}.stage-item__name{color:var(--md-sys-color-on-surface);font-size:15px;font-weight:600}.stage-item__status{color:var(--md-sys-color-on-surface-variant);font-size:13px}.editor-layout{grid-template-columns:1fr 1fr;gap:24px;height:calc(100vh - 128px);display:grid}.editor-panel{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-1);flex-direction:column;display:flex;overflow:hidden}.editor-panel__header{border-bottom:1px solid var(--md-sys-color-outline);justify-content:space-between;align-items:center;padding:16px 20px;font-weight:600;display:flex}.editor-panel__body{flex:1;overflow:auto}.editor-panel__preview{padding:20px;overflow:auto}.pipeline-container{max-width:800px}.pipeline-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.pipeline-actions{gap:8px;display:flex}.pipeline-error-card{border-radius:var(--md-sys-shape-corner-medium);border-left:4px solid var(--md-sys-color-error);background:var(--md-sys-color-error-container);margin-bottom:16px;padding:16px 20px}.pipeline-error-text{color:var(--md-sys-color-on-error-container);font-size:14px;font-weight:600}.pipeline-stage__actions{text-align:right}.pipeline-progress{margin-bottom:32px}.pipeline-progress__label{color:var(--md-sys-color-on-surface-variant);justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.pipeline-stages{flex-direction:column;gap:12px;display:flex}.pipeline-stage{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);border:2px solid #0000;align-items:center;gap:16px;padding:16px 20px;transition:border-color .2s;display:flex}.pipeline-stage--active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.pipeline-stage--completed{border-color:var(--color-success)}.pipeline-stage--failed{border-color:var(--md-sys-color-error);background:var(--md-sys-color-error-container)}.pipeline-stage__number{background:var(--md-sys-color-surface-variant);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.pipeline-stage--active .pipeline-stage__number{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pipeline-stage--completed .pipeline-stage__number{background:var(--color-success);color:var(--md-sys-color-on-primary)}.pipeline-stage__content{flex:1}.pipeline-stage__name{font-size:15px;font-weight:600}.pipeline-stage__detail{color:var(--md-sys-color-on-surface-variant);font-size:13px}.pipeline-output{background:var(--color-code-bg);border-radius:var(--md-sys-shape-corner-medium);max-height:400px;margin-top:24px;padding:16px;overflow:auto}.pipeline-output__header{color:var(--color-code-header-text);justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.pipeline-output__content{color:var(--color-code-text);white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6}.file-tree{padding:0;list-style:none}.file-tree__item{cursor:pointer;color:var(--md-sys-color-on-surface-variant);border-radius:4px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:flex}.file-tree__item:hover{background:#6200ee14}.file-tree__item--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:500}.file-tree__icon{width:20px;font-size:16px}.file-viewer-layout{border-radius:var(--md-sys-shape-corner-large);height:calc(100vh - 128px);box-shadow:var(--md-sys-elevation-1);grid-template-columns:280px 1fr;gap:0;display:grid;overflow:hidden}.file-viewer__sidebar{background:var(--md-sys-color-surface);border-right:1px solid var(--md-sys-color-outline);padding:8px 0;overflow-y:auto}.file-viewer__main{background:var(--color-code-bg);flex-direction:column;display:flex;overflow:hidden}.file-viewer__tabs{flex-shrink:0;align-items:center;gap:2px;padding:8px 12px 0;display:flex}.file-viewer__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.file-viewer__editor{flex:1;overflow:hidden}.file-viewer__tab{background:var(--color-code-header);color:var(--color-code-header-text);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-family);border:none;border-radius:4px 4px 0 0;padding:6px 16px}.file-viewer__tab--active{background:var(--color-code-bg);color:var(--color-code-text)}.arch-diagram{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-large);box-shadow:var(--md-sys-elevation-1);padding:32px}.arch-box{border:2px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface);margin-bottom:12px;padding:20px}.arch-box--primary{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.arch-box__title{margin-bottom:8px;font-size:14px;font-weight:700}.arch-box__content{color:var(--md-sys-color-on-surface-variant);font-size:13px}.arch-flow{color:var(--md-sys-color-primary);justify-content:center;align-items:center;gap:8px;margin:16px 0;font-size:24px;display:flex}.kanban-board{grid-template-columns:repeat(4,1fr);gap:20px;display:grid;overflow-x:auto}.kanban-column{background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-large);min-width:250px;padding:16px}.kanban-column__header{border-bottom:2px solid var(--md-sys-color-outline);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.kanban-column__title{font-size:14px;font-weight:700}.kanban-column__count{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-full);padding:2px 10px;font-size:12px;font-weight:600}.kanban-card{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-1);cursor:pointer;margin-bottom:8px;padding:12px}.kanban-card__title{margin-bottom:4px;font-size:13px;font-weight:600}.kanban-card__desc{color:var(--md-sys-color-on-surface-variant);font-size:12px}.kanban-card__meta{gap:8px;margin-top:8px;font-size:11px;display:flex}.mobile-nav-toggle{cursor:pointer;color:var(--md-sys-color-on-surface);z-index:200;background:0 0;border:none;padding:4px;font-size:24px;display:none}.mobile-nav-overlay{display:none}@media (width<=900px){.mobile-nav-toggle{justify-content:center;align-items:center;display:flex}.app-layout{grid-template-columns:1fr;grid-template-areas:"header""main"}.app-sidebar{z-index:300;width:280px;height:100vh;box-shadow:var(--md-sys-elevation-3);display:none;position:fixed;top:0;left:0}.app-sidebar--open{display:flex}.mobile-nav-overlay{z-index:299;background:#0006;display:none;position:fixed;inset:0}.mobile-nav-overlay--visible{display:block}.app-main{padding:16px}.dashboard-grid,.kanban-board,.editor-layout,.file-viewer-layout{grid-template-columns:1fr}}@media (width<=600px){.pipeline-header{flex-direction:column;gap:12px}.stat-card{flex-direction:column}}.chat-ui-kit-grid{flex-direction:column;gap:6px;width:100%;max-width:400px;margin:0 auto;display:flex}.chat-ui-kit-card{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex;position:relative}.chat-ui-kit-card:hover{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.chat-ui-kit-card:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.chat-ui-kit-card--selected{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.chat-ui-kit-card__icon{flex-shrink:0;font-size:20px}.chat-ui-kit-card__info{flex:1;min-width:0}.chat-ui-kit-card__name{font-size:13px;font-weight:600}.chat-ui-kit-card__desc{color:var(--md-sys-color-on-surface-variant);margin-top:1px;font-size:11px;line-height:1.3}.chat-ui-kit-card__check{background:var(--md-sys-color-primary);width:20px;height:20px;color:var(--md-sys-color-on-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.ui-kit-picker{padding:24px 16px}.ui-kit-picker__desc{color:var(--md-sys-color-on-surface-variant);text-align:center;margin-bottom:16px;font-size:13px}.ui-kit-picker__hint{color:var(--md-sys-color-on-surface-variant);text-align:center;margin-top:16px;font-size:13px}.ui-kit-picker__suggestions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;display:flex}.suggestion-chip{cursor:pointer;padding:4px 10px;font-size:12px;transition:filter .15s}.suggestion-chip:hover{filter:brightness(.9)}.suggestion-chip:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.chat-layout{height:calc(100vh - var(--header-height));grid-template-columns:auto 1fr 1fr;gap:0;width:calc(100% + 64px);margin-bottom:-32px;margin-left:-32px;display:grid}.conv-sidebar-wrapper{border-right:1px solid var(--md-sys-color-outline-variant);width:0;transition:width .2s;overflow:hidden}.conv-sidebar-wrapper--visible{width:240px}.chat-panel{border-right:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-panel__header{align-items:center;gap:8px;display:flex}.conv-toggle{flex-shrink:0}.chat-panel__header-sub{border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.chat-panel__status{flex-shrink:0;align-items:center;gap:6px;display:flex}.chat-panel__status-text{color:var(--md-sys-color-on-surface-variant);font-size:12px}.chat-panel__dot{background:var(--color-disconnected);border-radius:50%;width:8px;height:8px;display:inline-block}.chat-panel__dot--connected{background:var(--color-connected)}.chat-panel__messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-welcome-icon{margin-bottom:16px;font-size:48px}.chat-welcome-title{margin-bottom:8px;font-size:20px;font-weight:700}.chat-welcome-desc{color:var(--md-sys-color-on-surface-variant);max-width:400px;font-size:14px}.chat-panel__welcome{text-align:center;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.chat-stage{border-left:3px solid var(--md-sys-color-primary);background:var(--md-sys-color-surface-variant);border-radius:8px;align-items:center;gap:8px;padding:4px 12px 4px 10px;font-size:13px;font-weight:600;display:flex}.chat-stage__icon{font-size:16px}.chat-stage__label{white-space:nowrap}.chat-bubble{gap:8px;max-width:90%;animation:.2s chatFadeIn;display:flex}@keyframes chatFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-bubble--user{flex-direction:row-reverse;align-self:flex-end}.chat-bubble--assistant{align-self:flex-start}.chat-bubble--error{align-self:center}.chat-bubble__avatar{background:var(--md-sys-color-primary-container);width:32px;height:32px;color:var(--md-sys-color-on-primary-container);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.chat-bubble__avatar--user{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.chat-bubble__body{background:var(--md-sys-color-surface-variant);border-radius:12px;min-width:60px;max-width:100%;padding:10px 14px}.chat-bubble__body--full{width:100%}.chat-bubble__content--error{color:var(--md-sys-color-error)}.chat-bubble--user .chat-bubble__body{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:12px 12px 4px}.chat-bubble--assistant .chat-bubble__body{border-radius:12px 12px 12px 4px}.chat-bubble__content{word-wrap:break-word;font-size:14px;line-height:1.6}.chat-bubble__time{color:var(--md-sys-color-on-surface-variant);opacity:.7;margin-top:4px;font-size:11px}.chat-bubble__footer{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.chat-bubble__actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.chat-bubble:hover .chat-bubble__actions{opacity:1}.chat-bubble__action{width:24px;height:24px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.chat-bubble__action:hover{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}.chat-bubble__action--delete:hover{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.chat-bubble__edited{color:var(--md-sys-color-on-surface-variant);opacity:.7;margin-left:4px;font-size:11px;font-style:italic}.chat-bubble--editing .chat-bubble__body{flex-direction:column;gap:6px;display:flex}.chat-edit-input{resize:vertical;width:100%;min-height:60px}.chat-edit-actions{justify-content:flex-end;gap:4px;display:flex}.chat-msg__heading{margin:12px 0 6px;font-size:16px;font-weight:700}.chat-msg__subheading{margin:8px 0 4px;font-size:14px;font-weight:600}.chat-msg__p{margin:4px 0}.chat-msg__spacer{height:8px}.chat-code-fallback{background:var(--color-code-bg);color:var(--color-code-text);white-space:pre-wrap;word-break:break-word;padding:16px;font-family:JetBrains Mono,Cascadia Code,Fira Code,monospace;font-size:13px;overflow-x:auto}.chat-msg__li{margin:2px 0 2px 16px;font-size:14px;line-height:1.5}.chat-msg__code{background:var(--md-sys-color-surface-container-high);border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,Cascadia Code,Fira Code,monospace;font-size:13px}.chat-code-block{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;margin:8px 0;overflow:hidden}.chat-code-block__header{background:var(--color-code-header);color:var(--color-code-header-text);justify-content:space-between;align-items:center;padding:6px 12px;font-family:JetBrains Mono,Cascadia Code,monospace;font-size:12px;display:flex}.chat-code-block__copy{border:1px solid var(--color-code-header-text);color:var(--color-code-header-text);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:11px}.chat-code-block__copy:hover{background:#ffffff1a}.chat-typing{align-items:center;gap:4px;padding:4px 0;display:flex}.chat-typing__dot{background:var(--md-sys-color-on-surface-variant);border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite chatTyping}.chat-typing__dot:first-child{animation-delay:0s}.chat-typing__dot:nth-child(2){animation-delay:.2s}.chat-typing__dot:nth-child(3){animation-delay:.4s}@keyframes chatTyping{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.chat-input{border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);flex-shrink:0;align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.chat-input__field{border:1px solid var(--md-sys-color-outline);resize:none;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:12px;outline:none;flex:1;min-height:44px;max-height:120px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.chat-input__field:focus{border-color:var(--md-sys-color-primary)}.chat-input__field::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.6}.chat-input__send{background:var(--md-sys-color-primary);width:44px;height:44px;color:var(--md-sys-color-on-primary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:background .15s,transform .1s;display:flex}.chat-input__send:hover:not(:disabled){background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);transform:scale(1.05)}.chat-input__send:disabled{opacity:.4;cursor:not-allowed}.chat-preview-panel{background:var(--md-sys-color-surface-container);flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-preview{flex-direction:column;height:100%;display:flex}.chat-preview__header{border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.chat-preview__body{flex:1;padding:16px;overflow-y:auto}.chat-preview__pre{white-space:pre-wrap;color:var(--md-sys-color-on-surface-variant);font-family:JetBrains Mono,Cascadia Code,Fira Code,monospace;font-size:12px;line-height:1.5}.chat-preview__iframe{background:#fff;border:none;border-radius:0 0 8px 8px;width:100%;height:100%;min-height:300px}@media (prefers-color-scheme:dark){.chat-preview__iframe{background:#1e1e1e}}.chat-preview__empty-icon{margin-bottom:8px;font-size:32px}.chat-preview__empty{text-align:center;color:var(--md-sys-color-on-surface-variant);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.chat-preview__file-list{flex-direction:column;gap:2px;display:flex}.chat-preview__file-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background .15s;display:flex}.chat-preview__file-item:hover{background:var(--md-sys-color-surface-container-high)}.chat-preview__file-icon{flex-shrink:0;font-size:16px}.chat-preview__file-name{word-break:break-all;font-family:JetBrains Mono,Cascadia Code,Fira Code,monospace;font-size:12px}.chat-progress{padding:8px 0}.chat-progress__title{color:var(--md-sys-color-primary);margin-bottom:8px;font-size:13px;font-weight:600}.chat-progress__item{align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.chat-progress__item--completed{color:var(--color-connected)}.chat-progress__item--in_progress{color:var(--md-sys-color-primary)}.chat-progress__icon{text-align:center;flex-shrink:0;width:16px}.chat-progress__spinner{border:2px solid var(--md-sys-color-primary);border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-left:auto;animation:.6s linear infinite chatSpin}@keyframes chatSpin{to{transform:rotate(360deg)}}.chat-progress__label{flex:1}.chat-mobile-tabs{display:none}@media (width<=900px){.chat-mobile-tabs{border-bottom:1px solid var(--md-sys-color-outline-variant);flex-shrink:0;display:flex}.chat-mobile-tab{text-align:center;cursor:pointer;color:var(--md-sys-color-on-surface-variant);font-size:13px;font-weight:600;font-family:var(--font-family);background:0 0;border:none;flex:1;padding:10px;transition:color .15s,box-shadow .15s}.chat-mobile-tab--active{color:var(--md-sys-color-primary);box-shadow:inset 0 -2px 0 var(--md-sys-color-primary)}.chat-layout{grid-template-columns:1fr}.chat-preview-panel{display:none}.chat-preview-panel--visible{display:flex}.chat-panel--hidden{display:none}.chat-panel{border-right:none}}@media (width<=600px){.chat-panel__messages{padding:12px}.chat-bubble{max-width:100%}.chat-input{padding:8px 12px}}.landing{background:var(--md-sys-color-background);min-height:100vh;color:var(--md-sys-color-on-background)}.landing__header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--md-sys-color-outline-variant);background:#fffc;position:fixed;top:0;left:0;right:0}.landing__header-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:12px 24px;display:flex}.landing__logo{background:var(--md-sys-color-primary);width:40px;height:40px;color:var(--md-sys-color-on-primary);border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.landing__logo--sm{border-radius:6px;width:28px;height:28px;font-size:14px}.landing__nav{gap:8px;display:flex}.landing__hero{text-align:center;padding:140px 24px 80px;position:relative;overflow:hidden}.landing__hero-bg{background:radial-gradient(ellipse at 50% 0%, var(--md-sys-color-primary-container) 0%, transparent 60%);opacity:.3;pointer-events:none;position:absolute;inset:0}.landing__hero-content{max-width:720px;margin:0 auto;position:relative}.landing__hero-badge{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.landing__hero-title{letter-spacing:-1px;margin-bottom:20px;font-size:52px;font-weight:800;line-height:1.15}.landing__hero-accent{background:linear-gradient(135deg, var(--md-sys-color-primary), var(--md-sys-color-tertiary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing__hero-desc{color:var(--md-sys-color-on-surface-variant);max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:18px;line-height:1.7}.landing__hero-actions{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.landing__hero-footnote{color:var(--md-sys-color-on-surface-variant);opacity:.7;font-size:13px}.landing__features{max-width:1100px;margin:0 auto;padding:80px 24px}.landing__section-title{text-align:center;margin-bottom:8px;font-size:36px;font-weight:700}.landing__section-sub{text-align:center;color:var(--md-sys-color-on-surface-variant);margin-bottom:48px;font-size:16px}.landing__features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing__feature-card{background:var(--md-sys-color-surface-container);border-radius:16px;padding:28px;transition:transform .15s,box-shadow .15s}.landing__feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.landing__feature-icon{margin-bottom:12px;font-size:32px}.landing__feature-title{margin-bottom:8px;font-size:18px;font-weight:600}.landing__feature-desc{color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:1.6}.landing__how{max-width:800px;margin:0 auto;padding:80px 24px}.landing__steps{flex-direction:column;gap:24px;display:flex}.landing__step{background:var(--md-sys-color-surface-container);border-radius:12px;align-items:flex-start;gap:20px;padding:20px;display:flex}.landing__step-num{background:var(--md-sys-color-primary);width:48px;height:48px;color:var(--md-sys-color-on-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.landing__step-title{margin-bottom:4px;font-size:18px;font-weight:600}.landing__step-desc{color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:1.6}.landing__cta{text-align:center;padding:80px 24px}.landing__cta-card{background:var(--md-sys-color-primary-container);max-width:600px;color:var(--md-sys-color-on-primary-container);border-radius:24px;margin:0 auto;padding:48px 32px}.landing__cta-title{margin-bottom:12px;font-size:32px;font-weight:700}.landing__cta-desc{opacity:.85;margin-bottom:24px;font-size:16px;line-height:1.6}.landing__cta-card .btn--primary{background:var(--md-sys-color-on-primary-container);color:var(--md-sys-color-primary-container)}.landing__cta-card .btn--primary:hover{opacity:.9}.landing__footer{border-top:1px solid var(--md-sys-color-outline-variant);padding:24px}.landing__footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.landing__footer-brand{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:10px;font-size:14px;display:flex}.landing__footer-links{gap:16px;display:flex}.landing__footer-links a{color:var(--md-sys-color-on-surface-variant);font-size:14px;text-decoration:none}.landing__footer-links a:hover{color:var(--md-sys-color-primary)}.auth-page{background:var(--md-sys-color-surface);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth__bg{background:radial-gradient(ellipse at 30% 20%, var(--md-sys-color-primary-container) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, var(--md-sys-color-tertiary-container) 0%, transparent 50%);opacity:.15;pointer-events:none;position:absolute;inset:0}.auth-card{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:20px;width:100%;max-width:400px;padding:40px 32px;animation:.3s authFadeIn;position:relative}@keyframes authFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-card__brand{text-align:center;margin-bottom:32px}.auth-card__logo{background:var(--md-sys-color-primary);width:48px;height:48px;color:var(--md-sys-color-on-primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:24px;font-weight:800;display:inline-flex}.auth-card__title{margin-bottom:4px;font-size:22px;font-weight:700}.auth-card__subtitle{color:var(--md-sys-color-on-surface-variant);font-size:14px}.auth-card__error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border-radius:10px;margin-bottom:20px;padding:10px 14px;font-size:13px}.auth-card .form-group{margin-bottom:16px}.auth-card .form-input{border:1px solid var(--md-sys-color-outline);background:var(--md-sys-color-surface);width:100%;color:var(--md-sys-color-on-surface);box-sizing:border-box;border-radius:10px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s}.auth-card .form-input:focus{border-color:var(--md-sys-color-primary)}.auth-card .form-label{color:var(--md-sys-color-on-surface);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-error{color:var(--md-sys-color-error);margin-top:4px;font-size:12px}.auth-card__links{text-align:right;margin-bottom:8px}.auth-card__links .auth-card__link{font-size:13px;font-weight:500}.auth-card__submit{justify-content:center;width:100%;margin-top:8px;padding:12px;font-size:15px}.auth-card__footer{text-align:center;color:var(--md-sys-color-on-surface-variant);margin-top:24px;font-size:14px}.auth-card__link{color:var(--md-sys-color-primary);font-weight:600;text-decoration:none}.auth-card__link:hover{text-decoration:underline}@media (width<=900px){.landing__hero-title{font-size:36px}.landing__features-grid{grid-template-columns:repeat(2,1fr)}.landing__hero-actions{flex-direction:column;align-items:center}}@media (width<=600px){.landing__hero{padding:100px 16px 60px}.landing__hero-title{font-size:28px}.landing__hero-desc{font-size:16px}.landing__features-grid{grid-template-columns:1fr}.landing__section-title{font-size:28px}.landing__cta-card{padding:32px 24px}.landing__cta-title{font-size:24px}.landing__footer-inner{flex-direction:column;gap:16px}.auth-card{padding:32px 24px}}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .form-input{padding-right:44px}.password-toggle{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:18px;line-height:1;position:absolute;right:8px}.password-toggle:hover{background:var(--md-sys-color-surface-variant)}.settings-page{flex-direction:column;gap:24px;max-width:640px;display:flex}.settings-message{border-radius:var(--md-sys-shape-corner-small);margin-bottom:16px;padding:10px 14px;font-size:13px}.settings-message--success{background:var(--color-success-container);color:var(--color-success);border:1px solid var(--color-success)}.settings-message--error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);border:1px solid var(--md-sys-color-on-error-container)}.pricing-page{max-width:900px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header__title{margin-bottom:8px;font-size:32px;font-weight:700}.pricing-header__subtitle{color:var(--md-sys-color-on-surface-variant);font-size:15px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:64px;display:grid}.pricing-card{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-large);flex-direction:column;padding:32px 24px;transition:box-shadow .2s,transform .2s;display:flex;position:relative}.pricing-card:hover{box-shadow:var(--md-sys-elevation-2);transform:translateY(-2px)}.pricing-card:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.pricing-card--highlighted{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary), var(--md-sys-elevation-2);border-width:2px}.pricing-card__badge{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:var(--md-sys-shape-corner-full);white-space:nowrap;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card__header{margin-bottom:24px}.pricing-card__name{margin-bottom:8px;font-size:18px;font-weight:600}.pricing-card__price{margin-bottom:8px}.pricing-card__amount{font-size:36px;font-weight:700}.pricing-card__period{color:var(--md-sys-color-on-surface-variant);font-size:14px}.pricing-card__description{color:var(--md-sys-color-on-surface-variant);font-size:13px}.pricing-card__features{flex:1;margin-bottom:24px;list-style:none}.pricing-card__feature{align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.pricing-card__check{color:var(--md-sys-color-primary);font-size:16px;font-weight:700}.pricing-faq{margin-bottom:64px}.pricing-faq__title{text-align:center;margin-bottom:32px;font-size:24px;font-weight:600}.pricing-faq__grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.pricing-faq__item{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-medium);padding:20px}.pricing-faq__question{margin-bottom:8px;font-size:15px;font-weight:600}.pricing-faq__answer{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:1.6}.deploy-page{max-width:640px}.provider-card{cursor:pointer;text-align:center;border:2px solid #0000;flex-direction:column;align-items:center;transition:border-color .2s,box-shadow .2s}.provider-card:hover{border-color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-1)}.provider-card:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}.provider-card.provider-card--selected{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.provider-card__emoji{margin-bottom:8px;font-size:32px}.provider-card__desc{color:var(--md-sys-color-on-surface-variant);margin-top:4px;font-size:13px}.deploy-page{flex-direction:column;gap:24px;max-width:640px;display:flex}.deploy-config-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.deploy-config-item{background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);flex-direction:column;gap:2px;padding:12px 16px;display:flex}.deploy-config-item__key{color:var(--md-sys-color-on-surface-variant);text-transform:capitalize;font-size:12px}.deploy-config-item__val{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:14px;font-weight:600}.deploy-instructions-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.deploy-loading{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:8px;padding:16px;font-size:13px;display:flex}.deploy-no-files{color:var(--md-sys-color-on-surface-variant);font-size:13px}.deploy-cta{justify-content:center;width:100%}.deploy-success{border-radius:var(--md-sys-shape-corner-medium);background:var(--color-success-container);border-left:4px solid var(--color-success);align-items:center;gap:12px;padding:20px;display:flex}.deploy-success__icon{flex-shrink:0;font-size:24px}.deploy-success__title{color:var(--color-success);margin-bottom:4px;font-size:16px;font-weight:600}.deploy-success__desc{color:var(--md-sys-color-on-surface-variant);font-size:13px;line-height:1.5}.deploy-instructions{background:var(--color-code-bg);color:var(--color-code-text);border-radius:var(--md-sys-shape-corner-small);padding:16px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.deploy-log{color:#e0e0e0;border-radius:var(--md-sys-shape-corner-small);background:#1a1a2e;flex-direction:column;max-height:400px;margin-top:16px;display:flex;overflow:hidden}.deploy-log__header{text-transform:uppercase;letter-spacing:.5px;color:#888;background:#16162a;border-bottom:1px solid #2a2a4a;flex-shrink:0;padding:8px 16px;font-size:11px;font-weight:600}.deploy-log__content{white-space:pre-wrap;word-break:break-all;flex:1;margin:0;padding:12px 16px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6;overflow-y:auto}.deploy-log--error{color:#f87171}.deploy-log--success{color:#34d399}.deploy-error{background:var(--color-error-container);color:var(--color-error);border-radius:var(--md-sys-shape-corner-small);margin-top:12px;padding:12px 16px;font-size:13px}.db-page{flex-direction:column;gap:16px;display:flex}.db-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.db-toolbar__tabs{background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);gap:2px;padding:2px;display:flex}.db-toolbar__tab{border-radius:calc(var(--md-sys-shape-corner-small) - 2px);font-family:var(--font-family);color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;padding:6px 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.db-toolbar__tab:hover{background:var(--md-sys-color-surface-highlight)}.db-toolbar__tab--active{background:var(--md-sys-color-surface);color:var(--md-sys-color-primary);box-shadow:0 1px 3px #0000001a}.db-toolbar__actions{gap:8px;display:flex}.db-loading{color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;gap:12px;padding:24px;font-size:14px;display:flex}.db-empty{text-align:center;padding:48px 24px}.db-empty__icon{margin-bottom:12px;font-size:48px}.db-empty__title{margin-bottom:8px;font-size:18px;font-weight:600}.db-empty__desc{color:var(--md-sys-color-on-surface-variant);max-width:400px;margin:0 auto;font-size:14px;line-height:1.6}.db-tables{flex-direction:column;gap:8px;display:flex}.db-table-card__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.db-table-card__title-row{align-items:center;gap:8px;display:flex}.db-table-card__name{color:var(--md-sys-color-primary);margin:0;font-family:Cascadia Code,Fira Code,monospace;font-size:15px;font-weight:600}.db-table-card__actions{gap:8px;display:flex}.db-schema-sql{background:var(--color-code-bg);border-radius:var(--md-sys-shape-corner-small);color:var(--color-code-text);margin-top:12px;padding:12px;font-family:Cascadia Code,Fira Code,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.db-query-editor{flex-direction:column;gap:8px;display:flex}.db-query-textarea{border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);background:var(--color-code-bg);width:100%;color:var(--color-code-text);resize:vertical;outline:none;padding:12px;font-family:Cascadia Code,Fira Code,monospace;font-size:13px;line-height:1.6;transition:border-color .15s}.db-query-textarea:focus{border-color:var(--md-sys-color-primary)}.db-query-error{background:var(--color-error-container);color:var(--color-error);border-radius:var(--md-sys-shape-corner-small);margin-top:8px;padding:10px 12px;font-size:13px}.db-query-result{margin-top:12px}.db-query-result__header{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.db-query-result__table-wrapper{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);max-height:480px;overflow:auto}.db-query-table{border-collapse:collapse;width:100%;font-size:13px}.db-query-table th{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);text-align:left;border-bottom:2px solid var(--md-sys-color-outline-variant);padding:8px 12px;font-family:Cascadia Code,Fira Code,monospace;font-size:12px;font-weight:600;position:sticky;top:0}.db-query-table td{border-bottom:1px solid var(--md-sys-color-outline-variant);white-space:nowrap;text-overflow:ellipsis;max-width:300px;padding:6px 12px;font-family:Cascadia Code,Fira Code,monospace;font-size:12px;overflow:hidden}.db-query-table tbody tr:hover{background:var(--md-sys-color-surface-highlight)}.db-query-empty{text-align:center;color:var(--md-sys-color-on-surface-variant);font-style:italic;padding:24px!important}.db-null{color:var(--md-sys-color-on-surface-variant);opacity:.6;font-style:italic}.db-info-grid{flex-direction:column;gap:2px;margin-top:16px;display:flex}.db-info-item{background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);align-items:center;gap:12px;padding:10px 12px;display:flex}.db-info-item__key{color:var(--md-sys-color-on-surface-variant);min-width:180px;font-size:12px;font-weight:600}.db-info-item__val{color:var(--md-sys-color-on-surface);font-family:Cascadia Code,Fira Code,monospace;font-size:13px}.db-info-item__val code{background:var(--color-code-bg);border-radius:4px;padding:2px 6px;font-size:12px}.versions-page{flex-direction:column;gap:16px;display:flex}.versions-snapshot-form{gap:8px;display:flex}.versions-snapshot-form .input{flex:1}.versions-shares-list{border-top:1px solid var(--md-sys-color-outline-variant);padding-top:12px}.versions-share-row{background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);align-items:center;gap:8px;margin-bottom:4px;padding:8px 12px;display:flex}.versions-share-token{color:var(--md-sys-color-on-surface);flex:1;font-family:Cascadia Code,Fira Code,monospace;font-size:13px}.versions-timeline{flex-direction:column;gap:0;padding:16px 0;display:flex}.versions-timeline-item{gap:16px;min-height:72px;display:flex}.versions-timeline-marker{flex-direction:column;flex-shrink:0;align-items:center;width:16px;padding-top:4px;display:flex}.versions-timeline-dot{background:var(--md-sys-color-primary);border:2px solid var(--md-sys-color-surface);border-radius:50%;flex-shrink:0;width:12px;height:12px}.versions-timeline-line{background:var(--md-sys-color-outline-variant);flex:1;width:2px;margin-top:4px}.versions-timeline-content{flex:1;padding-bottom:16px}.versions-timeline-header{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.versions-timeline-label{color:var(--md-sys-color-on-surface);font-size:14px;font-weight:600}.versions-timeline-date{color:var(--md-sys-color-on-surface-variant);margin-left:auto;font-size:12px}.versions-timeline-actions{gap:8px;display:flex}.shared-view{background:var(--md-sys-color-background);flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;padding:48px 24px;display:flex}.shared-view__error{text-align:center;padding:64px 24px}.shared-view__error-icon{margin-bottom:16px;font-size:48px}.shared-view__error h2{margin-bottom:8px;font-size:20px}.shared-view__error p{color:var(--md-sys-color-on-surface-variant);font-size:14px}.shared-view__header{margin-bottom:24px}.shared-view__title{margin:0 0 4px;font-size:24px;font-weight:700}.shared-view__subtitle{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:8px;font-size:14px;display:flex}.shared-view__files{flex-direction:column;gap:4px;margin-top:12px;display:flex}.shared-view__file-item{background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-small);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.shared-view__file-item code{color:var(--md-sys-color-on-surface);font-family:Cascadia Code,Fira Code,monospace}.shared-view__file-icon{flex-shrink:0}.shared-view__footer{text-align:center;margin-top:auto;padding-top:24px}.theme-selector{gap:12px;display:flex}.theme-selector__option{border:2px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface);cursor:pointer;font-family:var(--font-family);color:var(--md-sys-color-on-surface);flex:1;align-items:center;gap:10px;padding:16px 20px;font-size:14px;transition:border-color .15s,background .15s;display:flex}.theme-selector__option:hover{border-color:var(--md-sys-color-primary)}.theme-selector__option--active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.theme-selector__icon{font-size:24px}.theme-selector__label{font-weight:600}.toast-container{z-index:9999;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface);box-shadow:var(--md-sys-elevation-3);color:var(--md-sys-color-on-surface);border-left:4px solid var(--md-sys-color-outline);align-items:center;gap:10px;padding:12px 16px;font-size:14px;animation:.3s toastSlideIn;display:flex}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--md-sys-color-error)}.toast--info{border-left-color:var(--md-sys-color-primary)}.toast__icon{flex-shrink:0;font-size:16px;font-weight:700}.toast__message{flex:1;line-height:1.4}.toast__close{cursor:pointer;color:var(--md-sys-color-on-surface-variant);opacity:.6;background:0 0;border:none;flex-shrink:0;padding:2px;font-size:14px}.toast__close:hover{opacity:1}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.chat-streaming-cursor{color:var(--md-sys-color-primary);-webkit-user-select:none;user-select:none;margin-left:2px;font-size:14px;animation:.8s step-end infinite blinkCursor;display:inline-block}.chat-msg__list{margin:8px 0;padding-left:20px}.chat-msg__link{color:var(--md-sys-color-primary);text-underline-offset:2px;text-decoration:underline}.chat-msg__link:hover{color:var(--md-sys-color-primary-container)}.chat-msg__blockquote{border-left:3px solid var(--md-sys-color-primary);background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);border-radius:0 8px 8px 0;margin:8px 0;padding:8px 12px;font-style:italic}.chat-msg__table-wrapper{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;margin:8px 0;overflow-x:auto}.chat-msg__table{border-collapse:collapse;width:100%;font-size:13px}.chat-msg__table th{background:var(--md-sys-color-surface-variant);text-align:left;border-bottom:2px solid var(--md-sys-color-outline-variant);padding:6px 10px;font-weight:600}.chat-msg__table td{border-bottom:1px solid var(--md-sys-color-outline-variant);padding:6px 10px}.chat-msg__table tr:last-child td{border-bottom:none}.chat-msg__image{border-radius:8px;max-width:100%;margin:8px 0}.chat-msg__hr{border:none;border-top:1px solid var(--md-sys-color-outline-variant);margin:12px 0}@media (width<=900px){.pricing-grid,.pricing-faq__grid{grid-template-columns:1fr}}@view-transition{navigation:auto}::view-transition-old(root){animation:.15s ease-out both fadeOut}::view-transition-new(root){animation:.2s ease-in both fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.error-boundary{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:64px 24px;display:flex}.error-boundary__icon{margin-bottom:16px;font-size:48px}.error-boundary__title{color:var(--md-sys-color-on-surface);margin:0 0 8px;font-size:20px;font-weight:700}.error-boundary__message{color:var(--md-sys-color-on-surface-variant);max-width:400px;margin:0 0 24px;font-size:14px}.skeleton-box{background:linear-gradient(90deg, var(--md-sys-color-surface-variant) 25%, var(--md-sys-color-surface-highlight) 50%, var(--md-sys-color-surface-variant) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-line{background:linear-gradient(90deg, var(--md-sys-color-surface-variant) 25%, var(--md-sys-color-surface-highlight) 50%, var(--md-sys-color-surface-variant) 75%);background-size:200% 100%;border-radius:4px;margin-bottom:8px;animation:1.5s ease-in-out infinite shimmer}.skeleton-block{flex-direction:column;width:100%;display:flex}.skeleton-card{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);flex-direction:column;gap:8px;margin-bottom:12px;padding:20px;display:flex}.page-skeleton{max-width:800px;padding:24px}.skeleton-mb-8{margin-bottom:8px}.skeleton-mb-12{margin-bottom:12px}.skeleton-mb-16{margin-bottom:16px}.skeleton-mb-24{margin-bottom:24px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.command-palette-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:flex-start;padding-top:10vh;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.command-palette{background:var(--md-sys-color-surface-container-high,var(--md-sys-color-surface));border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;width:100%;max-width:560px;animation:.2s cubic-bezier(.34,1.56,.64,1) commandEnter;overflow:hidden;box-shadow:0 16px 48px #0003}@keyframes commandEnter{0%{opacity:0;transform:translateY(-16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.command-palette__input-wrapper{border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:10px;padding:12px 16px;display:flex}.command-palette__search-icon{color:var(--md-sys-color-on-surface-variant);flex-shrink:0}.command-palette__input{color:var(--md-sys-color-on-surface);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.command-palette__input::placeholder{color:var(--md-sys-color-on-surface-variant)}.command-palette__esc{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px}.command-palette__list{max-height:360px;padding:6px;overflow-y:auto}.command-palette__empty{text-align:center;color:var(--md-sys-color-on-surface-variant);padding:32px 16px;font-size:14px}.command-palette__item{cursor:pointer;transition:background var(--ease-out);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.command-palette__item--selected,.command-palette__item:hover{background:var(--md-sys-color-surface-variant)}.command-palette__item-icon{background:var(--md-sys-color-surface-variant);width:32px;height:32px;color:var(--md-sys-color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.command-palette__item-info{flex-direction:column;flex:1;min-width:0;display:flex}.command-palette__item-label{color:var(--md-sys-color-on-surface);font-size:14px;font-weight:500}.command-palette__item-desc{color:var(--md-sys-color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.command-palette__item-category{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);text-transform:capitalize;border-radius:4px;padding:2px 6px;font-size:11px}.command-palette__footer{border-top:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);gap:16px;padding:8px 16px;font-size:11px;display:flex}.command-palette__footer kbd{background:var(--md-sys-color-surface-variant);border-radius:3px;margin-right:2px;padding:1px 4px;font-family:inherit;font-size:10px}@media (prefers-reduced-motion:reduce){.command-palette,.command-palette-overlay{animation:none}}:root{--spring-fast:.2s cubic-bezier(.34, 1.56, .64, 1);--spring-med:.3s cubic-bezier(.34, 1.56, .64, 1);--spring-slow:.4s cubic-bezier(.34, 1.56, .64, 1);--ease-out:.2s ease-out;--ease-in-out:.25s ease-in-out}.app-main>*{animation:.3s ease-out both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.app-main>*{animation:none}}.app-sidebar{transition:transform var(--spring-med), opacity var(--ease-out)}@media (width<=768px){.app-sidebar{opacity:0;transform:translate(-100%)}.app-sidebar--open{opacity:1;transform:translate(0)}}.mobile-nav-overlay{transition:opacity var(--ease-out)}.mobile-nav-overlay--visible{opacity:1}.card,.stat-card,.pricing-card,.landing__feature-card,.landing__step{transition:transform var(--spring-fast), box-shadow var(--spring-fast)}.card:hover,.stat-card:hover,.pricing-card:not(.pricing-card--highlighted):hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}[data-theme=dark] .card:hover,[data-theme=dark] .stat-card:hover{box-shadow:0 8px 24px #0000004d}.btn{transition:transform var(--spring-fast), box-shadow var(--ease-out), background var(--ease-out)}.btn:active:not(:disabled),.btn--primary:active:not(:disabled){transform:scale(.97)}.chat-bubble{animation:.3s ease-out both chatBubbleEnter}@keyframes chatBubbleEnter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.chat-bubble{animation:none}}.app-sidebar__link{transition:background var(--ease-out), padding-left var(--spring-fast)}.app-sidebar__link--active{padding-left:20px}.spinner{animation:.8s linear infinite spin}.toast{animation:toastSlideIn var(--spring-med)}:root{--md-sys-color-surface-highlight:#0000000a}[data-theme=dark]:root,[data-theme=dark]{--md-sys-color-surface-highlight:#ffffff0f}.diff-view-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.diff-view{background:var(--md-sys-color-surface-container-high,var(--md-sys-color-surface));border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:80vh;animation:.2s cubic-bezier(.34,1.56,.64,1) modalEnter;display:flex;box-shadow:0 16px 48px #0003}@keyframes modalEnter{0%{opacity:0;transform:translateY(-16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.diff-view__header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.diff-view__title h2{margin:0;font-size:18px;font-weight:600}.diff-view__subtitle{color:var(--md-sys-color-on-surface-variant);font-size:13px}.diff-view__summary{border-bottom:1px solid var(--md-sys-color-outline-variant);gap:16px;padding:16px 20px;display:flex}.diff-stat{background:var(--md-sys-color-surface-variant);border-radius:8px;flex-direction:column;align-items:center;gap:2px;min-width:64px;padding:8px 16px;display:flex}.diff-stat__count{font-size:24px;font-weight:700;line-height:1}.diff-stat__label{color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.diff-stat--added .diff-stat__count{color:var(--color-success)}.diff-stat--removed .diff-stat__count{color:var(--color-error)}.diff-stat--modified .diff-stat__count{color:var(--md-sys-color-primary)}.diff-view__filters{border-bottom:1px solid var(--md-sys-color-outline-variant);gap:4px;padding:12px 20px;display:flex}.diff-filter-btn{border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border-radius:16px;padding:4px 12px;font-family:inherit;font-size:12px;transition:all .15s}.diff-filter-btn--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:var(--md-sys-color-primary)}.diff-view__files{flex:1;padding:8px 20px 20px;overflow-y:auto}.diff-view__empty{text-align:center;color:var(--md-sys-color-on-surface-variant);padding:32px;font-size:14px}.diff-file{border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;margin-bottom:8px;overflow:hidden}.diff-file__header{background:var(--md-sys-color-surface-variant);cursor:pointer;text-align:left;width:100%;color:var(--md-sys-color-on-surface);border:none;align-items:center;gap:8px;padding:10px 12px;font-family:inherit;font-size:13px;transition:background .15s;display:flex}.diff-file__header:hover{background:var(--md-sys-color-surface-container-high)}.diff-file__chevron{color:var(--md-sys-color-on-surface-variant);flex-shrink:0;font-size:10px}.diff-file__name{flex:1;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:13px;font-weight:500}.diff-file__badge{text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.diff-file__count{color:var(--md-sys-color-on-surface-variant);font-size:11px}.diff-file__body{border-top:1px solid var(--md-sys-color-outline-variant)}.diff-file__header-row{color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);padding:6px 12px;font-size:11px}.diff-lines{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;overflow-x:auto}.diff-line{min-height:22px;padding:0 12px;display:flex}.diff-line--added{background:rgba(var(--color-success-rgb,34, 197, 94), .12)}.diff-line--removed{background:rgba(var(--color-error-rgb,239, 68, 68), .12)}.diff-line--same{background:0 0}.diff-line__num{text-align:right;width:36px;color:var(--md-sys-color-on-surface-variant);-webkit-user-select:none;user-select:none;opacity:.5;padding-right:8px}.diff-line__mark{-webkit-user-select:none;user-select:none;flex-shrink:0;width:16px}.diff-line--added .diff-line__mark{color:var(--color-success)}.diff-line--removed .diff-line__mark{color:var(--color-error)}.diff-line__text{white-space:pre;flex:1}@media (prefers-reduced-motion:reduce){.diff-view,.diff-view-overlay{animation:none}}.conv-sidebar{border-right:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);flex-direction:column;height:100%;display:flex}.conv-sidebar__header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.conv-sidebar__title{color:var(--md-sys-color-on-surface);text-transform:uppercase;letter-spacing:.3px;font-size:13px;font-weight:600}.conv-sidebar__list{flex:1;padding:6px;overflow-y:auto}.conv-sidebar__empty{color:var(--md-sys-color-on-surface-variant);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;font-size:13px;display:flex}.conv-sidebar__item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;transition:background .15s;display:flex}.conv-sidebar__item:hover{background:var(--md-sys-color-surface-variant)}.conv-sidebar__item--active{background:var(--md-sys-color-primary-container)}.conv-sidebar__item-icon{background:var(--md-sys-color-surface-variant);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.conv-sidebar__item--active .conv-sidebar__item-icon{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.conv-sidebar__item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.conv-sidebar__item-title{color:var(--md-sys-color-on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.conv-sidebar__item-date{color:var(--md-sys-color-on-surface-variant);font-size:11px}.conv-sidebar__item-delete{width:24px;height:24px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,background .15s,color .15s;display:flex}.conv-sidebar__item:hover .conv-sidebar__item-delete{opacity:1}.conv-sidebar__item-delete:hover{background:var(--md-sys-color-error-container);color:var(--color-error)}