*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}button,input,textarea,select{font:inherit}:root{--font-sans: "IBM Plex Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 56px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--shadow-sm: 0 10px 30px rgba(15, 23, 42, .05);--shadow-md: 0 16px 42px rgba(15, 23, 42, .08);--el-color-primary: var(--color-accent);--el-color-primary-light-3: color-mix(in srgb, var(--color-accent) 70%, white);--el-color-primary-light-5: color-mix(in srgb, var(--color-accent) 55%, white);--el-color-primary-light-7: color-mix(in srgb, var(--color-accent) 35%, white);--el-color-primary-light-8: color-mix(in srgb, var(--color-accent) 22%, white);--el-color-primary-light-9: color-mix(in srgb, var(--color-accent) 12%, white);--el-color-primary-dark-2: color-mix(in srgb, var(--color-accent) 82%, black);--el-button-bg-color: var(--color-accent);--el-button-border-color: var(--color-accent);--el-button-hover-bg-color: var(--el-color-primary-light-3);--el-button-hover-border-color: var(--el-color-primary-light-3);--el-button-active-bg-color: var(--el-color-primary-dark-2);--el-button-active-border-color: var(--el-color-primary-dark-2);--el-button-text-color: var(--color-accent-contrast)}html[data-theme=light]{--color-bg-app: #f8f4f4;--color-bg-panel: rgba(255, 255, 252, .92);--color-bg-soft: #f0e2e2;--color-text-primary: #221919;--color-text-secondary: #756565;--color-border: #e3d2d2;--color-accent: #cf3636;--color-accent-contrast: #f5f7ef;--color-danger: #a33636;--color-success: #6b7d39}html[data-theme=monochrome]{--color-bg-app: #f0f0f0;--color-bg-panel: rgba(255, 255, 255, .92);--color-bg-soft: #e4e4e4;--color-text-primary: #0f0f0f;--color-text-secondary: #5d5d5d;--color-border: #cdcdcd;--color-accent: #111111;--color-accent-contrast: #f8f8f8;--color-danger: #3a3a3a;--color-success: #1f1f1f}html{font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-app)}body{min-height:100vh}a{color:inherit}button{font-family:inherit}.page-container-vars{--page-container-gap: 8px;--page-container-section-gap: 8px;--page-container-pad-top: 8px;--page-container-pad-x: 8px;--page-container-pad-bottom: 8px;--page-container-radius: 5px}:root{--page-container-gap: 8px;--page-container-section-gap: 8px;--page-container-pad-top: 8px;--page-container-pad-x: 8px;--page-container-pad-bottom: 8px;--page-container-radius: 5px}.page-container{display:grid;flex:1 1 auto;width:100%;min-width:0;min-height:100%;align-content:start;justify-items:stretch;gap:var(--page-container-gap);padding:var(--page-container-pad-top) var(--page-container-pad-x) var(--page-container-pad-bottom)}.page-container--conversation{display:flex;padding:var(--page-container-pad-top) var(--page-container-pad-x) var(--page-container-pad-bottom);overflow:hidden}.page-container__header{display:grid;width:100%;gap:var(--page-container-section-gap)}.page-container__title{margin:0;font-size:1.6rem;font-weight:700;line-height:1.2;color:var(--color-text-primary)}.page-container__subtitle{margin:0;max-width:64ch;color:var(--color-text-secondary);line-height:1.7}.page-container__body{display:grid;width:100%;gap:var(--page-container-section-gap);min-width:0}.page-card{display:grid;align-content:start;gap:var(--page-container-section-gap);min-width:0;padding:var(--page-container-pad-top);border:1px solid var(--color-border);border-radius:var(--page-container-radius);background:#fff}.page-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--page-container-section-gap)}.page-section-title{margin:0;font-size:1.12rem;font-weight:700;color:var(--color-text-primary)}@media(max-width:960px){.page-container{padding:8px;gap:8px}.page-grid{grid-template-columns:1fr}}