.text-image-generator-container[data-v-2a3bf571]{max-width:1400px;margin:0 auto;padding:20px}.page-header[data-v-2a3bf571]{text-align:center;margin-bottom:30px}.page-header h1[data-v-2a3bf571]{color:#2c3e50;margin-bottom:10px;font-size:28px}.page-description[data-v-2a3bf571]{color:#7f8c8d;font-size:16px;line-height:1.6}.generator-section[data-v-2a3bf571]{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.input-panel[data-v-2a3bf571]{background:#f8f9fa;border-radius:12px;padding:25px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.input-panel h3[data-v-2a3bf571],.input-panel h4[data-v-2a3bf571]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.input-panel h4[data-v-2a3bf571]{font-size:16px;margin-top:25px}.canvas-settings[data-v-2a3bf571],.color-settings[data-v-2a3bf571],.text-settings[data-v-2a3bf571]{margin-bottom:25px}.settings-grid[data-v-2a3bf571]{display:flex;flex-direction:column;gap:15px}.setting-item[data-v-2a3bf571]{display:flex;align-items:center;gap:15px}.setting-item label[data-v-2a3bf571]{min-width:80px;font-weight:500;color:#2c3e50}.value-display[data-v-2a3bf571]{min-width:50px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#409eff;font-weight:700}.style-checkboxes[data-v-2a3bf571]{display:flex;gap:15px}.color-picker-group[data-v-2a3bf571]{display:flex;gap:20px;margin-bottom:15px}.color-item[data-v-2a3bf571]{display:flex;align-items:center;gap:10px}.color-item label[data-v-2a3bf571]{min-width:80px}.gradient-direction[data-v-2a3bf571]{display:flex;align-items:center;gap:15px}.gradient-direction label[data-v-2a3bf571]{min-width:80px}.preset-sizes[data-v-2a3bf571]{display:flex;align-items:center;gap:15px;margin-top:15px}.preset-sizes label[data-v-2a3bf571]{min-width:80px;font-weight:500;color:#2c3e50}.preview-panel[data-v-2a3bf571]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.preview-panel h3[data-v-2a3bf571]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.preview-container[data-v-2a3bf571]{text-align:center;margin-bottom:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:2px dashed #ddd}.preview-canvas[data-v-2a3bf571]{border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);max-width:100%;height:auto}.preview-info[data-v-2a3bf571]{display:flex;justify-content:space-around;margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px}.info-item[data-v-2a3bf571]{text-align:center}.info-label[data-v-2a3bf571]{display:block;font-size:12px;color:#7f8c8d;margin-bottom:5px}.info-value[data-v-2a3bf571]{font-weight:700;color:#2c3e50;font-size:14px}.action-buttons[data-v-2a3bf571]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.templates-section[data-v-2a3bf571]{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.templates-section h3[data-v-2a3bf571]{color:#2c3e50;margin:0 0 20px 0;font-size:18px;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.template-grid[data-v-2a3bf571]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.template-item[data-v-2a3bf571]{cursor:pointer;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s}.template-item[data-v-2a3bf571]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.template-preview[data-v-2a3bf571]{height:80px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;position:relative}.template-name[data-v-2a3bf571]{padding:10px;text-align:center;background:#f8f9fa;color:#2c3e50;font-weight:500;font-size:14px}@media (max-width:1200px){.generator-section[data-v-2a3bf571]{grid-template-columns:1fr}}@media (max-width:768px){.text-image-generator-container[data-v-2a3bf571]{padding:15px}.page-header h1[data-v-2a3bf571]{font-size:24px}.input-panel[data-v-2a3bf571],.preview-panel[data-v-2a3bf571],.templates-section[data-v-2a3bf571]{padding:20px 15px}.settings-grid[data-v-2a3bf571]{gap:12px}.setting-item[data-v-2a3bf571]{flex-direction:column;align-items:flex-start;gap:8px}.setting-item label[data-v-2a3bf571]{min-width:auto}.color-picker-group[data-v-2a3bf571]{flex-direction:column;gap:15px}.preset-sizes[data-v-2a3bf571]{flex-direction:column;align-items:flex-start;gap:10px}.action-buttons[data-v-2a3bf571]{flex-direction:column}.action-buttons .el-button[data-v-2a3bf571]{width:100%}.template-grid[data-v-2a3bf571]{grid-template-columns:1fr 1fr}.preview-info[data-v-2a3bf571]{flex-direction:column;gap:10px}}@media (max-width:480px){.text-image-generator-container[data-v-2a3bf571]{padding:10px}.page-header h1[data-v-2a3bf571]{font-size:20px}.input-panel[data-v-2a3bf571],.preview-panel[data-v-2a3bf571],.templates-section[data-v-2a3bf571]{padding:15px 10px}.template-grid[data-v-2a3bf571]{grid-template-columns:1fr}.style-checkboxes[data-v-2a3bf571]{flex-direction:column;gap:8px}}.el-slider[data-v-2a3bf571]{margin:0!important}.color-mode-tabs .el-tabs__header[data-v-2a3bf571]{margin-bottom:15px}.el-radio-group .el-radio-button__inner[data-v-2a3bf571]{padding:8px 15px}