body{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:auto;padding:0;background-color:#f7f9fb;line-height:1.7;color:#333}h1{font-size:35px;font-weight:500;margin-bottom:20px;text-align:center;margin-top:3rem}.my-app{background:#fff;border-radius:16px;padding:30px;max-width:450px;width:100%;box-shadow:0 8px 30px rgba(0,0,0,.08);text-align:center;margin:auto;margin-top:2rem}.upload-area{border:2px dashed #ccc;border-radius:12px;padding:30px;background:#fafafa;cursor:pointer;transition:.3s ease}.upload-area:hover{background:#f0f4ff;border-color:#007bff}.upload-area p{margin:0;color:#666;font-size:14px}canvas{margin:20px auto 10px;display:block;border-radius:10px;border:1px solid #ddd;width:100%;max-width:100%;height:auto;cursor:grab}canvas.dragging{cursor:grabbing!important}.scale-control{margin-top:20px;text-align:left}.scale-control label{font-size:13px;font-weight:500;margin-bottom:6px;display:block}input[type="range"]{-webkit-appearance:none;width:100%;height:6px;background:#ddd;border-radius:5px;outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#007bff;border:2px solid #fff;border-radius:50%;box-shadow:0 0 2px rgba(0,0,0,.2);cursor:pointer}.download-btn{margin-top:20px;padding:10px 20px;background: #dddadaee;color:#585757;border:none;border-radius:12px;font-weight:600;cursor:pointer;font-size:16px;transition:background .2s ease;outline: 1px solid #9798996c}.download-btn:hover{background: #cfccccee}#fileInput{display:none}#footer{margin-top:200px;text-align:center;padding:10px;background-color:#f8f9fa;color:#333;font-size:18px;border-top:1px solid #ddd;width:100%;height:100%}#footer a{color:#007bff;text-decoration:none;margin:0 10px}#footer a:hover{text-decoration:underline}#footer{font-size:16px}#footer a{margin:5px}.container{max-width:800px;margin:0 auto;padding:20px;border-radius:10px;margin-top:10em}.container h2{font-size:24px;font-weight:bold;margin-top:40px;margin-bottom:20px}h1,h2,h3{color:#222}ul{padding-left:20px}ul li{margin-bottom:0}blockquote{font-style:italic;color:#555;border-left:4px solid #ddd;padding-left:10px;margin:20px 0}.note{background-color:#e6f7ff;border-left:5px solid #1890ff;padding:10px 15px;margin:20px 0;border-radius:5px}