.template-card[data-v-08312aed]{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:12px;transition:all .3s;overflow:hidden}.template-card[data-v-08312aed]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.thumbnail[data-v-08312aed]{background:#f5f5f5;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative;overflow:hidden}.thumbnail img[data-v-08312aed]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.placeholder[data-v-08312aed]{color:#ccc;justify-content:center;align-items:center;display:flex}.info[data-v-08312aed]{padding:16px}.title[data-v-08312aed]{color:#1a1a1a;margin-bottom:8px;font-size:18px;font-weight:600}.summary[data-v-08312aed],.title[data-v-08312aed]{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.summary[data-v-08312aed]{color:#666;font-size:14px;line-height:1.5}.meta[data-v-08312aed],.summary[data-v-08312aed]{margin-bottom:12px}.meta[data-v-08312aed]{align-items:center;gap:12px;display:flex}.badge[data-v-08312aed]{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.badge.official[data-v-08312aed]{color:#1890ff;background:#e6f7ff}.usage[data-v-08312aed]{color:#999;align-items:center;gap:4px;font-size:14px;display:flex}.usage svg[data-v-08312aed]{flex-shrink:0}.tags[data-v-08312aed]{flex-wrap:wrap;gap:8px;display:flex}.tag[data-v-08312aed]{color:#666;background:#f5f5f5;border-radius:4px;padding:4px 8px;font-size:12px}.modal-overlay[data-v-9f955904]{z-index:10010;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-container[data-v-9f955904]{background-color:#fff;border-radius:8px;flex-direction:column;gap:16px;max-width:1124px;max-height:90vh;padding:24px;display:flex;overflow:visible;box-shadow:0 4px 20px #00000026}.modal-header[data-v-9f955904]{justify-content:space-between;align-items:center;display:flex}.modal-title[data-v-9f955904]{color:#333;margin:0;font-size:20px;font-weight:600}.close-button[data-v-9f955904]{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s,background-color .2s}.close-button[data-v-9f955904]:hover{color:#333;background:#f8f9fa}.close-icon[data-v-9f955904]{fill:currentColor;width:24px;height:24px}.modal-content[data-v-9f955904]{gap:24px;display:flex;overflow:visible}.preview-section[data-v-9f955904]{flex-direction:column;gap:16px}.preview-section[data-v-9f955904],.template-preview[data-v-9f955904]{min-width:400px;max-width:800px;display:flex}.template-preview[data-v-9f955904]{aspect-ratio:16/9;background-color:#f0f0f0;border:1px solid #eaeaea;border-radius:8px;justify-content:center;align-items:center;width:100%;position:relative;overflow:hidden}.preview-image[data-v-9f955904]{-o-object-fit:contain;object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .3s}.preview-image.fade-in[data-v-9f955904]{opacity:1}.image-placeholder[data-v-9f955904]{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;display:flex;position:absolute}.loading-spinner[data-v-9f955904]{border:3px solid #f3f3f3;border-top-color:#007bff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-9f955904}.loading-text[data-v-9f955904]{color:#999;font-size:14px}@keyframes spin-9f955904{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.template-details[data-v-9f955904]{flex-direction:column;width:300px;display:flex;overflow:hidden}.template-info[data-v-9f955904]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.template-specs-container[data-v-9f955904]{flex:1;min-height:0;margin-bottom:20px;padding-right:8px;overflow-y:auto}.template-specs-container[data-v-9f955904]::-webkit-scrollbar{width:6px}.template-specs-container[data-v-9f955904]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.template-specs-container[data-v-9f955904]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.template-specs-container[data-v-9f955904]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.template-title[data-v-9f955904]{color:#333;margin:0 0 16px;font-size:18px;font-weight:700}.template-description[data-v-9f955904]{color:#555;margin-bottom:20px;font-size:14px;line-height:1.5}.template-specs[data-v-9f955904]{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.spec-tag[data-v-9f955904]{color:#909499;background-color:#eee;border-radius:8px;padding:4px 8px;font-size:14px}.edit-template-button[data-v-9f955904]{color:#222;cursor:pointer;background-color:#fff;border:1px solid #222;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:6px 24px;font-size:16px;font-weight:400;line-height:1.5;transition:all .2s;display:flex}.edit-template-button[data-v-9f955904]:hover{background-color:#f5f5f5;border-color:#000}.use-template-button[data-v-9f955904]{color:#fff;cursor:pointer;background-color:#222;border:none;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin-bottom:32px;padding:6px 24px;font-size:16px;font-weight:400;line-height:1.5;transition:background-color .2s;display:flex}.use-template-button[data-v-9f955904]:hover{background-color:#000}@media (max-width:768px){.modal-overlay[data-v-9f955904]{align-items:stretch;padding:0}.modal-container[data-v-9f955904]{border-radius:0;width:100%;max-width:100vw;height:100vh;max-height:100vh;padding:20px}.modal-content[data-v-9f955904]{flex-direction:column;gap:20px}.preview-section[data-v-9f955904],.template-preview[data-v-9f955904]{min-width:auto;max-width:none}.template-details[data-v-9f955904]{width:100%}.edit-template-button[data-v-9f955904],.use-template-button[data-v-9f955904]{border-radius:26px;width:100%;min-height:52px;padding:16px 32px;font-size:18px;font-weight:600}}.edit-modal-overlay[data-v-9f955904]{z-index:10011;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.edit-modal-container[data-v-9f955904]{background-color:#fff;border-radius:8px;flex-direction:column;gap:16px;width:100%;max-width:900px;max-height:90vh;padding:24px;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.edit-modal-header[data-v-9f955904]{justify-content:space-between;align-items:center;display:flex}.edit-modal-title[data-v-9f955904]{color:#333;margin:0;font-size:20px;font-weight:600}.edit-modal-content[data-v-9f955904]{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex;overflow-y:auto}.markdown-editor-container[data-v-9f955904]{flex-direction:column;flex:1;min-height:400px;display:flex}.markdown-editor[data-v-9f955904]{resize:vertical;border:1px solid #eaeaea;border-radius:8px;flex:1;width:100%;min-height:400px;padding:16px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.6}.markdown-editor[data-v-9f955904]:focus{border-color:#222;outline:none;box-shadow:0 0 0 3px #2222221a}.markdown-editor[data-v-9f955904]:disabled{color:#999;cursor:not-allowed;background:#f5f5f5}.error-message[data-v-9f955904]{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px 16px;font-size:14px}.edit-modal-footer[data-v-9f955904]{border-top:1px solid #eaeaea;justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.btn-cancel[data-v-9f955904]{color:#666;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:18px;padding:8px 20px;font-size:16px;font-weight:400;transition:all .2s}.btn-cancel[data-v-9f955904]:hover:not(:disabled){background-color:#f5f5f5;border-color:#999}.btn-cancel[data-v-9f955904]:disabled{cursor:not-allowed;opacity:.5}.btn-save[data-v-9f955904]{color:#fff;cursor:pointer;background-color:#222;border:none;border-radius:18px;align-items:center;gap:8px;padding:8px 24px;font-size:16px;font-weight:400;transition:background-color .2s;display:flex}.btn-save[data-v-9f955904]:hover:not(:disabled){background-color:#000}.btn-save[data-v-9f955904]:disabled{cursor:not-allowed;opacity:.5}.saving-spinner[data-v-9f955904]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin-edit-9f955904;display:inline-block}@keyframes spin-edit-9f955904{to{transform:rotate(1turn)}}@media (max-width:768px){.edit-modal-container[data-v-9f955904]{max-width:100%;padding:20px}.markdown-editor-container[data-v-9f955904]{min-height:300px}.markdown-editor[data-v-9f955904]{min-height:300px;font-size:13px}.edit-modal-footer[data-v-9f955904]{flex-direction:column-reverse;gap:8px}.btn-cancel[data-v-9f955904],.btn-save[data-v-9f955904]{justify-content:center;width:100%}}.add-template-guide-modal-overlay[data-v-ba3d3b33]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;z-index:10000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.add-template-guide-modal[data-v-ba3d3b33]{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-ba3d3b33]{flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.modal-title[data-v-ba3d3b33]{color:#232425;margin:0;font-size:20px;font-weight:600}.close-button[data-v-ba3d3b33]{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex}.close-button[data-v-ba3d3b33]:hover{color:#333;background-color:#f5f5f5}.close-icon[data-v-ba3d3b33]{fill:currentColor;width:24px;height:24px}.modal-content[data-v-ba3d3b33]{flex:1;padding:20px 24px 24px;overflow-y:auto}.guide-section[data-v-ba3d3b33]{margin-bottom:32px}.guide-section[data-v-ba3d3b33]:last-child,.upload-section.uploading-only[data-v-ba3d3b33]{margin-bottom:0}.section-title-with-badge[data-v-ba3d3b33]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-title[data-v-ba3d3b33]{color:#232425;margin:0;font-size:16px;font-weight:600}.upload-area[data-v-ba3d3b33]{text-align:center;background:#f9fafb;border:2px dashed #d0d5dd;border-radius:12px;justify-content:center;align-items:center;min-height:200px;padding:32px;transition:all .3s;display:flex;position:relative}.upload-area.drag-over[data-v-ba3d3b33]{background:#f0fdf4;border-color:#3c7e40}.upload-area.uploading[data-v-ba3d3b33]{background:#fff;border-style:solid;border-color:#3c7e40}.upload-area.has-error[data-v-ba3d3b33]{background:#fef2f2;border-color:#dc2626}.file-input[data-v-ba3d3b33]{display:none}.upload-prompt[data-v-ba3d3b33]{cursor:pointer;flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.upload-icon[data-v-ba3d3b33]{color:#3c7e40;width:48px;height:48px}.upload-text[data-v-ba3d3b33]{color:#232425;margin:0;font-size:16px;font-weight:500}.upload-hint[data-v-ba3d3b33]{color:#6b7280;margin:0;font-size:14px}.uploading-state[data-v-ba3d3b33]{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.spinner[data-v-ba3d3b33]{border:3px solid #f3f4f6;border-top-color:#3c7e40;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin-ba3d3b33}@keyframes spin-ba3d3b33{to{transform:rotate(1turn)}}.uploading-text[data-v-ba3d3b33]{color:#232425;margin:0;font-size:16px;font-weight:500}.uploading-hint[data-v-ba3d3b33]{color:#6b7280;margin:0;font-size:14px}.progress-container[data-v-ba3d3b33]{align-items:center;gap:12px;width:100%;display:flex}.progress-bar[data-v-ba3d3b33]{background:#e5e7eb;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill[data-v-ba3d3b33]{background:linear-gradient(90deg,#3c7e40,#4ade80);height:100%;transition:width .3s}.progress-text[data-v-ba3d3b33]{color:#3c7e40;text-align:right;min-width:45px;font-size:14px;font-weight:600}.error-state[data-v-ba3d3b33]{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.error-icon-large[data-v-ba3d3b33]{font-size:48px}.error-title[data-v-ba3d3b33]{color:#dc2626;margin:0;font-size:18px;font-weight:600}.error-message-text[data-v-ba3d3b33]{color:#6b7280;text-align:center;margin:0;font-size:14px}.btn-confirm[data-v-ba3d3b33]{color:#fff;cursor:pointer;background:#3c7e40;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .2s}.btn-confirm[data-v-ba3d3b33]:hover{background:#2f6633}@media (max-width:768px){.add-template-guide-modal[data-v-ba3d3b33]{border-radius:0;max-width:100%;max-height:100vh}.upload-area[data-v-ba3d3b33]{min-height:180px;padding:24px 16px}}.sheets-template-selector[data-v-aa197c59]{box-sizing:border-box;z-index:1000;background-color:#fff;flex-direction:column;width:100%;height:100%;margin:0 auto;display:flex;position:absolute;top:0;left:0;overflow:hidden}.header-controls[data-v-aa197c59]{z-index:10;background:#fff;flex-direction:row;flex-shrink:0;justify-content:flex-start;padding:18px 24px}.header-controls[data-v-aa197c59],.header-left[data-v-aa197c59]{align-items:center;display:flex}.header-left[data-v-aa197c59]{gap:12px}.back-icon[data-v-aa197c59],.left-toggle[data-v-aa197c59]{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.back-icon[data-v-aa197c59]:hover,.left-toggle[data-v-aa197c59]:hover{background:#f5f5f5}.icon[data-v-aa197c59]{justify-content:center;align-items:center;display:flex}.main-content[data-v-aa197c59]{flex:1;position:relative;overflow-y:auto}.header[data-v-aa197c59]{text-align:center;margin-bottom:32px}.header h2[data-v-aa197c59]{color:#333;margin:0;font-size:28px;font-weight:700}.prompt-input-section[data-v-aa197c59]{margin-bottom:80px}.prompt-input-wrapper[data-v-aa197c59]{justify-content:center;max-width:800px;margin:0 auto;display:flex}.prompt-input-wrapper-upper[data-v-aa197c59]{justify-content:center;width:100%;display:flex}.search-filter-section[data-v-aa197c59]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.dropdown-container[data-v-aa197c59],.filter-group[data-v-aa197c59]{position:relative}.dropdown-trigger[data-v-aa197c59]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:8px;min-width:140px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.dropdown-trigger[data-v-aa197c59]:hover{border-color:#3c7e40}.dropdown-trigger.active[data-v-aa197c59]{background:#f5fff5;border-color:#3c7e40}.dropdown-text[data-v-aa197c59]{text-align:left;flex:1}.dropdown-arrow[data-v-aa197c59]{width:16px;height:16px;transition:transform .2s}.dropdown-arrow.rotated[data-v-aa197c59]{transform:rotate(180deg)}.dropdown-menu[data-v-aa197c59]{z-index:10;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:200px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.dropdown-item[data-v-aa197c59]{cursor:pointer;align-items:center;gap:8px;padding:10px 16px;transition:background .2s;display:flex}.dropdown-item[data-v-aa197c59]:hover{background:#f5f5f5}.dropdown-checkbox[data-v-aa197c59]{cursor:pointer}.dropdown-item-text[data-v-aa197c59]{color:#333;font-size:14px}.official-toggle[data-v-aa197c59]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.official-toggle[data-v-aa197c59]:hover{border-color:#3c7e40}.official-toggle input[data-v-aa197c59]{cursor:pointer}.templates-loading[data-v-aa197c59]{text-align:center;padding:60px 20px}.spinner[data-v-aa197c59]{border:4px solid #f0f0f0;border-top-color:#3c7e40;border-radius:50%;width:48px;height:48px;margin:0 auto 16px;animation:.8s linear infinite spin-aa197c59}@keyframes spin-aa197c59{to{transform:rotate(1turn)}}.templates-loading p[data-v-aa197c59]{color:#666;font-size:14px}.templates-grid[data-v-aa197c59]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px;display:grid}.empty-state[data-v-aa197c59]{color:#999;text-align:center;padding:60px 20px;font-size:16px}.pagination[data-v-aa197c59]{justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.pagination button[data-v-aa197c59]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .3s}.pagination button[data-v-aa197c59]:hover:not(:disabled){background:#f5f5f5;border-color:#3c7e40}.pagination button[data-v-aa197c59]:disabled{cursor:not-allowed;opacity:.5}.pagination span[data-v-aa197c59]{color:#666;font-size:14px}@media (max-width:768px){.main-content[data-v-aa197c59]{padding:1rem}.header h2[data-v-aa197c59]{font-size:1.5rem}.prompt-input-wrapper[data-v-aa197c59]{max-width:100%;margin:0}.prompt-input-wrapper-upper[data-v-aa197c59]{width:100%}.search-filter-section[data-v-aa197c59]{flex-direction:column;align-items:stretch}.dropdown-trigger[data-v-aa197c59]{width:100%}.templates-grid[data-v-aa197c59]{grid-template-columns:1fr}}.tab-navigation[data-v-aa197c59]{border-bottom:1px solid #e5e7eb;gap:8px;margin-bottom:24px;padding-bottom:0;display:flex}.tab-button[data-v-aa197c59]{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s}.tab-button[data-v-aa197c59]:hover{color:#3c7e40}.tab-button.active[data-v-aa197c59]{color:#3c7e40;border-bottom-color:#3c7e40}.add-template-card[data-v-aa197c59]{box-sizing:border-box;cursor:pointer;background:linear-gradient(#fff 0,#f2f2f2);border:1px solid #efefef;border-radius:12px;justify-content:center;align-items:center;min-height:300px;transition:all .3s;display:flex;overflow:hidden}.add-template-card[data-v-aa197c59]:hover{background:linear-gradient(#f0fdf4 0,#e6f7ed);border-color:#3c7e40;transform:translateY(-4px);box-shadow:0 8px 24px #3c7e401f}.add-template-content[data-v-aa197c59]{flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.add-template-icon[data-v-aa197c59]{color:#666;justify-content:center;align-items:center;width:32px;height:32px;transition:color .3s;display:flex}.add-template-card:hover .add-template-icon[data-v-aa197c59]{color:#3c7e40}.add-template-text[data-v-aa197c59]{color:#232425;text-align:center;margin:0;font-size:16px;font-weight:500;transition:color .3s}.add-template-card:hover .add-template-text[data-v-aa197c59]{color:#3c7e40}@media (max-width:768px){.tab-navigation[data-v-aa197c59]{gap:4px}.tab-button[data-v-aa197c59]{padding:10px 16px;font-size:14px}.add-template-card[data-v-aa197c59]{min-height:250px}.add-template-content[data-v-aa197c59]{padding:16px 12px}}