*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5;padding:20px}.container{max-width:1200px;margin:0 auto}h1{text-align:center;color:#333;margin-bottom:30px}.controls{background:white;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.file-inputs{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap}.file-inputs label{display:flex;flex-direction:column;gap:5px}.file-inputs input[type=file]{padding:8px;border:1px solid #ddd;border-radius:4px}.brush-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.brush-controls label{display:flex;align-items:center;gap:10px}input[type=range]{width:150px}.action-buttons{display:flex;gap:10px;margin-left:auto}button{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}button:not(:disabled){background-color:#007bff;color:#fff}button:not(:disabled):hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}.canvas-container{position:relative;display:inline-block;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}#canvas{display:block;cursor:crosshair}.placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#999;pointer-events:none}.placeholder p{font-size:18px}#clearEraser{background-color:#dc3545}#clearEraser:hover:not(:disabled){background-color:#c82333}#downloadBtn{background-color:#28a745}#downloadBtn:hover:not(:disabled){background-color:#1e7e34}