.poster-generator[data-v-fdd12d28]{display:flex;height:calc(100vh - 60px);padding:20px;background:#f5f7fa;width:900px}.control-panel[data-v-fdd12d28]{width:380px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);overflow-y:auto}.control-panel .panel-title[data-v-fdd12d28]{text-align:center;margin-bottom:25px;color:#333;font-size:24px}.control-panel .panel-title i[data-v-fdd12d28]{margin-right:10px}.control-section[data-v-fdd12d28]{margin-bottom:25px;padding:15px;background:#f9f9f9;border-radius:6px}.control-section h3[data-v-fdd12d28]{margin-bottom:15px;color:#666;font-size:18px;display:flex;align-items:center}.control-section h3 i[data-v-fdd12d28]{margin-right:10px;font-size:20px}.control-item[data-v-fdd12d28]{margin-bottom:15px;display:flex;align-items:center}.control-item>span[data-v-fdd12d28]{width:100px;font-size:14px;color:#666}.control-item .el-color-picker[data-v-fdd12d28],.control-item .el-input[data-v-fdd12d28],.control-item .el-select[data-v-fdd12d28],.control-item .el-slider[data-v-fdd12d28]{flex:1}.upload-tip[data-v-fdd12d28]{font-size:12px;color:#999;margin-top:5px;margin-bottom:15px}.action-buttons[data-v-fdd12d28]{margin-top:20px}.action-buttons .el-button[data-v-fdd12d28]{width:100%;margin-bottom:10px;font-size:16px}.action-buttons .el-button i[data-v-fdd12d28]{margin-right:8px}.preview-area[data-v-fdd12d28]{flex:1;margin-left:20px;display:flex;flex-direction:column}.preview-area .preview-title[data-v-fdd12d28]{text-align:center;margin-bottom:20px;color:#333;font-size:22px}.preview-area .preview-title i[data-v-fdd12d28]{margin-right:10px}.poster-container[data-v-fdd12d28]{flex:1;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1);padding:20px;position:relative}.poster-container canvas[data-v-fdd12d28]{max-width:100%;max-height:100%;box-shadow:0 0 10px rgba(0,0,0,.1)}.preview-placeholder[data-v-fdd12d28]{text-align:center;color:#ccc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-placeholder i[data-v-fdd12d28]{font-size:60px;margin-bottom:15px}.preview-placeholder p[data-v-fdd12d28]{font-size:16px}