.tu-upload-area{border:2px dashed #d0d5e0;border-radius:14px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background:#fafbfe;}
.tu-upload-area:hover,.tu-upload-area.dragover{border-color:#4e7cf5;background:#eef3ff;}
.tu-upload-area i{font-size:36px;color:#4e7cf5;margin-bottom:12px;}
.tu-upload-area p{font-size:15px;color:#5a6475;margin:4px 0;line-height:1.6;}
.tu-preview{max-width:100%;border-radius:10px;border:1px solid #e8ecf2;}
.tu-canvas-wrap{position:relative;display:inline-block;max-width:100%;border:1px solid #e8ecf2;border-radius:10px;overflow:hidden;}
.tu-canvas-wrap canvas{display:block;max-width:100%;cursor:crosshair;}
.tu-swatch{width:60px;height:60px;border-radius:10px;border:2px solid #e8ecf2;display:inline-block;vertical-align:middle;}
.tu-color-row{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #f0f3f8;}
.tu-color-label{width:60px;font-size:14px;color:#5a6475;font-weight:600;}
.tu-color-val{flex:1;font-family:monospace;font-size:14px;color:#1a1f2e;}