body{margin:0;font-family:Arial,sans-serif;background:#fff}.container{max-width:100%;min-width:950px;margin:0 auto;padding:0}.header{position:relative;border-bottom:1px solid #eee}.header-title{display:flex;align-items:center;justify-content:center}.header p{color:#666;font-size:1.1rem;text-align:center;margin-top:0}.logo{width:36px;height:36px;margin-right:20px}.title{font-size:1.7rem;font-weight:700;padding-bottom:18px;text-align:center;margin-bottom:0}.content{display:flex}.sidebar{width:242px;height:100%;background:#fff;border-right:1px solid #eee;padding:0 12px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#fff;padding:0 12px;height:100%}.options{width:180px;background:#fff;border-left:1px solid #eee;padding:0 12px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;height:100%}.template-list{display:flex;flex-direction:column}.template-item{padding:4px;background:#f0f0f0;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;border:2px solid transparent;box-sizing:border-box;width:48px;height:48px}.template-item:hover{border-color:#a0cfff;background:#f7faff}.template-item.active{border-color:#1890ff;background:#e6f7ff}.custom-template{margin-top:18px;padding:10px;background:#e6f7ff;border-radius:6px;text-align:center;cursor:pointer;color:#1890ff;font-weight:700}.upload-area{border:2px dashed #bdbdbd;border-radius:10px;width:400px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;margin-bottom:24px}.upload-area input[type=file]{display:none}.upload-label{background:#1890ff;color:#fff;padding:8px 18px;border-radius:5px;cursor:pointer;margin-top:12px}.option-group label{display:block;margin-bottom:6px;font-weight:500}.option-group input[type=color],.option-group input[type=number]{width:100%;padding:6px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box}.template-thumb{display:inline-block;width:40px;height:40px;vertical-align:middle;background:0 0}.template-group{margin-bottom:8px;display:flex;flex-wrap:wrap;gap:8px}.template-group-title{font-size:15px;color:#888;font-weight:700;margin-left:2px;flex-basis:100%}.footer{width:100%}.how-to-section{max-width:1200px;margin:24px auto;background:#f8f9fa;border-radius:10px;padding:20px}.how-to-title{margin:0 0 16px 0;font-size:1.1rem;color:#333}.how-to-steps{margin:0;padding-left:24px;line-height:1.8;color:#555;font-size:.95rem}.how-to-steps li{margin-bottom:8px}.image-edit-panel{padding:12px;background:#f0f8ff;border-radius:8px;border:1px solid #b3d8ff}.image-edit-panel .edit-panel-title{margin:0 0 12px 0;font-size:.95rem;color:#1890ff}.image-edit-panel .option-group{margin-bottom:10px}.image-edit-panel .option-group label{display:block;margin-bottom:4px;font-size:.9rem}.image-edit-panel input[type=range]{width:100%;margin-right:8px;vertical-align:middle}.image-edit-panel .option-group span{font-size:.85rem;color:#666;margin-left:4px}.edit-reset-btn{margin-top:8px;padding:6px 14px;border:1px solid #1890ff;background:#fff;color:#1890ff;border-radius:5px;cursor:pointer;font-size:.9rem}.edit-reset-btn:hover{background:#e6f7ff}.tpl-cell.editing{border-color:#1890ff!important;border-style:solid!important;box-shadow:0 0 0 2px rgba(24,144,255,.3)}