.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;border:none;text-decoration:none;font-family:inherit;outline:none;font-weight:400;font-family:Geist,sans-serif;font-optical-sizing:auto}.button:disabled{opacity:.5;cursor:not-allowed}.button:focus-visible{outline:2px solid var(--dev-color-focus-ring);outline-offset:3px}.button--small{padding:4px 12px;font-size:13px;min-height:28px;border-radius:6px}.button--medium{padding:8px 16px;font-size:14px;min-height:36px;border-radius:8px}.button--large{padding:14px 18px;font-size:16px;min-height:48px;border-radius:8px;width:100%}.button--primary{background:var(--dev-color-accent);color:var(--dev-color-accent-contrast)}.button--primary:hover:not(:disabled){background:var(--dev-color-accent-hover)}.button--primary:active:not(:disabled){background:var(--dev-color-accent-active)}.button--secondary{background:var(--dev-color-surface);color:var(--dev-color-text-secondary);border:1px solid var(--dev-color-border)}.button--secondary:hover:not(:disabled){color:var(--dev-color-text-primary);border-color:var(--dev-color-border-strong)}[data-theme=dark] .button--secondary{background:var(--dev-color-surface-muted)}.button--ghost{background:transparent;color:var(--dev-color-text-secondary);border:1px solid transparent}.button--ghost:hover:not(:disabled){color:var(--dev-color-text-primary);background:var(--dev-color-surface-hover)}.button--theme-toggle{min-width:60px;border-radius:999px}.button--theme-toggle .button__label{pointer-events:none}:root[data-brand=dilab]{--dilab-ink: #1b2430;--dilab-muted: rgba(27, 36, 48, .72);--dilab-accent: #c40000;--dilab-border: rgba(27, 36, 48, .1);--dilab-panel: rgba(255, 255, 255, .88)}:root[data-brand=dilab] body{background:radial-gradient(circle at top left,rgba(196,0,0,.08),transparent 24%),linear-gradient(180deg,#fffdfa,#f6efe6);color:var(--dilab-ink);font-family:Hanken Grotesk,Avenir Next,Segoe UI Variable,sans-serif}:root[data-brand=dilab] .primary-sidebar{background:linear-gradient(180deg,#f5f6f8,#e9edf2);border-right:1px solid rgba(27,36,48,.08)}.dilab-landing{min-height:100vh;display:flex;flex-direction:column}.dilab-shell,.dilab-footer{padding-left:clamp(1.25rem,4vw,4rem);padding-right:clamp(1.25rem,4vw,4rem)}.dilab-shell{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding-top:3rem;padding-bottom:3rem}.dilab-hero,.dilab-feature{border:1px solid var(--dilab-border);border-radius:24px;background:var(--dilab-panel);box-shadow:0 18px 42px #1b243014}.dilab-hero{width:min(760px,100%);padding:2rem}.dilab-hero__brand{display:flex;gap:1rem;align-items:center}.dilab-kicker{margin:0 0 .35rem;color:var(--dilab-accent);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.dilab-hero h1{margin:0;font-family:Geist,Avenir Next,sans-serif;font-size:clamp(2.2rem,5vw,3.8rem);line-height:.98;letter-spacing:-.04em}.dilab-hero__tagline{margin:1.25rem 0 0;color:var(--dilab-accent);font-family:Geist,sans-serif;font-size:1.05rem;font-weight:600}.dilab-hero__copy{margin:1rem 0 0;color:var(--dilab-muted);font-size:1.02rem;line-height:1.7;max-width:42rem}.dilab-hero__actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:1.6rem}.dilab-button{min-width:160px}.dilab-button--primary{background:var(--dilab-accent);border:none;color:#fff}.dilab-button--ghost{background:#fff;border:1px solid var(--dilab-border);color:var(--dilab-ink)}.dilab-features{width:min(760px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.dilab-feature{padding:1.15rem}.dilab-feature h2{margin:0;font-family:Geist,sans-serif;font-size:1.05rem}.dilab-feature p{margin:.65rem 0 0;color:var(--dilab-muted);font-size:.95rem;line-height:1.6}.dilab-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:2rem}.dilab-footer__brand,.dilab-footer__nav{display:flex;align-items:center;gap:.8rem}.dilab-footer__brand{font-family:Geist,sans-serif;font-weight:600}.dilab-footer__nav a{color:var(--dilab-muted);text-decoration:none}.dilab-footer__nav a:hover,.dilab-footer__nav a:focus-visible{color:var(--dilab-ink)}@media(max-width:720px){.dilab-hero,.dilab-feature{padding:1.4rem}.dilab-features{grid-template-columns:1fr}.dilab-hero__brand,.dilab-footer,.dilab-footer__nav{flex-direction:column;align-items:flex-start}.dilab-button{width:100%}}.new-chat-landing--dilab .new-chat-landing__container{gap:24px}.generate-email{background-color:var(--dev-color-gray-200);border:1px solid var(--dev-color-border);border-radius:var(--dev-radius-sm);padding:29px;max-width:640px;font-family:var(--dev-font-sans)}.generate-email__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;height:41px}.generate-email__title{font-size:20px;font-weight:var(--dev-font-weight-medium);color:var(--dev-color-text-primary);margin:0;line-height:24px}.generate-email__edit-btn{display:flex;align-items:center;gap:8px;height:41px;padding:0 16px;background:transparent;border:1.5px solid var(--dev-color-gray-500);border-radius:var(--dev-radius-sm);color:var(--dev-color-text-primary);font-size:14px;font-weight:var(--dev-font-weight-regular);cursor:pointer;transition:all .2s ease}.generate-email__edit-btn:hover{background-color:var(--dev-color-surface-hover);border-color:var(--dev-color-border-strong)}.generate-email__edit-icon{width:12px;height:12px;color:var(--dev-color-text-primary)}.generate-email__content{display:flex;flex-direction:column;gap:16px}.generate-email__recipient{display:flex;align-items:baseline;gap:4px;font-size:14px;line-height:17px}.generate-email__label{color:var(--dev-color-gray-800);font-weight:var(--dev-font-weight-regular)}.generate-email__recipient-text{color:var(--dev-color-text-primary);font-weight:var(--dev-font-weight-regular)}.generate-email__divider{width:100%;height:1px;background-color:var(--dev-color-border);margin:4px 0}.generate-email__subject{font-size:18px;font-weight:var(--dev-font-weight-medium);color:var(--dev-color-text-primary);margin:8px 0 16px;line-height:21px}.generate-email__body{font-size:14px;font-weight:var(--dev-font-weight-regular);color:var(--dev-color-text-primary);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.generate-email__loading,.generate-email__error{padding:20px;text-align:center;font-size:14px;color:var(--dev-color-text-muted)}.generate-email__error{color:var(--dev-color-danger)}.generate-email[data-status=pending]{opacity:.8}.generate-email[data-status=error]{border-color:var(--dev-color-danger)}:root{color-scheme:light;--dev-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--dev-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--dev-font-weight-regular: 400;--dev-font-weight-medium: 500;--dev-font-weight-semibold: 600;--dev-font-weight-bold: 700;--dev-color-body-background: #f6f7fb;--dev-color-surface: #ffffff;--dev-color-surface-muted: #f1f1f1;--dev-color-surface-hover: var(--dev-color-surface-muted);--dev-color-surface-glass: rgba(255, 255, 255, .8);--dev-color-surface-raised: #f8f8f8;--dev-color-border: rgba(66, 66, 66, .2);--dev-color-border-muted: rgba(66, 66, 66, .3);--dev-color-border-strong: rgba(66, 66, 66, 1);--dev-color-text-primary: #222222;--dev-color-text-secondary: #3f3f3f;--dev-color-text-muted: #888888;--dev-color-accent: #424242;--dev-color-accent-hover: #303030;--dev-color-accent-active: #1f1f1f;--dev-color-accent-contrast: #ffffff;--dev-color-danger: #c00000;--dev-color-chat-user: #e5e7eb;--dev-color-chat-assistant: #e5e5e5;--dev-color-input-disabled: #f0f0f0;--dev-color-input-placeholder: #888888;--dev-color-control-disabled-text: #999999;--dev-color-overlay: rgba(255, 255, 255, .85);--dev-color-focus-ring: rgba(66, 66, 66, .7);--dev-shadow-sm: 0 2px 10px -2px rgba(0, 0, 0, .25);--dev-shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--dev-shadow-lg: 0 25px 50px -12px rgba(103, 58, 184, .53);--dev-shadow-focus: 0 0 0 3px rgba(66, 66, 66, .15);--dev-layout-max-width: 1280px;--dev-layout-padding-inline: 24px;--dev-layout-text-align: center;--dev-layout-content-spacing-bottom: 64px;--dev-layout-min-height-offset: 84px;--dev-layout-navbar-spacer-height: 120px;--dev-navbar-max-width: 1280px;--dev-navbar-inline-gap: 40px;--dev-navbar-margin-block: 20px;--dev-navbar-radius: var(--dev-radius-md);--dev-navbar-border-width: 1px;--dev-navbar-border-color: rgba(255, 255, 255, .75);--dev-navbar-background: var(--dev-color-surface-glass);--dev-navbar-padding-block: 20px;--dev-navbar-padding-inline: 20px;--dev-navbar-shadow: none;--dev-navbar-backdrop: blur(10px);--dev-navbar-top-offset: 20px;--dev-navbar-text-color: var(--dev-color-text-primary);--dev-chatbox-background: var(--dev-color-surface-glass);--dev-chatbox-backdrop: blur(10px);--dev-radius-sm: 6px;--dev-radius-md: 12px;--dev-radius-lg: 16px;--dev-color-gray-50: #f9fafb;--dev-color-gray-100: #f3f4f6;--dev-color-gray-200: #e5e7eb;--dev-color-gray-300: #d1d5db;--dev-color-gray-400: #9ca3af;--dev-color-gray-500: #6b7280;--dev-color-gray-600: #4b5563;--dev-color-gray-700: #374151;--dev-color-gray-800: #1f2937;--dev-color-gray-900: #111827}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--dev-color-body-background: #0f1115;--dev-color-surface: #181b21;--dev-color-surface-muted: #20242b;--dev-color-surface-hover: var(--dev-color-surface-muted);--dev-color-surface-glass: rgba(24, 27, 33, .82);--dev-color-surface-raised: #1f2430;--dev-color-border: rgba(255, 255, 255, .12);--dev-color-border-muted: rgba(255, 255, 255, .18);--dev-color-border-strong: rgba(255, 255, 255, .36);--dev-color-text-primary: #f5f6f8;--dev-color-text-secondary: #c8ccd5;--dev-color-text-muted: #9399a3;--dev-color-accent: #f0f1f5;--dev-color-accent-hover: #d5d7df;--dev-color-accent-active: #b6b9c2;--dev-color-accent-contrast: #0b0e13;--dev-color-danger: #ff6b6b;--dev-color-chat-user: #1f2430;--dev-color-chat-assistant: #232a36;--dev-color-input-disabled: #1a1d23;--dev-color-input-placeholder: #7d8492;--dev-color-control-disabled-text: #6f7480;--dev-color-overlay: rgba(24, 27, 33, .85);--dev-color-focus-ring: rgba(240, 241, 245, .6);--dev-shadow-sm: 0 2px 10px -2px rgba(0, 0, 0, .6);--dev-shadow-md: 0 4px 20px rgba(0, 0, 0, .58);--dev-shadow-lg: 0 25px 50px -12px rgba(8, 9, 12, .9);--dev-shadow-focus: 0 0 0 3px rgba(240, 241, 245, .2);--dev-color-gray-50: #111315;--dev-color-gray-100: #171a1d;--dev-color-gray-200: #1d2125;--dev-color-gray-300: #242a30;--dev-color-gray-400: #2f3740;--dev-color-gray-500: #3b4550;--dev-color-gray-600: #475363;--dev-color-gray-700: #8b96a7;--dev-color-gray-800: #c7ced8;--dev-color-gray-900: #eff3f7}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--dev-color-body-background: #0f1115;--dev-color-surface: #181b21;--dev-color-surface-muted: #20242b;--dev-color-surface-hover: var(--dev-color-surface-muted);--dev-color-surface-glass: rgba(24, 27, 33, .82);--dev-color-surface-raised: #1f2430;--dev-color-border: rgba(255, 255, 255, .12);--dev-color-border-muted: rgba(255, 255, 255, .18);--dev-color-border-strong: rgba(255, 255, 255, .36);--dev-color-text-primary: #f5f6f8;--dev-color-text-secondary: #c8ccd5;--dev-color-text-muted: #9399a3;--dev-color-accent: #f0f1f5;--dev-color-accent-hover: #d5d7df;--dev-color-accent-active: #b6b9c2;--dev-color-accent-contrast: #0b0e13;--dev-color-danger: #ff6b6b;--dev-color-chat-user: #1f2430;--dev-color-chat-assistant: #232a36;--dev-color-input-disabled: #1a1d23;--dev-color-input-placeholder: #7d8492;--dev-color-control-disabled-text: #6f7480;--dev-color-overlay: rgba(24, 27, 33, .85);--dev-color-focus-ring: rgba(240, 241, 245, .6);--dev-shadow-sm: 0 2px 10px -2px rgba(0, 0, 0, .6);--dev-shadow-md: 0 4px 20px rgba(0, 0, 0, .58);--dev-shadow-lg: 0 25px 50px -12px rgba(8, 9, 12, .9);--dev-shadow-focus: 0 0 0 3px rgba(240, 241, 245, .2);--dev-color-gray-50: #111315;--dev-color-gray-100: #171a1d;--dev-color-gray-200: #1d2125;--dev-color-gray-300: #242a30;--dev-color-gray-400: #2f3740;--dev-color-gray-500: #3b4550;--dev-color-gray-600: #475363;--dev-color-gray-700: #8b96a7;--dev-color-gray-800: #c7ced8;--dev-color-gray-900: #eff3f7}}html,body,:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;margin:0;min-height:100%;background-color:var(--dev-color-body-background)}body{margin:0;min-height:100%;font-family:var(--dev-font-sans);background-color:var(--dev-color-body-background);color:var(--dev-color-text-primary);transition:background-color .3s ease,color .3s ease}#app,#shell{min-height:100%}main{max-width:100%;margin:0 auto;text-align:var(--dev-layout-text-align, center)}