作品：教案编排与课堂计时分组
原始愿望：我想把一堂课安排得有节奏，临场能计时分组，下课还能保存下来复用。

制作一个中文单文件教案与现场组织工具。创作命题是“把时间写成可执行的动作，再把教案带到课堂现场”。默认是一堂原创的 40 分钟日常物品设计课，含五个完整环节、目标、材料、教师提示和可替换的示例名单；不是空表格。全部资源内嵌，用户双击即可用，无需后端、账号或另一人的设备。

主视觉采用深蓝导演提示板、奶油白文字与淡橙/青绿/紫色的环节记号，避免复用厨房时间条带或植物图册。计划概览是一张真实 Canvas 导演卡：时间分配的环形节拍和右侧环节顺序共同表达。编辑器能改教案标题、对象、目标、时间预算，环节标题/目标/时长/材料/教师提示；可增删、拖动或按钮重排，显示总分钟数、剩余或超时量。

现场工具必须真正在计时：开始、暂停/继续、下一环节、重置当前和重置全课。显示实际当前环节的剩余或超时，并保留手动推进，不到点自动跳过。修改时长应保留已经经过的时间；重排保持正在进行环节的稳定 ID，删除当前环节会明确暂停。后台停止无用重绘，回到页面按经过的真实时间更新。现场大字面板要看得到当前任务与下一环节，提供退出与键盘操作。教案保存不冒充计时日志保存，临场计时是这次会话的状态。

名单可以逐项添加、编辑、删除、标记出席；支持一行一个姓名的粘贴替换和有/无表头的 CSV 载入。CSV 正确处理引号和逗号；全部验证成功后才替换，坏行不能悄悄吞掉。重名保留，以名单编号区分。按组数或每组目标人数均衡分组，结果人数差不超过一人；可改变种子重新分配，缺席者不入组且会列出。无需收集在线账号。

完整导出教案 JSON、活动表 CSV、分组 CSV、可打印教案 HTML 和同源导演卡 PNG。重要编辑支持撤销/重做、完整回读与失败暂存替代。DOM、AppModel、TimerModel 和 Artwork 分离，以可控制的时间独立核对计时暂停/下一段/重排、人数守恒与均衡、CSV 与 JSON。亲自看默认/编辑/结果图并修订最伤可读性的地方，不把原生 Canvas 图说成浏览器截图。