.tool-container{padding:20px;max-width:950px;margin:0 auto;box-sizing:border-box;}
.upload-box{border:2px dashed #409eff;border-radius:8px;padding:35px 20px;text-align:center;margin-bottom:25px;cursor:pointer;transition:0.3s;}
.upload-box:hover{border-color:#66b1ff;background:#f7faff;}
#fileImg{display:none;}
.load-tip{color:#409eff;margin:10px 0;display:none;}
.preview-wrap{width:100%;text-align:center;margin-bottom:25px;}
.preview-img{max-width:100%;max-height:500px;border:1px solid #eee;border-radius:6px;display:none;margin:0 auto;}
.canvas-box{display:none;}
#sketchCanvas{max-width:100%;max-height:500px;border:1px solid #eee;border-radius:6px;margin:0 auto;}
.ctrl-box{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;}
.ctrl-item{margin:12px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.ctrl-item label{width:80px;color:#333;}
input[type="range"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    flex:1;
    max-width:300px;
    height:6px;
    border-radius:3px;
    background:#e5e6eb;
    outline:none;
}
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    width:16px;
    height:16px;
    border-radius:50%;
    background:#409eff;
    cursor:pointer;
    border:none;
}
input[type="range"]::-moz-range-thumb {
    width:16px;
    height:16px;
    border-radius:50%;
    background:#409eff;
    cursor:pointer;
    border:none;
}
.btn-group{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0;}
.btn{padding:9px 20px;border:none;border-radius:5px;cursor:pointer;font-size:14px;}
.btn-make{background:#409eff;color:#fff;}
.btn-download{background:#67c23a;color:#fff;}
.btn-reset{background:#e6a23c;color:#fff;}
.tip-text{color:#999;font-size:14px;}
.msg-tip{position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:6px 16px;background:#333;color:#fff;border-radius:4px;display:none;z-index:999;}