/* 定稿实施令牌 | 2026-10-02 | 后续用户要求覆盖公式留白与思考展示。
 * 仅令牌，无产品结构。data-ui-theme="folio" 或 "atlas" 可设在应用根。
 * 项目子行32px、组内新建30px是密度例外；不能用44px撑高。
 * 安全区只由宿主或Web布局的一层消费。字体截图须等待document.fonts.ready。
 * chatScale=现有14/16/18偏好÷16；系统字号由宿主或Web一次性应用，勿重复。
 */
@font-face{font-family:"LeeSerif";src:url("./design-assets/fonts/LeeSerif.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"LeeSans";src:url("./design-assets/fonts/LeeSans.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root, [data-ui-theme] {
  --lee-font-serif: "LeeSerif", "Songti SC", "SimSun", serif;
  --lee-font-sans: "LeeSans", "PingFang SC", "Microsoft YaHei", sans-serif;
  --lee-chat-scale: 1;
  --lee-page-padding: 20px;
  --lee-dialog-outer-margin: 20px;
  --lee-mobile-max-width: 480px;
  --lee-safe-top: env(safe-area-inset-top, 0px);
  --lee-safe-bottom: env(safe-area-inset-bottom, 0px);
  --lee-scroll-bottom-space: calc(60px + var(--lee-safe-bottom) + 12px);
  --lee-header-height: 52px;
  --lee-nav-height: 60px;
  --lee-nav-icon-size: 24px;
  --lee-nav-label-size: 12px;
  --lee-nav-icon-label-gap: 4px;
  --lee-divider-width: 1px;
  --lee-icon-size: 22px;
  --lee-icon-stroke: 1.7;
  --lee-touch-min: 44px;
  --lee-control-height: 44px;
  --lee-focus-width: 2px;
  --lee-page-title-size: 22px;
  --lee-control-font-size: 14px;
  --lee-search-height: 40px;
  --lee-search-plus-gap: 12px;
  --lee-plus-diameter: 28px;
  --lee-search-block-padding: 16px;
  --lee-session-row-min-height: 60px;
  --lee-session-row-padding-block: 9px;
  --lee-session-title-size: 18px;
  --lee-session-title-line-height: 24px;
  --lee-session-subtitle-size: 13px;
  --lee-session-subtitle-line-height: 18px;
  --lee-project-header-min-height: 36px;
  --lee-project-title-size: 18px;
  --lee-project-title-line-height: 22px;
  --lee-project-meta-size: 11.5px;
  --lee-project-meta-line-height: 16px;
  --lee-project-title-left: 48px;
  --lee-project-child-left: 60px;
  --lee-project-child-left-max: 64px;
  --lee-project-child-min-height: 32px;
  --lee-project-child-title-size: 16px;
  --lee-project-child-title-line-height: 22px;
  --lee-project-create-min-height: 30px;
  --lee-project-group-gap: 8px;
  --lee-message-gap: 16px;
  --lee-user-padding-inline: 16px;
  --lee-user-padding-block: 14px;
  --lee-user-fold-size: 14px;
  --lee-user-meta-size: 12px;
  --lee-agent-padding-inline: 12px;
  --lee-agent-padding-block: 16px;
  --lee-body-base-size: 16px;
  --lee-body-base-line-height: 26px;
  --lee-thought-base-size: 15px;
  --lee-thought-base-line-height: 23px;
  --lee-thought-preview-lines: 6;
  --lee-thought-toggle-min-height: 44px;
  --lee-formula-margin-block: 6px;
  --lee-composer-min-height: 60px;
  --lee-textarea-min-height: 44px;
  --lee-textarea-max-height: 144px;
  --lee-menu-width: 148px;
  --lee-menu-item-min-height: 44px;
  --lee-menu-border-width: 1px;
  --lee-dialog-width: min(320px, calc(100vw - 2 * var(--lee-dialog-outer-margin, 20px)));
  --lee-dialog-max-height: calc(var(--available-viewport-height, 100dvh) - 24px);
  --lee-dialog-padding: 22px;
  --lee-dialog-title-size: 22px;
  --lee-dialog-title-line-height: 30px;
  --lee-form-label-size: 14px;
  --lee-form-field-min-height: 44px;
  --lee-dialog-action-min-height: 44px;
  --lee-dialog-action-gap: 10px;
  --lee-menu-duration: 120ms;
  --lee-dialog-duration: 160ms;
  --lee-motion-easing: ease-out;
  --lee-body-size: calc(var(--lee-body-base-size) * var(--lee-chat-scale));
  --lee-body-line-height: calc(var(--lee-body-base-line-height) * var(--lee-chat-scale));
  --lee-thought-size: calc(var(--lee-thought-base-size) * var(--lee-chat-scale));
  --lee-thought-line-height: calc(var(--lee-thought-base-line-height) * var(--lee-chat-scale));
  --lee-font-display: var(--lee-font-serif);
  --lee-font-thought: var(--lee-font-sans);
  --lee-font-controls: var(--lee-font-sans);
}
:root, [data-ui-theme="folio"] {
  --lee-canvas: #FCFBF8;
  --lee-paper: #FFFFFF;
  --lee-ink: #1C222B;
  --lee-muted: #70737A;
  --lee-line: #D7D3D0;
  --lee-user-paper: #F0EEF5;
  --lee-fold: #DAD6E5;
  --lee-accent: #BF4938;
  --lee-danger: #AD3D33;
  --lee-field: #F3F1EF;
  --lee-font-session-title: var(--lee-font-serif);
  --lee-font-child-title: var(--lee-font-serif);
  --lee-font-body: var(--lee-font-serif);
  --lee-dialog-radius: 12px;
}
[data-ui-theme="atlas"] {
  --lee-canvas: #F6F8F8;
  --lee-paper: #FFFFFF;
  --lee-ink: #152A35;
  --lee-accent: #285A75;
  --lee-user-paper: #DFEAF0;
  --lee-line: #C5D3D8;
  --lee-muted: #667985;
  --lee-danger: #B85149;
  --lee-field: #EAF1F4;
  --lee-fold: #C4D6E3;
  --lee-font-session-title: var(--lee-font-sans);
  --lee-font-child-title: var(--lee-font-sans);
  --lee-font-body: var(--lee-font-sans);
  --lee-dialog-radius: 10px;
}

@media (max-width: 359px) {
  :root, [data-ui-theme] {
    --lee-page-padding: 16px;
    --lee-dialog-outer-margin: 16px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root, [data-ui-theme] {
    --lee-menu-duration: 0ms;
    --lee-dialog-duration: 0ms;
  }
}
/* 未通过纯令牌自动决定的规则：分支线=false；子会话单行省略；公式横向滚动；
 * 后续用户决定覆盖思考预览：手机仅保留任务计时；命中区不重叠；宽屏仍为单栏；
 * 弹窗max-height以可见视口更新；OS状态栏不在Web中仿绘。见功能与视觉规范。
 */
